@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Noto+Sans+SC:400,500,700|Neuton|Sawarabi+Gothic|Sawarabi+Mincho|Merriweather|Libre+Baskerville&subset=japanese");

/* ===========================
default set
============================*/
* {
		font-family: 'Noto Sans JP', sans-serif;
		word-wrap: break-word;
	}

body {
	margin: 0;
	padding: 0;
	font-size: 82%;
	line-height: 150%;
	background:#ffffff;
}

address, p, ul, ol, li, dl, dt, dd, table, th, td, img, form center {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 150%;
	text-align: left;
}

textarea, input {
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
}

.end { clear:both;
}

em { display:none;}

font, span, strong { display:inline-block; }

a:hover img {
filter: alpha(opacity=80); -moz-opacity:0.80;  opacity:0.80;
}

.image_spsace img{
	display: block; /* ブロック要素化 */
	margin: 0 auto; /* 中央寄せ */
}


/* ===========================
float clear
=============================*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* ===========================
float_box
============================*/
.l_box { float: left; }
.r_box { float: right; }


/* ===========================
box
============================*/
.c_box_ib {
	display:inline-block;
	vertical-align: top;
	line-height:160%;
}

.box_w_half {
	width:48%;
	margin:5px 4px;
}

.box_w_3col {
	width:32%;
	margin:5px 3px;
}


/* ===========================
text_align
============================*/
.a_left { text-align: left; }
.a_right { text-align: right; }
.a_center { text-align: center; }

/* ===========================
a
=============================*/
a { outline: none; color: #0e512b; }
a:hover { outline: none; color: #ff576d; }

/* ===========================
p
=============================*/
p { text-align: left; }
.position_clear { position:static;}

/* ===========================
font
============================*/
.f8 { font-size: 70%; }
.f9 { font-size: 76%; }
.f10 { font-size: 82%; }
.f11 { font-size: 88%; }
.f12 { font-size: 94%; }
.f13 { font-size: 100%; }
.f14 { font-size: 106%; }
.f15 { font-size: 112%; }
.f16 { font-size: 118%; }
.f17 { font-size: 124%; }
.f18 { font-size: 130%; }
.f19 { font-size: 136%; }
.f20 { font-size: 142%; line-height:142%; }
.f21 { font-size: 148%; }
.f22 { font-size: 154%; }
.f23 { font-size: 160%; }
.f24 { font-size: 166%; }
.f25 { font-size: 172%; }
.f26 { font-size: 178%; }
.f27 { font-size: 184%; }
.f28 { font-size: 190%; }
.f29 { font-size: 300%; }
.fwb { font-weight: bold; }
.f_min { 
  font-family: 'Noto Serif JP', sans-serif;}

.l_h170 { line-height:170%;}
.l_h180 { line-height:180%;}
.l_h200 { line-height:200%;}

/* ===========================
border
=============================*/
.bs { border: 1px #CCCCCC solid; }
.bs02 { border: 5px #CCCCCC solid; }
.bs_top { border-top: 1px #e2e2e2 solid; }
.bs_bottom { border-bottom: 1px #CCCCCC solid; }

.bd { border: 4px #efefef solid; overflow:auto; padding:15px; }
.bd_top { border-top: 1px #CCCCCC dotted; }
.bd_bottom { border-bottom: 1px #CCCCCC dotted; }
.bd_tb { border-top: 1px #CCCCCC dotted; border-bottom: 1px #CCCCCC dotted; }
.bd_dot { border: 1px #CCCCCC dotted; padding:5px; }

/* ===========================
marin_padding
=============================*/
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }

.m_top3 { margin-top: 3px; }
.m_top5 { margin-top: 5px; }
.m_top10 { margin-top: 10px; }
.m_top15 { margin-top: 15px; }
.m_top20 { margin-top: 20px; }
.m_top30 { margin-top: 30px; }
.m_top40 { margin-top: 40px; }
.m_top50 { margin-top: 50px; }
.m_top60 { margin-top: 60px; }

.m_left3 { margin-left: 3px; }
.m_left5 { margin-left: 5px; }
.m_left10 { margin-left: 10px; }
.m_left20 { margin-left: 20px; }

.m_right3 { margin-right: 3px; }
.m_right5 { margin-right: 5px; }
.m_right10 { margin-right: 10px; }
.m_right15 { margin-right: 15px; }
.m_right20 { margin-right: 20px; }

.m_bottom1 { margin-bottom: 1px; }
.m_bottom2 { margin-bottom: 2px; }
.m_bottom3 { margin-bottom: 3px; }
.m_bottom4 { margin-bottom: 4px; }
.m_bottom5 { margin-bottom: 5px; }
.m_bottom10 { margin-bottom: 10px; }
.m_bottom15 { margin-bottom: 15px; }
.m_bottom20 { margin-bottom: 20px; }
.m_bottom25 { margin-bottom: 25px; }
.m_bottom30 { margin-bottom: 30px; }
.m_bottom40 { margin-bottom: 40px; }
.m_bottom160 { margin-bottom: 160px; }

.p_3 { padding: 3px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_20 { padding: 20px; }
.p_30 { padding: 30px; }

.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }

.p_bottom3 { padding-bottom: 3px; }
.p_bottom5 { padding-bottom: 5px; }
.p_bottom10 { padding-bottom: 10px; }
.p_bottom20 { padding-bottom: 20px; }
.p_bottom30 { padding-bottom: 30px; }

.p_tb1 { padding: 1px 0; }
.p_tb2 { padding: 2px 0; }
.p_tb3 { padding: 3px 0; }
.p_tb4 { padding: 4px 0; }
.p_tb5 { padding: 5px 0; }
.p_tb10 { padding: 10px 0; }
.p_tb20 { padding: 20px 0; }

.p_lr5 { padding: 0 5px; }
.p_lr10 { padding: 0 10px; }

.p_tb3_lr5 { padding: 3px 5px; }
.p_tb5_lr10 { padding: 5px 10px; }
.p_tb5_lr20 { padding: 5px 20px; }
.p_tb10_lr5 { padding: 10px 5px; }
.p_tb20_lr10 { padding: 20px 10px; }

.p_10_b20 { padding: 10px 10px 20px 10px; }

/* ===========================
color
============================*/
.c_r01 { color: #F00; }
.c_w01 { color: #FFFFFF; }
.c_b01 { color: #046585; }
.c_b02 { color: #060965; }
.c_g01 { color: #009933; }
.c_grey01 { color: #333333; }
.c_grey02 { color: #E4E4E4; }
.c_brown01 { color: #970105; }
.c_purple01 { color: #7e4c67; }
.c_orange01 { color: #ed7b01; }
.c_black { color:#000000; }
.c_navi01 { color: #2e2358; }
.c_db { color:#000033;}
.c_dg { color:#024108;}
.c_pink { color:#e12548;}

/* ===========================
background
============================*/
.b_wh { background: #ffffff; }
.b_r01 { background: #b40404; }
.b_r02 { background: #ffd1d6; }
.b_r03 { background: #410202; }
.b_g01 { background: #6da304; }
.b_g02 { background: #f5f8f3; }
.b_b01 { background: #b8e2fd; }
.b_b02 { background: #e9fdfd; }
.b_b03 { background: #f1f8ff; }
.b_b04 { background: #a8a8d4; }
.b_orange01 { background: #ffefa7; }
.b_black { background: #000000; }
.b_grey01 { background: #CCCCCC; }
.b_grey02 { background: #6C6C6C; }
.b_grey03 { background: #E4E4E4; }
.b_beige01 { background: #f3f2dd; }
.b_purple01 { background: #7e4c67; }
.b_brown { background: #856348; }
.b_navi01 { background: #2e2358; }
.b_pink{ background:#fbebf1;}

/* ===========================
width
============================*/
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w28per { width: 28%; }
.w29per { width: 29%; }
.w30per { width: 30%; }
.w32per { width: 32%; }
.w33per { width: 33%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w48per { width: 48%; }
.w50per { width: 50%; }
.w60per { width: 60%; }
.w70per { width: 70%; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w99per { width: 99%; }
.w100per { width: 100%; }


/* ===========================
button
============================*/
.button a {
	text-align: center;
	display: block;
	padding: 20px 15px;
	text-decoration: none;
	font-weight: bold;
	border: 1px #cccccc solid;
	margin:5px;
	font-size:140%; 
	background: #FFFFFF;
}

.button a:hover {
	background:#6aa416;
	color: #FFFFFF;

}

.button01 a { 
	background: #feeeee;
	display: inline-block;
    /display: inline;
    /zoom: 1;
	padding: 20px 20px;
	color: #422401;
	text-decoration: none;
	font-size:180%;
	margin:15px auto;
}

.button01 a:hover { background: #ff0000;
color:#FFFFFF; }

.button02 a {
	clear: both;
	background: #ffffff;
	padding: 5px 15px;
	text-decoration: none;
	color:#158906;
	border: 1px #158906 solid;
	margin: 15px;
	float: right;
}

.button02 a:hover { background: #02560e;
	color:#ffffff; }

.button03  a{
	font-size:110%;
	text-align: center;
	display: block;
	padding: 3px;
	text-decoration: none;
    border-radius: 3px;
	font-weight: bold;
	margin:3px auto;
	background:#4ab7e9;
	color:#ffffff;
	font-size:80%;
}

.button03 a:hover {
	color: #FFFFFF;
	background:#92e0cc;

}

.button_west a {
	font-size:110%;
	text-align: center;
	display: block;
	padding: 3px;
	text-decoration: none;
    border-radius: 3px;
	font-weight: bold;
	margin:3px auto;
	background:#4ab7e9;
	color:#ffffff;
	font-size:80%;
}

.button_west a:hover {
	color: #FFFFFF;
	background:#92e0cc;

}

.buttn_east a {
	font-size:110%;
	text-align: center;
	display: block;
	padding: 3px;
	text-decoration: none;
    border-radius: 3px;
	font-weight: bold;
	margin:3px auto;
	background:#fbd75d;
	color:#ffffff;
	font-size:80%;
}

.buttn_east a:hover {
	color: #FFFFFF;
	background:#fceec0;

}

.button_south a {
	font-size:110%;
	text-align: center;
	display: block;
	padding: 3px;
	text-decoration: none;
    border-radius: 3px;
	font-weight: bold;
	margin:3px auto;
	background:#fbb1b5;
	color:#ffffff;
	font-size:80%;
}

.button_south a:hover {
	color: #FFFFFF;
	background:#fcd7d9;

}

.button04 a {
	width:95%;
	background: #0e512b;
	padding: 3px 15px;
	border-radius:5px;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	float:left;
	margin:5px auto;
}

.button04 a:hover{ background: #2a7149; }

.button05 a {
	background: #0a0fd8;
	padding: 10px 15px;
	border-radius:5px;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	margin:15px auto;
}

.button05 a:hover{ background: #6246ec; }


/* ===========================
table
=============================*/
.t01 {
	width: 100%;
	border-collapse: collapse;
	margin:0px 0px 15px;
}

.t01 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 8px 5px;
	background: #dff1b4;
}

.t01 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t02 {
	width: 100%;
	border-collapse: collapse;
	margin:0px 0px 15px;
}

.t02 th {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 5px 3px;
	background: #fce5de;
	font-size:120%;
}

.t02 td {
	border: 1px #fce5de solid;
	text-align: center;
	padding: 7px 3px;
	background: #ffffff;
}

.t03 {
	width: 100%;
	border-collapse: collapse;
	margin:0px 0px 15px;
}

.t03 th {
	border-bottom: 1px #cccccc solid;
	text-align: center;
	padding: 5px 3px;
	font-size:120%;
}

.t03 td {
	border-bottom: 1px #cccccc solid;
	text-align: left;
	padding: 7px 3px;
}
.t03 td a {text-decoration: none;}


.t02 tr:hover { background: #e2ffbd; color: #000; }



.t04 {
	width: 100%;
	border-collapse: collapse;
}

.t04 th {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t04 td {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
}

.t05 {
	width: 100%;
border-collapse: collapse;
}

.t05 th {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t05 td {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 3px 5px;
}

.t06 {
	width:78%;
border-collapse: collapse;
}

.t06 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t06 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}

.t_calendar {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
}

.t_calendar th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #424242;
}

.t_calendar td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}



#td_left { text-align:left;}
#td_right { text-align:right;}


/* ===========================
attention
============================*/
.atten {
	margin-top: 30px;
	border: 2px #d40207 solid;
	padding: 15px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.atten h2 {
	font-size: 130%;
	color:#F00;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px #CCCCCC dotted;
}

.atten p {
	font-size: 106%;
}

/* ===========================
icon
=============================*/
.arrow01 {
	background: url(../images/common/arrow01.png) left center no-repeat;
	padding-left: 26px;
}

.op01 {
	background: url(../images/fee/comp.gif) left center no-repeat;
	padding-left: 26px;
}

.thanks {
	background: url(../images/common/thanks.png) left center no-repeat;
	padding-left: 22px;
}

.icon span {
	display: block;
	float: left;
	margin-right: 10px;
}

.list {
	background: url(../images/common/list.png) left center no-repeat;
	padding-left: 20px;
}

#side_link {width:100％;
	margin:0px 0 10px 0; 
	padding:5px 0px 0px;
	border-top: solid 3px #0066cc; }
	
#side_link ul {
	list-style:none; margin:0; 
	padding:0px 0px 8px;
	}
#side_link li { 
   font-size:12px;
	margin:0px 5px; 
	padding: 8px 0 8px 18px; 
	background:url(../images/common/arrow01.gif) left center no-repeat; 
	border-bottom: dotted 1px #CCCCCC; 
	vertical-align:text-top; 
	text-align:left;}
	
/* ===========================
pageNav
=============================*/
#page ul.pageNav01 {
	background:#efefef;
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
	font-size:120%;
}

#page ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page ul.pageNav01 li span,
#page ul.pageNav01 li a {
	background: #ffffff;

	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	border: 1px solid #000000;
	text-decoration: none;
	vertical-align: middle;
}

#page ul.pageNav01 li a:hover {
	background: #ffffff;
	border-color: #ff576d;
	color: #ff576d;
}

	
/*---------------------------------------------------
 Page Top Btn
--------------------------------------------------- */
#pagetopComp {
width:50px;
height:50px;
position:fixed;
bottom:0px;
right:0px;
z-index:999;
}
* html #pagetopComp {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

#pagetopComp_sm a {
width:30px;
height:30px;
position:fixed;
bottom:0px;
right:0px;
z-index:999;
}
* html #pagetopComp_sm {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

#bttnTurfclub {
width:56px;
height:199px;
position:fixed;
top:40%;
right:0px;
z-index:999;
}
* html #bttnTurfclub {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}


#stage {background:#f0efd1; padding:5px 12px 5px 20px; line-height:250%; margin:5px auto; border-bottom:1px dotted #efefef; border-top:1px dotted #efefef; margin-bottom:10px;}

/* ===========================
box
============================*/
.m_contents .ev_img {
	text-align:center;
}

.m_contents .ev_img img {
	width:100%;
}


/* ===========================
online
============================*/
.online_flow dt {
	text-align:center;
	font-weight:bold;
	clear:both;
	float:left;
	background:#036;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#79000f+0,c30304+100 */
	background: #79000f; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom, #79000f 0%,#c30304 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79000f', endColorstr='#c30304',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	padding:5px 5px;
	width:12%;
}

.online_flow dd {
	padding:5px 10px;
	margin-left:13%;
	margin-bottom:10px;
	font-size:112%;
}



/*箇条書き用*/
.ind-24{
	padding-left: 24px;
	text-indent:-24px;
}
.ind-18{
	padding-left: 18px;
	text-indent:-18px;
}
.ind-12{
	padding-left: 12px;
	text-indent:-12px;
}

    .scroll-box {
      overflow-x: auto;
    }
    .scroll-box::-webkit-scrollbar {
      height: 5px;
    }
    .scroll-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #F1F1F1;
    }
    .scroll-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #BCBCBC;
    }

/* ===========================
IE8　images回避
=============================*/

.ie8avoid img { width: 100%; height: auto; }


/* IE8 */
.ie8avoid img {  width: auto\9; }


/*---------------------------------------------------
 online bttn
--------------------------------------------------- */
#onlineBttn {
width:65px;
height:180px;
position:fixed;
top:0px;
right:0px;
z-index:999;
}
* html #onlineBttn {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

/*---------------------------------------------------
 copyright
--------------------------------------------------- */
#copyright {
width:18px;
height:207px;
position:fixed;
top:40%;
left:1%;
z-index:999;
}
* html #contactBttn {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

/*---------------------------------------------------
 weather bttn
--------------------------------------------------- */
#weatherBttn {
width:65px;
height:154px;
position:fixed;
top:181px;
right:0px;
z-index:999;
}
* html #weatherBttn {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}


/* ===========================
top
============================*/
.renewal {font-family:"Sawarabi Mincho"}

.plan_info {
	padding:15px;
	margin-bottom:15px;
	border-radius: 10px;
}

.plan_info .pi_div {
	padding:6px 10px 4px;
	margin-bottom:6px;
	border-radius: 10px;
	display:inline-block;
	text-align:center;
}

.plan_info .pi_ttl, .plan_info .pi_catch {
	font-weight:bold;
	text-align:center;
}

.plan_info .pi_ttl {
	font-size: 180%;
}

.plan_info .pi_catch {
	font-size: 140%;
	margin: 10px 0px 8px;
}

.pi_d01 {
	border:2px #fcc solid;
	background-image: url(../images/common/background01.png);
}

.pi_d01 .pi_ttl {
	color: #d00;
}

.pi_d01 .pi_catch {
	color: #DD3333;
}

.pi_d01 .pi_div {
	background-color:#630015;
	color:#fff;
	font-weight:bold;
}

.sp_lnk, .sp_btn, .pi_div {
	text-align:center;
}

.sp_lnk, .sp_btn {
	margin:10px auto;
}

.sp_lnk li {
	vertical-align: top;
	display:inline-block;
	margin:5px 3px;
}

.sp_lnk .sp_btn li a {
	background-color:#DFBABA;
	color:#3E0001;
	text-decoration:none;
	padding:3px 5px 0px;
	margin-bottom:10px;
	border-radius: 5px;
	text-align: center;
}

.kome01, .kome02 {
	margin:5px auto;
}

.kome01 {
	font-weight:bold;
	font-size:120%;
}

.kome02 {
	font-weight:normal;
	font-size:100%;
}


/*-----------------
YOUTUBE 動画
-----------------*/

.yt_box {
	width:50%;
	margin:10px auto 30px;
	text-align:center;
}

.youtube {
	position: relative;
	padding-bottom: 56.25%;
	width:100%;
	height:0;
	overflow: hidden;
}
 
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}


/* ===========================
slider
============================*/
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

.masthead {
	clear:both;
	width: 90%;
	margin:15px auto 15px;
}
.masthead-video {
	clear:both;
	width: 90%;
	margin:15px auto 15px;
}

/*---------------------------------------------------
access
--------------------------------------------------- */
.route_tbl { width:100%; clear: both; }

.route_tbl .route_ttl {
	font-weight:normal;
	font-size:120%;
	display: inline-block;
	border-bottom:1px #ccc dotted;
	margin-bottom:12px;
	float: left;
}
.route_tbl, .route_tbl td {
	border-style:none;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.route_tbl .eki {
	padding:0px;
	vertical-align: middle;
	background-color:#0e512b;
	color:#fff;
	text-align:center;
	border-radius:10px;
	padding-top:30px;
	padding-bottom:30px;
}

.route_tbl .ue {
	border-bottom:5px #ccc solid;
	padding-bottom:0px;
	vertical-align: bottom;
}

.route_tbl .shita {
	border-top:5px #ccc solid;
	padding-top:0px;
	vertical-align: top;
}

.route_tbl .td_space {
	height:1em;
}

/* ===========================
TOP スライダーバナー
============================*/
.slider_area {
	background-color:#efefef;
	width:100%;
	margin:0 auto;
	padding:0.2em 0em;

}

#sld_hyouji, #sld_hyouji02 {
	width: 87%;
	margin: 0em auto;
	max-width:1400px;
}

#sld_hyouji *, #sld_hyouji02 * {
	text-align:left;
}

#sld_hyouji .slider_box, #sld_hyouji02 .slider_box {
	width:300px;
	margin:0em 0.4em;
	background-color:#fff;
	padding:0.8em;
}

#sld_hyouji img, #sld_hyouji02 img {
	width:100%;
}

#sld_hyouji * .title_event, #sld_hyouji * .title_restaurant, #sld_hyouji * .title_sp, #sld_hyouji * .title_info, #sld_hyouji * .title_sp02, #sld_hyouji * .title_otoku,
#sld_hyouji02 * .title_event, #sld_hyouji02 * .title_restaurant, #sld_hyouji02 * .title_sp, #sld_hyouji02 * .title_info, #sld_hyouji02 * .title_sp02, #sld_hyouji02 * .title_otoku {
	font-size:120%;
	padding:3px;
	text-align:left;
	font-weight:bold;
}

#sld_hyouji * .icon_event, #sld_hyouji * .icon_restaurant, #sld_hyouji * .icon_sp, #sld_hyouji * .icon_info, #sld_hyouji * .icon_sp02, #sld_hyouji * .icon_otoku,
#sld_hyouji02 * .icon_event, #sld_hyouji02 * .icon_restaurant, #sld_hyouji02 * .icon_sp, #sld_hyouji02 * .icon_info, #sld_hyouji02 * .icon_sp02, #sld_hyouji02 * .icon_otoku {
	border-radius: 0.4em;
	display:inline-block;
	color:#FFFFFF;
	font-size:90%;
	padding:3px 10px;
	margin:0.6em auto 0.7em 0em;
}


#sld_hyouji * .sldbnr_title, #sld_hyouji02 * .sldbnr_title { font-size:110%; font-weight:bold;background-color:#FFE1BC; padding:0.1em 0.6em; border-radius: 0.5em; margin-bottom:0.3em; }

#sld_hyouji * .title_event, #sld_hyouji02 * .title_event { color:#339900; }
#sld_hyouji * .icon_event, #sld_hyouji02 * .icon_event { background:#339900; }

#sld_hyouji * .title_restaurant, #sld_hyouji02 * .title_restaurant { color:#ff6600; }
#sld_hyouji * .icon_restaurant, #sld_hyouji02 * .icon_restaurant { background:#ff6600; }

#sld_hyouji * .title_sp, #sld_hyouji02 * .title_sp { color:#ff0000; }
#sld_hyouji * .icon_sp, #sld_hyouji02 * .icon_sp { background:#ff0000; }

#sld_hyouji * .title_info, #sld_hyouji02 * .title_info { color:#333333; }
#sld_hyouji * .icon_info, #sld_hyouji02 * .icon_info { background:#333333; }
	
#sld_hyouji * .title_sp02, #sld_hyouji02 * .title_sp02 { color:#B50049; }
#sld_hyouji * .icon_sp02, #sld_hyouji02 * .icon_sp02 { background:#DB2B72; }
	
#sld_hyouji * .title_otoku, #sld_hyouji02 * .title_otoku { color:#005500; }
#sld_hyouji * .icon_otoku, #sld_hyouji02 * .icon_otoku { background:#018200; }

.kako_lst li {
	display:inline-block;
	margin-right:2em;
	margin-bottom:8px;
}