@charset "utf-8";

/*----------------------------------------------------
	宿ページ
----------------------------------------------------*/

#yado {
	border-top:3px solid #FF7D0D;
	padding-top:10px;
}

/* 名前 */

#yado p.area {float:left;}
#yado ul.icon {float:right;}
#yado ul.icon li {float:left;margin-left:5px;}
#yado h1 {
	clear:both;
	float:left;
	font-size:24px;
	font-weight:bold;
	line-height:44px;
}

#yado ul.arowd {float:right;}
#yado ul.arowd li {float:left;margin-left:5px;}

/* 基本情報 */

#yado .info {
	clear:both;
	border-top:3px solid #FF7D0D;
	margin:10px 0;
	padding-top:10px;
}

#yado .info .leftBox {
	width:548px;
}

#yado .info .leftBox .gaikan {
	float:left;
}

#yado .info .leftBox .gaikan img {
	width:130px;
	height:100px;
	margin:0 10px 10px 0;
}

#yado .info dl {
	float:left;
}

#yado .info dl.point form {
	float:right;
}

#yado .info dl.point button {
	padding:0;
	margin:0;
	border:none;
	background:#fff;
	cursor:pointer;
	text-decoration:underline;
	color:#0066FF;
	font-size:14px;
	text-align:right;
}

*html #yado .info dl.point form {
	background:none;
}

*html #yado .info dl.point button {
	background:url(../img2/icon/kuchikomi.gif) no-repeat center left;
}

#yado .info dl.point button:hover {
	color:#FF6600;
}

#yado .info dl dt {
	margin-bottom:5px;
	margin-right:10px;
	float:left;
	width:60px;
	font-weight:bold;
}

#yado .info dl dd {
	margin-bottom:5px;
	float:left;
	width:310px;
}

#yado .info .rightBox {
	width:180px;
	border:1px solid #ddd;
	padding:5px 10px;
}

#yado .info .rightBox .form {

}
/* アイコン */
#yado .icon_access {background: url(../img2/icon/access.gif) no-repeat left center;padding-left:26px;}
#yado .icon_address {background:url(../img2/icon/home.gif) no-repeat left center;padding-left:24px;}
#yado .icon_oukan {background:url(../img2/icon/oukan.gif) no-repeat left center;padding-left:24px;}
#yado .icon_kuchikomi {background:url(../img2/icon/kuchikomi.gif) no-repeat left center;padding-left:40px;}

/* プロフィール */

#yado .profile {
	clear:both;
	padding-top:10px;
	border-top:1px solid #ddd;
}

#yado .profile .leftBox {
	width:400px;
}
#yado .profile .rightBox {
	width:350px;
}

#yado .profile .rightBox h2 {
	margin-bottom:10px;
	font-size:18px;
}

#yado .profile .rightBox p {
	margin-bottom:10px;
}

#yado .profile .rightBox p span {
}

#yado .profile .rightBox dt,#yado .profile .rightBox dd { margin-bottom:5px;}

#yado .profile .rightBox dl dt {
	float:left;
	width:80px;;
	background:#FF7D0D;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#yado .profile .rightBox dl dd {
	float:right;
	width:260px;
}

/*----------------------------------------------------
	プラン
----------------------------------------------------*/

.planbox {margin-bottom:10px;}

/* ヘッド */

.plan_head {
	padding:3px 10px 5px;
}

.plan_head h2 {
	padding:10px 0 0 0;
	float:left;
	font-size:18px;
	vertical-align:middle
}

.plan_head button,
#yado .info .rightBox button {
	padding:5px 10px;
	border-top:#fff 2px solid;
	border-left:#fff 2px solid;
	border-right:#FF8484 2px solid;
	border-bottom:#FF8484 2px solid;
	background: url(../img2/share/button_bg.png) repeat-x #ff0000;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:16px;
	width:180px;
}

.plan_head button:hover ,
#yado .info .rightBox button:hover  {
	border-top:#FF8484 2px solid;
	border-left:#FF8484 2px solid;
	border-right:#fff 2px solid;
	border-bottom:#fff 2px solid;
	cursor:pointer;
	text-decoration:underline;
}
.plan_L {
	float:left;
	width:540px;
}

.plan_R {
	float:right;
	width:180px;
	margin-left:10px;
}

.plan_R img {
	width:180px;
	margin-bottom:10px;
}

/* 中身 */

.plan_body {
	padding:10px;
}

.plan_profile {
	font-size: 16px;
	line-height:1.4;
	margin-bottom:10px;
}

p.plan_catch {
	font-size: 18px;
	font-weight:bold;
	margin-bottom:10px;
	color:#ff0000;
}

p.plan_catch span {
	background:#ff7d0d;
	color:#fff;
	padding:3px;
}

.planbox dl.plan_detail {
	clear:both;
}

.planbox dl.plan_detail dt {
	clear:both;
	float:left;
	width:90px;
	margin-bottom:10px;
	padding:3px 5px;
	text-align:center;
	font-weight:bold;
}

.planbox dl.plan_detail dd {
	float:left;
	width:420px;
	margin:0 0 10px 10px;
}

.planbox span {
	color: red;
	font-weight: bold;
}

.planbox dl.plan_detail dt.tokuten {
	background:url(../img2/yado/tokuten.gif) no-repeat;
	line-height:51px;
	margin-bottom:0;
	padding-left:10px;
}

/* 料金表 */

.pricetbl {
	margin-bottom:10px;
}

.pricetbl td,
.price_sp td {
	padding:5px 0;
	border:1px solid #ccc;
}

.pricetbl .price,
.price_sp .price {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

.gotoform_foot {
	clear:both;
	margin:0 auto;
}

.planbox .pickup {
	margin-bottom:10px;
	padding:10px;
	border:1px solid #ccc;
}
.planbox .pickup h5 {
	font-size:16px;
}

/* 特殊型 */

.price_sp {
	margin-bottom:10px;
}

.price_sp h3 {
font-size:18px;
margin:20px 0 10px 0 !Important;
padding-left:10px;
border-left:10px solid #ccc;
}

.price_sp h4 {
	font-size:16px;
	margin-bottom:10px;
}

.price_sp span {
	color: #ff0000;
	font-weight: bold;
}
.price_sp table span {
	color: black !important;
}

.price_sp table {
	width:100%;
	margin-bottom:10px;
}

.price_sp td,
.price_sp th {
	padding:5px 0px;
	text-align:center;
}

.price_sp th {
	background:#eee;
	border:1px solid #ccc;
}

.price_sp td {
	border:1px solid #ccc;
}

.price_sp td.price {
	font-family: Geneva, Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight:bold;
	text-align:center;
}


.tokuten {
	font-size: 18px;
	font-weight:bold;
}

.price table {
	margin-bottom:20px;
}

.price td {
	padding:10px;
	font-size:16px;
}

/*----------------------------------------------------
	グループプラン
----------------------------------------------------*/

.group_plan {border:1px solid #FFEAD7;}
.group_plan .plan_head {background:#FFEAD7;}
.group_plan .pricetbl td.h4,
.group_plan dl.plan_detail dt,
.group_plan .pricetbl th {
	background:#FFEAD7;
}

.group_plan dl.plan_detail dt {
	text-align:left;
	float:none;
	width:100%;
}

.group_plan dl.plan_detail dd {
	float:none;
	width:100%;
	margin-bottom:10px;
}

ul.plan_photo .plan_photo01 img,ul.plan_photo .plan_photo02 img,ul.plan_photo .plan_photo03 img {
	width:350px;
	margin-bottom:10px;
}

.group_plan .plan_L {
	width:355px;
}

.group_plan .plan_R {
	width:355px;
}

/*----------------------------------------------------
	プラン種別色分け
----------------------------------------------------*/

.pink {border:1px solid #FFCEE7;}
.normal {border:1px solid #C8E9FF;}
.cos {border:1px solid #FFFF99;}
.soft {border:1px solid #FFFF99;}

/* プラン名 */
.pink .plan_head {background: url(../img2/icon/icon_pink.gif) no-repeat 10px #FFCEE7;padding-left:70px;}
.normal .plan_head {background: url(../img2/icon/icon_normal.gif) no-repeat 10px #C8E9FF;padding-left:70px;}
.cos .plan_head {background: url(../img2/icon/icon_cos.gif) no-repeat 10px #FFFF99;padding-left:70px;}
.soft .plan_head {background: url(../img2/icon/icon_soft.gif) no-repeat 10px #FFFF99;padding-left:70px;}

/* 料金・プラン詳細 */
.pink .pricetbl td.tbl_title,
.see .pricetbl td.tbl_title,
.pink .price_sp td.tbl_title,
.see .price_sp td.tbl_title,
.pink .price_sp th,
.see .price_sp th,
.pink dl.plan_detail dt,
.see dl.plan_detail dt {
	background:#FFDFEF;
}

.pink .pricetbl td,.pink .pricetbl th {border:1px solid #FF9DCE;}
.cos .pricetbl td,.cos .pricetbl th {border:1px solid #FFFF77;}
.soft .pricetbl td,.soft .pricetbl th {border:1px solid #FFCC33;}
.normal .pricetbl td,.normal .pricetbl th {border:1px solid #ACDEFF;}

.cos .pricetbl td.tbl_title,
.cos dl.plan_detail dt {
	background:#FFFFCC;
}
.normal .pricetbl td.tbl_title ,
.normal .price_sp td.tbl_title ,
.normal dl.plan_detail dt {
	background:#D9F0FF;
}
.soft .pricetbl td.tbl_title,
.soft dl.plan_detail dt {
	background:#FFFFCC;
}

/*----------------------------------------------------
	クチコミ
----------------------------------------------------*/

#kuchikomi ul.point li {
	float:left;
	width:235px;
	margin-right:10px;
}

#kuchikomi ul.point li dl {
	margin-bottom:10px;
}

#kuchikomi ul.point li dt {
	float:left;
	width:90px;
	text-align:center;
	padding:3px 5px;
	margin-right:5px;
	background:#eee;
}

#kuchikomi ul.point li dt.sougou {
	background:#FF7D0D;
	font-weight:bold;
	color:#fff;
}

#kuchikomi ul.point li dd {
	float:right;
	width:125px;
}

#CollapsiblePanel1 .CollapsiblePanelTab {
	text-decoration:underline;
	color:#0066FF;
	cursor:pointer;
}

#CollapsiblePanel1 .CollapsiblePanelTab:hover {
	color:#FF6600;
}

#kuchikomi_list .kuchikomi_box {
	background:url("/img2/kuchikomi/kuchikomi_foot.gif") no-repeat scroll left bottom transparent;
	margin-bottom:20px;
	padding:0 0 15px;
	width:752px;
}

#kuchikomi_list .title{
  background:url("/img2/kuchikomi/kuchikomi_top.gif") no-repeat scroll left bottom transparent;
  height:58px;
	padding:0 0 0 7px;
  position:relative;
  width:752px;
  font-weight:bold;
}

#kuchikomi_list .comment{
  width:718px;
  border-left:2px solid #FFBD7C;
  border-right:2px solid #FFBD7C;
  padding:8px 15px;
  line-height:150%;
}

#kuchikomi_list .toured_at{
  bottom:16px;
  color:#999999;
  line-height:1.1;
  position:absolute;
  right:20px;
}

#kuchikomi_list .reply_on{
  margin-bottom:5px;
}

#kuchikomi_list .kuchikomi_reply{
  background:url("/img2/kuchikomi/reply_foot.gif") no-repeat scroll left bottom transparent;
	margin-bottom:20px;
	margin-left:50px;
	padding:0 0 15px 0;
	width:702px;
}

#kuchikomi_list .reply_title{
  background:url("/img2/kuchikomi/reply_top.gif") no-repeat scroll left bottom transparent;
  height:58px;
	padding:0 0 0 7px;
  position:relative;
  width:702px;
}

#kuchikomi_list .reply_title img {
	height:30px;
	/**width:60px;**/
}

#kuchikomi_list .reply_comment{
  width:668px;
  border-left:2px solid #E5E5E5;
  border-right:2px solid #E5E5E5;
  padding:8px 15px;
}

#kuchikomi_list .updated_at{
  bottom:16px;
  color:#999999;
  font-size:0.8em;
  line-height:1.1;
  position:absolute;
  right:20px;
}

#iine .indicator{
  background:url("/img2/kuchikomi/indicator.gif") no-repeat scroll left center transparent;
	padding-left:18px;
	margin:0 2px 0 12px;
	color:#666;
	font-size:0.8em;
}

#iine #iine_button{
	color: #0033FF;
	text-decoration:underline;
	cursor:pointer;
}

/*----------------------------------------------------
	この宿を見た人は
----------------------------------------------------*/

#recommend {
	width:640px;
	margin:auto;
  clear:both;
}

#recommend .hotel_box {
	float:left;
	width:120px;
	margin-right:10px;
	text-align:center;
}

#recommend .hotel_box img.hotel {
	width:120px;
	height:96px;
}

#recommend .end_box{
	margin-right:0px;
}

.recommend_name{
	text-align:left;
}

.recommend_location{
  line-height:1em;
  font-size:0.8em;
	color:#666666;
	text-align:left;
}

/*----------------------------------------------------
	プラン間の移動
----------------------------------------------------*/

#othertypeplan {
}

#othertypeplan a {
	margin:20px 0 15px 0;
	padding:20px;
	text-align:center;
	background:url(../img2/btn/btn_off.png) repeat-x;
	border:1px solid #ccc;
	display:block;
	font-weight:bold;
	font-size:18px;
}

/*----------------------------------------------------
	スライドショー
----------------------------------------------------*/

#slideshow :focus {
	outline:none;
}

#slideshow{
	width:400px;
	height:300px;
	padding-bottom:70px;
	position:relative;
	border:0;
}

#slideshow ul.ui-tabs-nav{
	position:absolute;
	top:300px;
	left:0px;
	list-style:none;
	margin:0;
	padding:0;
	padding-left:1px;
	width:399px;
	background:#eee;
}
#slideshow ul.ui-tabs-nav li{
	float:left;
	padding:0px;
	font-size:12px;
	color:#666;
}
#slideshow ul.ui-tabs-nav li img{
	/**width:50px;**/
	height:50px;
	margin:0px;
	padding:0px;
	background:#fff;
	border:0;
}
#slideshow ul.ui-tabs-nav li span{
	font-size:11px;
	line-height:18px;
}
#slideshow li.ui-tabs-nav-item a div.fragment-img-wrap{
	width:50px;
	height:50px;
	padding:0px;
	margin:3px;
	padding-top:3px;
	overflow:hidden;
}
#slideshow li.ui-tabs-nav-item a{
	display:block;
	width:56px;
	height:56px;
	padding:0px;
	margin:0px;
	margin-right:1px;
}
#slideshow li.ui-tabs-nav-item a:hover{
	background:#ff7d0d;
}
#slideshow ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ff7d0d;
}

#slideshow .ui-tabs-panel{
	width:400px; height:300px;
	background:#999;
	position:relative;
}
#slideshow .ui-tabs-panel img {
	width:400px; height:300px;
}
#slideshow .ui-tabs-hide{
	display:none;
}

#slideshow .ui-tabs-panel .text{
	position:absolute;
	bottom:0; left:0;
	height:30px;
}
#slideshow .text p{
	padding:10px;
	font-size:14px;
	line-height:15px;
	color:#fff;
	text-shadow: 1px 1px 0px #000;
	filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=true);
	behavior:url(../js2/pie/PIE.htc);
}

/*----------------------------------------------------
	ソーシャルボタン
----------------------------------------------------*/

.posted ul {float:right; padding:10px 0 0 0;}
.posted ul li {float:left; margin-right:10px; height:20px;}
.posted ul li:last-child,.posted ul li.lastChild {margin-right:0;}
.posted ul li.clap {background: url(../img2/icon/clap.gif) no-repeat left center;padding-left:20px;}

.freearea table {
	margin:20px 0;
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.freearea table th,.th {
    padding: 5px 10px;;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5 ;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	vertical-align:middle;
	text-shadow:1px 1px 0 #fff;
}

.freearea table.form th {
	width:120px;
	text-align:left;
}

.freearea table.form th img {
	vertical-align:baseline;
}

.freearea table td {
    padding: 5px 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:middle;
}