div.head{
	background: linear-gradient(to top,#FFF,#F3F3F3);
}

div.head h1{
	padding-top: 100px;
	height: 200px;
	background: url(../img/head/bg_h1.png) no-repeat 50% 0;
}

div.head h1 span{
	display: block;
	margin: 40px auto;
	padding-left: 12px;
	width: 1000px;
	text-align: left;
	font-size: 20px;
	font-size: 2rem;
	color: #222;
}

div.head h1 span:after{
	margin-left: 15px;
	font-size: 10px;
	font-size: 1rem;
}

div.body{
	font-size: 14px;
	font-size: 1.4rem;
}

div.body>div.inner{
	padding: 40px 50px;
}

div.body>div.inner>div.section{
	margin-bottom: 40px;
}

div.body>div.inner>div.section>div.section{
	margin-bottom: 20px;
}

div.body h2{
	margin-bottom: 30px;
	border-bottom: 1px dotted #333;
	padding: 0 20px 30px 0;
	font-size: 36px;
	font-size: 3.6rem;
	color: #333;
}

div.body h2:first-letter{
}

div.body h3{
	margin-bottom: 20px;
	border-left: 8px solid #817F00;
	padding: 10px 15px;
	background: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFF;
}

div.body h4{
	margin-bottom: 10px;
	font-weight: bold;
}

div.body p,
div.body ul,
div.body ol,
div.body dl,
div.body td{
	line-height: 1.6;
}

div.body.textLittle h3{
	display: table-cell;
	border: solid #EEE;
	border-width: 1px 1px 0 0;
	width: 200px;
	vertical-align: middle;
	font-weight: bold;
	background-image: none;
	background-color: #FAFAFA;
	background-position: 0 1px;
	color: #F60;
	-webkit-box-shadow: #FFF 0 1px 0 0 inset;
	        box-shadow: #FFF 0 1px 0 0 inset;
}

div.body.textLittle h3+div.inner{
	display: table-cell;
	padding: 10px 30px;
	width: 700px;
	vertical-align: middle;
}

div.body.textLittle>div.inner>div.section,
div.body.textLittle>div.inner>div.tab>div.section{
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}

div.body.textLittle>div.inner>div.section.first,
div.body.textLittle>div.inner>div.tab>div.section.first{
	margin-top: 10px;
	border-top: 1px dotted #CCC;
	padding-top: 10px;
}

div.body.textLittle p{
	margin-bottom: 15px;
}

div.body.textLittle p.last{
	margin-bottom: 0;
}

/*-------------------------------
page
-------------------------------*/

/* timeschedule */

#timeschedule h1 span:after{
	content: "TIME SCHEDULE";
}

#timeschedule>div.body p.notes{
	margin-top: 10px;
	margin-right: 25px;
	text-align: right;
}

#timeschedule>div.body p.link{
	margin-top: 20px;
	text-align: center;
}



/* practice */

#practice h1 span:after{
	content: "PRACTICE";
}

#practice>div.body caption{
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
}

#practice>div.body th{
	background: #F5F5F5;
	font-weight: bold;
}

#practice>div.body div.fourHours{
	background: url(../img/common/bg_4hours.png) no-repeat left 75px;
}

#practice>div.body div.fourHours table{
	margin-left: 340px;
	width: 560px;
}

#practice>div.body div.fourHours td dl{
	margin-bottom: 10px;
}

#practice>div.body div.fourHours td dt{
	font-weight: bold;
}

#practice>div.body div.fourHours ul.notes{
	margin-top: 10px;
	margin-left: 340px;
}

#practice>div.body div.fourHours ul.notes li{
	text-indent: -1em;
	padding-left: 1em;
}

#practice>div.body div.wrap.entry{
	margin-bottom: 20px;
	padding: 20px;
	background: #FFF6F6;
}

#practice>div.body div.wrap.entry p{
	margin-bottom: 10px;
	text-align: center;
}

#practice>div.body div.wrap.entry dl{
	border: solid #FEE;
	border-width: 0 1px 2px 0;
	padding: 15px 20px;
	background: #FFF;
}

#practice>div.body div.wrap.entry dt{
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}

#practice>div.body div.rodge p{
	margin-bottom: 20px;
}

#practice>div.body div.rodge table{
	margin-bottom: 20px;
}

#practice>div.body div.rodge th,
#practice>div.body div.rodge td{
	text-align: center;
}

#practice>div.body div.rodge td{
	width: 25%;
}



/* access */

#access h1 span:after{
	content: "ACCESS";
}

#access>div.body iframe{
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

#access>div.body div.section div.section{
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}

#access>div.body div.section div.section.last{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

#access>div.body div.section div.section h4:before{
	content: "■ ";
}

#access>div.body div.section p.notes{
	margin-top: 20px;
	color: #C06;
}

#access>div.body div.section p.last{
	margin-bottom: 0;
	padding-bottom: 0;
}

#access>div.body div.section ol{
	list-style: decimal;
	margin-left: 20px;
}

#access>div.body div.section li:after{
	content: "↓";
	display: block;
}

#access>div.body div.section ol li:after{
	position: relative;
	left: -20px;
}

#access>div.body div.section li.last:after{
	content: "";
	display: none;
}

#access>div.body div.section p.btnText a{
	color: #39F;
}




/* first */

#first h1 span:after{
	content: "FIRST";
}

#first>div.body ul.btnText{
	margin: 30px 0;
	text-align: center;
}

#first>div.body ul.btnText li{
	display: inline-block;
	margin: 0 10px;
}

#first>div.body ul.btnText li a{
	width: 300px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	color: #39F;
}

#first>div.body h3{
	width: 250px;
	line-height: 1.6;
}

#first>div.body h3+div.inner{
	width: 650px;
}

#first>div.body ul{
	margin-left: 20px;
	list-style: square;
}

#first>div.body ul li{
	margin-bottom: 5px;
}

#first>div.body ul li dl{
	margin-top: 10px;
	border: 1px solid #EEE;
	padding: 15px;
	background: #FAFAFA;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

#first>div.body ul li dt{
	margin-bottom: 5px;
	color: #287CCC;
}

#first>div.body ul li dt:before{
	content: "■ ";
}

#first>div.body ul li dd{
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
	padding-left: 1em;
}

#first>div.body ul li dd.last{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

#first>div.body dt{
	font-weight: bold;
}

#first>div.body p.notes{
	margin-top: 50px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #F00;
	text-align: center;
}

#first>div.body div.section h4:before{
	content: "■ ";
}





/* outline */

#outline h1 span:after{
	content: "OUTLINE";
}

#outline>div.body table{
	border: 5px solid #EEE;
}

#outline>div.body th{
	width: 200px;
	font-weight: bold;
	background: #FAFAFA;
}

#outline>div.body td{
	vertical-align: middle;
}

#outline>div.body td>em{
	display: block;
	font-weight: bold;
}

#outline>div.body td ul{
	font-size: 0;
}

#outline>div.body td li{
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
}

#outline>div.body td li:after{
	content: "/";
	margin-left: 5px;
	margin-right: 5px;
	color: #CCC;
}

#outline>div.body td li.last:after,
#outline>div.body td ul.notes li:after{
	content: "";
}

#outline>div.body td ul.notes li{
	display: block;
}

#outline>div.body td table{
	margin-top: 20px;
	margin-bottom: 10px;
}

#outline>div.body td table.first{
	margin-top: 0;
}

#outline>div.body td caption{
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #287CCC;
}

#outline>div.body td caption:before{
	content: "■ ";
}

#outline>div.body td th,
#outline>div.body td td{
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}


#outline>div.body td th.ticket,
#outline>div.body td th.place{
	width: 220px;
	color: #287CCC;
}

#outline>div.body td th ul.notes{
	margin-top: 10px;
}

#outline>div.body td th ul.notes li{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	color: #333;
}

#outline>div.body td th.category{
	width: 150px;
	background: #FCFCFC;
	text-align: center;
	vertical-align: middle;
}

#outline>div.body td th.day{
	width: 140px;
	vertical-align: middle;
	font-weight: normal;
	background: #FEFEFE;
}

#outline>div.body td td.price,
#outline>div.body td td.detail{
	padding: 10px;
	font-weight: bold;
	color: #F00;
	text-align: right;
}

#outline>div.body td td.detail.link{
	text-align: center;
}

#outline>div.body td td.price dt,
#outline>div.body td td.detail dt{
	text-align: left;
	color: #333;
}

#outline>div.body td td.detail{
	font-weight: normal;
	color: #333;
}

#outline>div.body td td.detail em{
	display: inline;
	font-weight: bold;
	color: #F00;
}

#outline>div.body td.btnText li:after{
	display: none;
}

#outline>div.body td.btnText li{
	display: block;
	margin-bottom: 5px;
}

#outline>div.body td.btnText a{
	display: block;
	border: 1px solid #EEE;
	width: 250px;
	font-size: 16px;
	font-size: 1.6rem;
}

#outline>div.body tr.event ul.btn{
	margin-top: 20px;
}

#outline>div.body tr.event ul.btn a{
	color: #287CCC;
}

#outline>div.body tr.event td>dl{
	margin-bottom: 30px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 30px;
}

#outline>div.body tr.event td>dl.last{
	border-bottom: none;
	padding-bottom: 0;
}

#outline>div.body tr.event td>dl>dt{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	color: #817F00;
}

#outline>div.body tr.event td>dl>dd{
	padding-left: 350px;
	min-height: 220px;
}

#outline>div.body tr.event td dl.m4{
	background: url(../img/common/bg_m4.png) no-repeat 10px 65px;
}

#outline>div.body tr.event td dl.fourHours{
	background: url(../img/common/bg_4hours.png) no-repeat 10px 65px;
}

#outline>div.body tr.event td dl.kingOfKcar{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	background: url(../img/common/bg_king-of-kcar.png) no-repeat 10px 65px;
}

#outline>div.body tr.event td dt{
	margin-bottom: 10px;
	font-weight: bold;
	color: #817F00;
}

#outline>div.body tr.event td dt span{
	font-size: 14px;
	font-size: 1.4rem;
}

#outline>div.body tr.event td table{
	border-width: 2px;
}

#outline>div.body tr.event td caption{
	color: #817F00;
}

#outline>div.body tr.event td td,
#outline>div.body tr.event td th{
	padding: 3px;
}

#outline>div.body tr.event td th{
	text-align: center;
}

#outline>div.body tr.event td th.name{
	width: 480px;
}

#outline>div.body tr.event td td span{
	font-size: 12px;
	font-size: 1.2rem;
}

#outline>div.body tr.event td td.num,
#outline>div.body tr.event td td.price{
	text-align: center;
}



/* course */

#course h1 span:after{
	content: "COURSE";
}

#course>div.body ul.btnText{
	margin: 30px auto;
	width: 960px;
	font-size: 0;
}

#course>div.body ul.btnText li{
	display: inline-block;
	margin: 5px;
	font-size: 14px;
	font-size: 1.4rem;
}

#course>div.body ul.btnText li a{
	width: 215px;
	color: #06C;
}

#course>div.body ul.btnText li a span{
	margin-right: 5px;
}

#course>div.body div.inner>div.wrap{
	font-size: 0;
}

#course>div.body div.section.noText{
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 40px;
	width: 290px;
	font-size: 12px;
	font-size: 1.2rem;
}

#course>div.body div.section.noText.break{
	margin-right: 0;
}

#course>div.body div.section.noText h3{
	margin-bottom: 10px;
}

#course>div.body div.section.noText p.img{
	display: block;
	width: 100%;
	text-align: center;	
}

#course>div.body div.section h3 span{
	margin-right: 7px;
	color: #FF0
}

#course>div.body div.section p.img,
#course>div.body div.section div.info{
	display: table-cell;
	vertical-align: top;
}

#course>div.body div.section p.img{
	width: 440px;
}

#course>div.body div.section div.info{
	padding-left: 30px;
	width: 460px;
}

#course>div.body div.section div.info dt{
	font-weight: bold;
}

#course>div.body div.section div.info>dl>dt{
	margin: 20px 0 7px;
	border: dotted #CCC;
	border-width: 1px 0;
	padding: 7px 0;
}


#course>div.body div.section div.info>dl>dt:before{
	content: "■ ";
}

#course>div.body div.section div.info dd.name{
	color: #06C;
	font-weight: bold;
}

#course>div.body div.section div.info dd dl{
	margin-top: 10px;
	padding: 10px 15px;
	background: #EEF7FF;
}





/* facility */

#facility h1 span:after{
	content: "FACILITY";
}

#facility>div.body ul.btnText{
	margin: 30px auto;
	width: 900px;
	font-size: 0;
}

#facility>div.body ul.btnText li{
	display: inline-block;
	margin: 7px 0;
	font-size: 14px;
	font-size: 1.4rem;
}

#facility>div.body ul.btnText li a{
	margin-right: 5px;
	width: 295px;
	color: #06C;
}

#facility>div.body ul.btnText li.break a{
	margin-right: 0;
}

#facility>div.body ul.btnText li a span{
	margin-right: 5px;
}

#facility>div.body div.section div.section h4{
	margin-top: 30px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}

#facility>div.body div.section div.section h4:before{
	content: "■ ";
}

#facility>div.body div.controlTower p.img{
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}

#facility>div.body div.controlTower p.img+dl{
	vertical-align: middle;
	display: inline-block;
}

#facility>div.body div.controlTower p.img+dl dt{
	clear: left;
	float: left;
	width: 2em;
	font-weight: bold;
}

#facility>div.body div.controlTower p.img+dl dd{
	float: left;
}

#facility>div.body div.controlTower div.oirc p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.controlTower div.oirc p.img{
	width: 300px;
}

#facility>div.body div.mainGate p{
	display: inline-block;
	vertical-align: middle;
}

#facility>div.body div.mainGate p.img{
	width: 300px;
}

#facility>div.body div.pit p{
	display: inline-block;
	vertical-align: middle;
}

#facility>div.body div.pit p.img{
	width: 300px;
}


#facility>div.body div.clubHouse p{
	display: inline-block;
	vertical-align: middle;
}

#facility>div.body div.clubHouse p.img{
	width: 300px;
}

#facility>div.body div.clubHouse div.restrant dl{
	display: inline-block;
	margin-right: 22px;
	width: 278px;
	vertical-align: top;
}

#facility>div.body div.clubHouse div.restrant dt{
	margin-bottom: 10px;
}

#facility>div.body div.clubHouse div.restrant dd.name{
	font-weight: bold;
}

#facility>div.body div.clubHouse div.restrant dd span.notes{
	margin-top: 5px;
	display: block;
}

#facility>div.body div.clubHouse div.restrant div.newMenu{
	margin-top: 30px;
	padding-top: 20px;
	background: #EEF6FF;
}

#facility>div.body div.clubHouse div.restrant div.newMenu h5{
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #06F;
}

#facility>div.body div.clubHouse div.restrant div.newMenu p{
	margin-bottom: 0;
}

#facility>div.body div.pit p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.pit p.img{
	width: 300px;
}

#facility>div.body div.pit div.kids p.notes{
	display: block;
	width: 100%;
}

#facility>div.body div.medicalCenter p.img{
	display: inline-block;
	width: 300px;
}

#facility>div.body div.calvert div.vInspection h4{
	margin-top: 0;
}

#facility>div.body div.calvert div.wrap{
	display: inline-block;
	margin-right: 22px;
	width: 278px;
}

#facility>div.body div.gasStand p.img{
	display: inline-block;
	width: 300px;
}

#facility>div.body div.garage p.img{
	display: inline-block;
	width: 300px;
}

#facility>div.body div.rodge p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.rodge p.img{
	width: 300px;
}

#facility>div.body div.westGate p{
	display: inline-block;
	vertical-align: middle;
}

#facility>div.body div.westGate p.img{
	width: 300px;
}

#facility>div.body div.cornerStand p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.cornerStand p.img{
	width: 300px;
}

#facility>div.body div.cPaddockStand p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.cPaddockStand p.img{
	width: 300px;
}

#facility>div.body div.enkeiBridge p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.enkeiBridge p.img{
	width: 300px;
}

#facility>div.body div.miniCourse p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.miniCourse p.img{
	width: 300px;
}

#facility>div.body div.miniCourse div.kids p.notes{
	display: block;
	width: 100%;
}

#facility>div.body div.mainStand p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.mainStand p.img{
	width: 300px;
}

#facility>div.body div.comGarage p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.comGarage p.img{
	width: 300px;
}

#facility>div.body div.dunlopBridge p{
	display: inline-block;
	width: 335px;
	vertical-align: middle;
}

#facility>div.body div.dunlopBridge p.img{
	width: 300px;
}


