/*------------------------------------------------
	index.css - <H.I.T> index.html design css
	2008.12.5
	:::toc:::
	import url
	parts design
------------------------------------------------*/

@import url(../../common/common.css);
@import url(../../common/format.css);
@import url(../../common/layout-old.css);
@import url(../../common/navigation.css);
@import url(reset.css);
@import url(rollover.css);

/* common design
------------------------------------------------*/

#head{
	background-color:#FFF;
	}
	
body{
	background:url(../images/bg_line.gif)
	repeat-x
	center
	61px
	#050e0d;
	color:#FFFFFF;
	}
	
#main{
	width:980px;
	padding:0;
	margin:0 auto;
	border:none;
	border-bottom:1px solid #55595b;
	}

a {
	color:#FFFFFF;
	}

p {
	color:#FFFFFF;
	line-height:1.5;
	font-size:90%;
	}
	



/* top design ...side
------------------------------------------------*/

#side {
	width:248px;
	float:left;
	}


#side h1{
	width:244px;
	text-align:left;
	padding:0;
	margin:0;
	}
	
#side #movie{
	padding:5px 0;
	padding:5px 0;
	}

#side ul#gNavi li{
	margin:0;
	padding:0;
	}
	
html>/**/body #side ul#gNavi li{
	margin:2px 0;
	padding:0;
	}

	
#side ul#gNavi li#bnr{
	margin:20px 0 0;
	}
	
#index #side ul#gNavi li#bnr{
	margin:0;
	}
	
html>/**/body #index #side ul#gNavi li#bnr{
	margin:2px 0;
	padding:0;
	}


	
/* top design ...mainContents
------------------------------------------------*/

#mainContents{
	width:732px;
	float:right;
	}
	
#mainContents p#oa{
	text-align:right;
	padding:25px 25px 10px 0;
	}
	
#mainContents p#oa_jizen{
	text-align:right;
	padding:0px 5px 10px 0;/*0px*/
	margin:0;
	}
	
	
	
/* top design ...footer
------------------------------------------------*/

#main #footer {
	width:970px;
	}

#main #footer p{
	text-align:right;
	clear:both;
	vertical-align:middle;
	}
	
#main #footer p#bnr_foot{
	margin:5px 0 10px;
	vertical-align:middle;
	}
	
#main #footer p#bnr_foot a{
	margin:0 0 0 10px;
	}

#main #footer p#bnr_foot img{
	vertical-align:middle;
	}
	
/* inner design ...side
------------------------------------------------*/

p#oa_02{
	margin:13px 0;
	}

/* inner design ...mainContents Intro
------------------------------------------------*/

#main #contentsInner{
	width:732px;
	min-height:216px;
	background:url(../images/header.jpg)
	no-repeat
	top
	left
	#020405;
	}

#main #contentsInner h2{
	padding:168px 0 0 40px;
	}
	
#main #contentsInner #txt p{
	margin:20px 20px;
	}

#main #contentsInner #txt{
	width:440px;
	}

/* inner design ...mainContents Cast
------------------------------------------------*/

#main #contentsInner .cast{
	clear:both;
	width:600px;
	margin:0 auto;
	}
	
#main #contentsInner .cast p#txt_01{
	padding:30px 0 0 0;
	margin:0;
	}	
	
#main #contentsInner .cast p#txt_02{
	padding:158px 0 0 0;
	margin:0;
	}	
	
#main #contentsInner .cast p#txt_03{
	padding:85px 0 0 0;
	margin:0;
	}	
		
#main #contentsInner .cast p#txt_04{
	padding:100px 0 0 0;
	margin:0;
	}
	
#main #contentsInner #cast_02{
	position:relative;
	top:-93px;
	}
#main #contentsInner #cast_03{
	position:relative;
	top:-120px;
	}		

#main #contentsInner #cast_04{
	position:relative;
	top:-160px;
	}	
	
	
/* inner design ...mainContents story
------------------------------------------------*/
	
#main .ttl{
	width:688px;
	margin:20px auto 0;
	text-align:left;
	background:url(../images/cop_01.jpg)
	no-repeat
	center
	top;
	}
	
#main .story{
	width:688px;
	margin:0 auto 10px;
	text-align:left;
	background:url(../images/cop_02.jpg)
	no-repeat
	center
	bottom;
	border:none;
	}
	
#main .ttl h3{
	color:#FFFFFF;
	font-size:110%;
	padding:20px 0 0;
	margin:0 20px;
	width:380px;
	line-height:1.5;
	border-bottom:1px solid #47494a;
	}
	
#main .story p{
	padding:20px 0;
	margin:0 20px;
	color:#FFFFFF;
	width:380px;
	}
	
#main .story img.storyPhoto{
	border:6px solid #FFFFFF;
	margin:0 10px 10px 0;
	}
	
#bnr_btn{
	clear:both;
	}
	
#bnr_btn p{
	text-align:right;
	margin:0 20px 20px;
	}
	
#bnr_02 p{
	margin:0;
	}

#bnr_02 p img{
	margin:0;
	}
	
#bnr_02 ul{
	float:right;
	margin:0 10px 10px;
	}
	
#bnr_02 ul li{
	width:88px;
	height:27px;
	margin:0 2px;
	padding:0;
	float:left;
	}

	
/* ストーリー一覧ページ
---------------------------------------------------- */



.number{
	width:600px;
	padding:20px 10px;
	margin:20px auto;
	border:1px solid #47494a;
}

.number img{
	padding:5px;
	background-color:#FFFFFF;
	margin:0 10px 0 0;
	}
	
.number ul{
	width:400px;
	margin:0 10px 0 0px;
}

.number ul li.oa_date{
	background-color:#a9020e;
	text-indent:5px;
	line-height:1.6;
	margin:0 0 10px 0px;
	color:#FFFFFF;
}


/*info
-------------------------------------------*/

.info {
	width:500px;
	margin: 15px auto;
	background: #333 url(../images/info.gif) no-repeat scroll;
	padding-left: 100px;
	color: white;
	line-height: 27px;
	text-align: left;
}

.info_02 {
	width:490px;
	margin: 15px auto;
	background: #333 url(../images/info_02.gif) no-repeat scroll;
	padding-left: 10px;
	padding-top:27px;
	padding-bottom:5px;
	color: white;
	line-height: 20px;
	text-align: left;
}