/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-size:89%;
	font-family:verdana,Osaka,Meiryo,"‚l‚r ƒSƒVƒbƒN","MS Gothic",Sans-Serif;
	color:#333;
	line-height:1.5;
	background-color: #000;
	background-image: url(img/back_tile.jpg);
	background-repeat: repeat;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

i {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

hr{
	margin:0.5em 0;
}

div .clear{
	clear: both; 
}

dl {
	color:#666;
}
dd {
	margin-bottom: 1.3em;
}

li {
	list-style:none;
	line-height:1.3;
}

h4 {
	font-size: medium;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 15px;
}

/*-----------------------------------------------
 __container
-----------------------------------------------*/

#outbox {
	margin:0 auto;
	width: 705px;
}

#outbox-index {
	margin:0 auto;
	width: 712px;
	background-image: url(img/back_index.jpg);
	background-repeat: no-repeat;
}



#index-logo {
	margin: 0px;
	padding: 0px;
	height: 240px;
	width: 712px;
}


#index_menu {
	width: 712px;
}

#index_menu_left{
	float: left;
	width: 271px;
}

#index_cut {
	float: right;
	width: 441px;
}



#contents {
	margin:0;
	padding:0;
	background-image: url(img/back_contents.jpg);
	background-repeat: repeat-y;
	width: 705px;
}


#head{
	height: 157px;
	width: 705px;
}


#story{
	background-image: url(img/back_story.jpg);
	background-repeat: no-repeat;
	margin:0 auto;
	padding: 10px 140px;
}

.all{
	margin:0 auto;
	width: 620px;
}

div.character-text{
	padding: 0px 8px;
}


img.kabegami {
	display: block;
	width: 320px;
	border: 1px solid #006699;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}


/*-----------------------------------------------
 __amlet
-----------------------------------------------*/

#amlet-outbox{
	margin:0 auto;
	width:450px;
	background-image: url(img/amlet_backimg.jpg);
	background-repeat: repeat-y;
}

#amlet-contents{
	margin:10px 35px;
	width:380px;
	font-size: small;
}

#amlet-footer {
	bottom: 0px;
	display: block;
}


/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	background-image: url(img/back_menu.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#footer table {
	width: 620px;
	margin-right: 40;
	margin-left: 40px;
}
.book-info {
	text-align: center;
}
.kabegami-text {
	font-size: small;
	padding: 10px;
}