/*****************************
コンテンツ部分
******************************/

a img {
border:0;
}

body{
	margin: 0px auto;
	background: url(.././images/ou_haikei.jpg) repeat;
}

main{
	margin: 0px auto;
	position:relative;
}

#ul{
	margin-left:0;
	padding-left:0
}

#li{
	display:inline;
	padding-right:10px;
}

#wrapper{
	width:820px;
	margin:0 auto;
	position:absolute;
	top:-75px;
	left:-15px;
}


#wrapper2{
	width:820px;
	margin:0 auto;
	position:absolute;
	top:-40px;
	left:-30px;
}

#wrap{
	width:820px;
	margin:0 auto;
	/*position:relative;*/
}

/*#wrap h1,#wrap h3,#wrap h4,#menu ul li a {
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}*/

#head{
	width:820px;
	height:617px;
	margin:0 auto;
	background: url(.././images/renai_manual_main.jpg) no-repeat top center;
	text-indent: -9999px;

}



/* menu */

#wrap div#menu {
width:100%;
height:32px;
top:-35px;
/*background: url(../images/menu_bg2.jpg) no-repeat center;*/
}

#wrap div#menu.cast {
width:100%;
height:32px;
/*position:absolute;*/
top:-100px;
/*background: url(../images/menu_bg2.jpg) no-repeat center;*/
}



#menu ul{
/*background: url(../images/menu_inbg.jpg) no-repeat center;*/
width:690px;/*820px*/
height:32px;
margin:0 auto;
}
#menu ul li{
list-style:none;
float:left;
}
#menu ul li a{padding:0px 0 0 0;}
#menu ul li#btn_top a{
width:97px;
/*background: url(./images/ou_btn_top.png) no-repeat;*/
}
#menu ul li#btn_next a{
width:144px;
/*background: url(./images/ou_btn_next.png) no-repeat;*/
}
#menu ul li#btn_kako a{
width:224px;
/*background: url(./images/ou_btn_kako.png) no-repeat;*/
}
#menu ul li#btn_cast a{
width:142px;
/*background: url(./images/ou_btn_cast.png) no-repeat;*/
}
#menu ul li#btn_soukanzu a{
width:76px;
/*background: url(./images/ou_btn_soukanzu.png) no-repeat;*/
}


#menu ul li#btn_top a:hover{
/*background: url(./images/ou_btn_top_on.png) no-repeat;*/
}
#menu ul li#btn_next a:hover{
width:144px;
/*background: url(./images/ou_btn_next_on.png) no-repeat;*/
}
#menu ul li#btn_kako a:hover{
width:224px;
/*background: url(./images/ou_btn_kako_on.png) no-repeat;*/
}
#menu ul li#btn_cast a:hover{
width:142px;
/*background: url(./images/ou_btn_cast_on.png) no-repeat;*/
}
#menu ul li#btn_soukanzu a:hover{
width:76px;
/*background: url(./images/ou_btn_soukanzu_on.png) no-repeat;*/
}



#menu ul li#btn_onair_no {
width:234px;
background:  url(.././images/btn_onair_no.gif) no-repeat;
padding:53px 0 0 0;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}
#menu ul li#btn_network_no {
width:228px;
background:  url(.././images/btn_network_no.gif) no-repeat;
padding:53px 0 0 0;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}


/* clearfix */ 
.cf{ /zoom : 1;}  
.cf:after{ content : ''; display : block; clear : both; height:0; }  

#wrapper{
	margin: 0 auto;
	padding:0px 0 0 46px; 
	position:relative; 
		overflow: hidden;
}  

#wrapper2{
	margin: 0 auto;
	padding:0px 0 0 46px; 
	position:relative; 
		overflow: hidden;
} 

#menu{
	margin: 0;
	padding: 0;
}  

#menu a, #menu img{  
	display:block;  
} 



#wrap h1,
#wrap h2,
#wrap h3,
#wrap h4{
	text-indent:-9999px;
}

#wrap #story{
	background: url(.././images/ou_top_01.png) no-repeat;
	width:272px;
	height:550px;
}
/*****************************
CAST部分
******************************/

#cast{
	width:710px;
	margin:0 auto;
	padding:0 0 0 0;
}

#castbox{
	width:320px;
	height:290px;
	padding:10px 10px 0 10px;
	background:#FFFFFF;
	float:left;
}

#castbox #leftbox {
	width:157px;
	height:182px;
	float:left;
	background: url(.././images/ren_photo2.png) no-repeat;
}

#castbox #rightbox {
	width:160px;
	height:290px;
	float:right;
}

#castbox #rightbox p{
	margin:0;
	padding:0 0 0 5px;
	text-align:left;
	font-size:14px;
	line-height:130%;
}

#castbox2{
	width:320px;
	height:290px;
	padding:10px 10px 0 10px;
	background:#FFFFFF;
	float:left;
}

#castbox2 #leftbox2 {
	width:157px;
	height:182px;
	float:left;
	background: url(.././images/ren_photo1.png) no-repeat;
}

#castbox2 #rightbox2 {
	width:160px;
	height:290px;
	float:right;
}

#castbox2 #rightbox2 p{
	margin:0;
	padding:0 0 0 5px;
	text-align:left;
	font-size:14px;
	line-height:130%;
}


#castbox3{
	width:320px;
	height:290px;
	padding:10px 10px 0 10px;
	background:#FFFFFF;
	float:left;
}

#castbox3 #leftbox3 {
	width:157px;
	height:182px;
	float:left;
	background: url(.././images/ren_photo4.png) no-repeat;
}

#castbox3 #rightbox3 {
	width:160px;
	height:290px;
	float:right;
}

#castbox3 #rightbox3 p{
	margin:0;
	padding:0 0 0 5px;
	text-align:left;
	font-size:14px;
	line-height:130%;
}


#castbox4{
	width:320px;
	height:290px;
	padding:10px 10px 0 10px;
	background:#FFFFFF;
	float:left;
}

#castbox4 #leftbox4 {
	width:157px;
	height:182px;
	float:left;
	background: url(.././images/ren_photo3.png) no-repeat;
}

#castbox4 #rightbox4 {
	width:160px;
	height:290px;
	float:right;
}

#castbox4 #rightbox4 p{
	margin:0;
	padding:0 0 0 5px;
	text-align:left;
	font-size:14px;
	line-height:130%;

}

#castbox5{
	width:320px;
	height:250px;
	padding:10px 10px 0 10px;
	background:#FFFFFF;
	float:left;
}

#castbox5 #leftbox5 {
	width:157px;
	height:182px;
	float:left;
	background: url(.././images/ren_photo5.png) no-repeat;
}

#castbox5 #rightbox5 {
	width:160px;
	height:250px;
	float:right;
}

#castbox5 #rightbox5 p{
	margin:0;
	padding:0 0 0 5px;
	text-align:left;
	font-size:14px;
	line-height:130%;
}

/*****************************
相関図部分
******************************/

#soukanzu{
	width:710px;
	margin:0 auto;
	padding:53px 0 0 0;
}

#soukanzubox{
	width:710px;
	height:450px;
	padding:15px 10px 0 10px;
	background:#FFFFFF;
}

/*****************************
次回予告部分
******************************/

#story{
	width:780px;
	margin:0 auto;
	padding:53px 0 0 0;
	text-align:left;
}

#story td{
		padding:0 0px 0 0;
}

#story p{
    text-align:left;
	padding:5px 0px 0 0px;
	font-size: 14px;
	line-height: 140%;
}

#story p.2{
    text-align:left;
	padding:5px 0px -30px 0px;
	font-size: 14px;
	line-height: 140%;
}

#story p.b{
    font-weight:bold
}

#storybox{
	width:780px;
	padding:15px 10px 0 10px;
	background:#FFFFFF;
}


#footer {
	background: url(.././images/copyright.gif) no-repeat;
	padding:30px 0 0 0;
	width:800px;
	height:30px;
	font-size: 1.1em;
	text-align: center;
}

#copyright {
	margin:0px auto;
	text-align:center;
}

/*テキスト装飾関係*/
.brown{
	color:#8b6400;
	font-size:100%;
}

.black{
	color:#000000;
	font-size:100%;
	
}

.l {font-size: 14px; line-height: 140%;color:}


