@charset "utf-8";

/* CSS Document */

/* -----------------------------------------------------------
 Browser Default Initialization　↓
----------------------------------------------------------- */

html {   
    overflow-y: scroll;   
}   
body, div, dl, dt, dd, ul, ol, li, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {   
    margin: 0;  padding: 0;   
}   
address, caption, cite, code, dfn, em, strong, th, var  {   
    font-style: normal;   
}   
table   {   
    border-collapse: collapse;  border-spacing: 0;   
}   
caption, th {   
    text-align: left;   
}   
q:before ,q:after   {   
    content: '';   
}   
object, embed   {   
    vertical-align: top;   
}   
hr, legend  {   
    display: none;   
}   
h3, h4, h5, h6  {   
    font-size: 100%;   
}   
img, abbr, acronym, fieldset    {   
    border: 0;   
}   
li  {   
    list-style-type: none;   
}  


body {   
    font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;   
    color: #333;   
}   
html>/**/body {   
    font-size: 12px;   
}   
  
* + html body {   
    font-family: "メイリオ","Meiryo";   
}

/* -----------------------------------------------------------
 Basic　↓
----------------------------------------------------------- */
#title h2{
	width: 900px;
	height: 120px;
	background-color: #FFF;
	background-image:url(img/title.gif);
	text-indent: -9999px;
}


#title2 h2{
	width: 900px;
	height: 120px;
	background-color: #FFF;
	background-image:url(img/title2.jpg);
	text-indent: -9999px;
}

.pattern {
	padding:5px;
	border: 1px solid #ccc;
	background:#eee;
	font-size:12px;
	color: #100C84;
	text-align:center;
}

#gNavi {
	margin:10px 0 0 0;
	padding:0px;  
    width:900px;  
    height:28px;  
    background:#009;
	text-align:center;
}  
#gNavi li {
	list-style:none  outside;
	float:right;
	padding:0 5px;
	border-left: 1px dotted #ACACAC;
}  

#gNavi li a {  
     display:block;  
     line-height:28px;  
     color:#fff;
	 text-decoration:none;
     text-align:center;  
}  
#gNavi li a:hover {
background:#66c;
}


#sndnavi {
margin:0; padding:0 10px; line-height:30px; text-align:center;
 }  
#sndnavi li { display:inline; list-style:none; padding-right:10px; }  
#sndnavi li a {  
    color:#900;  
    text-decoration:none;  
    border-bottom:solid 3px #c00;  
}  
#sndnavi li a:hover { color:#f00; border-bottom:solid 3px #f00; }  



h3 {
	background:url(img/h3title.gif) no-repeat;
	height:26px;
	font-weight:bold;
	font-size:14px;
	padding-left:20px;
	padding-top:6px;
	}


h4 {
	font-weight: bold;
	line-height: 2.0em;
	background-color: #FF9933;
	padding-left: 10px;
	color:#FFFFFF;
}

h5 {
	font-weight: bold;
	line-height: 1.8em;
	background-color:#ffffcc;
	padding-left: 10px;
	margin-bottom: 5px;
}


/* -----------------------------------------------------------
 フライトチョイス　の指定 ↓
----------------------------------------------------------- */

#fc {
	float:left;
	width: 550px;
	padding:10px;
	border: 3px double #FFB1B2;
	font-size:12px;
}
#fc table {
	border: 1px solid #cccccc;

}
#fc th {	
	border: 1px solid #cccccc;
	background-color: #fff;
	background-color: #ffeeee;
	text-align: center;
	font-weight: bold;
	padding:5px;
}

#fc td {	
	border: 1px solid #cccccc;
	padding:5px;
}
.box_fc {
	float:right;
	text-align:right;
	margin: 5px 5px 5px 0;
}

.flightbox420 {
	width: 420px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#flight table {
	width: 900px;
	border: 1px solid #cccccc;
	margin-top: 10px;
	text-align: center;
	line-height: 120%; 
}

#flight th {	
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

#flight td {	
	border: 1px solid #cccccc;
	padding: 5px;
}

.course {
	text-align: left !important;
}

.course2 {
	text-align: left !important;
	font-size: 10px;
}

/* -----------------------------------------------------------
 cell color 　の指定 ↓
----------------------------------------------------------- */

.yellow td {
	background-color: #ffffcc;
	}

.blue td {
	background-color: #f1fafe;	
	}

.pink td {
	background-color: #ffeeee;	
	}

.yellow_cell {
	background-color: #ffffcc !important;
	}

.blue_cell {
	background-color: #f1fafe;	
	}

.pink_cell {
	background-color: #ffeeee;	
	}


/* -----------------------------------------------------------
 ホテル情報 　の指定 ↓
----------------------------------------------------------- */
#hotel {
	width:900px;
	margin-top:5px;
}

#hotel #main_img {
	float:left;
	height:220px;
	width:300px;
	padding:5px;
	background:url(img/main_img_bg.gif) no-repeat;

}
#hotel #tourpoint {
	width: 554px;
	float:right;
	text-align:left;
	border: 3px double #ccc;
	line-height:1.2em;
	padding: 25px 10px 10px 10px;
	background:url(img/hotel_tit.gif) no-repeat;
}

*html #hotel #tourpoint {
	width: 574px;
	height:225px;
}


#hotel .cap01 {
	width: 220px;
	float: left;
	text-align:center;
}
#hotel .cap01 img{
	width: 200px;
	margin-right:12px;
	margin-top:10px;
}

#hotel .table1 {
	width: 555px;
	border: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom:10px;
}

#hotel .table1 th {	
	border: 1px solid #cccccc;
	background-color: #ffeeee;
	font-weight: bold;
	text-align: center;
	padding:3px;
}

#hotel .table1 td {	
	border: 1px solid #cccccc;
	text-align: center;
	padding:3px;
}

#hotel .table2 {
	width: 899px;
	border: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom:10px;
}

#hotel .table2 th {	
	border: 1px solid #cccccc;
	background-color: #ffeeee;
	font-weight: bold;
	text-align: center;
	padding:3px;
}

#hotel .table2 td {	
	border: 1px solid #cccccc;
	text-align: center;
	padding:3px;
}


/* -----------------------------------------------------------
 スケジュール　の指定 ↓
----------------------------------------------------------- */

#schedule table {
	width: 900px;
	border: 1px solid #cccccc;
	margin-top: 10px;
}

#schedule th {	
	border: 1px solid #cccccc;
	background-color: #ffeeee;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

#schedule td {	
	border: 1px solid #cccccc;
	text-align: center;
	padding: 5px;
}

/* -----------------------------------------------------------
 旅行代金　の指定 ↓
----------------------------------------------------------- */

#price {
	margin: 0px;
	cellspacing: 10px;
	margin-top: 10px;

}

#price table {
	border: 1px solid #cccccc;
}

#price td {	
	border: 1px solid #cccccc;
	text-align: center;
	padding: 5px;
}
#price th {	
	border: 1px solid #cccccc;
	background-color:#ffffe8;
	text-align: center;
	font-weight:bold;
	padding: 5px;
}


#price td .sun{	
	border: 1px solid #cccccc;
	text-align: center;
	font-weight: bold;
	background-color:#fcf1f5;
	padding: 5px;
}
#price td .wd{	
	border: 1px solid #cccccc;
	text-align: center;
	font-weight: bold;
	background-color:#FFFFDD;
	padding: 5px;
}
#price td .sat{	
	border: 1px solid #cccccc;
	text-align: center;
	font-weight: bold;
	background-color:#edf9fa;
	padding: 5px;
}

.boxt01 {
	background-color:#CEEFFF;
	text-align:center;
	font-weight: bold;
	padding:5px 5px;
}

.boxt02 {
	background-color:#DEFFAD;
	text-align:center;
	font-weight: bold;
	padding:5px 5px;
}

.boxt03 {
	background-color:#FFFF66;
	text-align:center;
	font-weight: bold;
	padding:5px 5px;
}

.boxt04 {
	margin-top:10px;
	background-color:#DEFFAD;
	background-image:url(img/bg.gif);
	text-align:center;
	font-weight: bold;
	color:#FF0066;
	padding:8px;
}


#price .table2 td {
	padding:8px;
}

.td_sch {
	background-color:#ffffe8;
}	
.td_A {
	background-color:#cceeFF;
	font-weight: bold;
}
.td_B {
	background-color:#ddFFaa;
	font-weight: bold;
}

.td_C {
	background-color:#FFFFaa;
	font-weight: bold;
}
.td_D {
	background-color:#AADBC2;
	font-weight: bold;
}
.td_E {
	background-color:#FFDDAA;
	font-weight: bold;
}
.td_F {
	background-color:#FEE881;
	font-weight: bold;
}

.td_G {
	background-color:#BBDDFF;
	font-weight: bold;
}
.td_H {
	background-color:#DEFF6F;
	font-weight: bold;
}
.td_I {
	background-color:#FFEEAA;
	font-weight: bold;
}
.td_J {
	background-color:#C6FF8C;
	font-weight: bold;
}
.td_K {
	background-color:#FFBA8C;
	font-weight: bold;
}
.td_L {
	background-color:#E0CFE0;
	font-weight: bold;
}
.td_M {
	background-color:#FFDFE8;
	font-weight: bold;
}
/* -----------------------------------------------------------
 ご案内　の指定 ↓
----------------------------------------------------------- */

#notice {
	width: 874px;
	padding:10px;
	border: 3px double #cccccc;
	margin-top: 10px;
}
*html #notice {
	width: 900px;
}

#notice ul {
	margin: 0px 0px 10px 0px;
	padding-left: 2em;
}
#notice ul li {
	list-style: disc;
	line-height: 1.5em;
}

#notice ol {
	margin: 0px 0px 10px 0px;
	padding-left: 2em;
}
#notice ol li {
	list-style: square;
	line-height: 1.5em;
}


#notice table {
	border: 1px solid #cccccc;
	padding:5px;
}


#notice td {	
	padding:10px;
}

#notice #point6 {
	float:left;
	width: 350px;
	padding:10px;
	border: 3px double #FFB1B2;
}
#notice #point6 ul {
	margin: 0px 0px 10px 0px;
	padding-left: 2em;
}
#notice #point6 ul li {
	list-style: none;
	line-height: 1.5em;
}


/* -----------------------------------------------------------
 お申し込み　の指定 ↓
----------------------------------------------------------- */
.order {
	text-align: right;
	font-size: 11px;
	padding: 5px 10px;
}


#apply {
	cellspacing: 10px;
	margin-top: 10px;
	text-align:center;
	
}

#apply table {
	border: 1px solid #cccccc;
}
#apply th {	
	border: 1px solid #cccccc;
	background-color: #cccccc;
	text-align: center;
	padding: 5px;
}

#apply td {	
	border: 1px solid #cccccc;
	text-align: center;
	padding: 5px;
}

/* -----------------------------------------------------------
 お申し込みのご案内　の指定 ↓
----------------------------------------------------------- */
	
#contact {
	margin-top:10px;
	text-align:center;
}
/* -----------------------------------------------------------
 サブタイトル　の指定 ↓
----------------------------------------------------------- */
 .sttl {
 	margin:5px 0;
 	padding:3px 5px;
	border-color:#990000;
	border-width:0 0 1px 7px;
	border-style:solid;
	background:#F8F8F8;
	font-size:14px;
	color: #990000;
	font-weight: bold;

}
/* -----------------------------------------------------------
 画像　の指定 ↓
----------------------------------------------------------- */

#p_photo_l {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.p_photo_r img {
	float:right;
	margin-right:10px;
}

/* -----------------------------------------------------------
 クリア　の指定 ↓
 
 HRでクリアするとスマート。<hr class="end">
 隙間が開く場合は
 <div class="clear"><hr /></div>で。
 <br class="clear">　が一番確実。つまり
----------------------------------------------------------- */

.clear {
	clear: both;
}
.clear hr { 
	display:none;
}  

hr.end{
	visibility:hidden;
	clear:both;
}

/* -----------------------------------------------------------
 margin padding　の指定 ↓
----------------------------------------------------------- */
.mt10 {
	margin-top: 10px;
	}
	
.mt5 {
	margin-top: 5px;
	}

.pt10 {
	padding-top: 10px;
}

.mb10 {
	margin-bottom:10px;
	}
.pb10 {
	padding-bottom: 10px;
}
.mlb10 {
 margin: 0 0 10px 10px;
 }

/* -----------------------------------------------------------
 align　の指定 ↓
----------------------------------------------------------- */

.alignR {
	text-align: right;
	}

.alignC {
	text-align: center;
}

/* -----------------------------------------------------------
 float　の指定 ↓
----------------------------------------------------------- */

.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clear {
	clear: both;
}

.floatR460 {
	float: right;
	width: 460px;
	background-color:#FFFFDD;
	padding:10px;
}
*html .floatR460 {
	float: right;
	width: 480px;
	background-color:#FFFFDD;
	padding:10px;
}


/* -----------------------------------------------------------
 pointBOX 。の指定 ↓
----------------------------------------------------------- */

.pointBOX {
	width: 225px;
	height:155px;
	float:right;
	text-align:left;
	border: 3px double #ffab00;
	margin-top:10px;
	
}

*html .pointBOX {
	height: 150px;
}


.pointBOX li {
	list-style: circle;
	margin: 0.5em 0 0.5em 1.5em;
	letter-spacing: 0.02em;
	line-height:1em;
}
.pointBOX ul {
	margin:0 3px 3px 0;
}

.pointBOX2 {
	width: 435px;
	float:right;
	text-align:left;
	border: 3px double #ffab00;
	margin-right:5px;
	padding-top:35px;
	padding-left:10px;
	padding-bottom:77px;
	background:url(img/hotel_point.gif) no-repeat;

}

*html .pointBOX2 {
	height: 150px;
}

.pointBOX2 li {
	list-style: circle;
	margin: 0.5em 0 0.5em 1.5em;
	letter-spacing: 0.02em;
	line-height:1em;
}
.pointBOX2 ul {
	margin:0 3px 3px 0;
}

.pointBOX3 {
	width: 664px;
	float:right;
	text-align:left;
	border: 3px double #ffab00;
	margin-right:5px;
}

*html .pointBOX3 {
	height: 150px;
}


.pointBOX3 li {
	list-style: circle;
	margin: 0.5em 0 0.5em 1.5em;
	letter-spacing: 0.02em;
	line-height:1em;
}
.pointBOX3 ul {
	margin:0 3px 3px 0;
}




.box30 {
	width: 290px;
	float: left;
	margin-right: 10px;
}

.boxt02 {
background-color:#FFE1E1;
text-align:center;
padding:5px 2px;
}

.BOX_green {
	border: 3px double #12cab2;
}

.BOX_yellow {
	border: 3px double #FBC33D;
}
.BOX_brown {
	border: 3px double #910011;
}

.BOX_blue {
	border: 3px double #102CD6;
}

.BOX_aqua {
	border: 3px double #63E7EF;
}
.BOX_pink {
	border: 3px double #EF207B;
}

/* -----------------------------------------------------------
 アイコンの横にタイトルと概要文があるような時。の指定 ↓
----------------------------------------------------------- */
.serviceList {
	margin: 10px 0 0 20px;
	width: 880px;
}

.serviceList dt {
	position: relative;
	width: 830px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 30px;
	font-weight: bold;
	color:#5B3D19;
	border-top: 1px dotted #ACACAC;
}
*html .serviceList dt {
	width: 850px;
}



.serviceList dt.firstChild,
.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}

.serviceList dt img {
	position: absolute;
	top: 7px;
	left: 0;
	padding: 2px;
	border: 0px;
}

.serviceList dt.firstChild img,
.serviceList dt:first-child img {
	top: 0;
}

.serviceList dd {
	margin-bottom: 5px;
	padding-left: 30px;
	height: 10px;
	color: #5B3D19;
}

.serviceList > dd {
	min-height: 10px;
	height: auto;
}

/* -----------------------------------------------------------
↑アイコンの横にタイトルと概要文があるような時。の指定

<dl class="serviceList">
<dt><a href="./">タイトルタイトル
<img src="./img/item.gif" alt="アイコン" /></a></dt>
<dd>
概要文概要文概要文概要文
</dd>
<dt><a href="./">タイトルタイトル
<img src="./img/item.gif" alt="アイコン" /></a></dt>
<dd>
概要文概要文概要文概要文
</dd>
<dt><a href="./">タイトルタイトル
<img src="./img/item.gif" alt="アイコン" /></a></dt>
<dd>
概要文概要文概要文概要文
</dd>
</dl>
----------------------------------------------------------- */
/* -----------------------------------------------------------
 リストマークを画像にする　の指定 ↓
----------------------------------------------------------- */

.sideMenu , .sideMenu ul { margin:0; padding:0;  }  
.sideMenu li {  
    list-style:none;  
    padding-left:18px;  
    background:url(../dog/img/point01.gif) left top no-repeat;  
    line-height:18px;  
}
.sideMenu li ul li {
	background:none;
	list-style:disc;
	margin-left:14px;
	padding-left:0px;  
}
.sideMenu li ul li ul li {
	list-style:circle;
}

/* .sideMenu li ul li { background-image:url('img/point02.gif'); }  */


/* -----------------------------------------------------------
 ページトップへ　の指定 ↓
----------------------------------------------------------- */
.pagetop {
	clear:both;
	text-align: right;
	font-size: 10px;
	padding: 2px 10px;
}

/* -----------------------------------------------------------
 ライン　の指定 ↓
----------------------------------------------------------- */
.line {
	height:2px;
	background-color:#70b82e;
}
.line2 {
	height:2px;
	background-color:#ccc;
}
/* -----------------------------------------------------------
 フォント　の指定 ↓
----------------------------------------------------------- */

.TXT_fs10{
font-size: 10px;
}
.TXT_price {
	font-weight: bold;
	font-size: 120%;
	color:#CC0000;
}
.TXT_price_sp {
	font-weight: bold;
	font-size: 180%;
	color:#CC0000;
}
.TXT_whiteB14 {
	font-size:14px;
	color: #FFFFFF;
	font-weight: bold;
}
.TXT_navyB14 {
	font-size:14px;
	color: #100C84;
	font-weight: bold;
}

.TXT_style1 {color: #100C84;}
.TXT_style2 {color: #CC0000;font-size:14px;font-weight:bold;margin-left:5px;}
.TXT_style3 {color: #FFCC33}
.TXT_style4 {color: #FF6633}
.TXT_style5 {color: #FF3399}
.TXT_style6 {color: #CC0033}
.TXT_style7 {color: #FF0000;}
.TXT_style8 {color: #ff8800;font-size:14px;font-weight:bold;margin-left:5px;}
.TXT_style9 {color: #5B3D19;font-weight:bold;}
.TXT_style10 {color: #e80c70;font-weight:bold; line-height:1em;}
.TXT_style11 {color: #ff8800;font-size:12px;font-weight:bold;margin-left:5px;}

/* -----------------------------------------------------------
 川湯スペシャル　↓
----------------------------------------------------------- */
ul.bus {
	background-color: #FFFFCC;
	border: 1px solid #ff1e00;
	padding: 10px;
	width: 400px;
}