@charset "utf-8";

/* ==================================================

================================================== */
html{/*background:url(../images/htmlbg4.gif) repeat-x 0 0;*/ /*画面全体に背景配置する為*/}
body {
	font-size: 100.01%;/*opera*/
	/*font-size:82.5%;*/
	/*font-size:medium;*/
	text-align:center;
	font-family:"ＭＳ Ｐゴシック","MS P Gothic"/*,"ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro W3",Osaka*/,"メイリオ",Meiryo,sans-serif;
	line-height:1.5;
}

/* 段落
----------------------------------------------------- */
p{ padding:0; margin:0.3em 0;}


/* テーブル
----------------------------------------------------- */
th,td{ padding:4px 6px; margin:0;}
table{ border-collapse:collapse;}

/* ノーマルテーブル */
.tbl-nml td,.tbl-nml th{ border:1px solid #ccc; }
.tbl-nml th{ background-color:#F0F0F0; font-weight:100;}


/* 行揃え
----------------------------------------------------- */
.txt-l{ text-align:left;}
.txt-r{ text-align:right;}
.txt-c{ text-align:center;}

.box-c{ margin:0 auto;}


/* 絶対フォントサイズ
----------------------------------------------------- */
.t-10{ font-size:10px}
.t-11{ font-size:11px}
.t-12{ font-size:12px}
.t-14{ font-size:14px}
.t-16{ font-size:16px}
.t-18{ font-size:18px}

/* 相対フォントサイズ
----------------------------------------------------- */
.t-ss{ font-size:0.78em;} /*小11px　大14px*/
.t-s{ font-size:0.89em;} /*小12px　大16px*/
.t-m{ font-size:1em;} /*小14px　大18px*/
.t-l{ font-size:1.12em;} /*小16px　大21px*/
.t-ll{ font-size:1.26em;} /*小18px　大24px*/


/* 見出し
----------------------------------------------------- */

h2.pg-title{ margin:6px 0; line-height:1;}

h3.h3title{ margin:1em 0; padding-left:1em; letter-spacing:0.1em; font-weight:bold; line-height:2; border:1px solid #D9D9D9; background:#D9D9D9 url(../images/h3title-bg2.gif) repeat 50% 50%;}
/*h3.h3title{ margin:1em 0; padding-left:1em; letter-spacing:0.1em; font-weight:bold; line-height:2; border:1px solid #D9D9D9; background:#D9D9D9 url(../images/h3title-bg.gif) repeat 0 0;}*/

h3.h3title-att{ margin:1em 0; padding-left:1em; letter-spacing:0.1em; font-weight:bold; line-height:2; border:1px solid #D9D9D9; background:#D9D9D9 url(../images/h3title-att-bg.gif) repeat 0 0;}

h4.h4title{ margin:6px 0; font-weight:bold; color:#0B579D; line-height:2; border:solid #fff 2px; border-bottom:2px solid #0B579D;}
h5.h5title{ margin:6px 0}
h6.h6title{ margin:6px 0}



/* リスト
----------------------------------------------------- */

ul.txtul{ margin:0; padding:0;}
ul.txtul li{ list-style-position:inside;}
.no-mark li{ list-style-type:none;}


/* フォーム
----------------------------------------------------- */

div.formbtn-box{ margin:0 auto; text-align:center; margin:1em 5em; padding:2em;}
div.formbtn-box input{ padding:0.6em; cursor:pointer; outline:none;}
input,textarea{ padding:2px; margin:2px; text-align:left;}

/*フォームボタン*/
.form-btarea{ text-align: center; margin:2em 0; padding:1em;/* background-color:#F0F0F0;*/}

/*inputの幅*/
input.txtbox-s6{width:6em;}
input.txtbox-m12{width:12em;}
input.txtbox-m20{width:20em;}
input.txtbox-m30{width:30em;}
input.txtbox-l60{width:60em;}
input.txtbox-l100{width:100em;}

/*inputボーダー無*/
td.noborder input{ border:none!important;}

/*firefox4.0 ~ 対応*/
input,
select,
textarea {
	/* font-family:sans-serif; */
	font-family: inherit;
	font-size: 100%;
}

/* 注意書
----------------------------------------------------- */
.att{ color:#EB3925;}
.att-bold {color:#EB3925; font-weight:bold;}
/*注意BOX*/
.att-box{
	border:#ffbbbb 1px solid;
	background-color:#FFF4FA;
	padding:0.8em;
	margin:1em;
}
.att.label {
	background:#EB3925;
	color: #fff;
	padding: 2px 4px;
	font-weight: bold;
}
/*写真はイメージです*/
.att-ph{font-size:0.78em; text-align:right; margin-top:2em; color:#666;}

/*error*/
.error{color:#EB3925; font-size:smaller;}

/* 見出し下インデント用BOX
----------------------------------------------------- */
.indent-box{ padding:0 1em;}


/* ページトップ
----------------------------------------------------- */
p.p-top{ padding:1em 0; clear:both; text-align:right;}



/* ==================================================

================================================== */

#wrap{ width:960px; height:auto; margin:0 auto; padding:0 6px; text-align:left; background-color:#FFFFFF;}

#mod-header,#mod-cont,#mod-footer{ width:960px;}


/* header
----------------------------------------------------- */
#mod-logo{ width:960px; height:35px; position:relative; line-height:0.1;}

/*fontchange*/
dl.fontchange{ width:316px; /*height:64px;*/ position:absolute; left:644px; top:0; }
dl.fontchange img{ padding-top:6px;}
dl.fontchange dt,dl.fontchange dd{ display:inline; float:left;}
dl.fontchange li{list-style-type:none; display:inline;/* float: left;*/ margin-right:3px;}
dl.fontchange li img{ cursor: pointer;}
dl.fontchange dd.link-home{ margin-left:32px;}

/*gmenu*/
div#mod-gmenu{
	width:960px;
	height:64px;
	/* background:transparent url(../images/mod_gmenu_bk.jpg) no-repeat 0 0; */
	/* background:transparent url(../images/nav/mod_gmenu_bk.jpg) no-repeat 0 0; */
}

div#mod-gmenu ul li{list-style-type:none; display:block; float:left; }


.mod_gmenu_blog {
  margin-right: 4px;
}
.mod_gmenu_blog > a:hover {
  opacity: .8;
}
.mod_gmenu_jap,
.mod_gmenu_hk,
.mod_gmenu_for,
.mod_gmenu_cruise {
  padding: 10px 4px;
}
.mod_gmenu_jap {
  background-image: url('../images/nav/mod_gmenu_bk.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
.mod_gmenu_hk {
  background-image: url('../images/nav/mod_gmenu_bk.jpg');
  background-repeat: no-repeat;
  background-position: left -258px top 0;
}
.mod_gmenu_for {
  background-image: url('../images/nav/mod_gmenu_bk.jpg');
  background-repeat: no-repeat;
  background-position: left -506px top 0;
}
.mod_gmenu_cruise {
  background-image: url('../images/nav/mod_gmenu_bk.jpg');
  background-repeat: no-repeat;
  background-position: right 0 top 0;
  margin-right: 4px;
}

/* mod-footer---------
----------------------------------------------------- */
#mod-footer { width:960px;/*background-color:#CCCCCC;*/ text-align:center; margin:0 auto; font-size:12px; padding-top:16px; }
p.footer-logo{ padding:24px 0 0 0;}
p.footer-link{ padding:12px 0;}

/* cont
----------------------------------------------------- */




/*mod-cont*/
#mod-cont{}


/* cont 1column
----------------------------------------------------- */
#mod-cont div.cont-1col{ margin:12px 0 0 0; }
#mod-cont div.cont-1col-box840{ width:840px; margin:0 auto; }
#mod-cont div.cont-1col-box920{ width:920px; margin:0 auto; }

/* cont 2column
----------------------------------------------------- */
/*cont-sub*/
#mod-cont div#cont-sub{
	width:260px;
	float:left;
	min-height:580px;
}
#cont-sub div.sub-block { width:238px; margin:12px 18px 0 0; border:1px solid #ccc; }

/*お問合わせ*/
/*サブお問合わせ*/
#cont-sub div.sub-inquiry div.sub-box{ margin:0 12px 12px 12px; font-size:87.5%;}

/*※サブ温泉宿泊*/
#cont-sub div.sub-attention div.sub-box{ margin:0 12px 12px 12px;}


/*cont-main*/
#mod-cont div#cont-main {
	width:700px;
	float:left;
	margin-top:12px;
}

/*cont-main > */

/*.tour-1col-inner,.tour-2col-inner*/
#cont-main .t-coad{ text-align:right; border-bottom:1px dotted #999; /*margin:2px 0 0 0;*/}
#cont-main .t-title{ font-weight: 800; line-height: 1.5em; word-break: break-all;}
#cont-main .t-icon img{ padding-right:1px; display:inline; }


#cont-main .t-ph{float:left; width:142px;}
#cont-main .t-ph img{ border:3px solid #FFF;}
#cont-main .t-area{ line-height:1.2;}
#cont-main .t-cat{ line-height:1.2;}
#cont-main ul{}
/*#cont-main ul.t-day li{ display:block; list-style-type:none;}
#cont-main ul.t-day li img{ padding-right:2px; vertical-align:middle; }*/
#cont-main .t-day { padding-bottom:3px;}
#cont-main .t-day td{/* padding:1px 2px 1px 1px;*/ padding:1px 0px 1px 0px; line-height:1; }
/*催行ステータス20111014*/
#cont-main .t-day td.s-status{ width:42px; font-size:11px; vertical-align:middle; text-align:left;}
#cont-main .t-day span.kettei{ color:#0066FF; }
#cont-main .t-day span.manseki{ color:#CC0000; }


#cont-main .t-price-box{ text-align:right;}
#cont-main .t-price{
	font-size:130%;
	line-height:1.6;
	color:#FF3333;
	font-weight:bold;
	text-align:right;
	padding-left:0.5em;
	/*white-space: nowrap;*/
}
#cont-main .t-price-cap{font-weight:nomal; font-size:12px;}
#cont-main span.t-price-cap2{display: block; font-weight:nomal;text-align:left!important; font-size:0.78em;}



/*.tour-1col*/
/*.tour-1col{ width:700px; background:url(../images/tour-1colbg.gif) repeat 0 0; margin-bottom:16px;}*/
/*img.tour-1colheader{display:block; vertical-align:baseline;}*//*IE余白対策*/
.tour-1col{ width:700px; background:#F4F4F0 url(../images/tour-1colheader.gif) no-repeat 0 0; margin-bottom:16px;}
.tour-1col-inner{ margin:0 6px 6px 6px;}
.tour-1col .t-ph{}
.tour-1col-center{ width:368px; padding-right:10px; border-right:1px dotted #999; float:left; text-align:left; }
.tour-1col-right{ width:162px; float:left; padding-left:4px;}
.tour-1col .tour-1col-right .t-button{margin:6px auto;}
.tour-1col p.t-button img{  display:block; margin:6px auto;}
/*.tour-1col div.t-day table{ width:360px; margin:0;}*/





/*.tour-2col*/
.tour-2col{ width:700px; background:url(../images/tour-2colbg.gif) no-repeat center bottom; margin-bottom:16px;}
/*最後が奇数なら*/
.tour-2col-last{ width:700px; background:url(../images/tour-2colbg.gif) no-repeat -350px bottom; margin-bottom:16px;}

.tour-2col-inner{ width:334px; margin:0 8px 8px 8px; float:left; background:url(../images/tour-2colheader.gif) repeat-x 0 0; display:inline;/*ie6*/ position:relative;}
.tour-2col-inner02{margin:0 6px;}
.tour-2col-inner .t-button img.bt-Inq{ padding-right:6px;  }/*2col*/
.tour-2col-box{width:180px; float:left;}












/*FF背景画像表示*/
.bgclr:after {
    content : "";
    display : block;
    height : 0;
    clear : both;
}