@charset "utf-8";

/* TOP
=======================================*/
body#top {
	-webkit-text-size-adjust: 100%;
}
.right {float:right;}
#visual-container {
	height:auto;
	background:url(../img/bg_visual_container.jpg) repeat-x left bottom;
}
#visual-container div.contents,
#container div.contents {
	float:none;
	width:990px;
	margin:20px auto 0px auto;
}
#visual-container .main {
	float:left;
	width:655px;
	padding:0px 0px 20px 0px;
	background:url(../img/bg_visual_main.jpg) no-repeat;
}
#container .contents .main {
	float:left;
	width:655px;
}
#visual-container .side,
#container .contents .side {
	float:right;
	width:320px;
}

/* VISUAL MAIN
=======================================*/
.visual-main {
	position:relative;
	padding:10px 10px 3px 10px;

}
.visual-main ul {
	height:305px;
}
.visual-main ul li {
	position:absolute;
	border:1px solid #ffffff;
}
#visual-container .main .box-navigator {margin:0px 0px 5px 4px;}
#visual-container .main .box-navigator li {
	float:left;
	height:66px;
	margin:0px 2px 0px 0px;
}
#visual-container .main .box-navigator li a {display:block;}
#visual-container .main .box-navigator .navigator li div {
		padding:12px 0px 0px 0px;
}
#visual-container .main .box-navigator li div:hover {background:url(../img/bg_visual_hover.png) no-repeat left top;}
#visual-container .main .box-navigator .navigator li a {
	display:inline-block;
	overflow:hidden;
	background-color:#000000;
}
#visual-container .main .box-navigator .navigator li a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	zoom:1;
}
#visual-container .main .box-navigator .navigator li a:hover {border:2px solid #fff8b0; !important}
#visual-container .main .box-navigator .navigator li a:hover img {
	margin:-2px -2px -2px -2px;
	display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	zoom:1;
}

#visual-container .main .box-navigator .navigator li.act div {background:url(../img/bg_visual_hover.png) no-repeat left top;}
#visual-container .main .box-navigator .navigator li.act a {
	display:inline-block;
	overflow:hidden;
	background-color:#000000;
	border:2px solid #fbf5e3; !important
}
#visual-container .main .box-navigator .navigator li.act a img {
	margin:-2px -2px -2px -2px;
	display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	zoom:1;
}

/* VISUAL SIDE
=======================================*/
#visual-container .side .banner-up {
	border:1px solid #dcdcdc;
	background-color:#ffffff;
	padding:9px 9px 9px 9px;
	margin:0px 0px 11px 0px;
}
#visual-container .side .banner-up a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	zoom:1;
}
#visual-container .side .banner-up a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	zoom:1;
}
#visual-container .side .banner-down {
	height:106px;
	border:2px solid #ffffff;
}

/* CONTAINER MAIN
=======================================*/
.topics-block {margin:0px 0px 20px 0px;}
.topics-block li {
	float:left;
	width:319px;
	border:1px solid #d2d2d2;
	padding:2px 2px 2px 2px;
	background-color:#ffffff;
}
.topics-block li.first {margin:0px 3px 0px 0px;}
.topics-block .navy {
	color:#E6E6E6;
	font-size:11px;
	background-color:#000f28;
}
.topics-block .brown {
	color:#E6E6E6;
	font-size:11px;
	background-color:#41290b;
}
.topics-block dt {
	height:174px;
	background-color:#ffffff;
}
.topics-block dd {padding:10px 7px 10px 23px;}
.topics-block dd .left {width:210px;}
.topics-block dd .right {
	width:60px;
	margin:4px 0px 0px 0px;
}

.topics-block2 {margin:0px 0px 20px 0px;}

.topics-block2 ul.clearfix {
	height:150px;
}
.topics-block2 li {
	float:left;
	width:600px;
	border:1px solid #d2d2d2;
	padding:2px 2px 2px 2px;
	background-color:#ffffff;
	
}
.topics-block2 li.first {
	margin:0px 3px 0px 0px;
	width:649px;
　}
.topics-block2 .red {
	color:#EEEEEE;
	font-size:11px;
	background-color:#ae1c23;
}
.topics-block2 .orange {
	color:#EEEEEE;
	font-size:11px;
	background-color:#d54d25;
}
.topics-block2 .white {
	color:#434343;
	font-size:11px;
	background-color:white;
}
.topics-block2 dt {
	height:94px;
	background-color:#ffffff;
}
.topics-block2 dd {
	padding:7px 7px 7px 7px;
}
.topics-block2 dd .left {width:500px;}
.topics-block2 dd .right {
	width:60px;
	margin:0px;
}

.map-block {
	border:1px solid #E6E6E6;
	margin:0px 0px 20px 0px;
	padding:2px 2px 2px 2px;
	background:url(../img/bg_map_block.jpg) no-repeat 2px 2px;
}
.guide-area {
	float:left;
	width:320px;
}
.guide-area .text {
	font-size:11px;
	width:250px;
	margin:5px 0px 15px 27px;
}
.ranking-area {
	width:237px;
	color:#434343;
	margin:0px 0px 20px 27px;
}
.ranking-area li {
	padding:0px 0px 7px 0px;
	margin:0px 0px 5px 0px;
	background:url(../img/bg_dot.png) repeat-x left bottom;
}
.ranking-area dt {
	float:left;
	width:33px;
	margin:0px 8px 0px 0px;
}
.ranking-area dd {
	float:left;
	width:194px;
}
.ranking-area dd .pref a {
	color:#1b4b92;
	font-size:12px;
	font-weight:bold;
}
.ranking-area dd .explan {font-size:10px;}
.map-area {
	float:right;
	width:296px;
	padding:25px 25px 25px 0px;
}
.service-block {
	border:1px solid #E6E6E6;
	margin:0px 0px 20px 0px;
	padding:13px 0px 20px 19px;
	background:url(../img/bg_service_block.jpg) no-repeat 2px 2px;
}
.service-block .title-area {margin:0px 0px 10px 0px;}
.service-block .title-area .left {padding:0px 33px 0px 0px;}
.service-block .title-area .text {
	font-size:11px;
	color:#806002;
	padding:5px 0px 0px 0px;
}
.service-block dl {
	float:left;
	width:290px;
}
.service-block dl.border {
	padding:0px 17px 0px 0px;
	margin:0px 17px 0px 0px;
	background:url(../img/bg_dot_tate.png) repeat-y right top;
}
.service-block dt {
	height:133px;
	border:1px solid #ceb762;
	margin:0px 0px 10px 0px;
}
.service-block dt img {margin:0px 0px 0px 0px;}
.service-block dd .left {
	float:left;
	width:210px;
	font-size:11px;
}
.service-block dd .right {
	float:right;
	display:table;
	position:relative;
}
.service-block dd .right div {
	display:table-cell;
	vertical-align:bottom;
	*position:absolute;
	*bottom:0%;
	*right:0%;
}
.service-block dd .right div a {
	display:block;
	*position:relative;
}
.service-block dd .right a {display:inline;}
.service-block dd .right img {vertical-align:text-bottom;}

.service-block dd .title {
	color:#1b4b92;
	font-weight:bold;
}
.big-banner-block {
	border:1px solid #d2d2d2;
	padding:2px 2px 2px 2px;
	margin:0px 0px 20px 0px;
}
.banner-block ul {
	border:1px solid #e5e5e5;
	padding:4px 0px 0px 4px;
	margin:2px 0px 20px 0px;
	background-color:#eeeeee;
}
.banner-block li {
	float:left;
	padding:0px 4px 5px 0px;
}
.banner-block li img {
	vertical-align:top;
}

/* CONTAINER SIDE
=======================================*/
.search-block {
	margin-bottom:22px;
	padding:1px 1px 1px 1px;
	border:1px solid #dacfae;
}
.search-block .content {
	padding:11px 5px 10px 11px;
	background:url(../img/bg_search_block.jpg) no-repeat;
}
.search-block ul {padding:10px 0px 13px 0px;}
.search-block li {
	float:left;
	font-size:11px;
	color:#1b4b92;
	background-color:#ffffff;
	margin:0px 7px 0px 0px;
	padding:5px 0px 5px 0px;
	*padding:3px 0px 5px 0px;		/* IE7 only */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.search-block li.hotel {
	width:120px;
	margin-bottom:3px;
	padding-left:20px;
}
.search-block li.gurmet{
	width:120px;
	margin-bottom:3px;
	padding-left:20px;
}

.search-block li.leisure {
	width:120px;
	padding-left:20px;
}

.search-block li.otoriyose {
	width:120px;
	padding-left:20px;
}
.search-block li input {
	vertical-align:-2px;
	*vertical-align:0px;			/* IE7 only */
	margin:0px 5px 0px 0px;
}
.search-block select {
	float:left;
	width:190px;
	margin-top:3px;
	*margin-top:2px;				/* IE7 only */
}
.search-block .button {
	float:right;
	margin-right:5px;
}
.block-news {margin-bottom:30px;}
.block-news .title {
	margin-bottom:1px;
	padding-bottom:6px;
	border-bottom:1px solid #d2d2d2;
}
.block-news .title .title-name {
	float:left;
	margin-left:2px;
}
.block-news .title .goto-list {
	float:right;
	padding-top:3px;
}
.block-news .news-content {
	border-top:1px solid #222c50;
}
.block-news .news-content ul {
	height:298px;
	overflow:auto;
	position:relative;
	padding:3px 8px 0px 1px;
	border:1px solid #e5e5e5;
}
.block-news .news-content li {
	position:relative;
	padding:8px 10px 8px 10px;
	border-bottom:1px dotted #c9c9c9;
}
.block-news .news-content li.last {border-bottom:none;}
.block-news .news-content li div {height:14px;}
.block-news .news-content li div img {
	float:left;
	margin-right:5px;
}
.block-news .news-content li div p {
	color:#222c50;
	font-size:11px;
}
.block-news .news-content li div p span {color:#e60012;}
.block-news .news-content li .text {
	color:#434343;
	font-size:11px;
	margin-top:5px;
}
.block-news .news-content li .text a {color:#1b4b92;}
.block-recommend-info {margin-bottom:30px;}
.block-recommend-info .title {
	margin-bottom:10px;
	border-bottom:1px solid #222c50;
}
.block-recommend-info .title .border,
.block-sns .title .border {
	padding:0px 0px 5px 2px;
	margin-bottom:1px;
	border-bottom:1px solid #d2d2d2;
}
.block-recommend-info .banner-list li {
	margin-bottom:10px;
}
.block-sns .title {border-bottom:1px solid #222c50;}
.block-sns .content {
	padding:17px 19px 12px 19px;
	border:1px solid #e5e5e5;
}
.block-sns .content th {padding-bottom:10px;}
.block-sns .content td {
	color:#434343;
	font-size:11px;
	padding:0px 0px 10px 10px;
	vertical-align:center;
}

.top-text {
	position: absolute;
	top: 180px;
	left: 20px;
	width: 500px;
	text-align: left;
	z-index: 10;
}