@charset "UTF-8";
/*
Theme Name: KAWAGUCHI AUTORACE
Description:川口オート
Theme URI: www.kawaguchi-auto.jp/
Author: MS
Author URI: www.kawaguchi-auto.jp/
Version: 1
*/
@import "shared/css/base.css";
@import "shared/css/form.css";

body {background:#000 url(shared/img/top_newsarea_bg.jpg) center 95px no-repeat;}
#container {margin:0 auto;text-align:center;position:relative;}

.sp {display:none;}
.cInner {display:block;clear:both;width:1200px;margin:0 auto;text-align:center;position:relative;}
.contents .cInner {width:1100px;}
/*@media screen and (max-width: 1199px) {.cInner {display:block;clear:both;width:100%;margin:0 auto;text-align:center;position:relative;}}*/
.cInner div,.cInner p {text-align:left;}
a:hover {text-decoration:underline;}
a.b1xw {border:1px solid #FFF;color:#FFF;text-decoration:none;padding:3px 10px;font-size:14px;}
a.b1xb {border:1px solid #333;color:#333;text-decoration:none;padding:3px 10px;font-size:14px;}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#topHeader {
	border-bottom:2px solid #bf0000;
	padding-top:95px;
	}
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	background: url(shared/img/header_bg.gif) top center repeat-x;
	position:fixed;
	top:0;
	z-index:10000;
	}
#header .cInner {position:relative;}
#language {
	position:absolute;
	top:0px;
	right:30px;
	}
#topMultiList ul li,
#language ul li {display:inline-block;}
#language ul li a {color:#FFF;font-size:0px;}
#language ul li a span {display:block;text-indent:-9999px;width:94px;height:29px;}
#language ul li.lang-ja a span {background:url(shared/img/bt_jpn.png) 0 0 no-repeat;}
#language ul li.lang-en a span {background:url(shared/img/bt_eng.png) 0 0 no-repeat;}
#language ul li.lang-ko a span {background:url(shared/img/bt_kor.png) 0 0 no-repeat;}
#language ul li.lang-zh a span {background:url(shared/img/bt_chinese.png) 0 0 no-repeat;}

#topMultiList ul li {margin:0 5px;}

#gMenu {
	position:absolute;
	top:65px;
	left:200px;
	}
#gMenu > ul > li {
	float:left;
	font-size:18px;
	margin:0 5px;
	}
#gMenu ul li span {
	color:#FFF;
	padding:2px 15px 0 15px;
	cursor:pointer;
	}
.home #gMenu ul li.home a,
.topics #gMenu ul li.topics a,
.floormap #gMenu ul li.floormap a,
.seatmap #gMenu ul li.seatmap a,
.howtovote #gMenu ul li.howtovote a,
.dining #gMenu ul li.dining a,
#gMenu ul li a:hover {
	text-decoration:none;
	}
.subMenu {display:block;position:absolute;background:rgba(0,0,0,0.5);width:auto;}
.subMenu li {display:block;font-size:16px;padding:3px 8px;}
.subMenu li a {border-left:2px solid #bf0000;color:#FFF;padding-left:5px;}
.tgrContents {display:none;}

/*-------------------------------------------------
	++ PAGEHEADER
-------------------------------------------------*/
#pageHeader {
	border-bottom:2px solid #C08E1D;
	padding-top:95px;
	background:url(shared/img/pheader_bg.jpg) center top no-repeat;
	height:83px;
	position:relative;
	}
#pageHeader .cInner {
	width:1100px;
	height:83px;
	}
#pageHeader h1 .titleEn {
	display:block;
	position:absolute;
	left:0;
	bottom:15px;
	width:60%;
	}
#pageHeader h1 .titleEn img {
	width:100%;
	height:auto;
	}
#pageHeader h1 .titleJp {
	display:block;
	padding-top:40px;
	text-align:right;
	font-size:24px;
	color:#FFF;
	}

/*-------------------------------------------------
	++ BREADCRUMBS
-------------------------------------------------*/
#breadcrumbs {
	display:block;
	width:100%;
	clear:both;
	background-color:#000;
	color:#FFF;
	font-size:14px;
	}
#breadcrumbs .cInner {width:1100px;}
#breadcrumbs ul:before,
#breadcrumbs ul:after {content: " ";display: table;}
#breadcrumbs ul:after {clear: both;}
#breadcrumbs ul {*zoom: 1;}
#breadcrumbs ul {
	}
#breadcrumbs ul {
	padding:10px 0;
	}
#breadcrumbs ul li {
	float:left;
	margin-right:5px;
	}
#breadcrumbs ul li a,
#breadcrumbs ul li span {
	background:url(shared/img/bc_arrow.png) center right no-repeat;
	padding-right:20px;
	color:#bf0000;
	}
#breadcrumbs ul li span {color:#FFF;}

/*-------------------------------------------------
	++ LAYOUT
-------------------------------------------------*/
.contents {
	background-color:#FFF;
	width:100%;
	padding-bottom:40px;
	}
.redcontents {
	background-color:#bf0000;
	padding:35px 0;
	color:#FFF;
	}

/*-------------------------------------------------
	++ TOP CONTETS
-------------------------------------------------*/
#topSlider {height:450px;overflow:hidden;}
#topContents {color:#FFF;}
#topContents a {color:#FFF;}
.topBlockInner {padding:35px 25px;}

#topInfo .topSchedule {width:620px;float:left;margin-right:30px;}
#topInfo .recentInfo {width:483px;float:left;}
#topInfo .resentDetail {margin-top:10px;}
#topInfo .resentDetail dl dt {float:left;width:88px;}
#topInfo .resentDetail dl dd {float:left;width:520px;margin-left:10px;}
#topInfo .resentDetail dl dd .recentDate {color:#FF0000;font-size:18px;font-weight:bold;}
#topInfo .resentDetail dl dd h2 {font-size:24px;line-height:140%;}
#topInfo .resentDetail dl dd .recentTime {font-size:18px;}
#topInfo .resentDetail dl dd .recentTime a {}

#topInfo .topSchedule .recentList {clear:both;margin-top:30px;}
#topInfo .topSchedule .recentList li {margin-bottom:5px;}
#topInfo .topSchedule .recentList li dl:before,
#topInfo .topSchedule .recentList li dl:after {content: " ";display: table;}
#topInfo .topSchedule .recentList li dl:after {clear: both;}
#topInfo .topSchedule .recentList li dl {*zoom: 1;}
#topInfo .topSchedule .recentList li dl dt.type {width:90px;float:left;text-align:center;}
	#topInfo .topSchedule .recentList li dl dt.type.typeR {background-color:#bf0000;}
	#topInfo .topSchedule .recentList li dl dt.type.typeW {background-color:#FFF;color:#000;}
#topInfo .topSchedule .recentList li dl dd.date {width:110px;float:left;color:#FF0000;font-size:18px;font-weight:bold;}
#topInfo .topSchedule .recentList li dl dd.title {width:400px;float:left;font-size:18px;}

.toDetail {width:100%;text-align:right!IMPORTANT;}

#topInfo .recentInfo .dlBtn {background:rgba(255,255,255,0.1);margin-bottom:30px;}
#topInfo .recentInfo .dlBtn img {display:block;}
#topInfo .recentInfo .dlBtn img.sp {display:none;}
#topInfo .recentInfo .winner {background:rgba(255,255,255,0.1);padding:20px;}
#topInfo .recentInfo .winnerPhoto {width:200px;height:auto;}
#topInfo .recentInfo .winnerPhoto img {border:3px solid #dfc688;}
#topInfo .recentInfo .winner h2 {margin:0 auto;text-align:center;}
#topInfo .recentInfo .winner .winnerName {float:left;width:220px;margin-right:20px;text-align:left;}
#topInfo .recentInfo .winner .winnerName dt {font-size:18px;}
#topInfo .recentInfo .winner .winnerName dt span {display:block;font-size:14px;}
#topInfo .recentInfo .winner .winnerName dd {font-size:24px;}
#topInfo .recentInfo .winner .winnerName dd small {font-size:17px;}

#topNews {background-color:rgba(211,0,0,0.5);}
#topNews .newsList {width:725px;float:left;}
#topNews .newsPickup {float:right;width:280px;}
#topNews .newsList #entryList {margin-top:10px;}
#topNews .newsList #entryList li {margin-bottom:5px;}
#topNews .newsList #entryList li dl:before,
#topNews .newsList #entryList li dl:after {content: " ";display: table;}
#topNews .newsList #entryList li dl:after {clear: both;}
#topNews .newsList #entryList li dl {*zoom: 1;}
#topNews .newsList #entryList li dl dt {color:#FFF;}

#topMultiList {background-color:rgba(114,3,0,1.00);padding:50px 0}

.topBlock .blockHeader {border-bottom:0;padding-top: 0px;margin-bottom:15px;}

#topNews .newsPickup .detail dl dd {line-height:130%;}

/*-------------------------------------------------
	++ 2ND CONTETS
-------------------------------------------------*/
#contentsHead .cInner {
	border-bottom:5px solid #87000b;
	padding:35px 0 0 0;
	}
#contentsHead .hxTitle {
	text-align:left;
	font-size:30px;
	color:#87000b;
	}
.blockHeader {border-bottom:2px solid #d30000;padding-top:40px;margin-bottom:30px;}
.blockHeader h1 {color:#d30000;font-size:24px;}

/* NEWS */
.pageNavi {text-align:center;padding:10px 0;}
.pageNavi ul {margin:0 auto;text-align:center;}
.pageNavi li {display:inline-block;}
.pageNavi a,
.pageNavi span {padding:3px 8px;font-size:16px;}
.pageNavi span {color:#E2061E;}

#entryList {text-align:left;}
#entryList li {margin-bottom:20px;}
#entryList li dl:before,
#entryList li dl:after {content: " ";display: table;}
#entryList li dl:after {clear: both;}
#entryList li dl {*zoom: 1;}
#entryList li dt {float:left;color:#e60012;width:120px;}
#entryList li dd {padding-left:120px;}

.newsTbl {width:100%;margin:10px auto;text-align:left;border:1px solid #8f8f8f;}
.newsTbl tr th {background-color:#f4e7ca;font-weight:normal;text-align:center;}
.newsTbl tr th,
.newsTbl tr td {padding:10px;border:1px solid #8f8f8f;}
.newsTbl tr td:first-child {text-align:left;}


/* ITEM */
.entryItem .date {margin-bottom:20px;}
.entryItem h2 {background-color:#ffd5d5;color:#d30000;padding:15px;font-weight:bold;margin:40px 0 20px 0;}
.entryItem h3 {color:#d30000;font-weight:bold;margin-bottom:10px;}
.entryItem table h3 {margin-bottom:0;}
.entryItem p {margin-bottom:15px;}
.entryItem a {color:#d30000;}

/* FACILITY */
.maplist {margin-top:40px;}
.maplist dl {float:left;margin:0 15px 30px 0;}
.maplist dl.p1 {width:260px;}
.maplist dl.p2 {width:540px;}
.maplist dl.p3 {width:815px;}
.maplist dl.p4 {width:1090px;}
.maplist dl dt {background-color:#ffd5d5;color:#d30000;padding:15px;font-weight:bold;margin-bottom:10px;}
.maplist dl img {margin-right:10px;}
.maplist dl img:last-child {margin-right:0;}
.maplist dl#fac3,
.maplist dl#fac7,
.maplist dl#fac9 {margin-right:0;}
.maplist dl dd .facText {height:55px;}

/* ROYAL ROOM */
.halfBox {width:48%;margin:0 1%;float:left;}
.halfBox3 {width:28%;margin:0 1%;float:left;}
.halfBox7 {width:68%;margin:0 1%;float:left;}
.halfBox4 {width:38%;margin:0 1%;float:left;}
.halfBox6 {width:58%;margin:0 1%;float:left;}
.halfBox img {width:100%;height:auto;}
.halfBox.b1 {float:left;}
.halfBox.b2 {float:right;}
#royal2 {position:relative}
#royal2 .halfBox.b2 {position:absolute;left:0}
#royal2 .halfBox.b1 {float:right;}
.royalTbl {width:80%;margin:10px auto;text-align:center;border:1px solid #8f8f8f;}
.royalTbl tr {border-bottom:1px solid #8f8f8f;}
.royalTbl tr th {background-color:#f4e7ca;width:20%;font-weight:normal;border-right:1px solid #8f8f8f;}
.royalTbl tr th,
.royalTbl tr td {padding:10px 20px;}
.royalTbl tr td {text-align:left;}

.refundsTbl tr th,
.refundsTbl tr td {vertical-align:top;padding:10px;}
.refundsTbl tr th {color:#d30000;width:20%;}
.refundsTbl tr td a {color:#d30000;}

/* FOOD */
.foodlist dl {width:257px;float:left;}
.foodlist dl {padding:9px;height:440px;}
.foodlist h2 {background-color:transparent;padding:5px 0;margin:0;}
.foodlist h2 {margin-top:20px;}

#fStand h2,#fStand h3 {color:#694782;}
#fStand dl {background-color:#d3b7e8;}
#fStand dl:nth-child(even) {background-color:#e1c9f3;}
.fautopiab h2,.fautopiab h3 {color:#249859;}
.fautopiab dl {background-color:#97e4ba;}
.fautopiab dl:nth-child(even) {background-color:#acf1cc;}
#fautopia h2,#fautopia h3 {color:#ff8400;}
#fautopia dl {background-color:#ffff7e;}
#fautopia dl:nth-child(even) {background-color:#ffffb9;}
#f2f h2,#f2f h3 {color:#0085e4;}
#f2f dl {background-color:#a2d9ff;}
#f2f dl:nth-child(even) {background-color:#ceebff;}
#fFront h2,#fFront h3 {color:#ff6c00;}
#fFront dl {background-color:#ffe699;}
#fFront dl:nth-child(even) {background-color:#ffefbf;}
#fholeshot h2,#fholeshot h3 {color:#ff0000;}
#fholeshot dl {background-color:#ffdede;}

#fautopiab2,#fautopia {float:left;}



/* DOWNLOAD */
.pdflist {width:70%;margin:20px auto 40px auto;text-align:center;}
.pdfBtn {border:1px solid #CCC;box-shadow:1px 0 1px 1px rgba(0,0,0,0.1);border-radius:5px;padding:10px 10px 10px 70px;background:url(shared/img/icon_pdf.png) 15px center  no-repeat;margin-bottom:20px;position: relative;height:50px;min-height:50px;}
.pdfBtn a {line-height:170%;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;}
.pdfBtn a span {display:block;font-size:24px;color:#d30000;}
.banner .pdflist {width:45%;}
.banner .pdflist a {color:#d30000;}

/* ACCESS */
.accesMap iframe {}
.acType dt {width:82px;float:left;}
.acType dd {display:block;padding-left:100px;}
.accessDetail {padding-left:100px;}
.busMap {width:466px;float:left;}
.busMap#acbm1 {margin-right:60px;}
.busMap h4 {border-top:1px solid #d30000;border-bottom:1px solid #d30000;height:50px;padding:5px 0;margin-bottom:15px;font-weight:bold;}
.busMapen h4 {border-top:1px solid #d30000;border-bottom:1px solid #d30000;height:50px;padding:5px 0;margin-bottom:15px;font-weight:bold;}
.busMap#acbm1 h4 span {display:block;/*padding-top:15px;*/}
.acsTbl {width:100%;border-top:1px solid #8f8f8f;}
.acsTbl tr {border-bottom:1px solid #8f8f8f;}
.acsTbl tr th,
.acsTbl tr td {padding:10px;}
.acsTbl tr th {color:#d30000;}

/* PARKING */
.pkTbl {width:80%;margin:10px auto;text-align:center;border:1px solid #8f8f8f;}
.pkTbl tr {border-bottom:1px solid #8f8f8f;}
.pkTbl tr th {background-color:#f4e7ca;width:20%;font-weight:normal;border-right:1px solid #8f8f8f;border-left:1px solid #8f8f8f;}
.pkTbl tr th,
.pkTbl tr td {padding:10px 20px;}
.pkTbl tr td {text-align:left;}

.tblCap {width:80%;margin:0 auto;text-align:center;}
.tblCap p {text-align:left;}

/* HOW TO */
.itemCopy {font-size:24px;margin:0 auto;text-align:center!IMPORTANT;font-weight:bold;}
.entryItem #performance .halfBox h2 {margin:0;}
#buyMenu {margin:20px auto;text-align:center!IMPORTANT;}
.toMenu {text-align:right!IMPORTANT;margin:10px 0;font-size:13px;padding-right:10px;}
.buyContents h3 {border:1px solid #DDD;padding:10px;font-size:24px;color:#333;margin-top:20px;}
.buyContents h3 span {color:#d30000;}
.yellowBox {background-color:#f4e7ca;padding:10px;}
.buyTbl {border:1px solid #333;width:100%;margin-bottom:15px;}
.buyTbl th {background-color:#ffd5d5;font-weight:normal;}
.buyTbl th,
.buyTbl td {border:1px solid #333;padding:5px;text-align:center;}

.pntyTbl {width:80%;margin:10px auto;text-align:center;border:1px solid #8f8f8f;}
.pntyTbl tr th {background-color:#f4e7ca;font-weight:normal;}
.pntyTbl tr th,
.pntyTbl tr td {padding:10px;border:1px solid #8f8f8f;}
.pntyTbl tr td:first-child {text-align:left;width:75%;}

/* CONTACT */
.contactTbl {border-collapse:separate;border-spacing:10px;width:80%;margin:10px auto;text-align:center;}
.contactTbl tr th {background-color:#f4e7ca;width:30%;font-weight:normal;}
.contactTbl tr th,
.contactTbl tr td {padding:10px;text-align:left;}

.formBtn {width:80%;margin:10px auto;text-align:center!IMPORTANT;}

/*-------------------------------------------------
	++ ITEM
-------------------------------------------------*/
.profilePhoto {float:left;width:370px;}
.profileDetail {float:left;width:622px;background:url(shared/img/profile.png) 0 100px no-repeat;height:567px;padding-top:130px;}
.profileDetail h2 {font-size:24px;background-color:transparent;padding:10px 20px 10px 20px;margin-bottom:0;}
.profileText{padding:10px 20px;}


/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer:before,
#footer:after {content: " ";display: table;}
#footer:after {clear: both;}
#footer {*zoom: 1;}
#footer {
	width:100%;
	min-height:100px;
	text-align:center;
	margin:0 auto;
	background:#000;
	color:#FFF;
	padding-bottom:20px;
	}
#footer a {color:#FFF;}

#footerSlide {display:none;}
.home #footerSlide {display:block;padding:35px 0;}
.home #footerSlide.sp {display:none;}

.footerBanner {display:none;}
.home .footerBanner {display:block;}

.footerBanner ul li {float:left;}
#footerNavi {padding:35px 0;}
#footerNavi .navBox {width:17%;height:350px;float:left;margin-right:3%;font-size:14px;}
#footerNavi .navBox h2 {color:#cb0000;font-size:15px;margin-bottom:10px;}
#footerNavi .navBox h2 a {color:#cb0000;}
#footerNavi .navBox li {margin-bottom:10px;}

#footerNavi2 .navBox {width:1200px;height:280px;}

#footerNavi3 .navBox {width:50%;float:left;font-size:14px;}
#footerNavi3 .navBox h2 {color:#cb0000;font-size:15px;margin-bottom:10px;}
#footerNavi3 .navBox h2 a {color:#cb0000;}
#footerNavi3 .navBox li {margin-bottom:10px;}

#footer .footerLink {
	float:left;
	width:50%;
	font-size:12px;
	}
#footer .footerLink ul li {float:left;margin-right:20px;}
#footer #copy {
	float:right;
	width:50%;
	text-align:right;
	display:block;
	font-size:12px;
	}

a.modal:focus {outline:none;}
#bitnami-banner {display:none;}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 30px!IMPORTANT;
    left: 0!IMPORTANT;
    z-index: 100;
    border:0!IMPORTANT;
    background: transparent!IMPORTANT;
    padding:0!IMPORTANT;}

@media print {
#header{position: static;}
}