@charset "utf-8";
/* CSS Document */




/* サブタイトル */
#contents h2{
	height: 44px;
	line-height:44px;
	width: 1020px;
	padding-left:45px;
	margin: 20px auto;
	background: url(../img/common/search_icon.gif)  no-repeat left center;
	font-size:2em;
	vertical-align:middle;
}
#contents h2 span{
	color: #525252;
	padding: 2px 0 0 15px;
	font-weight: bold;
	color: #155E83;
	font-size:0.5em;
	font-family:Arial,Helvetica,sans-serif;
	vertical-align:middle;
}

#contents h2.icon-photo{
	padding-left:10px;
	width:1070px;
	background: url(../img/common/bg_photo.jpg) repeat-x center bottom;
	height:430px;
}
#contents h2.icon-photo:before{
	content:'';
	width:50px;
	height:40px;
	background:url(../img/common/photo_icon.gif) no-repeat left center;
	float:left;
}


/* 検索エリア */

.searchAreaWrapper {
	height: auto;
	background-image: url(../../img/common/search_bg.gif);
	background-repeat: repeat;
	padding: 0 0 0 0;	
}
#searchArea {
	position: relative;
	padding: 10px 0px 10px;
	margin: 0 auto;
	width: 1080px;
}
#searchArea th.keywordTitle {
	float: left;
	
	font-weight: bold;
	color: #152B33;
	width: 190px;
	text-align: center;
	padding: 13px 0 13px 0;
	background-image: url(../img/common/keyword_icon.png);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#searchArea th.wayTitle {
	float: left;
	
	font-weight: bold;
	color: #152B33;
	width: 190px;
	text-align: center;
	padding: 13px 0 13px 0;
	background-image: url(../img/common/distance_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#searchArea th.wayTitle dd p {
	float: left;
}

#searchArea th.areaTitle {
	font-weight: bold;
	color: #152B33;
	width: 190px;
	text-align: center;
	padding: 13px 0 13px 0;
	background-image: url(../img/common/area_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#searchArea th.genreTitle {
	
	font-weight: bold;
	color: #152B33;
	width:190px;
	text-align: center;
	padding: 13px 0 13px 0;
	background-image: url(../img/common/genre_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#searchArea th.goodTitle {
	float: left;
	
	font-weight: bold;
	color: #152B33;
	width:190px;
	text-align: center;	
	padding: 13px 0 13px 0;
	background-image: url(../img/common/good_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#searchArea th.seasonTitle {
	float: left;
	
	font-weight: bold;
	color: #152B33;
	width:190px;
	text-align: center;	
	padding: 13px 0 13px 0;
	background-image: url(../img/common/season_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#searchArea th.typeTitle {
	float: left;
	
	font-weight: bold;
	color: #152B33;
	width:190px;
	text-align: center;	
	padding: 13px 0 13px 0;
	background-image: url(../img/common/type_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#searchArea th.dateTitle {
	
	font-weight: bold;
	color: #152B33;
	width:190px;
	text-align: center;
	padding: 13px 0 13px 0;
	background-image: url(../img/common/date_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#searchArea td.dateContents input{
	width:210px!important;}
	
#searchArea td.dateContents .dateBtn img{
	vertical-align:middle;
	margin-right:10px;}	
	
#searchArea td.dateContents .dateBtn a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */}		

#searchArea table tr th {
	width: 190px;
	background-color: rgba(191,191,189,0.4);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80E3E3E3,EndColorStr=#80E3E3E3);　/* IE7以下 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80E3E3E3,EndColorStr=#80E3E3E3)";　/* IE8以上 */
	
	
	font-weight: bold;
	color: #152B33;
}

#searchArea table tr {
	margin: 0 0 5px 0;
}
#searchArea table tr td.wayContent,#searchArea table tr td.areaContent,#searchArea table tr td.genreContents,#searchArea table tr td.wayContent{
	overflow:hidden;}
#searchArea table tr td.wayContent div,#searchArea table tr td.areaContent div,#searchArea table tr td.genreContents div,#searchArea table tr td.wayContent div,
#searchArea table tr td.seasonContents div,#searchArea table tr td.typeContents div{
	margin-top:-5px;}
	
#searchArea table tr td p {
	float: left;
	margin: 5px 7px 0px 0px;
}
#searchArea table input {
	width: 800px;
	padding: 10px 0 11px 0px;
}

	
#searchArea .btnForm > *:first-child {
	margin-right:1%;}	
	
#searchArea .btnForm > *:first-child  a{
	border:1px solid #ECEDEE;
	background:#FFF url(../../spots/img/common/icon_clear.png) no-repeat 15px center;
	background-size:10px;
	color:#132B33;}

#searchArea .btnForm > *:first-child + * {
	margin-left:1%;
}
#searchArea .btnForm > *:first-child + *  a{
	background:  url(../../spots/img/common/icon_search_s.png)  no-repeat 20px center,url("../../img/common/footer_uline_bg.gif") repeat;
	background-size:10px,50% ;
	color:#FFF!important;}



	
#searchArea .btnForm{
	text-align:center;
	padding:30px 0;}	
	
#searchArea .btnForm li{
	display:inline-block;}	
	
#searchArea .btnForm a{
	color: #FFF;
	font-size:1.3em;
	padding:25px 60px;
	text-decoration:none;
	display: inline-block;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../../img/common/btn_next.jpg) right center;
	min-width:100px;}	
	
#searchArea .btnForm .back a{
	background:url(../../img/common/btn_back.jpg) left center!important;}	
	
a.wayBtn {
	background-color:#ffffff;
	display:inline-block;
	cursor:pointer;
	color:#152B33;
	font-family:Arial;
	
	font-weight:bold;
	padding: 13px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.wayContent .selected,
.areaContent .selected,
.genreContents p .selected,
.typeContents .selected,
.seasonContents .selected{
	background: url(../../img/common/pattern_bg.gif);
	text-shadow:0px 1px 0px #000;
	color:#FFF!important;}
a:visited.wayBtn {
	display:inline-block;
	cursor:pointer;
	color:#152B33;
	font-family:Arial;
	
	font-weight:bold;
	padding: 13px 16px;
	background-image: url(../../img/common/pattern_bg.gif);
	background-repeat: repeat;
}
a:link.wayBtn {
	color:#152B33;
	text-decoration: none;	
}

a:hover.wayBtn,a:active.wayBtn {
	color:#152B33;
	text-decoration: none;
}
.wayBtn:hover {
	background-color:#f6f6f6;
}
.wayBtn:active {
	position:relative;
	top:1px;
}

.btnMap a{
	 color: #152b33;
	 background:url(../img/common/btn_map.png) no-repeat #E3E3E3  5px 10px;
	 text-decoration:none;
	 padding:0px 10px 0px 20px;
	 height:43px;
	 line-height:43px;
	 display:block;}
	 
.btnMap a:hover{
	opacity :0.7;}	 

#searchArea table .genreContents dl {
	width: 276px;
	float: left;
	border: 3px solid #FFF;
}



#searchArea table .genreContents li{
	float:left;
	margin: 0 9px 5px 0; }
	
#searchArea table .genreContents ul > *:first-child + * + * ,
#searchArea table .genreContents ul > *:first-child + * + * + * + * + * ,
#searchArea table .genreContents ul > *:first-child + * + * + * + * + * + * + * + * {
	margin: 0 0 5px 0!important; }

#searchArea table .genreContents .selected a,.selected dt {
	color:#FFF;
	text-decoration:none;}
	
#searchArea table .genreContents .selected dt {
	background:url(../img/common/bg_genre.png) repeat;}
/*
.eat dl.selected {
	border: 3px solid #F25555!important;}	
.eat dl.selected dt {
	background-color:#F25555!important;
	background-image:url(../img/common/bg_eat.gif);}	
.eat dd a.selected {
	background-color:#F25555!important;}	

.nature dl.selected {
	border: 3px solid #26975F!important;}	
.nature dl.selected dt {
	background-color:#26975F!important;
	background-image:url(../img/common/bg_nature.gif);}	
.nature dd a.selected {
	background-color:#26975F!important;}		

.experience dl.selected {
	border: 3px solid #76950D!important;}	
.experience dl.selected dt{
	background-color:#76950D!important;
	background-image:url(../img/common/bg_experience.gif);}
.experience dd a.selected {
	background-color:#76950D!important;}		
	
	

.festival dl.selected {
	border: 3px solid #EE7379!important;}	
.festival dl.selected dt {
	background-color:#EE7379!important;
	background-image:url(../img/common/bg_festival.gif);}	
.festival dd a.selected {
	background-color:#EE7379!important;}		

.karatsuyaki dl.selected {
	border: 3px solid #9B6624!important;}	
.karatsuyaki dl.selected dt {
	background-color:#9B6624!important;
	background-image:url(../img/common/bg_karatsuyaki.gif);}	
.karatsuyaki dd a.selected {
	background-color:#9B6624!important;}	

.goods dl.selected {
	border: 3px solid #DDB700!important;}	
.goods dl.selected dt {
	background-color:#DDB700!important;
	background-image:url(../img/common/bg_goods.gif);}	
.goods dd a.selected {
	background-color:#DDB700!important;}	
	

.hotel dl.selected {
	border: 3px solid #E68206!important;}	
.hotel dl.selected dt{
	background-color:#E68206!important;
	background-image:url(../img/common/bg_hotel.gif);}	
.hotel dd a.selected {
	background-color:#E68206!important;}	

.history dl.selected {
	border: 3px solid #9A6E87!important;}	
.history dl.selected dt {
	background-color:#9A6E87!important;
	background-image:url(../img/common/bg_history.gif);}
.history dd a.selected {
	background-color:#9A6E87!important;}	

.sports dl.selected {
	border: 3px solid #2F9EDB!important;}	
.sports dl.selected dt {
	background-color:#2F9EDB!important;
	background-image:url(../img/common/bg_sports.gif);}	
.sports dd a.selected {
	background-color:#2F9EDB!important;}	
*/
		

#searchArea table .genreContents dl dt {
	text-align: center;
}
.genreContents dt {
	width:276px;
	background-color:#ffffff;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:1.2em;
	padding: 7px 0px;
	text-decoration:none;
}

#searchArea table .genreContents dt a{
	text-decoration:none;
	color:#152b33;
	font-weight:bold;}
	
.genreContents dt span {
	float: right;
	padding:0 10px 0 0;
	color:#FFF;
}
.genreContents dt:hover {
	background-color:#f6f6f6;
}

a:link.genreContents dt ,a:visited.genreContents dt {
	color:#152B33;
	text-decoration: none;	
}

a:hover.genreContents dt,a:active.genreContents dt {
	color:#152B33;
	text-decoration: none;
}

.genreContents dd a {
	background-color: rgba(191, 191, 189, 0.7);
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	padding: 4px 3px;
	margin: 3px 3px;
	/*olor:#152B33!important;*/
	text-decoration: underline!important;
}

.genreContents dd a:hover {
	background-color: rgba(191, 191, 189, 1);
	text-decoration: none!important;
}

.genreContents dd a:hover,.genreContents dd a:active {

}

#searchArea .clearBtn {
	height: 36px;
	width: 140px;	
	position: absolute;
	top: -50px;
	right: 0;
	width:120px;
	background-image: url(../../img/common/clear_icon.png),url(../../img/common/search_bg.gif);
	background-repeat: no-repeat,repeat;
	background-position: 35px 15px, left top;
	display:inline-block;
	cursor:pointer;
	color:#132B33;
	font-family:Arial;
	
	font-weight:bold;
	padding: 14px 0px 0px 60px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#searchArea p {
	background-color:#ffffff;
	background-image: url(../../img/common/search_bg.gif);
	background-repeat: repeat;	
}

.clearBtn span {
	float: right;
	padding:0 10px 0 0;
}
.clearBtn:hover {
	background-color:#f6f6f6;
}
.clearBtn:active {
	position:relative;
	top:1px;
}
p.question {
        cursor: pointer;
}
p.question:hover {
        text-decoration: underline;
}
div.answer {
        display: none;
        background: #f2f2f2;
        margin-left: 1em;
        padding: 10px;
}



.open a{
	width: 1080px;
	margin: 0 auto;
	text-align: center;
	background-repeat: repeat;
	background:#FFF;
    border-radius: 5px;
    background-color:#FFF;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:1.6em;
	padding:15px 0 15px 0;
	background-image: url("../../img/common/footer_uline_bg.gif");
	position:relative;
	letter-spacing:0.1em;
}

.open a:before {
    display: inline-block;
    padding: 0em 0.5em 0em 0em; 
    text-decoration: none;
	font-family: fontawesome;
	content: "\f0fe";
	margin-right: .5rem;
}


.close a {
	width: 1070px;
	margin: 0 auto 20px auto;
	padding: 15px 25px 15px 25px;
	font-size: 1.6em;
	text-align: center;
	background-color: rgba(191, 191, 189, 0.4);
	display:block;
	cursor:pointer;
	color:#152b33!important;
	font-weight: bold;
	text-decoration:none;
	letter-spacing: 0.1em;
	border-radius: 5px;
}
.close a:before {
	content: "\f146";
	font-family: fontawesome;
	margin-right: .5rem;
}

/* 検索結果 */

#contents .resultNumber {
	border:1px solid #DCDBD7;
	padding: 15px 30px;
	margin: 20px 0px 0px;
	clear:both;
}

#contents .resultNumber li:first-child {
	float: left;
}


#contents .resultNumber li:last-child {
	float: right;
}

#contents a.releaseBtn {
	color: #152B33;
	padding: 0px 0px 0px 20px;
	background-image: url(../../img/common/clear_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* タブ */

.result{
	width:1080px;
	margin:0 auto;}

#contents .tabBtn {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #162B33;
	height: 56px;
	margin: 20px 0 0 0;
	position:relative;
	font-size:1.2em;
	clear:both;
	display: flex;
}
#contents .tabBtn li a{
	width:105px;
	height: 35px;
	margin: 0px 0px 0px 20px;	
	border-top: 1px solid #162B33;
	border-left: 1px solid #162B33;
	border-right: 1px solid #162B33;
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	padding: 15px 0 0 80px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #162B33;
	text-decoration:none;
	color:#132B33;
	height:30px;
	display:block;
	margin-top:10px;
}

#contents .tabBtn li a:hover{
	background:#132B33;
	color:#FFF;
	}

#contents .tabBtn li.selected{
	width:105px;
	height: 35px;
	margin: 0px 0px 0px 20px;	
	border-top: 1px solid #162B33;
	border-left: 1px solid #162B33;
	border-right: 1px solid #162B33;
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	padding: 20px 0 0 80px;
	float:left;
	font-size:90%;
}


#contents .tabBtn li.listBtn a ,#contents .tabBtn li.selected {
	background-image: url(../img/common/list_icon.png);
	background-repeat: no-repeat;
	background-position: 45px 15px;}
	
	
#contents .tabBtn li.listBtn a:hover {
	background-image: url(../img/common/list_icon_o.png);}
		
#contents .tabBtn li.mapBtn a,#contents .tabBtn li.mapBtn{
	background-image: url(../img/common/map_icon.png);
	background-repeat: no-repeat;
	background-position: 45px 12px;}
		
#contents .tabBtn li.mapBtn a:hover {
	background-image: url(../img/common/map_icon_o.png);}		

#contents .tabBtn li.dateBtn a,#contents .tabBtn li.dateBtn{
	background-image: url(../img/common/date_icon.png);
	background-repeat: no-repeat;
	background-position: 45px 12px;}
		
#contents .tabBtn li.dateBtn a:hover {
	background-image: url(../img/common/date_icon_o.png) ;
	background-repeat: no-repeat;}	

/* 検索結果一覧 */

#contents .resultBlock {
	min-height: 358px;
	width: 250px;
	margin: 13px 3px 0px 3px;
	padding: 5px;
	background-image: url(../../img/common/pattern_bg.gif);
	background-position: left top;
	background-repeat: repeat;
	border-radius: 2px;
	box-shadow: 0px 1px 2px 1px #888;
	display: inline-block;
	vertical-align: top;
	position:relative;
}

#contents .upDate{
	text-align:right;
	font-size:0.8em;
	margin-bottom:10px;
	display:block;
	position:absolute;
	top:-35px;}	

#contents .resultBlock .resultPhoto {
	text-align: center;
	margin-bottom:10px;
}
#contents .resultBlock .resultType {
	margin:0px 0 2px 0;	
}
#contents .resultBlock .resultType02 {
	font-size: 0.8em;
	color: #FFF;
	background-color: #71B4A3;
	height: 18px;
	width: 60px;
	padding:0px 0px 0px 15px;
	margin:9px 0 8px 0;
}
#contents .resultBlock dl{
	clear:both;
}
#contents .resultBlock dt .ico-end{
	display: inline-block;
	color:#fff;
	background:#D53430;
	color:#FFF;
	padding:3px 10px;
	font-size:.8em;
	vertical-align: middle;
	position:absolute;
	left: 10px;
	top: 10px;
}

#contents .resultBlock dt a {
	padding:3px 0;
	display:block;
	line-height:1.5em;
	}
#contents .resultBlock .resultDay {
	font-size: 0.8em;
	color: #FFF;
	margin-bottom: 12px;
}

#contents a:link.resultList,a:visited.resultList {
	color: #FFF;
	font-size: 1.5em;
	text-decoration: underline;
}
#contents a:hover.resultList,a:active.resultList {
	color: #FFF;
	text-decoration: none;	
}
#contents .resultBlock dl dd {
	margin: 6px 0px 0px;
	padding: 0 0 5px 0;
	color: #FFF;
	font-size: 0.95em;
	border-bottom: 1px dotted #FFF;
}

.resultBlock a.underLink {
	display:inline-block;
	cursor:pointer;
	color:#175986;
	background-color: #FFF;
	padding: 2px 8px;
	margin: 3px 3px;
	text-decoration:none;
}
.resultBlock a.underLink:hover {
	background-color: #EEEEEE;
	padding: 2px 8px;
	margin: 3px 3px;
	text-decoration:none;
}
.resultBlock .underBtn {
	text-align: right;
	margin: 5px 0 0 0;
}
.resultBlock .icon-favS:before{
	content: url(../img/common/fav_icon_m.png);
	vertical-align:middle;
	margin-right:2px;
	line-height:1;
	display:inline-block;
}
.resultBlock a.icon-fav-delS{
	color:#aaa;
}
.resultBlock .icon-fav-delS:before{
	content: url(../img/common/fav_del_icon_m.png);
	vertical-align:middle;
	margin-right:2px;
	line-height:1;
	display:inline-block;
}


/* 利用規約 */


.rules{
	width:1080px;
	margin: 30px auto 0 auto;
}
.scloll{
	height:250px;
	overflow-y:scroll;
	border:#ccc solid 1px;
}
.rules h4{
	margin:20px;
	font-size:1.4em;
}

.rules h4 {
    background-image: url("../../img/common/pattern_bg.gif");
    background-position: left top;
    background-repeat: repeat;
    color: #fff;
    font-size: 16px;
		padding:10px 20px;
}
.rules .read{
	margin:20px;
}
.rules section{
	margin:20px;
}
.rules section h5{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:1em;
}
.rules section p,
.rules section ul,
.rules section ol{
	margin-bottom:20px;
}

.rules section ol li{
	list-style-type:decimal;
	list-style-position:inside;
}

.rules table{
	margin-top:40px;
	width:100%;
	font-size:1.2em;
}		
.rules th{
	width:320px;
	background:url(../../img/common/bg_th.gif)
}
.rules th,.rules td{
	padding:10px;
	border-bottom:1px solid  #D0D0D0;
}	
.txtHissu {
	background:#F00;
	color:#FFF;
	padding:2px 5px;
	display:inline-block;
	margin:0 5px;
	float:right;
	display:block;
	font-size:0.8em;
}
.rules .btnList li{
	float:left;
	margin:0 2px 3px 0;
}	
.type_in{
	text-align:center;
}
.type_in li{
	display:inline;
	margin-right:20px;
}
.rules table input[type=text]{
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	padding:10px;
	border:solid 1px #ccc;
	width:700px;
}
.rules table input[type=radio]{
	margin-right:10px;
}
.rules table textarea{
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	padding:10px;
	border:solid 1px #ccc;
	width:700px;
	height:100px;
}
.rules table input:focus,.rules table textarea:focus,.rules table select:focus {
	border:solid 1px #366A9A;
}
ime-disabled{
	ime-mode: disabled;
}
.error-message {
	color: #F00;
	font-weight: bold;
	padding: 3px;
	background-color: #FFC;
	display: inline-block;
	margin-top: 5px;
	font-size: 0.9em;
}
.btnForm{
	text-align:center;
	padding-top:30px;
}
.btnForm a{
	color: #FFF;
	font-size:1.6em;
	padding:25px 60px;
	text-decoration:none;
	display: inline-block;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../../img/common/btn_next.jpg) right center;
	min-width:100px;
}	
.btnForm .back a{
	background:url(../../img/common/btn_back.jpg) left center!important;
}	
.btnForm li{
	display:inline-block;
	margin-right:20px;
}
.btnForm a:hover{
	opacity:0.8;
}
.btnForm a.hide{
	-ms-filter: "alpha(opacity=70)";
	filter : alpha(opacity=70);
	-moz-opacity : 0.7;
	opacity : 0.7;
}


/* オススメの観光スポット */

.recommendTour {
	height: 236px;
	text-align: center;
	background-image: url(../../img/common/search_bg.gif);
	background-repeat: repeat;
	margin: 30px auto 0 auto;
	padding: 30px 0 0 0;
	position: relative;
	width:1080px;
}

.recommendTour h4 {
	position: absolute;	
	top: -20px;
	color:#132B33;
	font-size:1.7em;
	/*background: url(../img/bg_recommend01.png) no-repeat 20px; 20px, url(../img/bg_recommend02.png) no-repeat 0 0;*/
	left: 0px;
	right: 0px;
	display:inline;
}

.recommendTour h4:before {
    content: url(../img/common/bg_recommend01.png) ;
    margin: 10px;
    position: relative;
    top: 8px;
}

.recommendTour h4:after {
    content: url(../img/common/bg_recommend02.png);
    margin: 10px;
    position: relative;
    top: 8px;
}


.recommendInner {
	width: 915px;
	height: 135px;
	margin: 0 auto;
	padding: 25px 50px 45px;
	background-color: #FFF;
}

.recommendInner dl {
	float: left;
	margin: 0 15px 0 15px;
	width: 150px;
}

.recommendInner dt {
}

.recommendInner dt img {
	background-color: #FFF;
	padding: 3px;
	box-shadow: 0px 1px 2px 1px #CCC;
	max-width: none!important;	
}

.recommendInner dd {
	text-align:center;
	margin: 7px 0 0 0;
}


/* --------------------------------------------------

 list

-------------------------------------------------- */

#listArea {
	width: 1080px;
	margin:0 auto;
}

.attention{
	padding:10px;
	font-size:12px;
	border:#CCC dotted 1px;
	margin:10px 0;
	background:#F7F6F1;
}

/* --------------------------------------------------

 map

-------------------------------------------------- */

.map,.list,.detail{
	width:100%!important;}

#mapArea {
	width: 100%;
	height: 100%;
	float: left;
	margin-top:20px;
	border-top:1px solid #D2E0E7;
	border-bottom:1px solid #D2E0E7;
	margin-bottom:20px;
}
#mapArea .googleMap {
	margin-left: 300px;
	position:relative;
}

#side {
	width: 300px;
	height: 680px;
	overflow-y: scroll;
	float: left;
	text-align:left;
}

#side .btnToukou{
	position:relative;}

#side .btnToukou img{
	position: absolute;
	top:-40px;
	right:10px}

#side .btnToukou a:hover img {
	-ms-filter: "alpha(opacity=70)"; /* Internet Explorer 8 */
	filter : alpha(opacity=70); /* Internet Explorer 6, 7 */
	-moz-opacity : 0.7; /* 古いFirefox/Netscape */
	opacity : 0.7; /* Safari3/Opera 9.5/Firefox 3.5/CSS3新標準の予定 */
}

#pinlist{width:290px;}

.maplist dt span{
	border-radius: 25px!important;
	padding:3px;
	width:20px;
	font-weight:bold;
	float:left;
	margin-right:5px;
	display:block;
	text-align:center;
	display:block;}
	
.maplist li {
	border-bottom:1px solid #CCC;
	padding:10px 15px 15px 15px;
	
}
.maplist dt a {
	display: inline-block;
	clear:both;
	font-size:1.2em;
	padding:0px 0 5px 37px;
	float:right;
	text-align:left;
	width: 215px;
}
.maplist .txtAdd{
	padding-left:37px;
	clear:both;
	font-size:0.9em;}
.maplist .txtDes{
	padding-left:37px;
	font-size:0.9em;}
.maplist .linkBtn{
	padding-left:37px;
	font-size:0.9em;
	padding:10px 0 0 37px;}

a.btnFavS{
	border:1px solid #175A87;
	color:#175A87;
	text-decoration:none;
	background:url(../img/common/fav_icon_s.png)  no-repeat 8px 50%;
	padding:5px 5px 5px 20px;}	

a:hover.btnFavS{
	border:1px solid #175A87;
	color:#FFF;
	text-decoration:none;
	background:url(../img/common/fav_icon_s_o.png)  no-repeat 8px 50% #175A87;
	padding:5px 5px 5px 20px;}	

a.btnDelFavS{
	border:1px solid #ccc;
	color:#fff;
	text-decoration:none;
	background:url(../img/common/fav_icon_s_o.png)  no-repeat 8px 50% #ccc;
	padding:5px 5px 5px 20px;
}	
a:hover.btnDelFavS{
	border:1px solid #aaa;
	background:url(../img/common/fav_icon_s_o.png)  no-repeat 8px 50% #aaa;
}	
a.btnFavM{
	border:1px solid #175A87;
	color:#175A87;
	text-decoration:none;
	background:url(../img/common/fav_icon_m.png)  no-repeat 40px 50%;
	padding:10px 10px 10px 60px;
	font-size:1.5em;
	width:200px;
}
a:hover.btnFavM{
	border:1px solid #175A87;
	color:#FFF;
	text-decoration:none;
	background:url(../img/common/fav_icon_m_o.png)  no-repeat 40px 50% #175A87;
}	
a.btnDelFavM{
	border:1px solid #ccc;
	color:#fff;
	text-decoration:none;
	background:#ccc url(../img/common/fav_icon_m_o.png)  no-repeat 40px 50%;
	padding:10px 10px 10px 60px;
	font-size:1.5em;
	width:200px;
}
a:hover.btnDelFavM{
	border:1px solid #aaa;
	background:url(../img/common/fav_icon_m_o.png)  no-repeat 40px 50% #aaa;}	

a.btnMytripS{
	border:1px solid #175A87;
	color:#175A87;
	text-decoration:none;
	background:url(../img/common/trip_icon_s.png)  no-repeat 8px 50%;
	padding:5px 5px 5px 20px;}	

a:hover.btnMytripS{
	border:1px solid #175A87;
	color:#FFF;
	text-decoration:none;
	background:url(../img/common/trip_icon_s_o.png)  no-repeat 8px 50% #175A87;
	padding:5px 5px 5px 20px;}	

a.btnMytripM{
	border:1px solid #175A87;
	color:#175A87;
	text-decoration:none;
	background:url(../img/common/trip_icon_m.png)  no-repeat 40px 50%;
	padding:10px 10px 10px 60px;
	font-size:1.5em;
	width:200px;}	

a:hover.btnMytripM{
	border:1px solid #175A87;
	color:#FFF;
	text-decoration:none;
	background:url(../img/common/trip_icon_m_o.png)  no-repeat 40px 50% #175A87;}	
	
.map .genreList{
	padding-left:37px;}	

.genreList {
	margin-top:3px;
	font-size:0.9em;}
.genreList li{
	float:left;
	margin:0 1px 2px 0 ;
	padding:0px 5px;
	color:#FFF;
	border-bottom: none;}

.genreList li.area,
.genreList li.type,
.genreList li.spring,
.genreList li.summer,
.genreList li.fall,
.genreList li.winter{
	color:#454545;
	border:1px solid #BFBFBF; 
	background:#FFF;
}

.genreList li.area{	border:1px solid #BFBFBF;}
.genreList li.type{	border:1px solid #BFBFBF;}

.genreList li.spring{	border:1px solid #F25555; color:#F25555;}
.genreList li.summer{	border:1px solid #18A4B8; color:#18A4B8;}
.genreList li.fall{	border:1px solid #923216; color:#923216;}
.genreList li.winter{	border:1px solid #454462; color:#454462;}


.eatIcon {
	border:3px solid #F25555;
}
.natureIcon {border:3px solid #2FB773;}
.experienceIcon {border:3px solid #B1DF14;}
.festivalIcon {border:3px solid #F29195;}
.karatsuyakiIcon {border:3px solid #D08A35;}
.goodsIcon {border:3px solid #FDD000;}
.hotelIcon {border:3px solid #F5961C;}
.historyIcon {border:3px solid #9A6E87;}
.sportsIcon {border:3px solid #50AEE1;}


.genreList li.eat{background:#F25555;border:1px solid #F25555;}
.genreList li.nature{background:#26975F;border:1px solid #26975F;}
.genreList li.experience{background:#76950D;border:1px solid #76950D;}
.genreList li.festival{background:#EE7379;border:1px solid #EE7379;}
.genreList li.karatsuyaki{background:#9B6624;border:1px solid #9B6624;}
.genreList li.goods{background:#DDB700;border:1px solid #DDB700;}
.genreList li.hotel{background:#E68206;border:1px solid #E68206;}
.genreList li.history{background:#9A6E87;border:1px solid #9A6E87;}
.genreList li.sports{background:#2F9EDB;border:1px solid #2F9EDB;}


.btnCenter{
	border:1px dashed #132B33;
	background:#FFF;
	padding:10px;
	margin:10px;
	position:absolute;
	top:0;
	left:0;
	width:90%;}
	
.btnCenter p{
	font-size:1em;}	
	
.btnCenter a{
	background:#263B41 url(../img/common/center_icon.png) no-repeat 10px 10px;
	padding:8px 10px 8px 35px;
	color:#FFF;
	display:block;
	text-decoration:none;
	float:right;}	
	
.btnCenter a:hover{background:#375660 url(../img/common/center_icon.png) no-repeat 10px 10px;}	

.map .listPin{
	margin:0px auto 50px auto;
	clear:both;
	width:1080px;}

.info-window ul li {
	display: inline-block;
	vertical-align: middle;
}
.info-window .info-photo{
	text-align: center;
	padding: 8px 0 5px 0;
}

.info-window ul li span{
	border-radius: 25px !important;
	padding: 3px;
	width: 20px;
	font-weight: bold;
	float: left;
	margin-right: 5px;
	text-align: center;
	display: block;
}

.info-window ul li.info-spot-title{
	max-width: 200px;
}

/* --------------------------------------------------

detail

-------------------------------------------------- */

.title{
	margin:0 auto;
	width:1080px;
	padding-top:50px;}
	
.title h3{
	font-size:3em;
	display:block;
	line-height:1em;
	width:800px;}
	
.title h3 .ico-end{
	display: inline-block;
	color:#fff;
	background:#D53430;
	color:#FFF;
	line-height:1.5;
	padding:3px 10px;
	font-size:.4em;
	vertical-align:middle;
	margin-left:.5em;
}

.detail .genreList{
	margin:10px 0 0 0;}
	
.detail .title .btnMytripM{
	float:right;
	width:250px;}

.detail .title .btnFavM,
.detail .title .btnDelFavM{
	float:right;
	width:190px;
}

.info{
	clear:both;
	padding:20px 0 0 0;
	width:1080px;
	margin:0 auto;}	
	
.photo{
	width:530px;
	float:left;
	margin-bottom:20px;}
	
.photo p{
	line-height:1.8em;
	margin-top:10px;}	




/* --------------------------------------------------

ad-gallery

-------------------------------------------------- */


body .ad-gallery{
	width:530px;
	margin: 0 auto 20px auto;
}
.ad-gallery, .ad-gallery *{
	margin:0;
	padding:0;
}
.ad-gallery .ad-image-wrapper{
	width:100%;
	height:430px;
	position:relative;
	overflow:hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader{
	position:absolute;
	z-index:10;
	top:48%;
	left:48%;
	border:1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next{
	position:absolute;
	right:0;
	top:0;
	width:25%;
	height:100%;
	cursor:pointer;
	display:block;
	z-index:100;
}
.ad-gallery .ad-image-wrapper .ad-prev{
	position:absolute;
	left:0;
	top:0;
	width:25%;
	height:100%;
	cursor:pointer;
	display:block;
	z-index:100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next{
	/* Or else IE will hide it */
      background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{
	background:url(../img/common/parts/ad_prev.png);
	width:30px;
	height:30px;
	display:none;
	position:absolute;
	top:47%;
	left:0;
	z-index:101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{
	background:url(../img/common/parts/ad_next.png);
	width:30px;
	height:30px;
	right:0;
	left:auto;
}
.ad-gallery .ad-image-wrapper .ad-image{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	z-index:9;
}
.ad-gallery .ad-image-wrapper .ad-image a img{
	border:0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(../img/common/parts/opa75.png);
	color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{
	background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../img/parts/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{
	display:block;
}
.ad-gallery .ad-controls{
	height:20px;
}
.ad-gallery .ad-info{
	float:left;
	width:100px;
}
.ad-gallery .ad-slideshow-controls{
	float:right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{
	padding-left:5px;
	cursor:pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{
	padding-left:5px;
	font-size:0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{
	cursor:default;
	font-style:italic;
}
.ad-gallery .ad-nav {
	width:100%;
	position:relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back{
	position:absolute;
	top:-10px;
	height:100%;
	z-index:10;
}
/* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back{
	height:76px;
}
.ad-gallery .ad-back{
	cursor:pointer;
	left:-15px;
	width:13px;
	display:block;
	background:url(../img/common/parts/ad_scroll_back.png) 0px 40px no-repeat;
}
.ad-gallery .ad-forward{
	cursor:pointer;
	display:block;
	right:-15px;
	width:13px;
	background:url(../img/common/parts/ad_scroll_forward.png) 0px 40px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs{
	overflow:hidden;
	width:100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list{
	float:left;
	width:9000px;
	list-style:none;
}
.ad-gallery .ad-thumbs li{
	float:left;
	padding-right:5px;
}
.ad-gallery .ad-thumbs li a{
	display:block;
}
.ad-gallery .ad-thumbs li a img{
	border:1px solid #CCC;
	display:block;
	padding:3px;
}
.ad-gallery .ad-thumbs li a.ad-active img{
	border:1px solid #26698B;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{
	position:absolute;
	left:-9000px;
	top:-9000px;
}



#cboxWrapper #cboxLoadedContent{
	background:#FFF!important;
	padding:30px;}	
	


#cboxLoadedContent ul.areaList{
	float:left;}
	
#cboxLoadedContent ul.areaList li{
	padding: 5px 10px!important;}		
	
#cboxLoadedContent ul.areaList > *:first-child{
	background:#F4DDB0;}	
	
#cboxLoadedContent ul.areaList > *:first-child + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + *{
	background:#ECC5AA;}
	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + * + * + *{
	background:#D6CEDB;}	
	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + * + * + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + * + * + * + * + *{
	background:#C9DDBD;}
	
#cboxLoadedContent ul.areaList > *:first-child,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + * + * + *,	
#cboxLoadedContent ul.areaList > *:first-child + * + * + * + * + * + * + * + * + *{
	margin-bottom:1px;}				
	
#cboxLoadedContent .imgMap{
	text-align: center;}
	
#cboxLoadedContent #cboxClose{
	top:0px;
	}
	
#cboxLoadedContent .txt{
	margin:10px 0;}
			
#cboxLoadedContent h3{
	background:#E3E3E3;
	border-left:4px solid #064F7C;
	font-size:1.5em;
	padding:10px;}	
		
#cboxLoadedContent .btnForm{
	margin:30px 0;
	text-align:center;
	clear:both;}
	

#cboxLoadedContent .btnForm a{
	color: #FFF;
	font-size:1.3em;
	padding:15px 60px;
	text-decoration:none;
	display: inline-block;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../../img/common/btn_next.jpg) right center;
	min-width:100px;}
	
#cboxLoadedContent .btnForm span {
    float: left;
    padding: 0 10px 0 0;
}		

 #area_coupon{
	width: 570px;}

 .btnCoupon{
	text-align:right;
	padding:10px 0;}

.btnCoupon li{
	display:inline-block;}

.coupon{
	background:#EFB743;
	padding:8px;
	margin-bottom:20px;}
	
.couponIn{
	background:#FFF;
	border-radius:5px;
	padding:10px;}

	
.coupon .couponLogo span{
	background:#145A7D;
	padding:5px 15px;
	color:#FFF;}
		
.coupon .couponLogo img{
	float:right;}
		
.coupon .ttl{
    color: #cc3300;
	font-size:1.5em;
	text-align:center;
	border-bottom:1px solid #EFB743;
	padding-bottom:10px;
	clear:both;}
	
.coupon .txt{}
.coupon .shop{
	border-top:1px solid #CCC;
	padding:10px 0;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;}
	
.coupon .date{ 
     background-color: #eeece4;
    color: #cc3300;
	padding:5px 0;
	text-align:center;}		
	
	
.btnClose{
	text-align:center;
	padding:30px 0;}
		
.btnClose a{
	color: #FFF;
	font-size:1.3em;
	padding:15px 60px;
	text-decoration:none;
	display: inline-block;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../../img/common/pattern_bg.gif) ;
	min-width:100px;}

.btnClose a:before {
  display: inline-block;
  font-family: FontAwesome;
  padding: 0em 0.5em 0em 0em; 
  content: "\f00d ";
  text-decoration: none;
} 
	
		
.data{
	float:right;
	width:530px;
	margin-bottom:20px;}

.data .explain{
	margin-bottom:20px;
}
.data .explain p{
	margin-bottom:.5em;
}
.data table{
	border-top:1px solid  #D0D0D0;
	margin-bottom:10px;
	width:100%;}		

.data th{
	width:120px;
	background:url(../../img/common/bg_th.gif)}
	
.data th,
.data td{
	padding:10px;
	border-bottom:1px solid  #D0D0D0;}	
	
.data .btnList li{
	float:left;
	margin:0 2px 3px 0;}

.infodetail{
	clear:both;
	padding-top:20px;
	width:1080px;
	margin:0 auto;
	position:relative;
	overflow: hidden;
	margin-bottom:20px;
}	
.infodetail .col{
	width:530px;
	margin-right:20px;
	float:left;
}
.infodetail .col:last-of-type{
	margin-right:0;
}
.infodetail h4 {
	color:#132B33;
	font-size:1.5em;
	padding-left:40px;
	clear:both;
	margin-bottom:10px;
}
.infodetail table{
	border-top:1px solid  #D0D0D0;
	margin-bottom:20px;
	width:100%;
}
.infodetail th{
	width:150px;
	background:url(../../img/common/bg_th.gif)
}
.infodetail th,
.infodetail td{
	padding:10px;
	border-bottom:1px solid  #D0D0D0;
}

.icon-program{
	background:	url(../img/common/flag_icon.gif) no-repeat 10px 50%;
}
.icon-info{
	background:	url(../img/common/info_icon.gif) no-repeat 10px 50%;
}
.icon-car{
	background: url(../img/common/car_icon.gif) no-repeat 10px 50%;
}
a.reserveBtn{
	color: #FFF;
	font-size:1.6em;
	padding:25px 60px;
	text-decoration:none;
	display: inline-block;
	border-radius: 5px;
	background:url(../../img/common/btn_next.jpg) right center;
	min-width:100px;
}
a.reserveBtn:hover{
	opacity: 0.8;
}
a.reserveBtn_S{
	margin-left:10px;
	color: #FFF;
	text-align:center;
	font-size: 1em;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
	background:url(../../img/common/btn_next.jpg) left center;
}
a.reserveBtn_S:hover{
	opacity: 0.8;
}

.btnArea{
	clear:both;
	width:1080px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	background:url(../../img/common/bg_th.gif);
}

.areaMap{
	clear:both;
	padding-top:20px;
	width:1080px;
	margin:0 auto;}	
	
.areaMap h4{
	color:#132B33;
	font-size:1.5em;
	margin-bottom:10px;
	padding-left:35px;
	background:	url(../img/common/map_icon.png) no-repeat 10px 50%;
	clear:both;
	}
	
.listPin{
	border:1px dashed #132B33;
	padding:10px 40px;
	margin-top:10px;
	color:132B33;
	margin-bottom:50px;
	}	
		
.listPin dt,.listPin dd{
	display:inline-block;}	
	
.listPin dt{
	padding-right:10px;}

.listPin dd{
	padding-right:10px;}	
.listPin dd img{
	padding:0 3px;
	vertical-align:middle;}		
	
	
	
/* --------------------------------------------------

calendar

-------------------------------------------------- */

.calendar{
	width:1080px;
	margin:30px auto 30px auto;
	padding:30px 0 30px 0;}
	
.calendar h3{
	background:url(../../img/common/pattern_bg.gif) repeat;
	color:#FFF;
	font-size:1.5em;
	padding:15px 20px;
	margin-bottom:30px;
	clear:both;}	


.calendar .menuMonth{
	background: url(../../events/img/calendar_arrow.gif) no-repeat bottom center;
	font-size:1.5em;
	margin-bottom:20px;
	border-top:3px solid #265D92;
	padding-bottom:8px;}	
	
.calendar .menuMonth ul{
	background:url(../../img/common/gnav_bg.gif) repeat;}	
	
.calendar .menuMonth li{
	float:left;
	background:url(../../img/common/gnav_bg.gif) repeat;}
	
	
.calendar .menuMonth .back{
	width:100px;
	padding:20px;
	border-right:1px solid #CCC;}	
.calendar .menuMonth .back a{
	background:url(../../events/img/calendar_back.png) no-repeat left center;
	padding:0 0 0 30px;}	
.calendar .menuMonth .current{
	width:758px;
	padding:20px;
	text-align:center;}	
.calendar .menuMonth .next{
	width:100px;
	padding:20px;
	text-align:right;
	border-left:1px solid #CCC;}
.calendar .menuMonth .next a{
	background:url(../../events/img/calendar_next.png) no-repeat right center;
	padding:0 30px 0 0 ;}		
	
.calendar .imgPhoto img{
	border:1px solid #C6C6C6;
	padding:5px;}
	
.calendar .imgPhoto{
	padding-bottom:20px;
	height:225px;
	text-align:center;}
	
.calendar .upDate{
	text-align:right;
	font-size:0.8em;
	margin-bottom:10px;}	
		
.calendar .topics{
	width:310px;
	float:left;
	margin-right:25px;
	margin-bottom:30px;
	padding-right:25px;
	border-right:1px solid #EBE7DF;}	
	
.calendar .topics .eventDate{
  display: table;}
.calendar .topics .txtAdd{
  display: table;}
  
.calendar .topics .txtTitle,.resultBlock .txtDate .txtTitle{
  display: table-cell;
  width: 4em;}	
.calendar .topics .txtContent,.resultBlock .txtDate .txtContent{
  display: table-cell;}
  
.resultBlock .txtDate{
  display: table} 
	
.calendar  dt{
	clear:both;
	padding:5px 0;
	font-size:1.2em;}

.calendar .linkBtn{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;}
	
.calendar .linkBtn a{
	display: inline-block;}	
	
	
.calendar table{
	width:355px;
	float:right;
	background: url(../../img/common/gnav_bg.gif);}

.calendar th,.calendar td{
	text-align:center;
	width:50px;
	font-size:1.5em;
	line-height:1.5em;
	border-right:1px solid #EBE7DF;
	border-bottom:1px solid #EBE7DF;}	
	
.calendar th{
	background: url(../../img/common/pattern_bg.gif) repeat;
	color:#FFF;}
		
.calendar td {
	height:50px;}
	
.calendar td a{
	background:url(../../img/common/pattern_bg.gif) repeat ;
	color:#FFF;
	display:block;
	padding:10px 0;}
.calendar td span{
	display:block;}	
	
.calendar .month{
	font-size:1.8em;
	color:#132B33;
	padding:10px 0;}	
	
/* --------------------------------------------------

dateList

-------------------------------------------------- */
	
.dateList{
	margin-bottom:50px;
}
.dateList table{
	border-top:1px solid  #D0D0D0;
	border-left:1px solid  #D0D0D0;
	margin-bottom:10px;
	margin-top:20px;
	width:100%;
}		
.dateList th{
	background:url(../../img/common/bg_th.gif);
	font-size:1.4em;
	text-align:center;
}
.dateList th,.dateList td{
	padding:10px 18px;
	border-bottom:1px solid  #D0D0D0;
	border-right:1px solid  #D0D0D0;
}	
.dateList .eventName{
	width:780px;
	float:left;
}	
.dateList .eventName a{
	font-size:1.3em;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.dateList .btnFavS,
.dateList .btnDelFavS{
	float:right;
}
.newsList {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#contents .tabBtn li.eventBtn a{
	width:120px;
	height: 35px;
	margin: 0px 0px 0px 20px;	
	border-top: 1px solid #162B33;
	border-left: 1px solid #162B33;
	border-right: 1px solid #162B33;
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	padding: 15px 45px 0 45px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #162B33;
	text-decoration:none;
	color:#132B33;
	height:30px;
	display:block;
	margin-top:10px;
	text-align: center;	
}

#contents .tabBtn li.eventBtn a:hover{
	background:#132B33;
	color:#FFF;
	}

#contents .tabBtn li.spotBtn a{
	width:120px;
	height: 35px;
	margin: 0px 0px 0px 20px;	
	border-top: 1px solid #162B33;
	border-left: 1px solid #162B33;
	border-right: 1px solid #162B33;
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	padding: 15px 45px 0 45px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #162B33;
	text-decoration:none;
	color:#132B33;
	height:30px;
	display:block;
	margin-top:10px;
	text-align: center;	
}

#contents .tabBtn li.spotBtn a:hover{
	background:#132B33;
	color:#FFF;
	}


#contents .tabBtn li.selected02{
	width:120px;
	height: 35px;
	margin: 0px 0px 0px 20px;	
	border-top: 1px solid #162B33;
	border-left: 1px solid #162B33;
	border-right: 1px solid #162B33;
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	padding: 20px 35px 0 42px;
	float:left;
	font-size:1em;
	text-align: center;
}
#contents .tabBtn li.listBtn a ,#contents .tabBtn li.selected02 {
	background-repeat: no-repeat;
	background-position: 45px 15px;}
	
	
#contents .tabBtn li.listBtn a:hover {
	background-image: url(../img/common/list_icon_o.png);}
		
#contents .tabBtn li.eventBtn a,#contents .tabBtn li.eventBtn a{
	background-repeat: no-repeat;
	background-position: 45px 12px;}

/* --------------------------------------------------
 inline-colorbox
-------------------------------------------------- */
.inline-colorbox{
	display:none;
}

/* --------------------------------------------------
アクセスランキング
-------------------------------------------------- */

#contents .pullMenu li span {
	background-color: #666666;
	background-repeat: repeat;
	color: #FFF;
	float: left;
	padding: 0px 15px;
	margin: 0 5px 0 0;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  	
}

#contents .pullMenu li {
	float: left;
	width: 175px;	
}

#contents .pullMenu {
	margin-top: 30px;s
}
#contents .pullMenu form select {
	height: 23px;
	width: 100px;
}

ul.no1Title {
	display: table-cell;
}

#contents .no1Block dl dt ul li {
	width: 490px;
    display: inline-block;
    font-size: 2.5em;
    font-weight: bold;
    vertical-align: middle;
}

#contents .no1Block dl dt ul li img {
    vertical-align: middle;
}

#contents .no1Block .rightContents dl dt .rankingNo01 {
	width: 120px;
	margin-right: 5px;
}

#contents .no1Block {
	margin-top: 20px;
}

#contents .no1Block .leftPh {
	float: left;
	width: 380px;
	height: 260px;
	overflow: hidden;
	text-align:center;
	background:#DDDDDD;
}

#contents .rightContents {
	float: right;
	width: 660px;
}
#contents ul.genre li {
	float: left;
	font-size: 0.9em;
	margin: 0px 2px 2px 0px;
} 
#contents ul.genre li.eat {
	color: #FFF;
	padding: 2px 10px;
	background-color:#F25555;
	background-repeat: repeat;
}
#contents ul.genre li.history {
	color: #FFF;
	padding: 2px 10px;
	background-color:#9A6E87;
	background-repeat: repeat;
}
#contents ul.genre li.area {
	color: #000;
	padding: 1px 9px;
	background-repeat: repeat;
	border:1px solid #BFBFBF;
}

#contents .underRanking {
	margin-top: 20px;
}
#contents .underRanking .pht,
#contents .underRanking02 .pht{
	margin-bottom:10px;
	text-align: center;
}

#contents .no1Block .rightContents dl dt {
	margin-bottom: 10px;
}
#contents .rightContents dl dd ul.genre {
	margin-bottom: 10px;
}

#contents ul.underRanking li {
	display: inline-block;
	vertical-align: bottom;
}
#contents .underRanking li dl dt {
	display: table;
}
#contents .underRanking li dl dt ul {
	display: table-cell;
	vertical-align: cer;
}

#contents ul.genre {
	margin-top:5px;
}

#contents .underRanking .no2 {
	width: 296px;
	margin-right:14px;
}

#contents .underRanking .no3 {
	width: 269px;
	margin-right: 14px;
}

#contents .underRanking .no4 {
	width: 241px;
	margin-right: 14px;	
}

#contents .underRanking .no5 {
	width: 213px;
}

#contents .underRanking ul li.rankingTxt {
	font-size: 1.2em;
	font-weight: bold;
}

#contents .underRanking .rankingTxt {
	line-height: 1em;
	margin-top: 5px;
}

#contents ul.underRanking li ul li {
	display: block;
}

#contents ul.underRanking ul.genre li {
	margin-right:2px;
}


#contents .underRanking02 {
	margin: 20px 0 0 0;
}

#contents .underRanking02 .no2 li.rankingTxt {
	width: 185px;	
}



#contents .underRanking02 .no2 li.rankingTxt {
	width: 185px;	
}


#contents .underRanking02 .no2 li.rankingTxt {
	width: 185px;	
}

#contents ul.underRanking02 li ul li {
	width: auto;
}

#contents ul.underRanking02 ul.genre li {
	margin: 0px 2px 2px 0px;
}

#contents ul.underRanking02 li {
	display: inline-block;
	vertical-align: bottom;
	width: 196px;
}
.underRanking02 li:nth-child(even) {
	margin: 0px 19px;
}

#contents ul.underRanking02 li dd ul li {
	margin: 0px 1px 2px 0px;
}

#contents ul.underRanking02 li.rankingTxt {
	line-height: 1em;
	margin: 0px;
	font-size: 1em;
}

#contents .underRanking02 .rankingTitle .rankingNo {
	font-size: 12px;
	color: #FFF;
	width:55px;
	display:block;
	text-align:center;
	padding-left:5px;
	margin-right: 0px;
	background-image: url("../img/common/no06_icon.png");
	background-repeat: no-repeat;
	background-position: left top;
}
#contents .underRanking02 .rankingTitle .rankingNo span {
	font-size: 15px;
	font-weight: bold;
}

.rankingForm table {
border-top: 1px solid #D0D0D0;
margin-bottom: 10px;
width: 75%;
font-size: 1.2em;
float: left;
}
.rankingForm th {
	width:250px;
	background:url(../../img/common/bg_th.gif)
}
.rankingForm th, .form td {
	padding:10px;
	border-bottom:1px solid #D0D0D0;
}
.rankingForm .btnList li {
	float:left;
	margin:0 2px 3px 0;
}
.txtHissu {
	background:#F00;
	color:#FFF;
	padding:2px 5px;
	display:inline-block;
	margin:0 5px;
	float:right;
	display:block;
	font-size:0.8em;
}
.rankingForm table select {
	padding:10px 30px 10px 10px;
	border:solid 1px #ccc;
}
.rankingForm table input {
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	padding:10px;
	border:solid 1px #ccc;
	width:700px;
}
input.file {
	-moz-box-shadow: noene;
	-webkit-box-shadow: noene;
	box-shadow: noene;
	padding:10px;
	border:none!important;
	width: auto;
}
.rankingForm table textarea {
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	padding:10px;
	border:solid 1px #ccc;
	width:700px;
	height:200px;
}
.rankingForm table input:focus, .form table textarea:focus, .form table select:focus {
	border:solid 1px #366A9A;
}
.rankingForm th, .rankingForm  td {
	padding:10px;
	border-bottom:1px solid #D0D0D0;
}
.rankingForm {
	margin: 20px 0 0 0;
}

#detailNews{
	width: 1080px;
	margin: 0 auto;
}

.mainAreaTitle {
	height: 44px;
	padding:3px 0px 0px 65px;
	margin: 0 0 20px 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E3E2DD;
	background-image: url(../../fullmember/img/common/fullmember_icon.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}
.listLook {
	float: right;
	font-weight: normal;
	margin: 10px 13px 0px 0px;
}
.mainAreaTitle span.subTitle {
	float: left;
	font-size: 25px;
	color: #525252;
}
.mainAreaTitle span.eng {
	padding: 10px 0px 0px 15px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #155E83;
	font-family:Arial,Helvetica,sans-serif;
}

.newsAreaDetail {
	background-color: #FFF;		
	box-shadow: 0px 2px 2px 0px #BBB;
	padding: 34px;
	width: 757px;
	margin:0 0 0 2px;
}

.newsAreaDetail .snsArea {
	float: left;
	margin: 4px 0px 0px 385px;
}

.newsAreaDetail ul li a {
	color: #06517B;
	text-decoration:none;
}

.newsBlock {
	min-height: 358px;
	width: 250px;
	margin: 17px 4px 0 8px;
	padding: 5px;
	float: left;
	background-image: url(../../img/common/pattern_bg.gif);
	background-position: left top;
	background-repeat: repeat;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
	box-shadow: 0px 1px 2px 1px #888;
}
.newsBlock .newsPhoto {
	text-align: center;
	background-color: rgba(255,255,255,0.5);
}
ul.markArea {
	width: 250px;
	margin:9px 0px 8px 0px;
}
ul.markArea li {
	margin: 0px;
}
#mainArea .newsBlock li.type {
	font-size: 0.9em;
	color: #FFF;
	/*background-color: #ED6923;*/
	padding:0px 14px;
	float: left;
}
#mainArea .newsBlock li.newMark {
	font-size: 0.78em;
	color: #FFF;
	background-color: #F00;
	padding:0px 6px;
	float: right;
}
#mainArea .newsBlock .newsDay {
	font-size: 0.8em;
	color: #FFF;
	margin-bottom: 12px;
}

#mainArea a:link.newsList,a:visited.newsList {
	color: #FFF;
	font-size: 1.2em;
	text-decoration: underline;
}
#mainArea a:hover.newsList,a:active.newsList {
	color: #FFF;
	font-size: 1.2em;	
	text-decoration: none;
}
#mainArea .newsBlock dl dd {
	margin: 13px 0 0 0;
	color: #FFF;
	font-size: 0.8em;
}

.newsArea ul li ul li {
	float: left;
}

#mainArea .newsArea li span.newsType01 {
	background-color: #DC7878;
	text-align: center;
	width: 70px;
	color: #FFF;
}

.newsArea li.newsDay {
	width: 9em;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;	
	background-image: url(../../img/common/triangle_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
}
.newsArea ul li ul li.newsType01 {
	color: #FFF;
	width: 5em;
	padding: 3px 5px  ;
	margin: 0 12px 0 0;
	background-color: #DC7878;
	background-repeat: repeat;
	text-align: center;
}
.newsArea ul li ul li.newsType02 {
	color: #FFF;
	width: 5em;
	padding: 3px 5px; 
	margin: 0 12px 0 0;
	background-color: #EAA331;
	background-repeat: repeat;
	text-align: center;
}
.newsArea ul li ul li.newsType03 {
	color: #FFF;
	width: 5em;
	padding: 3px 5px;   
	margin: 0 12px 0 0;
	background-color: #71B4A3;
	background-repeat: repeat;
	text-align: center;
}
.newsArea ul li ul li.newsTxt {
	font-size: 1.2em;
/*	position:relative;
	position:absolute;
	top:0;
	left:0;*/
	 padding: 0 0.5em 0 10em;
	 float:none;
	 line-height:1.2em;
	
}
.newsArea ul li ul li span.newMark {
	font-size: 0.6em;
	margin: 0 0 0 15px;
	padding: 0px 5px 0px;
	color: #DC2A28;
	border: 1px solid #DC2A28;
	text-align: center;
	display: inline-block;
}
.newsArea ul li ul {
	border-bottom: 1px dotted #C2C2C2;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}

.info {
    clear: both;
    padding: 20px 0 0 0;
    width: 1080px;
    margin: 0 auto;
}

.underRanking dd p {
		background-color: #DDD;
}

.underRanking .no2 p {
	height: 200px;
	width: 296px;
}

.underRanking .no3 p {
	height: 190px;
	width: 269px;
	overflow: hidden;
}

.underRanking .no4 p {
	height: 171px;
	width: 241px;
	overflow: hidden;	
}

.underRanking .no5 p {
	height: 151px;
	width: 213px;
	overflow: hidden;	
}

#contents .underRanking02 p {
background-color: #DDD;
height: 150px;
width: 196px;
overflow: hidden;
}


#searchArea .btnForm > *:first-child {
	margin-right:1%;}	
	
#searchArea .btnForm > *:first-child  a{
	border:1px solid #ECEDEE;
	background:#FFF url(../../spots/img/common/icon_clear.png) no-repeat 15px center;
	background-size:10px;
	color:#132B33;}

#searchArea .btnForm > *:first-child + * {
	margin-left:1%;
}
#searchArea .btnForm > *:first-child + *  a{
	background:  url(../../spots/img/common/icon_search_s.png)  no-repeat 20px center,url("../../img/common/footer_uline_bg.gif") repeat;
	background-size:10px,50% ;
	color:#FFF!important;}

	
.rankingForm .btnForm{
text-align: left;
padding: 0px;
float: right;
	}	
	
.rankingForm .btnForm li{
	display:inline-block;}	
	
.rankingForm .btnForm a{
color: #FFF;
font-size: 1.3em;
padding: 16px 50px;
text-decoration: none;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: url(../../img/common/btn_next.jpg) right center;
min-width: 100px;
text-align: center;
	}	
	
.rankingForm .btnForm .back a{
	background:url(../../img/common/btn_back.jpg) left center!important;}	
	

.note-box  {	
	clear:both;
	padding: 20px;
	width: 1080px;
	box-sizing: border-box;
	margin:  20px auto;
	border:1px #CCC solid;
}

.note-box ul {	
	margin: 10px 0 0;
}

.note-box ul li {
	color: #06517B;
	margin: 0px 0px 7px;
}

.note-box ul li:last-child{
	margin: 0px;
}

.note-box ul li.link {
	color: #06517B;
	padding: 2px 0px 6px 30px;
	background-image: url(../../news/img/common/link_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.note-box ul li.downLoad {
	color: #06517B;
	padding: 2px 0px 6px 30px;
	background-image: url(../../news/img/common/download_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}