@charset "Shift_JIS";

*{
	border : 0px;
	padding : 0px;
	margin : 0px;}

html, body{
	width : 100%;
	height : 100%;}
	
body{
	background-color : #ffffff;}

.attention{
	width : auto;
	color : #c00;
	font-weight : bold;
	text-align : center;
}

a:link { color: #993300; }
a:visited { color: #666600; }
a:active { color: #ffffff; }
a:hover { color: #666666; text-decoration: none;}

#CONTAINER_index{
	width : 100%;
	height : 100%;
	text-align : center;
	vertical-align : middle;}

#CONTAINER{
	width : 100%;
	height : 100%;
	text-align : center;
	vertical-align : top;}
	
#TOP{
	vertical-align : top;
	padding-top : 40px;}
	
#MAIN{
	width : 702px;
	margin : 0px auto;}

/*--------------------index*/
#INDEX{
	width : 50%;
	max-width : 600px;
	border : 2px solid #fc3;
	margin : 0px auto;}
	
#INDEX tbody th{
	padding-top : 1ex;}
	
#INDEX tbody td{
	font : normal 90% auto;
	text-align : left;
	border : 1px dashed #666;
	padding : 1ex 0px;
	padding-left : 2em;}
	
#ul1{
	margin-left : -1em;}
	
.li1{
	list-style : circle inside;
	margin-bottom : 10px;
	float : left;
	clear : none;}
	
.ul2 li{
	list-style : disc outside;
	margin : 5px 0px 2px 3em;}
	
#INDEX tbody #copy{
	text-align : center;
	border : 0px;
	padding : 0px;}
	
#INDEX tfoot td{
	font : normal 80% auto;}
	
/*--------------------top*/
#TOPPAGE{
	width : 500px;
	height : 500px;
	float : left;
	clear : none;}
	
#topimage{
	width : 500px;
	height : 500px;
	border : 1px dashed #999;
	margin-top : 4px;
	float : right;
	clear : none;}

/*--------------------menu*/
#MENU{
	width : 200px;
	font-size : 85%;
	text-align : left;
	/*border : 2px solid #fc3;*/
	float : left;}
	
#MENU td,#MENU th{
	letter-spacing : 1px;
	border : 1px dashed #999;
	padding : 1ex 0px 1ex 1em;}
	
#MENU .scroll{
	background : #eee;
	text-indent : 1em;
	padding : 1ex 0px 0px 0px;}
	
.scroll div{
	height : 5em;
	background : #fff;
	border-top : 1px dashed #999;
	margin-top : 1ex;
	overflow : auto;
	overflow-x : auto;
	overflow-y : scroll;}
	
.scroll div span{
	 display : block;
	 color : #000000;
	 border-bottom : 1px dotted #cccccc;
	 padding : 2px 0px 2px 1.2em;
	 text-indent : -1em;}
	
#MENU th{
	font : normal 95% auto;
	text-align : center;
	border : 0px;}
	
#MENU #links{
	background : #eee;
	line-height : 120%;}
	
#MENU #links img{
	vertical-align : middle;
	margin : 2px 0px;}
	
/*--------------------list*/
#LIST{
	width : 502px;
	margin-top : -2px;
	float : right;}
	
#LIST th{
	background : #fc3;
	border-top : 5px solid #fff;}
	
#LIST td{
	text-align : left;
	border : 1px solid #fc3;
	padding:0px 0px 5px 0px;}

a.thum_a{
	display : block;
	width : 40px;
	height : 120px;
	background-position : top left;
	text-indent : -1000em;
	margin : 5px 0px 0px 5px;
	float : left;
	clear : none;
	overflow : hidden;}
	
a.thum_a:hover{
	background-position : top right;}
	
.thum_img{}
	
.thum_div{
	behavior : url(Hover.htc);
	display : block;
	width : 40px;
	height : 120px;
	background-position : top left;
	text-indent : -1000em;
	margin : 5px 0px 0px 5px;
	float : left;
	clear : none;
	overflow : hidden;
	cursor : pointer;}
	
.thum_div:hover{
	background-position : top right;}
	
/*--------------------illust*/
.illust_body{
	overflow : auto;
	overflow-x : auto;
	overflow-y : scroll;}

.body_illust p{
	text-align: center;
}

.ILLUST{
	border-color : #f00;}
.comment{
	height : 45px;
	font : normal 80% auto;
	text-align : left;
	vertical-align : top;
	text-indent : -1em;
	border : 1px dashed #999;
	padding-left : 1em;
	overflow : auto;
	overflow-x : auto;
	overflow-y : scroll;
	margin: 0 auto;}
	
.date{
	text-align : right;}
	
/*------------------------------comic*/
#comic_index{
	text-align : center;
	border : 1px dashed #ccc;
	margin : 0px auto;
}
	
/*------------------------------mailfrom*/
#output283317{}

/*------------------------------counter*/
#counter{
	width : 1px;
	height : 1px;
	visibility : hidden;
}

/*------------------------------guidance*/
.GUIDANCE{
	width : 502px;
	margin-top : -2px;
	float : right;}
	
.GUIDANCE th{
	background : #fc3;
	border-top : 5px solid #fff;}
	
.GUIDANCE td{
	font-size : 95%;
	text-align : left;
	border : 1px solid #fc3;
	padding: 1em;}
	
.GUIDANCE li{
	color : #666;
	list-style : disc inside;
	font-weight : bold;
	margin-bottom : 0.5em;
}

.GUIDANCE li li{
	list-style : circle inside;
	margin-left : 1em;
}

.GUIDANCE li div{
	color : #000;
	font-weight : normal;
	text-indent : 1em;
	margin-left : 1em;
}