/* CSS Document */
body{
	padding:0px;
	margin:0px auto;
	display:block;
	background-color:#ffe08a;
	font-family:sans-serif;
	font-size:80%;
	color:#ffffff;
}

/*A*/
a{
	color:#000000;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


/*WRAPPER*/
div#wrapper{
	background-image: url(images/bk.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
}

/*CONTAINER*/
div#container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
text-align:left;
}

*html div#container{
	width:800px;
	margin-left:0px;
	margin-right:0px;
text-align:left;
}



div#main{
width:800px;
position:relative;
display:block;
text-align:center;
left:0px;
}


*first-child+html div#main{
width:800px;
position:relative;
display:block;
text-align:center;
left:0px;
}


div#header{
	width:800px;
}

/*
*first-child+html div#header{
	position:relative;
	left:-120px;	
}

*html div#header{
	position:relative;
	left:0px;	
}
*/


div#spec{
	width:800px;
}



div#left{
	float:left;
	width:240px;
}

/*update*/
div#left div#what{
	width:240px;
	padding-left:20px;
	padding-bottom:5px;
	text-align:center;
}

div#left div#what .scroll{
overflow:auto;   
	width: 210px;
	height:140px;
	background-color: white;
	border: 1px solid #CCCC99;
	padding: 5px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	color:#000000;
	margin-left:10px;
}

/*comic*/
div#left div#onair{
	width:220px;
	padding-top:5px;
	padding-left:30px;
	padding-bottom:0px;
}

div#left div#onair .detail{
	width:210px;
	font-size:10px;
	line-height:13px;
	color:#000;
	text-align:center;
}




div#right{
	float:right;
	width:520px;
}

div#prom{
text-align:left;
margin-left:0px;
margin-top:10px;
}


div.clear{clear:both;}



div#world{
width:800px;
margin-top:10px;
margin-bottom:10px;
}

.nakayoshi{
margin-left:50px;	
}

.nakayoshi .scroll{
overflow:auto;   
	width: 630px;
	height:180px;
	background-color: #a9f6ff;
	/*border: 1px solid #CCCC99;*/
	padding: 5px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	color:#000000;
	margin-left:15px;
}

span.date{
font-size:16px;
line-height:22px;
}



div#chara{
width:800px;
margin-top:10px;
margin-bottom:10px;
}

div#chara table{
margin-left:10px;
}

div#chara td{
font-size:12px;
color:#000000;
}


div#chara img {
border:0;
}


div#system{
width:800px;
margin-top:10px;
padding-bottom:-10px;
}


/*姫岡こころ*/
.rollover01 {
width:127px;
height:105px;
background:url(images/c01_over.gif) no-repeat left bottom;
}
.rollover01 a {
display:block;
width:127px;
height:105px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
}

/*九龍院要*/
.rollover02 {
width:115px;
height:95px;
background:url(images/c02_over.gif) no-repeat left bottom;
}
.rollover02 a {
display:block;
width:115px;
height:95px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover02 a:hover {
text-indent:-9999px;
}


/*鷹司カオル*/
.rollover03 {
width:115px;
height:95px;
background:url(images/c05_over.gif) no-repeat left bottom;
}
.rollover03 a {
display:block;
width:115px;
height:95px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover03 a:hover {
text-indent:-9999px;
}

/*秋月淳平*/
.rollover04 {
width:115px;
height:95px;
background:url(images/c03_over.gif) no-repeat left bottom;
}
.rollover04 a {
display:block;
width:115px;
height:95px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover04 a:hover {
text-indent:-9999px;
}

/*樹 桃太*/
.rollover05 {
width:115px;
height:95px;
background:url(images/c04_over.gif) no-repeat left bottom;
}
.rollover05 a {
display:block;
width:115px;
height:95px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover05 a:hover {
text-indent:-9999px;
}

/*白鳥綾乃*/
.rollover06 {
width:102px;
height:85px;
background:url(images/c06_over.gif) no-repeat left bottom;
}
.rollover06 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover06 a:hover {
text-indent:-9999px;
}

/*若森 碧*/
.rollover07 {
width:102px;
height:85px;
background:url(images/c07_over.gif) no-repeat left bottom;
}
.rollover07 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover07 a:hover {
text-indent:-9999px;
}


/*水上朔夜*/
.rollover08 {
width:102px;
height:85px;
background:url(images/c08_over.gif) no-repeat left bottom;
}
.rollover08 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover08 a:hover {
text-indent:-9999px;
}

/*九龍院恵子*/
.rollover09 {
width:102px;
height:85px;
background:url(images/c09_over.gif) no-repeat left bottom;
}
.rollover09 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover09 a:hover {
text-indent:-9999px;
}


/*力武*/
.rollover10 {
width:102px;
height:85px;
background:url(images/c10_over.gif) no-repeat left bottom;
}
.rollover10 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover10 a:hover {
text-indent:-9999px;
}

/*マキ*/
.rollover11 {
width:102px;
height:85px;
background:url(images/c11_over.gif) no-repeat left bottom;
}
.rollover11 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover11 a:hover {
text-indent:-9999px;
}

/*忍*/
.rollover12 {
width:102px;
height:85px;
background:url(images/c12_over.gif) no-repeat left bottom;
}
.rollover12 a {
display:block;
width:102px;
height:85px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover12 a:hover {
text-indent:-9999px;
}



div#gallery{
width:800px;
margin-top:10px;
margin-bottom:40px;
}


.banners{
color:#000000;
text-align:left;
margin-left:30px;
}



div#footer{
	width:800px;
}