@charset "utf-8";

/* トップページのスタイル */

h3,h4 {
	font-size:14px;
}

/* div#wrapperのスタイル */

div#wrapper {
	width: 800px;
}

/* div#mainのスタイル */

div#main {
	width: 620px;
	float: left;}
 
div#main form{
	width: 598px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	margin:10px;
	padding:5px;
  }
  
/* div#areaのスタイル */

div#area {
	width: 300px;
	float: left;
	padding-left: 10px;
  }

div#area h2 {
   width: 300px;
   line-height:37px;
   background:url(image/t_title01.gif) no-repeat;
   text-indent: -9999px;
   }
  
/* div#termのスタイル */

div#term {
	width: 300px;
	float: right;
	padding-top: 10px;
  }
div#term h2 {
   width: 300px;
   line-height:37px;
   background:url(image/t_title02.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#termsubのスタイル */

div#termsub {
	width: 280px;
	height: 280px;
	background: url(image/t_term.gif) no-repeat;
	padding: 10px;
  }
 
/* div#hotspringのスタイル */

div#hotspring {
	width: 610px;
	clear:both;
	padding-top: 10px;
	padding-left: 10px;
}

div#hotspring h2 {
   width: 610px;
   line-height:37px;
   background:url(image/t_title03.gif) no-repeat;
   text-indent: -9999px;
}

/* ピックアップ */

h2.pick {
	width:610px;
	clear:both;
	line-height:37px;
	background:url(image/t_title_pic.gif) no-repeat;
	text-indent:-9999px;
}

.toppickup {
	clear:both;
	width: 590px;
	background:#FFF7F7;
	padding:8px;
	border:1px solid #ccc;
}

.toppickup li {
	list-style:none;
	width:195px;
	float:left;
}

.toppickup li img {
	float:left;
	width:50px;
	height:36px;
}

.toppickup h3 {
	clear:both;
}

/* div#hotspringsubのスタイル */

div#form2{
	margin-left:10px;
	padding:15px;
	height:80px;
	background:#FFFFFF;
	border:1px solid #CC3333;
	}

.hotspringsub {
	width: 590px;
	clear:both;
	background: url(image/t_hotspring.gif) repeat-y;
	padding: 10px;
	font-size:11.5px;
  }

.hotspringsub hr{
border:1px #CCCCCC dotted;
}

.hotspringsub p{
  margin-top: 5px;
  }

/* div#rankingのスタイル */

div#ranking {
	width: 300px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
  }

div#ranking h2 {
   width: 300px;
   line-height:35px;
   background:url(image/t_title10.gif) no-repeat;
   text-indent: -9999px;
   }

#ranktable{
	width:100%;
	}
#ranktable img.r_photo{
	width:75px;
	height:50px;
	}
	
#ranktable td{
	padding:5px;
	height:50px;
	}
	
#ranktable td.sp{
	padding:0px;
	height:1px;
	background-color:#CCCCCC;
	}

#ranktable .location{
	font-size:10px;
	width:100px;
	padding-bottom:0px;
	}

#ranktable .y_name , table#ranktable .y_name a{
	font-size:14px;
	font-weight:bolder;
	}

table#ranktable em{
	visibility:hidden;
}

table#ranktable td.first, table#ranktable td.second, table#ranktable td.third, table#ranktable td.fourth, table#ranktable td.fifth, 
table#ranktable td.sixth, table#ranktable td.seventh, table#ranktable td.eighth, table#ranktable td.ninth, table#ranktable td.tenth{
	width:40px;
	background-repeat:no-repeat;
	background-position:center;
}

#ranktable .first{
	background-image:url(image/ranking/no1.gif);
	}

table#ranktable td.second{
	background-image:url(image/ranking/no2.gif);
}

table#ranktable td.third{
	background-image:url(image/ranking/no3.gif);
}

table#ranktable td.fourth{
	background-image:url(image/ranking/no4.gif);
}

table#ranktable td.fifth{
	background-image:url(image/ranking/no5.gif);
}
/* div#rankingsubのスタイル */

div#rankingsub {
	width: 280px;
	background: url(image/t_ranking.gif) repeat-y;
	font-size: 11px;
	padding: 10px;
  }

/* div#ranking2のスタイル */

div#ranking2 {
	width: 300px;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
}
  

div#ranking2 h2 {
   width: 300px;
   line-height:35px;
   background:url(image/t_title11.gif) no-repeat;
   text-indent: -9999px;
}

/* div#rankingsub2のスタイル */

div#rankingsub2 {
	width: 280px;
	background: url(image/t_ranking.gif) repeat-y;
	font-size: 11px;
	padding: 10px;
  }

/* div#benefitのスタイル */

div#benefit {
	width: 300px;
	float: right;
	padding-top: 10px;
  }
div#benefit h2 {
   width: 300px;
   
   height: 35px;
   background:url(image/t_title05b.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#benefitsubのスタイル */

div#benefitsub {
	background: #E7E7E7 url(image/t_ranking.gif) repeat-y;
	padding: 4px;
  }

/* div#whatsnewのスタイル */

div#whatsnew {
	width: 300px;
	float: right;
	padding-top: 10px;
  }
div#whatsnew h2 {
   width: 300px;
   height: 35px;
   background:url(image/t_title06b.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#whatsnewsubのスタイル */

div#whatsnewsub {
	background: url(image/t_ranking.gif) repeat-y;
	height:100px;
	overflow:auto;
	padding:5px;
}

div#whatsnewsub li{
	padding:2px 0 2px 0;
}

div#whatsnewsub dl {
}

div#whatsnewsub dl img {
	width:46px;
	height:32px;
	float:right;
}

div#whatsnewsub dt {
	float:left;
	width:30px;
	padding:2px;
	font-size:10px;
}

div#whatsnewsub dd {
	float:left;
	width:220px;
	padding:2px;
	font-size:12px;
}

/* div#sidebarのスタイル */

div#sidebar {
	width: 165px;
	float:right;
	margin-left:5px;
  }
  
/* div#flierのスタイル */

div#flier {
	width: 160px;
	padding-top: 10px;
  }

div#flier h2{
   width: 160px;
   height: 30px;
   background:url(image/t_title07.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#fliersubのスタイル */

div#fliersub{
  border:#FF6600 solid 1px;
  padding: 5px;
  text-align: center;
  }

/* div#flierのスタイル */

div#flier {
	width: 160px;
	padding-top: 10px;
  }

div#flier h2{
   width: 160px;
   height: 30px;
   background:url(image/t_title07.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#fliersubのスタイル */

div#fliersub{
  border:#FF6600 solid 1px;
  padding: 5px;
  text-align: center;
  }
 
/* div#commentのスタイル */

div#comment {
	width: 160px;
	padding-top: 10px;
  }

div#comment h2{
   width: 160px;
   height: 30px;
   background:url(image/t_title08.gif) no-repeat;
   text-indent: -9999px;
   }
   
/* div#commentsubのスタイル */

div#commentsub{
	border:#FF6600 solid 1px;
	padding: 5px;
  }
  
div#commentsub p {
	background:#f3f3f3;
	margin:3px 3px 6px 3px;
	padding:3px;
}  
  
/* div#magazineのスタイル */

div#magazine {
	width: 160px;
	padding-top: 10px;
  }

div#magazine h2{
   width: 160px;
   line-height:30px;
   background:url(image/t_title09.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#magazinesubのスタイル */

div#magazinesub{
	border:#FF6600 solid 1px;
	padding: 5px;
  }

.banner {
padding-top:4px;
padding-bottom:4px;
}

/* div#pickupのスタイル */

div#pickup {
	width: 160px;
	padding-top: 10px;
  }

div#pickup h2{
   width: 160px;
   height: 30px;
   background:url(image/t_title12.gif) no-repeat;
   text-indent: -9999px;
   }

/* div#pickupsubのスタイル */

div#pickupsub {
  border:#FF6600 solid 1px;
  padding: 5px;
  }

div#pickupsub img{
	width:60px;
	height:46px;
	margin-right:3px;
	float:left;
}

div#pickupsub p{
	font-size:11px
}

div#pickupsub h3 {
	clear:left;
	background:url(image/arow_1.gif) no-repeat #f3f3f3 5px;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:5px 0 5px 0;
}

/*臨時項目*/
p.summer a em{
	visibility:hidden;
	}
div#sidebar p.summer a, div#sidebar p.summer a:visited{
	display:block;
	height:160px;
	width:160px;
	background:url(image/t_banner01_01.gif) no-repeat;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	}
div#sidebar p.summer a:hover{
	display:block;
	height:160px;
	width:160px;
	background:url(image/t_banner01_02.gif) no-repeat;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	}
p.banner02 a em{
	visibility:hidden;
	}
div#sidebar p.banner02 a{
	display:block;
	width:160px;
	height:130px;
	background:url(image/t_banner03_01.gif) no-repeat;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	}
div#sidebar p.banner02 a:hover{
	display:block;
	width:160px;
	height:130px;
	padding-top:3px;
	padding-bottom:3px;
	background:url(image/t_banner03_02.gif) no-repeat;
	}

/* 温泉地ランキング */
div#onsenrank {
	height:100%;
	border:1px #ddd solid;
	padding:5px;
}

div#onsenrank img{
margin-right:5px;
}

div#onsenrank hr{
border:1px #F3F3F3 solid;
padding:0px;
}

.onsen_pr {
	font-size:11px;
	line-height:14px;
}

/* タブ */
.tab {
	background-color:#fff;
	color:#272727;
	border-bottom:1px solid #FFFFFF;
	margin-top:10px;
	height:34px;
	font-size:14px;
}

.tab ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}

.tab li {
	display:inline;
	line-height:30px;
	background:url(../img/aparty/midashi_twotone.gif) repeat-x;
}

.tab li a {
	color:#000000;
	text-decoration:none;
	padding:5px 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #eee;
	background:#eee;
}

.tab li a.tabactive {
	padding:5px 10px;
	border-top:2px solid #FF0000;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url(../img/aparty/midashi_twotone.gif) repeat-x;
	font-weight:bold;
	position:relative;
	color:#FF0000;
}

#gNav li.compa a {
	background:url(../img/head/menu00_off.png) no-repeat right bottom;
	display:block;
	width:169px;
	height:36px;
	margin-right:1px;
	text-indent:-9999px;
}

/* 全国プランピックップ */

#planPickup {
	clear:both;
	margin-left:10px;
}

#planPickup .body {
	padding:8px;
	border:1px solid #ccc;
}

#planPickup h2 {
	background: url(image/t_tokusen_title.png) no-repeat;
	color:#fff;
	text-indent:-9999px;
	line-height:45px;
}

#planPickup h3 {
	clear:both;
	margin-bottom:10px;
	text-indent:-9999px;
}

#planPickup h3 a {
	 display:block;
 	line-height:62px;
}

#planPickup h3.city {background:url(image/t_pickup_city.jpg) no-repeat;}
#planPickup h3.ori {background:url(image/t_pickup_ori.jpg) no-repeat;}

#planPickup h3.pink {
	background:#FF3366;
	padding:5px 10px;
	margin-bottom:10px;
	color:#fff;
	text-indent:0;
	font-weight:bold;
}

#planPickup .box {
	clear:both;
}

#planPickup .box_L {
	width:290px;
	float:left;
}

#planPickup .box_R {
	width:290px;
	float:right;
}

#planPickup .plan_Big {
	padding-bottom:10px;
}

#planPickup .plan_Big .pic {
	float:left;
}

#planPickup .plan_Big .pic img {
	width:136px;
	height:100px;
}

#planPickup .plan_Big .txt {
	float:right;
	width:140px;
}

#planPickup .plan_Small {
	clear:both;
	padding-bottom:10px;
}

#planPickup h4 a,
#planPickup h4 {
	font-weight:bold;
}

#planPickup .plan_Small .pic {
	float:left;
}

#planPickup .plan_Small .pic img {
	float:left;
	width:80px;
	height:60px;
}

#planPickup .plan_Small .txt {
	float:right;
	width:200px;
}

#planPickup .plan_Small .txt p {
	line-height:130%;
}

.arow_R {
	clear:both;
}

/* バナーエリア */

#sidebar .bnr {
	margin-bottom:10px;
}

#sidebar .bnr h3 {
	padding:5px 10px;
	margin-bottom:10px;
	background:#FF3366;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

#sidebar .bnr ul li {
	list-style:none;
	margin-bottom:5px;
	font-size:11px;
}

#sidebar .bnr ul li img {
	margin-bottom:0;
	padding:0;
}

#sidebar .box {
	margin-bottom:10px;
	margin-right:5px;
}

#sidebar .box h3 {
	background:#ff3366;
	color:#fff;
	font-weight:bold;
	padding:5px 5px;
	font-size:14px;
}

#sidebar .box .contents{
	border:solid #ccc;
	border-width:0 1px 1px;
	margin-bottom:0;
}

/* サイド口コミ */

.kuchikomi_box{
  padding:5px;
  margin-bottom:5px;
}

.kuchikomi_box img{
  float:left;
  width:66px;
  height:44px;
  margin-right:5px;
}

.kuchikomi_box .kuchikomi_hotel{
  float:left;
  width:77px;
}

.kuchikomi_box .rumor{
  padding-top:2px;
  clear:both;
}

.kuchikomi_box .itinerary{
  color:#AAAAAA;
  font-size:0.9em;
  white-space: nowrap;
  text-align:right;
}