@charset "Shift_JIS";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}

/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS初期設定 */
#bg {
	font-size:12px;
	width:950px;
	overflow:hidden;
	font-family:"メイリオ";
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
p.images img{
	width:250px;
	height:auto!important;
}

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main img {
	width: 100%;
	height: auto
}

#ti01 {margin-bottom: 15px;}
.search_kokunaiBar .serchBox > ul {display: none;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock,
#anchorLinkBlock {margin: 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#dirPathBlock p {width: max-content;}
h1 {
	font-size: 12px;
	margin: 0 1% 1%;
}
#templeteWrap{
	width:100%;
}
.contInner02 .column2Area .section{
	width:950px!important;
	float:none!important;
	overflow:hidden;
}
#wrapInner{
	width:100%!important;
}
.inner950{
	margin:30px auto 0;
	display:block;
}
#Foot .footBtmInner{
	font-size:12px!important;
}
.itemList4 a{
	color:#383333!important;
}

/*フローティングバナー*/
div#floating_banner{
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
}
div#floating_banner .floating_banner_in{
	background: #000000cc;
	padding: 1%;
}
div#floating_banner .floating_banner_in span.close_pekemark{
	position:relative;
}
div#floating_banner .floating_banner_in span.close_pekemark img{
    position: absolute;
    right: 1%;
}
div#floating_banner .floating_banner_in span.close_pekemark,
div#floating_banner .floating_banner_in a img{
	width: 100%;
    display: block;
    margin: 0 auto;
}

/*navi---------------------------------------------------*/
#navi{
	background: #1919A9;
	text-align:center;
	padding-top:8px;
	padding-bottom:3px;
}
#navi li{
	display:inline-block;
	font-family: "Noto Sans Japanese";
	margin-bottom:6px;
}
#navi li a{
	padding:8px 24px 8px 10px;
	font-size:14px;
	background:url(../images/im_arrow_no.png) no-repeat 95% 50% #DDE3FC;
	background-size:8px auto;
	color:#2828AE;
	display:block;
	margin:0 5px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#navi li.select a{
	background:url(../images/im_arrow_now.png) no-repeat 92% 50% #FFF;
	background-size:12px auto;
	color:#1919A9;
}

/*common---------------------------------------------------*/
.common{
	background:#FFFFFF;	
}
.common2{
	background:#DFE6FF;	
}
.padding30{
	padding-bottom:30px!important;
}h2 img{
	width:60px;
	height:auto;
	vertical-align:middle;
	margin-top:-10px;
}
.common h2{
	font-size: 20px;
	text-align: center;
	color: #005a84;
	margin: 25px 0;
	font-family: "Noto Sans Japanese";
}
.inner{
	margin:0 15px;
	overflow:hidden;
}
.catcheCC{
	margin:0 15px;
}

/*titleBox---------------------------------------------------*/
#titleBox{
	position:relative;
	background:url(../images/im_sp_haikei.jpg) no-repeat 50% 100%;
	background-size:cover;
	padding:0px 0 0 0;
}
#titleBox span{
	display:block;
	background:url(../images/im_line.png);
	height:5px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
#titleBox p{
	text-align:center;
	padding:10px 0 5px 0;
}
#titleBox p img{
	width:70%;
}
.titleImage img{
	width:100%;
	height:auto;
}h2.commonT{
	border-top:3px solid #2929AF;
	border-bottom:1px dotted #2929AF;
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 1%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 1%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-bottom:15px;
	display:block;
	position: relative;
	text-align: center;
	font-weight:normal;
	font-size:18px;
	padding:8px 0 6px 0;
	font-family: "Noto Sans Japanese";
}h2.commonT span {
	display:inline-block;
}
h2.commonT img{
	width:45px;
	height:auto;
	position:relative;
	top:5px;
	margin:0 10px 0 0;
}
h2.commonT:after{
	content:"";
	border-bottom:1px solid #FFF;
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.innerBox{
	background:#FFF;
	margin:30px 0;
}
.sliderBox{
	padding:20px 10px 10px;
}
.sliderBox li{
	width:25%;
	margin:0 10px 15px;
	box-shadow: 0 2px 1px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	overflow:hidden;
	cursor:pointer
}
.sliderBox li span{
	display:block;
	font-size:12px;
	line-height:18px;
	padding:10px;
	color:#008EE5;
}
.sliderBox li img{
	width:100%;
	height:auto;
}
.sliderBox li:hover{
transition: 0.2s ;
opacity: 0.5 ;
}

/*{
	margin-bottom:35px;
	padding:15px;
}*/

.osusumeBox{
	padding:0 10px 0;
	overflow: hidden;
}
.osusumeBox li{
	width:100%;
	margin:0 0px 15px;
	box-shadow: 0 2px 1px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	overflow:hidden;
	cursor:pointer;
	background: #F5F5F5
}
.osusumeBox li p{
	padding: 0 10px 10px;
    line-height: 18px;
}
.osusumeBox li span{
	display:block;
	font-size:14px;
	line-height:18px;
	padding:10px;
	color:#008EE5;
	text-align: center;
}
.osusumeBox li img{
	width:100%;
	height:auto;
}
.osusumeBox li:hover{
transition: 0.2s ;
opacity: 0.5 ;
}
.osusumearea{
	width: 100%;
	clear: both;
}
.osusumeareain{
	margin: 0 0 30px 0;
	overflow: hidden;
}
.osusumeareain .osusume_tit{
	border-bottom: solid 3px #5472cd;
  position: relative;
	text-align: center;
	padding: 20px;
	font-size: 24px;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
}
dl.planbox{
	width: 100%;
    padding: 20px;
    border: 1px solid #D4D4D4;
    margin: 20px 0px 20px 0px;
    /* float: left;*/
}
dl.planbox dt{
	text-align: center;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: bold;
}
dl.planbox dd{
	padding: 0;
}
dl.planbox dd.plan_image{
	margin: 0 0 0 0;
	width: 100%;
}
dl.planbox dd.plan_image span{
	display: block;
	text-align: right;
	margin: 10px 0 0 0;
	font-size: 12px;
}
dl.planbox dd.plan_image img{
	width: 100%;
}
dl.planbox dd.plan_txt{
	margin: 20px 0 0 0;
	font-size: 14px;
	line-height: 20px;
}
dl.planbox dd.plan_btn{
	margin: 0;
	padding: 0;
	width: 100%;
}
h3{
	background:#dde3fc;
	font-weight:normal;
	font-size:16px;
	padding:10px;
	margin-bottom:15px;
	border-left:5px solid #2929AF;
	font-family: "Noto Sans Japanese";
}
dl.cityImage {
	margin-right: 0;
	margin-bottom:10px;
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
}
dl.cityImage dt{
	text-align:center;
}
@media screen and (min-width: 600px) {
dl.cityImage {
	float: left;
	width: 30%;
	margin-right: 15px;
	border-bottom:1px dotted #FFF;
}
dl.cityImage img{
	width:100%;
	height:auto;
}

}
dl.cityImage dt {
	margin-bottom: 10px;
}
dl.cityImage dd {
	margin-bottom: 0px;
	line-height:1.8em;
}
dl.cityImage dd.arrow {
	margin-top:5px;
	padding-left: 15px;
	background:url(../images/im_arrow_no.png) no-repeat 0 40%;
	background-size:8px auto;
	display:inline-block;
	margin-right:10px;
}
.tourWrap{
	display:block;
	overflow:hidden;
}

h4{
	font-size:16px;
	font-weight:normal;
	padding:3px 0 5px 0;
	color:#00009A;
	font-family: "Noto Sans Japanese";
}

h4 img{
	width:20px;
	height:auto;
	margin-right:5px;
	position:relative;
	top:2px
}
.popBox{
	overflow:hidden;
}
.tourWrap{
	margin-bottom:5px;
}
.tourWrap dl{
	border:1px solid #dde3fc!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding:13px;
	position:relative;
	margin-bottom:14px;
}
.tourWrap dl dt{
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #dde3fc;
}
.tourWrap dl dd{
	min-height:39px;
}
.tourWrap dl dd strong{
	font-size:18px;
	color:#F00;
	font-weight:bold;
	display:block;
}
.tourWrap dl dd span{
	font-size:12px;
	display:block;
	margin-bottom:10px;
}
.tourWrap dl dd strong span.fc_black {
    margin-bottom: 0; 
}
.tourWrap dl dd a{
	background:url(../images/im_arrow_b.png) no-repeat 95% 50% #F90;
	background-size:6px auto;
	text-align:center;
	display:block;
	padding:10px 25px 10px 15px;
	color:#FFF;
	font-size:14px;
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	box-shadow: 0 2px 1px 0px rgba(0,0,0,0.1);
}
.tourWrap dl dd a:hover{
transition: 0.2s ;
opacity: 0.7 ;
text-decoration:none!important
}

/*use*/
.useWrap{
	overflow:hidden;
	display:block;
}
.useWrap ul{
	overflow:hidden;
	margin:0 0 20px 0;
}
@media screen and (max-width: 320px) {
.useWrap li{
	text-align:center;
	margin:0 0 15px 0;
	padding:0 8px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-size:10px;
}
}

@media screen and (min-width: 321px) {
.useWrap li{
	text-align:center;
	margin:0 0 15px 0;
	width:50%;
	float:left;
	padding:0 8px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-size:10px;
}
}
.useWrap li img{
	display:block;
	margin:0 0 5px 0;
	width:100%;
	height:auto;
}
.useWrap div{
	overflow:hidden;
	padding:10px;
	margin:0 0 0 0;
	border:1px solid #dde3fc!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding:13px;
	background:#FFF;
}
.useWrap div p{
	float:left;
	margin:0 10px 0 0;
	width:20%;
}
.useWrap div p img{
	width:100%;
	height:auto;
}
.useWrap div dl{
	overflow:hidden;
	display:block;
}
.useWrap div:last-child{
	border-bottom:none
}
.useWrap div dl dt{
	font-size:12px;
	margin:0 0 10px 0;
}
.useWrap div dl dt a{
	color:#000;
}
.useWrap div dl > dd{
	font-size:10px;
	color:#999;
}
.useWrap div dl > dd > span{
	display:block!important;
	margin:5px 0 0 0;
}
.useWrap div dl dd > span a{
	color:#CCC;
}
.useWrap div dl dd > span > span{
	color:#F69;
	display:inline;
}
.useWrap .commonTit{
	margin:0;
}
.pageBackBlock a{
	font-size:10px;
}

/*クイック検索*/
#quickSearch {
    width: 100%;
    margin: 0 auto 5% auto;
}
#quickSearch h2 {
	font-weight: bold;
    line-height: 36px;
    background: url(//www.nta.co.jp/jr/shinkansen/images/icon_quick_search.gif) no-repeat;
    text-align: center;
    background-position-x: 2%;
	border-bottom: 3px solid #282DA5;
}
#quickSearch ul:after {
	clear: both;
    display: block;
    content: " ";
}
#quickSearch ul li {
    display: block;
    float: left;
    text-align: center;
    width: 49%;
}
#quickSearch ul li strong {
    display: block;
    text-align: center;
    color: #F00;
    margin: 2px 0 8px 0;
    font-size: 13px;
	font-weight: bold;
}

/*plan btn*/
.plan_btn {
    background: url(../images/im_arrow_b.png) no-repeat 95% 50% #F90;
    background-size: 6px auto;
    display: block;
        padding: 3% 5%;
    font-size: 16px;
    -webkit-border-radius: 5px 5px 5px 5px!important;
    border-radius: 5px 5px 5px 5px!important;
    box-shadow: 0 2px 1px 0px rgba(0,0,0,0.1);
    text-align: center;
    width: 80%;
    margin: 3% auto 0 auto;
}
.plan_btn a{
    color: #FFF;
}

/******serch*****/
div#NTA_map,div#NTA_JR2_Map{
	margin:0 auto 20px!important;
}
#serchNavi{
    margin: 10px 1% 0 1%;
}
#serchNavi li{
	width: 22%;
	background:#dde3fc;
	padding:8px 5%;
	text-align:center;
	display:inline-block;
	color:#FFF;
	font-size:0.85rem;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	cursor:pointer;
}
.selectS{
	background:#2929AF!important;
}
#KaigaiKensaku dl{
		margin-bottom:10px;
}
#KaigaiKensaku dl dt{
	display:inline-block;
	margin:0;
	padding:0 0 0 8px;
	width:100px;
	border-left:8px solid #3DBA00;
}
#KaigaiKensaku dl dd{
	display:inline-block;
}
.checkBlock p{
	display:inline-block;
}
.contentS{
	border-top:8px solid #2929AF;
	padding:10px!important;
	overflow:hidden;
}
.contentS dl{
	margin-bottom:10px;
}
.contentS dl dt{
	display:inline-block;
	margin:0;
	padding:0 0 0 8px;
	width:100px;
	border-left:8px solid #2929AF;
}
.contentS dl dd{
	display:inline-block;
}
.step{
	font-size:0.80rem;
	margin-bottom:8px;
}
.step strong{
	display:inline-block;
	font-size:0.70rem;
	background:#2929AF;
	color:#FFF;
	padding:8px;
	margin:0 10px 0 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.keyB{width:180px; float:left; margin-right:10px}
.keyB2{overflow:hidden ;width:80px; font-size:0.7rem}
.maginB{
	margin-bottom:10px
}
#areaSelectWrap {
	position:relative;
	width:310px;
	height:248px;
	margin:0 auto 20px;
}
#areaSelectWrap ul#areaParent li a{
	position:absolute;
	display:inline-block;	
	padding:3px 13px;
	font-size:10px;
	border:solid 1px #229de7;
	background:#fff;
	text-align:center;
}
#areaSelectWrap ul#areaParent li a {
	color:#000;
}
#areaSelectWrap ul#areaParent li#gd_hokkaido a{
	left:129px;
	top:26px;
}
#areaSelectWrap ul#areaParent li#gd_tohoku a{
	left:236px;
	top:93px;
}
#areaSelectWrap ul#areaParent li#gd_koshinetsu a{
	left:125px;
	top:97px;
}
#areaSelectWrap ul#areaParent li#gd_tokai a{
	left:198px;
	top:183px;
}
#areaSelectWrap ul#areaParent li#gd_kinki a{
	left:148px;
	top:187px;
}
#areaSelectWrap ul#areaParent li#gd_hokuriku a{
	left:103px;
	top:119px;
}
#areaSelectWrap ul#areaParent li#gd_chugoku a{
  left:56px;
  top:146px;
}
#areaSelectWrap ul#areaParent li#gd_kyushu a{
  left:23px;
  top:175px;
}
#areaSelectWrap ul#areaParent li#gd_sikoku a{
  left:98px;
  top:202px;
}
#areaSelectWrap ul#areaParent li#gd_kanto a{
  left:207px;
  top:149px;
}
#areaSelectWrap ul#areaParent li#gd_okinawa a{
  left:63px;
  top:62px;
}
#areaSelectWrap ul.childLinkList {
	border-bottom:solid 1px #229de7;
	position:absolute;
	left:0;
	top:0;
	z-index:14;
	display:none;
}
#areaSelectWrap ul.childLinkList#kantoChild {
	left:254px;
	top:130px;
}
#areaSelectWrap ul.childLinkList#tohokuChild {
	left:283px;
	top:93px;
}
#areaSelectWrap ul.childLinkList#tokaiChild {
	left:245px;
	top:183px;
}
#areaSelectWrap ul.childLinkList#kinkiChild {
	left:194px;
	top:155px;
}
#areaSelectWrap ul.childLinkList#sikokuChild {
	left:143px;
	top:202px;
}
#areaSelectWrap ul.childLinkList#kinkiChild {
	left:194px;
	top:155px;
}
#areaSelectWrap ul.childLinkList#chugokuChild {
	left:103px;
	top:146px;
}
#areaSelectWrap ul.childLinkList#hokurikuChild {
	left:150px;
	top:119px;
}
#areaSelectWrap ul.childLinkList#koshinetsuChild {
	left:182px;
	top:97px;
}
#areaSelectWrap ul.childLinkList#kyushuChild {
	left:70px;
	top:130px;
}
#areaSelectWrap ul.childLinkList li a {
	border:solid 1px #229de7;
	border-bottom:none;
	background:#eff9ff;
	padding:6px;
	display:block;
	width:36px;
	text-align:center;
}
#areaSelectWrap ul.childLinkList li a:hover {
	background:#5151df;
	color:#fff;
}
#NTA_W_map{
	text-align:center;
}
.btnAllSub {
    background: url(../images/im_bt_arrow.png) no-repeat #FF9F00 97% 50%;
    background-size: 13px auto;
    display: block;
    text-align: center;
    padding: 5px 10px 3px 10px;
    color: #FFF;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    border: 0;
    width: 100%;
    font-size: 1.2rem;
    cursor: pointer;
	font-family: sans-serif;
}
.keyB2 {
    overflow: hidden;
    width: 80px;
    font-size: 0.7rem;
}

/*slick*/
.sliderBox .slick-prev,.sliderBox .slick-next {
    z-index: 1;
}
.noplan{
	box-shadow: none!important;
	font-size:14px;
	margin-bottom:20px;
	width:250px!important;
	float:none;
}
.otherPlanBox li{
	font-size:16px;
	padding:20px;
	margin:0 0 16px 0;
	line-height:130%;
	/*border-bottom:1px dashed rgba(231,225,225,0.8);*/
	position:relative;
	background:#FFFFFF
}
.otherPlanBox li span.sub{
	font-size:10px;
}
.otherPlanBox li:last-child{
	margin:0 0 0 0;
	padding:20px;
	border-bottom:none!important
}
.otherPlanBox li:hover{
	cursor:pointer;
	transition: 0.2s ;
	opacity: 0.4 ;
}
.otherPlanBox li a:hover{
	text-decoration:none!important;
}
.attention{
	background:#F00;
	color:#FFF;
	font-size:12px;
	line-height:14px;
	padding:5px;
	margin-right:10px;
	display:inline-block;
}
.otherPlanBox li:hover:after{
	font-family: FontAwesome;
	content: "\f105";
	font-size:40px;
	color:#FFCC66;
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:18px;
}
.otherPlanBox li:after{
	font-family: FontAwesome;
	content: "\f105";
	font-size:40px;
	color:#FFCC66;
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:20px;
}
.otherPlanBox li a{
	display:block;
	margin-bottom:0;
	width:100%;
	height:100%;
}
.otherPlanBox li p{
	font-size:12px;
}
.otherPlanBox li p span{
	display:inline-block;
	background:rgba(231,225,225,0.8);
	padding:0 10px;
	margin-right:10px;
}
.otherPlanBox li p strong{
	color:#F00;
	font-weight:800;
	font-size:22px;
	margin-left:15px;
}
.box01{
	background: #FFFFFF;
	padding: 10px 10px 10px;
	margin-bottom: 20px;
	border: 1px solid #e5e0dc;
}
.box01 img{
	width: 100%;
	height: auto;
}
p.title {
    font-size: 18px;
    color:#005a84;
    padding: 12px 6px;
    background: #FFFFFF;
    text-align: center;
	font-weight:bold;
}
.planBtn a {
    display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 8px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #ff9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.text{
	font-size: 14px;
	padding: 15px 0
}
.itemList4 li dl dt a:link {
	color: #0065d6 !important;
	text-decoration: none !important;
}
.itemList4 li dl dt a:visited {
	color: #0065d6 !important;
	text-decoration: none !important;
}
.itemList4 li dl dt a:hover {
	color: #0065d6 !important;
	text-decoration: underline !important;
}
.itemList4 li dl dt a:active {
	color: #0065d6 !important;
	text-decoration: none !important;
}
.itemList4 li dl dt a {
	outline: none !important;
}
.itemList4 .thumb{
	max-width: 50%;
	float:left;
	margin:0 10px 0 0;
}
.itemList4 dl{
	overflow:hidden;
	margin:0;
	padding: 10px 0;
	font-family:"?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
}
.itemList4 .cFix dt{
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}
.itemList4 .cFix dd{
	padding:5px 10px 0 0;
	font-size:0.8rem;
	margin:0;
}
.itemList4{
	display:block;
	margin:0;
}
.itemList4 a{
	color:#333333;
}
.itemList4 li{
	background:#EBEAEA;
	overflow:hidden;
	margin:0 0 10px 0;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.serchBox{
	display:block;
	text-align:center;
}
.serchB{
	padding:0px;
	overflow:hidden;
}
.serchB .right{
padding-top: 0;
}
.serchB dl{
	text-align:left;
	margin-bottom:15px;
	overflow:hidden;
	font-size:16px;
	font-family: "Noto Sans Japanese";
}
.serchB dl dt{
	display:inline-block;
	width:90px;
	padding-top:10px;
	float:left;
	font-weight:normal;
}
.required{
	background:#F00;
	padding:4px;
	color:#FFF;
	font-size:10px;
	margin-right:10px;
}
.serchB dl dd{
	overflow:hidden;
}
.serchB select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 95%;
	padding: 8px!important;
	margin-bottom:5px;
	margin-right:8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	font-size:14px!important;
	height:40px!important;
	width:100%;
	background:url(../images/im_serch_arrow.png) no-repeat #FFF 100% 50%;
	background-size:20px auto;
}
.serchB input{
	padding: 6px;
	font-size:14px;
}
.step{
	font-size:0.80rem;
	margin-bottom:8px;
}
.step strong{
	display:inline-block;
	font-size:0.70rem;
	background:#2929AF;
	color:#FFF;
	padding:8px;
	margin:0 10px 0 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.keyB{width:180px; float:left; margin-right:10px}
.keyB2{overflow:hidden ;width:80px; font-size:0.7rem}
.maginB{
	margin-bottom:10px
}
.btnSerch{
	width:100%;
}
.btnSubmit {
    background: url(../images/im_bt_arrow.png) no-repeat #FF9F00 97% 50%;
    background-size: 13px auto;
    display: block;
    text-align: center;
    padding: 5px 10px 3px 10px;
    color: #FFF;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    border: 0;
    width: 100% !important;
    font-size: 1.2rem;
    cursor: pointer;
	font-family: sans-serif;
}
.btnSubmit {
    background: url(../images/im_bt_arrow.png) no-repeat #FF9F00 97% 50%;
    background-size: 13px auto;
    display: block;
    text-align: center;
    padding: 5px 10px 3px 10px;
    color: #FFF;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    border: 0;
    width: 100% !important;
    font-size: 1.2rem;
    cursor: pointer;
	font-family: sans-serif;
}
.maparea{
	width:100%;
	position:relative;
}
.maparea p img{
	width:100%;
}
.maparea ul{
	list-style:none;
}
.maparea ul li{
	position:absolute;
}

@media screen and (min-width:320px) and (max-width:599px) { 

.maparea ul li#map1{
	top:36%;
	left:31%;
}
.maparea ul li#map2{
	top:28%;
	left:56%;
}
.maparea ul li#map3{
	top:4%;
	left:60%;
}
.maparea ul li#map4{
	top:10%;
	left:24%;
}
.maparea ul li#map5{
	top:45%;
	left:5%;
}
.maparea ul li#map6{
	top:73%;
	left:66%;
}
.maparea ul li#map7{
	top:83%;
	left:44%;
}
.maparea ul li#map8{
	top:52%;
	left:54%;
}
.maparea ul li#map9{
	top:72%;
	left:26%;
}
.maparea ul li a{
	background: url(../images/im_bt_arrow.png) no-repeat #005a84 97% 50%;
    background-size: 13px auto;
    display: block;
    text-align: center;
    padding: 5px 10px 3px 10px;
    color: #FFF;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    border: 0;
    width: 100% !important;
    font-size: 0.8rem;
    cursor: pointer;
	font-family: sans-serif;
}

}

@media screen and (min-width:600px) and (max-width:959px) { 

.maparea ul li#map1{
	top:36%;
	left:35%;
}
.maparea ul li#map2{
	top:28%;
	left:56%;
}
.maparea ul li#map3{
	top:2%;
	left:60%;
}
.maparea ul li#map4{
	top:11%;
	left:32%;
}
.maparea ul li#map5{
	top:45%;
	left:5%;
}
.maparea ul li#map6{
	top:73%;
	left:66%;
}
.maparea ul li#map7{
	top:83%;
	left:49%;
}
.maparea ul li#map8{
	top:57%;
	left:58%;
}
.maparea ul li#map9{
	top:72%;
	left:36%;
	}
.maparea ul li a{
	background: url(../images/im_bt_arrow.png) no-repeat #005a84 97% 50%;
    background-size: 13px auto;
    display: block;
    text-align: center;
    padding: 5px 10px 3px 10px;
    color: #FFF;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    border: 0;
    width: 100% !important;
    font-size: 1.2rem;
    cursor: pointer;
	font-family: sans-serif;
}

}

.areabox {
    overflow: hidden;
    margin: 30px 0 30px 0;
    /*border-bottom: #036 dotted 5px;*/
    padding: 0 0 30px 0;
}
dl.areatop {
    margin: 0 0 10px 0;
    padding: 20px 0 0px 0px;
	text-align:center;
}
dl.areatop dd.areaimage1 {
    width: 100%;
    margin: 0;
    padding: 0;
}
dl.areatop dd.areaimage1 img{
    width: 100%;
}
dd.areatext1{
	padding: 10px 0 10px 0px;
	text-align:left;
}
.osusumetit {
    text-align: center;
    padding: 0 0 0px 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
}

/*
.osusume li{
	clear:both;
	background-color:#CCC;
	overflow:hidden;
	margin:0 0 20px 0;
}
.osusume p.osusumeimage{
	max-width: 50%;
	float:left;
	margin:0 10px 0 0;
}
.osusume p.osusumeimage img{
	width:200px;
	height:auto;
}
ul.osusume dl dt{
	font-weight:bold;
	font-size:1rem;
	color:#00C;
	margin:15px 0 15px 0;
}
ul.osusume dl dd{
	margin:0;
	padding:0;
	font-size:0.8rem;
	line-height:1rem;
}*/

ul.osusume li{
	margin:0 0px 20px 0px;
	width:100%;
	border:1px solid #CCC;
	padding:10px;
	box-sizing: border-box;
}
ul.osusume li p.osusumeimage{
	width:100%;
}
ul.osusume li p.osusumeimage img{
	width:100%;
	margin:0;
	padding:0;
}
ul.osusume dl dt{
	font-weight:bold;
	font-size:16px;
	color: #005a84;
	margin:15px 0 15px 0;
	text-align:center;	
}
ul.osusume dl dd{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}
.areabtn{
	padding:20px;
	margin: 0 20px;
}
.areabtn a{
	display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 20px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #ff9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.areabtn2{
	margin: 15px 20px 0;
}
.areabtn2 a{
	
	display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 20px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #ff9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
h2#ti01:before {
	content: '';
	display: inline-block;
	width: 38px; /*アイコン画像横サイズ*/
	height: 21px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_seach.png) no-repeat 20% 20% ; /*アイコン画像*/
	background-size:21px;
	/* その他の設定でスタイル調整 */
}
h2#ti02:before,
h2#ti06:before,
h2#ti06:before {
	content: '';
	display: inline-block;
	width: 29px; /*アイコン画像横サイズ*/
	height: 19px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_osusume.png) no-repeat 49% 100% ; /*アイコン画像*/
	background-size:16px;
	/* その他の設定でスタイル調整 */
}
h2#ti03:before {
	content: '';
	display: inline-block;
	width: 29px; /*アイコン画像横サイズ*/
	height: 18px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_map.png) no-repeat 20% 0% ; /*アイコン画像*/
	background-size:14px;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt{
	position:relative;
    text-align: center;
    padding: 10px;
    margin: 0;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	background: #c5f3ff;
	background:url(../images/back1.jpg) 0 0;
}

@media screen and (min-width:320px) and (max-width:599px) { 

dl.areatop dt#area1:before {
	content: '';
	position:absolute;
	top:10%;
	left:23%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_hiroshima.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:58%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area2:before {
	content: '';
	position:absolute;
	top:10%;
	left:23%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_okayama.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:58%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area3::before {
    content: '';
    position: absolute;
    top: 4%;
    left: 23%;
    display: inline-block;
    width: 21%;
    height: 82%;
    background: url(../images/ic_tottori.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 67%;
}
dl.areatop dt#area4::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 23%;
    display: inline-block;
    width: 21%;
    height: 80%;
    background: url(../images/ic_shimane.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 66%;
}
dl.areatop dt#area5:before {
	content: '';
	position:absolute;
	top:10%;
	left:23%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_yamaguchi.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:58%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area6::before {
    content: '';
    position: absolute;
    top: 4%;
    left: 23%;
    display: inline-block;
    width: 20%;
    height: 80%;
    background: url(../images/ic_ehime.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 61%;
}
dl.areatop dt#area7:before {
	content: '';
	position:absolute;
	top:10%;
	left:23%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_kagawa.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:58%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area8:before {
	content: '';
	position:absolute;
	top:10%;
	left:23%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_tokushima.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:58%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area9::before {
    content: '';
    position: absolute;
    top: 4%;
    left: 23%;
    display: inline-block;
    width: 20%;
    height: 80%;
    background: url(../images/ic_kouchi.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 73%;
}

}

@media screen and (min-width:600px) and (max-width:959px) { 
dl.areatop dt#area1:before {
	content: '';
	position:absolute;
	top:10%;
	left:37%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_hiroshima.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:32%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area2::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 37%;
    display: inline-block;
    width: 20%;
    height: 87%;
    background: url(../images/ic_okayama.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 33%;
}
dl.areatop dt#area3::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 37%;
    display: inline-block;
    width: 20%;
    height: 82%;
    background: url(../images/ic_tottori.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 37%;
}
dl.areatop dt#area4::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 37%;
    display: inline-block;
    width: 20%;
    height: 83%;
    background: url(../images/ic_shimane.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 33%;
}
dl.areatop dt#area5:before {
	content: '';
	position:absolute;
	top:10%;
	left:37%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_yamaguchi.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:32%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area6::before {
    content: '';
    position: absolute;
    top: 3%;
    left: 37%;
    display: inline-block;
    width: 20%;
    height: 82%;
    background: url(../images/ic_ehime.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 34%;
}
dl.areatop dt#area7:before {
	content: '';
	position:absolute;
	top:4%;
	left:37%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_kagawa.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:32%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area8:before {
	content: '';
	position:absolute;
	top:10%;
	left:37%;
	display: inline-block;
	width: 20%; /*アイコン画像横サイズ*/
	height: 80%; /*アイコン画像縦サイズ*/
	background: url(../images/ic_tokushima.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:32%;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area9::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 37%;
    display: inline-block;
    width: 20%;
    height: 85%;
    background: url(../images/ic_kouchi.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 34%;
}

}

/*use*/

div#useWrap{
	padding:10px;
	margin-bottom:30px;
}
div#useWrap div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	background:#FFF;
	float:none!important;
	width:auto!important;
	border-bottom:1px dashed #CCC
}
div#useWrap div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#useWrap div p img{
	width:100%;
	height:auto;
}
#useWrap div dl{
	overflow:hidden;
	display:block;
	padding:0 0 0 0;
}
#useWrap div:last-child{
	border-bottom:none
}
#useWrap div dl dt{
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
}
#useWrap div dl dt a{
	color:#000;
}
#useWrap div dl dd{
	font-size:12px;
	color:#999;
}
#useWrap div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}
#useWrap div dl dd > span a{
	color:#CCC;
	display:inline-block;
	background:none;
	padding:0;
	text-align:center;
	margin-top:0;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom:none;
}
#useWrap div dl dd > span span{
	color:#F69;
	display:inline;
}
#useWrap .commonTit{
	margin:0;
}
.pr_banner {
    width: 96%;
    margin: 3% 2%;
	display:block;
	text-align:center;
}
.pr_banner a {
    width: 100%;
}
.pr_banner a img {
    width: 640px;
    display: block;
    margin: 0 auto 1%;
}

}


/*760px以上*/
@media screen and (min-width: 760px),print {
#wrapper {line-height: 1.231;}
.pcnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    width: 100%;
	max-width:1080px;
	min-width:760px;
    margin: 0 auto 5px;
}
#templeteWrap{
	width:100%;
}
.contInner02 .column2Area .section{
	width:950px!important;
	float:none!important;
	overflow:hidden;
}
#wrapInner{
	width:100%!important;
}
#inner950{
	width:950px;
	margin:0 auto;
	display:block;
}
.inner950{
	width:950px;
	margin:30px auto 0;
	display:block;
}
#Foot .footBtmInner{
	font-size:12px!important;
}


/*フローティングバナー*/
div#floating_banner{
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
}
div#floating_banner .floating_banner_in{
	background: #000000cc;
	padding:5px 0;
}
div#floating_banner .floating_banner_in span.close_pekemark{
	position:relative;
}
div#floating_banner .floating_banner_in span.close_pekemark img{
    position: absolute;
    right: 1%;
}
div#floating_banner .floating_banner_in span.close_pekemark,
div#floating_banner .floating_banner_in a img{
	max-width: 640px;
	display:block;
	margin:0 auto;
}

/*navi---------------------------------------------------*/
#navi{
	background: #007798;
	text-align:center;
	padding-top:0;
}
#navi li{
	display:inline-block;
	font-family: "Noto Sans Japanese";
}
#navi li a{
	padding:18px 54px 18px 25px;
	font-size:18px;
	background:url(../images/im_arrow_now.png) no-repeat 89% 50%;
	background-size:12px auto;
	display:block;
	color:#FFFFFF;
	border-right: 1px solid rgba(255,255,255,0.2);
	margin:0 5px;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#navi li:nth-of-type(1) a{
	border-left: 1px solid rgba(255,255,255,0.2);
}
#navi li a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.7 ;
}
#navi li.select a:hover{
	transition: 0 ;
	opacity: 1 ;
	cursor:default;
}

/*common---------------------------------------------------*/
.inner{
	width:950px;
	margin:0 auto;
	padding:30px 0 30px 0;
	position:relative;
	overflow: hidden;
}
.common{
	background:#FFFFFF;
	padding: 40px 0 20px;
}
.common:nth-of-type(2n){
	background:#ccebf4;	
}
.padding30{
	padding-bottom:30px!important;
}
.common h2{
	font-size: 30px;
	text-align: center;
	color: #005a84;
	font-family: "Noto Sans Japanese";
        margin-bottom: 15px;
        font-weight: bold;
}
h2 img{
	width:60px;
	height:auto;
	vertical-align:middle;
	margin-top:-10px;
}

/*titleBox---------------------------------------------------*/
#titleBox{
	position:relative;
	height:333px;
	background:url(../images/im_haikei.jpg) no-repeat 50% 0%;
	padding:0 0 0 0;
	overflow: hidden;
}
#titleBox p{
	text-align: center;
}
.titleImage img{
	width: auto;
	max-width:100%;
	height:auto;
}

/*btnAll---------------------------------------------------*/
.btnAll{
	margin:0 auto 0!important;
	display:block;
	padding:0;
	clear:left!important;
	clear:both;
	float:none!important;
	width:85%!important;
}
.btnAll a{
	display:block;
	width:100%;
	height:100%;
	padding:18px;
	font-size:20px;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	background:url(../images/im_arrow_white.png) no-repeat #333333 98% 50%;
	background-size:17px auto;
}
.btnAll a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	background:url(../images/im_arrow_white.png) no-repeat #a27e1d 98% 50%;
	background-size:17px auto;
}
.btn3{
	clear:left;
	background:none!important;
	overflow:hidden;
	margin-bottom:15px!important;
}
.btn3 p.btnAll {
	width:33.3333333333%!important;
	float:left!important;
	clear:none!important;
	display:block;
}
.btn3 p.btnAll  a{
	padding:14px 0 14px 0;
	font-size:18px;
	display:block;
	margin:0 auto 0!important;
	width:97%;
}
h2.commonT{
	border-top:3px solid #2929AF;
	border-bottom:1px dotted #2929AF;
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 1%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 1%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-bottom:30px;
	display:block;
	position: relative;
	text-align: center;
	font-weight:normal;
	font-size:30px;
	padding:12px 0 10px 0;
	font-family: "Noto Sans Japanese";
}
h2.commonT span {
	display:inline-block;
}
h2.commonT img{
	width:55px;
	height:auto;
	position:relative;
	top:5px;
	margin:0 10px 0 0;
}
h2.commonT:after{
	content:"";
	border-bottom:1px solid #FFF;
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.innerBox{
	background:#FFF;
	margin:30px 0;
}
.sliderBox{
	padding:0 30px 0;
}
.sliderBox li{
	width:25%;
	margin:0 15px 15px;
	box-shadow: 0 2px 1px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	overflow:hidden;
	cursor:pointer;
	background: #F5F5F5
}
.sliderBox li span{
	display:block;
	font-size:14px;
	line-height:18px;
	padding:10px;
	color:#008EE5;
}
.sliderBox li img{
	width:100%;
	height:auto;
}
.sliderBox li:hover{
transition: 0.2s ;
opacity: 0.5 ;
}
.osusumeBox{
	padding:0 30px 0;
	overflow: hidden;
}
.osusumeBox li{
	width:30%;
	float: left;
	margin:0 14px 15px;
	box-shadow: 0 2px 1px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	overflow:hidden;
	cursor:pointer;
	background: #F5F5F5
}
.osusumeBox li p{
	padding: 0 10px 10px;
    line-height: 18px;
}
.osusumeBox li span{
	display:block;
	font-size:14px;
	line-height:18px;
	padding:10px;
	color:#008EE5;
	text-align: center;
}
.osusumeBox li img{
	width:100%;
	height:auto;
}
.osusumeBox li:hover{
transition: 0.2s ;
opacity: 0.5 ;
}
.osusumearea{
	width: 100%;
	clear: both;
}
.osusumearea h3{
	text-align: center;
	margin: 20px 0 20px 0;
	padding: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 24px;
	background-color: #5472cd;
}
.osusumeareain{
	margin: 0 0 30px 0;
	overflow: hidden;
}
.osusumeareain .osusume_tit{
	border-bottom: solid 3px #5472cd;
  position: relative;
	text-align: center;
	padding: 20px;
	font-size: 24px;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
}
dl.planbox{
	width: 28%;
    padding: 20px;
    border: 1px solid #D4D4D4;
    margin: 20px 4px 20px 4px;
    float: left;
}
dl.planbox dt{
	text-align: center;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: bold;
}
dl.planbox dd{
	padding: 0;
}
dl.planbox dd.plan_image{
	margin: 0 0 0 0;
	width: 100%;
}
dl.planbox dd.plan_image img{
	width: 100%;
}
dl.planbox dd.plan_image span{
	display: block;
	text-align: right;
	margin: 10px 0 0 0;
	font-size: 14px;
}
dl.planbox dd.plan_txt{
	margin: 20px 0 0 0;
	font-size: 14px;
	line-height: 20px;
}
dl.planbox dd.plan_btn{
	margin: 0;
	padding: 0;
}
.price{
	font-size:20px;
	display:block;
	font-weight:bold;
	margin-bottom:20px;
}
.price strong{
	font-size:28px;
	color:#F00;
}
.price span{
	font-size:12px;
	display:block;
	font-weight:normal;
	margin-top:4px;
	margin-bottom:10px;
}
.otherPlanBox{
	padding:0;
	font-family: "Noto Sans Japanese";
	position:relative;
	margin-top:0;
	margin-bottom:10px;
}
.otherPlanBox h4{
	font-size:26px;
	font-weight:normal;
	color:#AF3600;
	text-align:center;
	margin-bottom:30px;
}
.otherPlanBox h4 i{
	font-size:28px;
	position:relative;
	top:2px;
	left:-5px;
}
.otherPlanBox li{
	font-size:16px;
	padding:20px;
	margin:0 0 16px 0;
	line-height:200%;
	/*border-bottom:1px dashed rgba(231,225,225,0.8);*/
	position:relative;
	background:#FFFFFF
}
.otherPlanBox li:last-child{
	margin:0 0 0 0;
	padding:20px;
	border-bottom:none!important
}
.otherPlanBox li:hover{
	cursor:pointer;
	transition: 0.2s ;
	opacity: 0.4 ;
}
.otherPlanBox li a:hover{
	text-decoration:none!important;
}
.attention{
	background:#F00;
	color:#FFF;
	font-size:12px;
	line-height:14px;
	padding:5px;
	margin-right:10px;
	display:inline-block;
}
.otherPlanBox li:hover:after{
	font-family: FontAwesome;
	content: "\f105";
	font-size:40px;
	color:#FFCC66;
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:18px;
}
.otherPlanBox li:after{
	font-family: FontAwesome;
	content: "\f105";
	font-size:40px;
	color:#FFCC66;
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:20px;
}
.otherPlanBox li a{
	display:block;
	margin-bottom:0;
	width:100%;
	height:100%;
}
.otherPlanBox li p{
	font-size:14px;
}
.otherPlanBox li p span{
	display:inline-block;
	background:rgba(231,225,225,0.8);
	padding:0 10px;
	margin-right:10px;
}
.otherPlanBox li p strong{
	color:#F00;
	font-weight:800;
	font-size:22px;
	margin-left:15px;
}
.serchBox{
	display:block;
	text-align:center;
}
.serchB{
	background:#FFF;
	padding:20px 30px 10px;
	overflow:hidden;
	margin-top:0;
}
.serchB .left{
	float:left;
	width:40%;
}
.serchB .right{
	float:right;
	width:55%;
}
.serchB dl{
	text-align:left;
	margin-bottom:15px;
	overflow:hidden;
	font-size:16px;
	font-family: "Noto Sans Japanese";
}
.serchB dl dt{
	display:inline-block;
	width:90px;
	padding-top:10px;
	float:left;
	font-weight:normal;
}
.required{
	background:#F00;
	padding:4px;
	color:#FFF;
	font-size:10px;
	margin-right:10px;
}
.serchB dl dd{
	overflow:hidden;
}
.serchB select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 95%;
	padding: 4px!important;
	margin-bottom:3px;
	margin-right:8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	font-size:13px!important;
	height:30px!important;
	width:100%;
	background:url(../images/im_serch_arrow.png) no-repeat #FFF 100% 50%;
	background-size:20px auto;
}
.serchB input{
	padding: 2px;
	font-size:14px;
}
#NTA_JR2_CalendarYm{
	width:160px;
	float:left;
}
#NTA_JR2_CalendarD{
	width:160px;
	overflow:hidden;
}
.one{
	width:45%;
	float:left;
}
.two{
	width:50%;
	float:left;
}
.meal{
	width:45%;
	overflow:hidden;
	margin:0 0 0 15px;
}
.roadBox{
	width:100%;
	text-align:left;
	font-size:14px;
	margin-bottom:18px;
}
.roadBox p{
	display:inline-block;
	margin-right:15px;
}
.base_gadget_calendar {
    position: absolute;
    right: 10px!important;
    top: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.item{
	overflow:hidden;
}
.item .title{
	width:220px;
	float:left;
	padding-top:10px;
}
.item_in{
	overflow:hidden;
}
.item_in span{
	width:100px;
	display:inline-block;
}
.btnSerch{
	clear:both;
	width:100%;
	clear:right;
}
.btnSerch a,.btnSerch button,.btnSerch input{
	padding:12px;
	background:url(../images/im_arrow_w.png) no-repeat #005a84 97% 50%;
	background-size:20px auto;
	color:#FFF;
	border:2px solid #005a84;
	font-size:14px;
	text-align:center;
	color:#FFF;
	width:100%;
	cursor:pointer;
	margin:0 auto;
	display:block;
	font-family: "Noto Sans Japanese";
	font-size:16px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border-bottom:3px solid rgba(0,0,0,0.2);
	clear:both;
	margin-top:10px;
}
.btnSerch a:hover,.btnSerch button:hover,.btnSerch input:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	text-decoration:none!important
}
.box01{
	float: left;
	width: 280px;
	margin-right: 21px;
	background: #FFFFFF;
	padding: 10px 10px 10px;
	margin-bottom: 20px;
	border: 1px solid #e5e0dc;
}
.box01:nth-of-type(3n){
	margin-right: 0
}
.box01 img{
	width: 100%;
	height: auto;
}
p.title {
    font-size: 18px;
    color:#005a84;
    padding: 12px 6px;
    background: #FFFFFF;
    text-align: center;
	font-weight:bold;
}
.planBtn a {
    display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 8px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #ff9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.text{
	font-size: 14px;
	padding: 15px 0
}

.itemList4 li {
    background: #F5F5F5 !important;
    width: 200px;
    margin-right: 44px !important;
    float: left;
    position: relative;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 0 #afafaf;
    -moz-box-shadow: 0 1px 0 #afafaf;
    box-shadow: 0 1px 0 #afafaf;
    opacity: 0.99999;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
}
.itemList4 a{
	color:#383333!important;
}
.itemList4 li dl {
    padding: 15px 10px;
}
.itemList4 li dl dt {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}
.catcheCC{
	text-align: center;
	font-size: 16px;
	padding-top: 20px;
}
.maparea{
	clear:both;
	overflow:hidden;
	width:950px;
}
.maparea p{
	width:950px;
	position:relative;
}
.maparea p img{
	width:100%;
}
.maparea ul{
	list-style:none;
}
.maparea ul li{
	width:14%;
	background-color:transparent;
	position:absolute;
	margin:0;
	padding:0;
}
.maparea ul li#map1{
	top:218px;
	left:329px;
}
.maparea ul li#map2{
	top:172px;
	left:535px;
}
.maparea ul li#map3{
	top:42px;
	left:593px;
}
.maparea ul li#map4{
	top:113px;
	left:243px;
}
.maparea ul li#map5{
	top:270px;
	left:51px;
}
.maparea ul li#map6{
	top:424px;
	left:608px;
}
.maparea ul li#map7{
	top:470px;
	left:451px;
}
.maparea ul li#map8{
	top:325px;
	left:544px;
}
.maparea ul li#map9{
	top:416px;
	left:278px;
}
.maparea ul li#map10{
	top:507px;
	left:512px;
}
.maparea ul li a{
	display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 10px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 20px;
    background-color: #003f67;
    font-size: 16px;
	font-weight:bold;
    text-decoration: none !important;
}
.maparea ul li a:hover{
	transition: 0.2s ;
	opacity: 0.8 ;
}
.maparea ul li:hover:after{
	font-family: FontAwesome;
	content: "\f105";
	font-size:34px;
	color:#FFFFFF;
	position:absolute;
	top:37%;
	margin-top:-20px;
	right:15px;
}
.maparea ul li:after{
	font-family: FontAwesome;
	content: "\f105";
	font-size:34px;
	color:#FFFFFF;
	position:absolute;
	top:37%;
	margin-top:-20px;
	right:15px;
}
.areabox{
	overflow:hidden;
	margin:50px 0 50px 0;
	/*border-bottom:#036 dotted 5px;*/
	padding:0 0 30px 0;
}
dl.areatop{
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
dl.areatop dt{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	padding:20px;
	margin:0;
	background:#c5f3ff;
	background:url(../images/back1.jpg) 0 0;
}
dl.areatop dd.areaimage1{
	width:950px;
	margin:0;
	padding:0;
}
dl.areatop dd.areatext1{
	padding:10px 0 10px 0px;
	text-align:center;
}
.osusumetit{
	text-align:center;
	padding:0 0 0px 0;
	margin:0 0 20px 0;
	font-size:20px;
	font-weight:bold;
}
ul.osusume{
	list-style:none;
}
ul.osusume li{
	background: #FFF;
	margin:0px 27px 30px 27px;
	float: left;
	width:42%;
	border:1px solid #CCC;
	padding:10px;
}
ul.osusume li p.osusumeimage{
	width:100%;
}
ul.osusume li p.osusumeimage img{
	width:100%;
	margin:0;
	padding:0;
}
ul.osusume dl dt{
	font-weight:bold;
	font-size:16px;
	color:#005a84;
	margin:15px 0 15px 0;
	text-align:center;
}
ul.osusume dl dd{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}
.areabtn{
	padding:20px;
	margin: 0 20px;
	clear: both;
}
.areabtn a{
	display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 20px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #ff9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.areabtn2{
	padding:15px 0 0px 0;
	margin: 0 0px;
}
.areabtn2 a{
	display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 20px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #ff9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.areabtn a:hover,
.areabtn2 a:hover{
	cursor:pointer;
	transition: 0.2s ;
	opacity: 0.4 ;
}
h2#ti01:before {
	content: '';
	display: inline-block;
	width: 38px; /*アイコン画像横サイズ*/
	height: 27px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_seach.png) no-repeat 20% 20% ; /*アイコン画像*/
	background-size:26px;
	/* その他の設定でスタイル調整 */
}
h2#ti02:before,
h2#ti06:before,
h2#ti07:before {
	content: '';
	display: inline-block;
	width: 38px; /*アイコン画像横サイズ*/
	height: 29px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_osusume.png) no-repeat 20% 100% ; /*アイコン画像*/
	background-size:22px;
	/* その他の設定でスタイル調整 */
}
h2#ti03:before {
	content: '';
	display: inline-block;
	width: 38px; /*アイコン画像横サイズ*/
	height: 25px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_map.png) no-repeat 20% 20% ; /*アイコン画像*/
	background-size:19px;
	/* その他の設定でスタイル調整 */
}

/*
dl.areatop dt:before {
	content: '';
	display: inline-block;
	width: 38px; 
	height: 22px;
	background: url(../images/ic_kanko.png) no-repeat 0% 20% ; 
	background-size:23px;
}
*/

dl.areatop dt{
	position:relative;
	overflow:hidden;
}
dl.areatop dt#area1:before{
	content: '';
	position:absolute;
	top:11px;
	left:355px;
	display: inline-block;
	width: 65px; /*アイコン画像横サイズ*/
	height: 42px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_hiroshima.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:50px;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area2::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 355px;
    display: inline-block;
    width: 65px;
    height: 48px;
    background: url(../images/ic_okayama.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 57px;
}
dl.areatop dt#area3::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 355px;
    display: inline-block;
    width: 65px;
    height: 47px;
    background: url(../images/ic_tottori.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 63px;
}
dl.areatop dt#area4::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 355px;
    display: inline-block;
    width: 65px;
    height: 50px;
    background: url(../images/ic_shimane.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 62px;
}
dl.areatop dt#area5:before{
	content: '';
	position:absolute;
	top:11px;
	left:355px;
	display: inline-block;
	width: 65px; /*アイコン画像横サイズ*/
	height: 42px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_yamaguchi.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:50px;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area6::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 355px;
    display: inline-block;
    width: 65px;
    height: 53px;
    background: url(../images/ic_ehime.png) no-repeat 0% 20%;
        background-size: auto;
    background-size: 57px;
}
dl.areatop dt#area7:before{
	content: '';
	position:absolute;
	top:5px;
	left:355px;
	display: inline-block;
	width: 65px; /*アイコン画像横サイズ*/
	height: 45px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_kagawa.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:60px;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area8:before{
	content: '';
	position:absolute;
	top:11px;
	left:355px;
	display: inline-block;
	width: 65px; /*アイコン画像横サイズ*/
	height: 50px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_tokushima.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:50px;
	/* その他の設定でスタイル調整 */
}
dl.areatop dt#area9:before{
	content: '';
	position:absolute;
	top:6px;
	left:355px;
	display: inline-block;
	width: 65px; /*アイコン画像横サイズ*/
	height: 48px; /*アイコン画像縦サイズ*/
	background: url(../images/ic_kouchi.png) no-repeat 0% 20% ; /*アイコン画像*/
	background-size:65px;
	/* その他の設定でスタイル調整 */
}

/*use*/
div#useWrap {
    padding: 10px;
    margin-bottom: 30px;
}
div#useWrap div {
    overflow: hidden;
    padding: 15px;
    margin: 0 0 0 0;
    background: #FFF;
    float: none !important;
    width: auto !important;
    border-bottom: 1px dashed #CCC;
}
div#useWrap div p {
    float: left;
    margin: 0 20px 0 0;
    width: 150px;
    height: auto;
}
div#useWrap div p img{
	width:100%;
	height:auto;
}
#useWrap div dl {
    overflow: hidden;
    display: block;
    padding: 0 0 0 0;
}
#useWrap div dl dt {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
}
#useWrap div dl dd{
	font-size:14px;
	margin: 0;
}
#useWrap div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}
#useWrap div dl dd > span a{
	color:#CCC;
	display:inline-block;
	background:none;
	padding:0;
	text-align:center;
	margin-top:0;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom:none;
}
#useWrap div dl dd > span span{
	color:#F69;
	display:inline;
}
.pr_banner {
    width: 640px;
    margin: 2% auto 0;
	display:block;
	text-align:center;
}
.pr_banner a {
    width: 100%;
}
.pr_banner a img {
    width: 640px;
    display: block;
    margin: 0 auto 1%;
}

}