@charset "utf-8";
/* CSS Document */



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



	CSS information

	file name  :  layout_top.css

	infomation :  PC用

	

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


 /*-----------------------------------------------------
	clearfix　
-----------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


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

	全体レイアウト

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



html,body{
	min-width:1024px;
	margin:0;
	padding:0;
	background:url(../../img/contents_bg.jpg) repeat;
	line-height: 1.5em;
}

#wrapper{
	width:100%;
	position: relative;
	background:url(../images/pc/wrapper.jpg) repeat-x top center;
	position:relative;
}

#container {
	width:970px;
	margin:0 auto;
}


#contents {
	width:660px;
	position:relative;
	padding:0 0 0 0; float:left;
}

#headerRaceTop {
	width:100%; height:22px;
	position:absolute;
	top:0; left:0;
	background:url(../images/pc/racetop.png) repeat-x top center;
	z-index:10000;
}


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

	header

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

header {
	width: 645px;
	height: 313px;
	background:url(../images/pc/mainimage_header.jpg) no-repeat top left;
	position: relative;
	margin:0 0 0px 7px;
	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;

}

header h1 {
	width: 302px;
	position: absolute;
	top: 40px;
	left: 23px;
}

header .pratinight{
	position:absolute;
	left:23px;
	top:15px;
	width:70px;
}

header #oa_date {
	width: 302px;
	position: absolute;
	top: 136px;
	left: 23px;
}

header .navLeft { width:8px;
height:143px; background:url(../images/pc/nav_left.jpg) no-repeat;
position:absolute; bottom:0; left:-8px;}
header .navRight { width:8px;
height:143px; background:url(../images/pc/nav_right.jpg) no-repeat;
position:absolute; bottom:0; right:-8px;}

header img {width:100%;}


/*		   nav 
--------------------------*/
nav {
	width:645px;
	height:143px;
	position:absolute;
	top:170px;
	left:0;
}

nav ul li{float:left;}
nav ul li.nav01 {width:161px; height:72px;}
nav ul li.nav02 {width:161px; height:72px;}
nav ul li.nav03 {width:161px; height:72px;}
nav ul li.nav04 {width:162px; height:72px;}
nav ul li.nav05 {width:161px; height:71px;}
nav ul li.nav06 {width:161px; height:71px;}
nav ul li.nav07 {width:161px; height:71px;}
nav ul li.nav08 {width:162px; height:71px;}

nav ul li.last {
	margin-right:0;
}


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

	contentsBox

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


#contentsBox {
	margin:15px 7px 0;
	width:646px;
	position:relative;
}

#contentsBox .box{
	background:#fff url(../images/pc/cont_top.png) repeat-x top left;
	padding:50px 30px;
	border:1px solid #dddab8;
}


.message_box {
	background:#fff;
	box-shadow: 0px 0px 1px #808080;
	-moz-box-shadow: 0px 0px 1px #808080;
	-webkit-box-shadow: 0px 0px 1px #808080;
	position:relative;
	margin-bottom:40px;
	border-top:#b49859 5px solid;
	padding:15px;

}

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

	ブルーボックス

 ---------------------------------------------- */
#raceTop{
	background:url(../../common/images/pc/race.png) repeat-x top left;
	width:100%;
	height:11px;
}
#raceBtm{
	background:url(../../common/images/pc/race02.png) repeat-x top left;
	width:100%;
	height:11px;
}
#blueBox {
	position:relative;
	background:url(../../common/images/pc/blue_bg.png) repeat top left;
	padding:40px 23px 5px;
}



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

	黄色ボックス

 ---------------------------------------------- */
.yellowTop{
	background:url(../../common/images/pc/formtop.png) no-repeat top left;
	width:100%;
	height:45px;
	margin:30px 0 0 0;
}
.yellowBox{
	background:url(../../common/images/pc/formmain.png) repeat-y top left;
	width:100%;
	padding:40px 0;
	color:#553b1a;
}
.yellowBtm {
	background:url(../../common/images/pc/formbottom.png) no-repeat top left;
	height:45px;
}
.yellowBtm02 {
	background:url(../../common/images/pc/formbottom02.png) no-repeat top left;
	height:20px;
}

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

	sub

 ---------------------------------------------- */
#sub { width:300px; float:right; padding-bottom:80px;}



#sub #timeline{
	display: block;
	margin-bottom: 45px;
}

#timeline .tit_topcontent{
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	height: 45px;
	background: #00acee url(../../img/twitter_bird.png) no-repeat 1em center;
}

#timeline .txt_topcontent{
	padding: 0;
	background: #fff;
}

#timeline iframe{
	width: 100% !important;
	
}


/* footer  */

footer {
	width:100%;
	height:70px;
	background:#553b1a;
	text-align:center;
	padding-top:14px;
	position:relative;
	margin:50px 0 0 0;
}

footer #pagetop {
	width:98px;
	height:124px;
	position:absolute;
	top:-124px;
	left:50%;
	margin-left:150px;
}

footer #copyright {
	width:500px;
	margin:0 auto;
}
footer img{width:100%;}

/* -----------------------------
		  調整用
------------------------------*/
#header_inner_sp { display:none; }
nav#sp { display:none; }
#movie_notice_btn_sp { display:none; }
#twitter_timeline_sp { display:none; }
#pagetop_sp { display:none; }

.center {text-align:center;}
.padB10 {padding-bottom:10px;}

.forPC{display:block !important;}
.forSP{display:none !important;}