/* 
Eric Meyer's CSS Reset
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
CSSresetr.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0px; 
}
body { line-height: 30px; 
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* remember to define focus styles! */
:focus {
  outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* tables still need 'cellspacing=0' in the markup */
table { border-collapse: collapse; border-spacing: 0; 
}


.cf{ float: none; display: block; clear: both; }

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
 
img { max-width: 100%; 
}

.fl{ 
}
.fr{
	float: right; 
}
.cf {
	zoom:1;
}
.cf:after{
    content: ""; 
    display: block; 
    clear: both;
}
.cf {
	display: inline-table; 
}
.clear{
	clear:both;
}
/* Hides from IE-mac \*/
* html .cf {
	height: 1%; 
}
.cf {
	display: block; clear: both; 
}
/* End hide from IE-mac */


.pt10{ display: block; clear: both; padding-top: 10px; }
.pt20{ display: block; clear: both; padding-top: 20px; }
.pt30{ display: block; clear: both; padding-top: 30px; }
.pt40{ display: block; clear: both; padding-top: 40px; }
.pt50{ display: block; clear: both; padding-top: 50px; }
.pt60{ display: block; clear: both; padding-top: 60px; }
.pt70{ display: block; clear: both; padding-top: 70px; }
.pt80{ display: block; clear: both; padding-top: 80px; }
.pt90{ display: block; clear: both; padding-top: 90px; }
.pt100{ display: block; clear: both; padding-top: 100px; }
.pt110{ display: block; clear: both; padding-top: 110px; }
.pt120{ display: block; clear: both; padding-top: 120px; }

.pb10{ display: block; clear: both; padding-bottom: 10px; }
.pb20{ display: block; clear: both; padding-bottom: 20px; }
.pb30{ display: block; clear: both; padding-bottom: 30px; }
.pb40{ display: block; clear: both; padding-bottom: 40px; }
.pb50{ display: block; clear: both; padding-bottom: 50px; }
.pb60{ display: block; clear: both; padding-bottom: 60px; }
.pb70{ display: block; clear: both; padding-bottom: 70px; }
.pb80{ display: block; clear: both; padding-bottom: 80px; }
.pb90{ display: block; clear: both; padding-bottom: 90px; }
.pb100{ display: block; clear: both; padding-bottom: 100px; }
.pb110{ display: block; clear: both; padding-bottom: 110px; }
.pb120{ display: block; clear: both; padding-bottom: 120px; }

.pl10{ display: block; clear: both; padding-left: 10px; }
.pl20{ display: block; clear: both; padding-left: 20px; }
.pl30{ display: block; clear: both; padding-left: 30px; }
.pl40{ display: block; clear: both; padding-left: 40px; }
.pl50{ display: block; clear: both; padding-left: 50px; }
.pl60{ display: block; clear: both; padding-left: 60px; }
.pl70{ display: block; clear: both; padding-left: 70px; }
.pl80{ display: block; clear: both; padding-left: 80px; }
.pl90{ display: block; clear: both; padding-left: 90px; }
.pl100{ display: block; clear: both; padding-left: 100px; }
.pl110{ display: block; clear: both; padding-left: 110px; }
.pl120{ display: block; clear: both; padding-left: 120px; }

.pr10{ display: block; clear: both; padding-right: 10px; }
.pr20{ display: block; clear: both; padding-right: 20px; }
.pr30{ display: block; clear: both; padding-right: 30px; }
.pr40{ display: block; clear: both; padding-right: 40px; }
.pr50{ display: block; clear: both; padding-right: 50px; }
.pr60{ display: block; clear: both; padding-right: 60px; }
.pr70{ display: block; clear: both; padding-right: 70px; }
.pr80{ display: block; clear: both; padding-right: 80px; }
.pr90{ display: block; clear: both; padding-right: 90px; }
.pr100{ display: block; clear: both; padding-right: 100px; }
.pr110{ display: block; clear: both; padding-right: 110px; }
.pr120{ display: block; clear: both; padding-right: 120px; }
 


.w50{ width: 50px; }
.w100{ width: 100px; }
.w150{ width: 150px; }
.w200{ width: 200px; }
.w250{ width: 250px; }
.w300{ width: 300px; }
.w350{ width: 350px; }
.w400{ width: 400px; }
.w450{ width: 450px; }
.w500{ width: 500px; }
.w550{ width: 600px; }
.w600{ width: 600px; }
.w650{ width: 650px; }
.w700{ width: 700px; }
.w750{ width: 750px; }
.w800{ width: 80%; }
.w850{ width: 85%; }
.w900{ width: 100%; }
.w950{ width: 95%; }
.w1000{ width: auto; }
.w1050{ width: 1050px; }
.w1100{ width: 1100px; }
.w1150{ width: 1150px; }
.w1200{ width: 1200px; }
.w1250{ width: 1250px; }

.t200{ font-size: 200%; }
.t190{ font-size: 190%; }
.t180{ font-size: 180%; }
.t170{ font-size: 170%; }
.t160{ font-size: 160%; }
.t150{ font-size: 150%; }
.t140{ font-size: 140%; }
.t130{ font-size: 130%; }
.t120{ font-size: 120%; }
.t110{ font-size: 110%; }
.t100{ font-size: 100%; }
.t90{ font-size: 90%; }
.t80{ font-size: 80%; }
.t70{ font-size: 70%; }
.t60{ font-size: 60%; }
.t50{ font-size: 50%; }
.t40{ font-size: 40%; }

.ma_a{ margin: 0 auto; }
.ta_cen { text-align: center; }
.ta_right { text-align: right; }
.ta_left { text-align: left; }

.bold{ font-weight: bold; }

.lh35{ line-height: 35px; }
.lh40{ line-height: 40px; }
.lh30{ line-height: 30px; }

#page-top { position: fixed; bottom: 20px; right: 20px; font-size: 40%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; color: #ffb700; }
a img:hover { opacity: 0.7; }

/*汎用ここまで*/

.t_green{ color: #0091ba; }

.y_line{ border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #ffb700; }

.gm_pta{ border-left-width: 1px; border-left-style: solid; border-left-color: #0091ba; }

.gm_pta_last{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #0091ba; border-left-color: #0091ba; }

.bg_ichimatsu{ background-image: url(../img/bg_contents_ichj.png); background-repeat: no-repeat; }









.header_bg { background-color: #0091ba; }
.koupren_gm li { display: inline-block; padding-top: 10px; padding-right: 50px; padding-bottom: 10px; padding-left: 50px; height: 40px; line-height: 40px; }
.koupren_gm { margin: 0px; padding: 0px; }
.top_con_bg { background-color: #CCC; padding: 10px; }

.top_con_bg2 { padding: 10px; background-image: url(../img/bg_contents_ichj.png); }

.koup_top_son_innner { background-color: #FFF; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-repeat: no-repeat; }
.pta_3renbanner { text-align: center; margin-bottom: 10px; }
.pta_2renbanner { text-align: center; margin-bottom: 10px; }
.pta_taikai_footer { background-color: #0091ba; padding-top: 20px; color: #FFF; }
.pta_fullbg { }
.gm_pta.visit_bg { background-color: #ffb700; }
h1.ta_cen.t150.bold { height: 110px; background-color: #ffb700; }
a { text-decoration: none; color: #0091ba; }
.kaijou_hp_list { background-color: #FFF; padding: 20px; }
.ta_cen.t150.bold.bg_icon { background-image: url(../img/logo_h1.png); background-repeat: no-repeat; background-position: 450px center; }
.ta_cen.t150.bold span { padding-bottom: 50px; display: inline-block; }
.bunkakai_midashi .y_box.fl { background-color: #FFB700; background-repeat: no-repeat; height: 50px; width: 20px; }
.midashi_t { padding-top: 10px;padding-left: 25px; font-size: 100%; }
.midashi_t2 { padding-top: 10px;padding-left: 25px; font-size: 100%; }
.date {padding-left: 20px;font-size:90%; }
.kouen_box_wh { background-color: #FFF; padding-top: 30px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

.bunkakai_midashi2 .y_box.fl { background-color: #FFB700; background-repeat: no-repeat; height: 20px; width: 20px; margin-top: 13px; }
.bunkakai_midashi2 .midashi_t.w800.t120.bold { padding-left: 30px; }
.wh_text_pta { padding-left: 2em; padding-right: 2em; }
.wh_text_pta2 { padding-left: 2em; padding-right: 2em; }
.y_waku_kouen { line-height: 50px; margin-bottom: 10px; border: 1px solid #FFB700; padding-left: 1em; }
.mapic_hyouji { background-image: url(../img/icon_map01.png); background-repeat: no-repeat; background-position: 600px center; height: 30px; padding-top: 10px; text-decoration: underline; }
.mapic_hyouji430 { background-image: url(../img/icon_map01.png); background-repeat: no-repeat; background-position: 430px center; height: 30px; padding-top: 10px; text-decoration: underline; }
.mapic_hyouji560 { background-image: url(../img/icon_map01.png); background-repeat: no-repeat; background-position: 560px center; height: 30px; padding-top: 10px; text-decoration: underline; }


.bunkakai_midashi2 .g_box.fl { background-color: #00984E; background-repeat: no-repeat; height: 20px; width: 20px; margin-top: 13px; }
.g_waku_kouen { line-height: 50px; margin-bottom: 10px; border: 1px solid #00984E; padding-left: 1em; }
.mapic_hyouji_g { background-image: url(../img/icon_map02.png); background-repeat: no-repeat; background-position: 600px center; height: 30px; padding-top: 10px; text-decoration: underline; }
.bunkakai_midashi .g_box.fl { background-color: #00984E; background-repeat: no-repeat; height: 50px; width: 20px; }


.nittei_pta_01 {width:100%;font-size:90%;}
.nittei_pta_01 tr th { background-color: #F5EFDF; border: 1px solid #333; line-height: 60px; }
.nittei_pta_01 tr td { padding-left: 1em; line-height: 40px; border: 1px solid #333;    }

.nittei_pta_02 {width:100%;font-size:90%;}
.nittei_pta_02 tr th { background-color: #99d3e3; border: 1px solid #333; line-height: 60px;  }
.nittei_pta_02 tr td { padding-left: 1em; line-height: ; border: 1px solid #333; }
.ta_cen.t150.bold.kaijou_or { height: 60px; padding-top: 50px; }

#CDT{ font-size: 26px; width: 200px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 
}
#CDT .day{
 font-size: 48px;
}
#CDT .hour,#CDT .min,#CDT .sec,#CDT .milli{ font-size: 32px; display: none; }

.timer_bg{ background-color: #FFF; padding: 5px; }

.ma_a.countdown_bg { background-image: url(../img/count_bg.png); background-repeat: no-repeat; background-position: center center; height: 219px; padding-top: 220px; }

.cell01 { }
.cell02 { }
.cell03 { }

.nittei_pta_03 {width:100%;font-size:90%;}
.nittei_pta_03 tr th { background-color: #a4f7fc; border: 1px solid #333; line-height: 60px;  }
.nittei_pta_03 tr td { padding-left: 1em; line-height: ; border: 1px solid #333; }

.sp_hi{ display: none; }



label { padding: 10px; display: block; margin: 0; border: 1px solid #fff; background-color: #CCCCCC; text-align: center; color: #000; 
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li { padding: 5px; border-top-width: 1px; border-top-style: dotted; border-top-color: #00479D; 
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 230px;
}
.menu.pc_hi ul li { line-height: 2em; text-align: center; background-color: #0091BA; }
.menu.pc_hi ul li a { color: #FFFFFF; }
.sp_hi { display: none; }