@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px; /* 14px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #333;
}
/* ie7 */ *:first-child+html body { font-size: 100%; /* 87.5%; */}
/* ie6Below */ * html body { font-size:100%; /* font-size: 87.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 100%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper,#header,.gNavi {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
/* !header
---------------------------------------------------------- */
#header{
	z-index:1;
}

#headerWrapper{
	width:100%;
	z-index:1;
	background:#fff;
}
#headerWrapper.fixed,
.gNavi.fixed{
	z-index: 9999;
	position: fixed;
  	top: 0;
  	padding-top: 0;
}
#headerWrapper.absolute,
.gNavi.absolute{
	z-index: 9999;
	position: absolute;
  	padding-top: 0;
}
/* !gNavi
---------------------------------------------------------- */
.gNavi {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 4px solid #4c5885;
}
.gNavi.bottom {
	border-bottom: none;
}
	.gNavi li {
		overflow: hidden;
		float: left;
		width: 20%;
		text-align: center;
		box-sizing: border-box;
		border-left: 1px solid #fff;
		border-right: 1px solid #bfbfbf;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(222,222,222,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
	}
	.gNavi li.first { border-left: none;}
	.gNavi li.last { border-right: none;}
		.gNavi li a {
			display: block;
			font-size: 62.5%;
			color: #000;
			text-decoration: none;
			padding: 4px 0 3px;
		}
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
		}
/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
	#main {
		float: right;
		width: 640px;
	}
	#sub {
		float: left;
		width: 320px;
	}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
}
/* !footer
---------------------------------------------------------- */
#footer {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
	#footerIn01 {
	}
	#footerIn02 {
		background: #4c5885;
		padding: 12px 10px;
	}
		#copyright {
			padding: 9px 10px 7px;
			font-size: 62.5%;
			/*color: #4c5885;
			background: #e2e2f5;*/
			color: #fff;
			background: #444;
		}
/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 { padding: 4px 5px 4px 40px;}
	.h1_basic01 h1 {
		color: #fff;
		font-weight: bold;
		font-size: 106.2%;
		text-align: left;
		line-height: 1.2;
	}
.h1_basic01.type01 {
	background: url(/sp/ats-static/img/leisure/ico_header01.png) no-repeat 11px center #e35;
	background-size: 19px 21px;
}
.h1_basic01.type02 {
	background: url(/sp/ats-static/img/leisure/ico_header01.png) no-repeat 11px center #559400;
	background-size: 19px 21px;
}
.h1_basic01.type03 {
	background: url(/sp/ats-static/img/leisure/ico_header01.png) no-repeat 11px center #f37700;
	background-size: 19px 21px;
}
.h1_basic02 {
	padding: 6px 10px 5px;
	border-bottom: 1px dotted #999;
}
	.h1_basic02 h1 {
		font-size: 125%;
		font-weight: bold;
		color: #000;
		line-height: 1.1em;
		padding-bottom: 5px;
	}
	#g05 .h1_basic02 h1 { color: #e35;}
	#g06 .h1_basic02 h1 { color: #590;}
	#g07 .h1_basic02 h1 { color: #f37700;}
		.h1_basic02 h1 span.type01 {
			color: #333;
			font-size: 62.5%;
			font-weight: normal;
		}
		.h1_basic02 h1 span.type02 { font-size: 88.89%;}
		.h1_basic02 .type03 {
			color: #222;
			font-size: 81.2%;
			line-height: 1.2em;
			font-weight: bold;
			margin-top: 3px;
		}
.h2_basic01 {}
.h3_basic01 {}
.h4_basic01 {}
.h5_basic01 {}
.h6_basic01 {}
/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
}
	.ul_basic01 li {
	}

.ol_basic01 {
}
	.ol_basic01 li {
	}

.dl_basic01 {
}
	.dl_basic01 dt {
	}
	.dl_basic01 dd {
	}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
}
	.table_basic01 th,
	.table_basic01 td {
	}
	.table_basic01 th {
	}
	.table_basic01 td {
	}
		.table_basic01 th div,
		.table_basic01 td div {
		}
/* !searchBox01
---------------------------------------------------------- */
.searchBox01 {
	float: right;
	padding: 5px 11px 0 0;
}
.searchBox01.type02 {
	float: left;
	padding: 0;
}
	.searchBox01 form { position: relative;}
		.searchBox01 form input {
			display: inline-block;
			position: relative;
			vertical-align: top;
			border: 1px solid #999;
			border-radius: 2px;
			width: 170px;
			height: 30px;
			line-height: 30px;
			box-sizing: border-box;
			padding: 0 5px 0 23px;
			background: rgba(212,212,212,1);
			background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,212,212,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff', GradientType=0 );
		}
			.searchBox01 form:after {
				position: absolute;
				background-image: url(/sp/ats-static/img/common/ico_search01.png);
				background-size: 12px 12px;
				content: "";
				width: 12px;
				height: 12px;
				top: 9px;
				left: 7px;
			}
			.searchBox01 form input::-webkit-input-placeholder { font-size: 75%;}
			.searchBox01 form input:-moz-placeholder { font-size: 75%;}
		.searchBox01 form .submit {
			display: inline-block;
			vertical-align: top;
			border: 1px solid #999;
			border-radius: 2px;
			height: 25px;
			width: 42px;
			text-align: center;
			box-sizing: border-box;
			overflow: hidden;
			background: #ddd;
		}
			.searchBox01 form .submit a {
				font-size: 81.2%;
				font-weight: bold;
				padding: 3px 0;
				color: #000;
				text-decoration: none;
				display: block;
				padding: 3px 0;
				text-shadow: 0px 2px #fff;
			}
/* !searchBox02
---------------------------------------------------------- */
		.searchBox02 input {
			vertical-align: top;
			border: 1px solid #999;
			border-radius: 2px;
			width: 93%;
			height: 30px;
			line-height: 30px;
			box-sizing: border-box;
			padding: 0 8px;
			background: rgba(255,255,255,1);
		}
			.searchBox02 input::-webkit-input-placeholder { font-size: 77%;}
			.searchBox02 input:-moz-placeholder { font-size: 77%;}
/* !to pc button
---------------------------------------------------------- */
.toPcBtn01 {
	border-radius: 2px;
	float: right;
	width: 90px;
	height: 30px;
	box-sizing: border-box;
	/*background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,198,198,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(200,198,198,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,198,198,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,198,198,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,198,198,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(200,198,198,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c6c6', GradientType=0 );*/
	background: #137;
}
	.toPcBtn01 a {
		display: block;
		/*color: #000;*/
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		/*background: url(/sp/ats-static/img/common/ico_pc01.png) 9px 8px no-repeat;
		background-size: 16px 14px;*/
		background: url(/sp/ats-static/img/common/ico_pc02.png) 9px 10px no-repeat;
		background-size: 14px 11px;
		padding: 6px 0 3px 22px;
		font-size: 81.2%
	}
		.toPcBtn01 a span {
			font-size: 94%;
			letter-spacing: -1.5px;
		}
/* !main title
---------------------------------------------------------- */
.mainTtl01 {
	background: url(/sp/ats-static/img/leisure/bg_ttl01.jpg) repeat;
	background-size: 7px 7px;
	padding: 3px 11px;
}
	.mainTtl01 span {
		color: #000;
		font-weight: bold;
		font-size: 94%;
		background: url(/sp/ats-static/img/leisure/ico_title01.png) left center no-repeat;
		background-size: 18px 18px;
		padding-left: 23px;
	}
/* !menu list
---------------------------------------------------------- */
.menuList01 {
	padding: 16px 22px;
	overflow: hidden;
	margin: 0 0 -20px -18px;
}
.menuList01.type02 {
	margin: 0 0 -10px -18px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(223,223,223,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(223,223,223,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(223,223,223,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(223,223,223,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(223,223,223,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(223,223,223,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 );
}
	.menuList01 li {
		float: left;
		width: 33.33%;
		text-align: center;
		box-sizing: border-box;
		padding-left: 18px;
		margin-bottom: 20px;
	}
		.menuList01 li > div {
			border: solid 2px #baacae;
			border-radius: 5px;
			background: rgba(255,255,255,1);
			background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,227,223,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(229,227,223,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,227,223,1) 100%);
			background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,227,223,1) 100%);
			background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,227,223,1) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,227,223,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e3df', GradientType=0 );
			position: relative;
		}
			.menuList01 li a {
				text-decoration: none;
				display: block;
				padding: 7px 0 3px;
			}
			.menuList01 li.new > div a:after {
				position: absolute;
				content: "";
				width: 44px;
				height: 36px;
				background: url(/sp/ats-static/img/leisure/ico_new01.png);
				background-size: 44px 36px;
				top: -2px;
				left: -2px;
			}
			.menuList01 li > div .text01 {
				color: #000;
				font-size: 62.5%;
				line-height: 1.1em;
				letter-spacing: -0.3px;
				text-align: center;
				display: table;
				width: 100%;
			}
				.menuList01 li > div .text01 p {
					display: table-cell;
					vertical-align: middle;
				}
	.menuList01 li.first {
		width: 33.34%;
	}
/* !accordian list basic
---------------------------------------------------------- */
.list_basic01 {}
	.list_basic01 > dt {
		border-bottom: solid 1px #999;
	}
		.list_basic01 > dt a {
			display: block;
			font-size: 106.2%;
			font-weight: bold;
			color: #222;
			padding: 12px 16px;
			text-decoration: none;
		}
			.list_basic01.open > dt span {
				background: url(/sp/ats-static/img/leisure/ico_arrow_top01.png) right center no-repeat;
				background-size: 17px 10px;
				display: block;
			}
			.list_basic01.close > dt span {
				background: url(/sp/ats-static/img/leisure/ico_arrow_bottom05.png) right center no-repeat;
				background-size: 17px 10px;
				display: block;
			}
			.list_basic01.more > dt span {
				background: url(/sp/ats-static/img/leisure/ico_more_accordian01.png) right center no-repeat;
				background-size: 18px 18px;
				display: block;
			}
			/*.list_basic01.open > dt span {
				background: url(/sp/ats-static/img/leisure/ico_open_accordian01.png) right center no-repeat;
				background-size: 18px 18px;
				display: block;
			}*/
			/*.list_basic01.close > dt span {
				background: url(/sp/ats-static/img/leisure/ico_close_accordian01.png) right center no-repeat;
				background-size: 18px 18px;
				display: block;
			}*/
	.list_basic01 > dd { border-bottom: solid 1px #999;}
	.list_basic01.open > dd { display: block;}
	.list_basic01.more > dd { display: none;}
	.list_basic01.close > dd { display: none;}
		.list_basic01 > dd .selectBox01 {
			padding: 17px 20px 15px;
			background: #eee;
		}
/* !Section
---------------------------------------------------------- */
.section01       { /* Basic Section */ }
.secSearch { text-align: left;}


				
				
/* !Arrow
---------------------------------------------------------- */
.arrowL,
.arrowR,
.arrowT {
	position: absolute;
    background-color: rgba(0,0,0,0.2);
    text-align: center;
}
.arrowL,
.arrowR {
    font-size: 107%;
    text-align: center;
    width: 28px;
    height: 100%;
    padding: 5px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
    background-color: #eee;
}
.arrowT {
    font-size: 125%;
    text-align: center;
	width: 34px;
	height: 34px;
    padding: 5px;
    line-height: 20px;
    border-radius: 4px;
	z-index: 10;
}
.arrowL {
	left:-28px;
	top: 0;
}
.arrowR {
	right:-28px;
	top: 0;
}

.arrowT {
	bottom: 50px;
	right: 13px;
	position: fixed;
}
 .arrowL > a,
 .arrowR > a,
 .arrowT > a,
 .arrowB > a {
     display: block;
     color: #fff;
 }
 
 .arrowL > a,
 .arrowR > a{
	  top: 45%;
	  vertical-align: text-bottom;
	  position: absolute;
	  color: #333;
 }
  
 .arrowL .arrowLeft {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  left: 5px;
  margin-top: -4px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
 }
 
 .arrowR .arrowRight {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  right: -12px;
  margin-top: -4px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
 }
 
 .arrowT {
	display: none;
   }
  .arrowT .arrowTop {
    border-left: transparent 15px solid;
    border-bottom: 15px solid #fff;
    border-right: transparent 15px solid;
    border-top: transparent 10px solid;
    height: 0;
    width: 0;
    display: block;
    margin: auto;
    opacity: 0.8;
  }
  
     .arrowB .arrowBottom {
       position:relative;
       display: inline-block;
	   transform: rotate(90deg);
	   z-index: 20;
	 }
	 


/* !banner
---------------------------------------------------------- */						
.bannerGA00 {
    text-align: center;
    margin: 0 auto;
}

.bannerGA01 {
	clear: both;
    text-align: center;
    margin: 30px auto;
}					
.bannerGA02 {
    text-align: center;
    margin: 15px auto;
}