/* -----------------------------------------------------------------

日本のいちばん長い夏
基本CSSファイル　main.css

-------------------------------------------------------------------*/



body {
	color:#BBBBBB;
	font-size:12px;
	line-height:1.5em;
	font-family:'MS Pゴシック' ,Verdana,'ヒラギノ角ゴ Pro W3' ;
	background-color: #B8B7B8;
	background-image:url("../image/bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/* --- link --- */
 
a {
	color: #F17887;
	text-decoration: none;
}
a:visited {
	color: #F17887;
	text-decoration: none;
}
a:hover {
	color: #F17887;
	text-decoration: underline;
}

/*------wrapper-------*/

#wrapper {
	width:910px;
	margin:0px auto;
	padding:15px 0px 0px 0px;
}

/*------タイトルロゴ-------*/

h1#logo{
	width:149px;
	height:124px;
	margin:0px 0px 10px 0px;
	background-image:url("../image/logo.png");
	_background-image:url("../image/logo.gif");
	background-position:center top;
	text-indent:-3000px;
	overflow:hidden;
}

h1#logo a{
	width:149px;
	height:124px;
	display:block;
}

/*------navi-------*/

#navi {
	width:910px;
	list-style:none;
	padding:0px;
	margin:0px;
}

#navi li{
	padding:0px;
	margin:0px;
	display:block;
	float:left;
}

#navi li a{
	padding:0px;
	margin:0px;
	display:block;
	height:35px;
	text-indent:-3000px;
	background-position:center top;
}

#navi li a:hover{
	background-position:center bottom;
}

#naviTop a{
	width:80px;
	background-image:url("../image/navi_top.jpg");
}
#top #naviTop a{
	background-position:center bottom;
}

#naviIntro a{
	width:159px;
	background-image:url("../image/navi_intro.jpg");
}
#intro #naviIntro a{
	background-position:center bottom;
}

#naviStory a{
	width:93px;
	background-image:url("../image/navi_story.jpg");
}
#story #naviStory a{
	background-position:center bottom;
}

#naviCast a{
	width:162px;
	background-image:url("../image/navi_cast.jpg");
}
#cast #naviCast a{
	background-position:center bottom;
}


#naviTheater a{
	width:189px;
	background-image:url("../image/navi_theater.jpg");
}
#theater #naviTheater a{
	background-position:center bottom;
}

#naviTrailer a{
	width:65px;
	background-image:url("../image/navi_trailer.jpg");
}
#trailer #naviTrailer a{
	background-position:center bottom;
}
#naviNews a{
	width:86px;
	background-image:url("../image/navi_news.jpg");
}
#naviBlog a{
	width:76px;
	background-image:url("../image/navi_blog.jpg");
}



/*------footer-------*/
#footer {
	width:850px;
	clear:both;
	padding:30px;
	margin:0px;
	background-image:url("../image/contents_bg.png");
	background-position:center top;
}

#footer div{
	padding:25px 10px 10px 10px;
	text-align:right;
	font-size:10px;
	color:#666666;
	background-color:#000000;
}


/*------main-------*/

#main {
	width:850px;
	clear:both;
	padding:30px 30px 30px 30px;
	margin:0px;
	background-image:url("../image/contents_bg.png");
	background-position:center top;
}

h2{
	width:850px;
	height:80px;
	text-indent:-3000px;
	background-position:left top;
	background-repeat:no-repeat;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━

	ここから個別ページ

━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*------top-------*/
body#top {
	background-image:url("../image/top_bg.jpg");
	background-position:center -10px;
	background-attachment:scroll;
}

#top #wrapper{
	padding-top:595px;
}

#top #main {
	padding:15px 30px 30px 30px;
}

#top #logo{
	text-indent:-3000px;
	display:none;
}

#top #topFoot{
	text-indent:-9000px;
	clear:both;
	margin:0px;
	height:190px;
	background-image:url("../image/top_foot.gif");
	background-position:center top;
	background-repeat:no-repeat;
}

#top #newsBox{
	height:75px;
}

/*------introduction-------*/

#intro h2{
	background-image:url("../image/intro/tt_intro.gif");
}

#intro h3{
	padding-bottom:15px;
}

#intro .textBox{
	padding-left:40px;
	padding-bottom:45px;
}

#intro #chronoTB{
	width:810px;
}

#intro #chronoTB td{
	padding:4px 10px;
	border:1px solid #333333;
	background-color:#111111;
}

#intro #chronoTB td.dateTD{
	padding-left:20px;
	color:#999999;
}


#intro #intro1Box{
	padding-right:410px;
	background-image:url("../image/intro/intro_img01.jpg");
	background-position:right top;
	background-repeat:no-repeat;
	
}

#intro #intro3Box1{
	padding-bottom:20px;
	
}

#intro #intro3Box2{
	padding-left:450px;
	background-image:url("../image/intro/intro_img02.jpg");
	background-position:40px top;
	background-repeat:no-repeat;
	
}

#introAtt{
	font-size:10px;
}

/*------story　あらすじ-------*/

#story h2{
	background-image:url("../image/story/tt_story.gif");
}

#storyBox1{
	padding-bottom:24px;
	padding-right:320px;
	background-image:url("../image/story/story_img01.jpg");
	background-position:right top;
	background-repeat:no-repeat;
}

#storyBox2{
	padding-bottom:40px;
	padding-left:320px;
	background-image:url("../image/story/story_img02.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}

/*------cast　キャスト&スタッフ-------*/

#cast h2{
	background-image:url("../image/cast/tt_cast.gif");
}

#cast .memberOut{
	clear:both;
	margin-top:50px;
	padding-left:40px;
}

#cast .cap{
	padding:5px;
	margin-bottom:15px;
	font-size:12px;
	color:#FF7979;
	background-color:#000000;
}

#cast h4{
	color:#FFFFFF;
	padding-bottom:5px;
}

#cast h4 span{
	padding-left:10px;
	font-size:10px;
	font-weight:normal;
}

#cast .leftBox{
	float:left;
	width:320px;
	padding-right:30px;
}

#cast .rightBox{
	float:left;
	width:320px;
}

#cast #memberH3,
#cast #mcH3{
	clear:both;
	margin-top:50px;
}

#cast #autherH3,
#cast #directorH3{
	clear:both;
}

#cast #authorTxt,
#cast #writerTxt{
	margin-bottom:30px;

}

#cast #castAtt{
	margin:30px 0px 0px 40px;
	padding:10px 0px 0px 0px;
	color:#FFFFFF;
	text-align:right;
	border-top:1px solid #999999;
}


#cast #member01,
#cast #director,
#cast #mc{
	margin-top:15px;
}

#cast #auther,
#cast #writer{
	clear:both;
	margin-top:15px;
	padding-left:40px;
}

#cast #memberOther{
	margin-left:40px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #999999;
}

#cast .castImg{
	float:right;
}

#cast #directorTxt{
	float:left;
	width:660px;
}


#cast #member04 .leftBox,
#cast #member05 .leftBox,
#cast #member06 .leftBox,
#cast #member09 .leftBox,
#cast #member14 .leftBox,
#cast #member16 .leftBox,
#cast #member19 .leftBox,
#cast #member20 .leftBox,
#cast #member21 .leftBox,
#cast #member22 .leftBox{
}

#cast #member04 .rightBox,
#cast #member05 .rightBox,
#cast #member06 .rightBox,
#cast #member09 .rightBox,
#cast #member14 .rightBox,
#cast #member16 .rightBox,
#cast #member19 .rightBox,
#cast #member20 .rightBox,
#cast #member21 .rightBox,
#cast #member22 .rightBox{
	width:440px;
}


/*------theater　劇場情報-------*/


#theater h2{
	background-image:url("../image/theater/tt_theater.gif");
}

#theater h3{
	padding-bottom:15px;
}

#theater .textBox{
	margin-left:50px;
	margin-bottom:30px;
	
}

#theater #theaterTB{
	margin-left:50px;
	border-collapse: collapse;
	border-spacing:0px;
	border:1px solid #999999;
	width:798px;
}

#theater #theaterTB td{
	padding:5px;
	border:1px solid #999999;
}

#theater #theaterTB td.cap{
	background-color:#333333;
	color:#FFFFFF;
	text-align:center;
}
#theater #theaterTB td.area{
	background-color:#555555;
	width:80px;
	color:#FFFFFF;
	text-align:center;
}


#theater #theaterTB .name{
	width:120px;
}

#theater #theaterTB .tel{
	width:120px;
}
#theater #theaterTB .date{
	width:130px;
}
/*------trailer　予告-------*/

#trailer h2{
	background-image:url("../image/trailer/tt_trailer.gif");
}

#trailer #main #box{
	color:#FFFFFF;
	padding-left:60px;
}

#trailer #imageSet{
	width:790px;
	height:160px;
}

#trailer #imageSet img{
	float:left;
}

#trailer #imageSet img#iamgeM{
	margin:0px 3px;
}

#trailer #btnset .btnBox{
	height:58px;
	width:540px;
	margin:0px auto;
}

#trailer #btnset .textBox{
	height:28px;
	padding-top:10px;
}

#trailer #btnset a,
#trailer #btnset a:visited{
	float:left;
	margin-right:20px;
	text-indent:-3000px;
	overflow:hidden;
	height:38px;
	width:226px;
	display:block;
	background-position:left top;
}
#trailer #btnset a:hover{
	background-position:left bottom;
}

#trailer a#btnL{
	background-image:url("../image/trailer/btn_l.gif");
}
#trailer a#btnM{
	background-image:url("../image/trailer/btn_m.gif");
}
#trailer a#btnS{
	background-image:url("../image/trailer/btn_s.gif");
}