@charset "UTF-8";
/* CSS Document */

/** { zoom: 1; }*/


/* スマホ崩れ修正 */
html{
-webkit-text-size-adjust: none;
}

/* 入れ子バグ */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } 



body{
	margin: 0px;
	padding: 0px;
	font-family: 'メイリオ','Meiryo','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','ＭＳ Ｐゴシック','MS PGothic';
	line-height: 160%;
	color: #333333;
	font-size: 12px;
	background-color: #fff;
}
td,th {
	font-family: 'メイリオ','Meiryo','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','ＭＳ Ｐゴシック','MS PGothic';
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}

/*見出しタグ*/
h1,h2,h3,h4 {
margin:0px;
padding:0px;
}

p{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/*h1に使用*/
.txt12{
	width:900px;
	margin:0 auto;
	text-align:left;
	font-weight:normal;
	line-height:normal;
	color:#CCCCCC;
	padding:4px 0;
	font-size:12px;
}

/*リスト*/
ul,ol,li {
margin:0px;
padding:0px;
list-style:none;
}

ol{
	padding-left : 3em;
}
ol li{
	zoom : normal;
}



/*パンくずリスト*/
#pannavi{
	width:660px;
	margin:0px auto 10px;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}
/*ホームページビルダー表示崩れ回避*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}

/*イメージタグ*/
img{
border:0;
}

/*本文テキストリンク-----------------*/
a:link    {text-decoration:underline;color:#003399;} 
a:visited {text-decoration:underline;color:#003399;} 
a:active  {text-decoration:underline;color:#0099CC;} 
a:hover   {text-decoration:underline;color:#0099CC;} 


/*top--------------*/
#top{
	margin:0px;
	background-color:#003366;
}


/*シャドー-----------------*/
#wrapper{
	width:955px;
	margin:0px auto;
	padding:0px;
	background-image: url(../img/common/bg.gif);
	background-repeat:repeat-y;
}

/*枠-----------------*/
#container{
	width:905px;
	margin:0 auto;
	background-color:#fff;
}
#container2{
	width:90%;
	margin:0 auto;
	background-color:#fff;
}

 
/*ヘッダー-----------------*/
*#header{
	width:905px;
	height:162px;
	margin-bottom:10px;
	/*background-image: url(/img/common/header3.gif);
	background-repeat:no-repeat;*/
	}
	/*ヘッダー内ロゴ-----------------*/
	#logo{
	float:left;
	width:200px;
	height:100px;
	}
	/*ヘッダー内サイト名-----------------*/
	#sitename{
	float:left;
	width:260px;
	height:64px;
	margin-top:22px;
	}
	/*ヘッダー内リンクメニュー-----------------*/
	#top_menu{
	float:right;
	margin:10px 0 10px;
	width:410px;
	}
	#top_menu ul{
	}
	#top_menu li{
	float:left;
	margin-right:8px;
	font-size:12px;
	padding-left:12px;
	background: url(../img/common/ya01.gif) no-repeat 0px 0.5em;	
	}
	/*ヘッダー内連絡先-----------------*/
	#g-contact{
	float:right;
	width:410px;
}
	#g-contact1{
	float:right;
	width:410px;
			margin:15px 0 0px;
	}

	/*Gナビ -----------------*/
	#g_navi{
	float:left;
	width:905px;
	height:46px;
		margin:0;
	/*background-image: url(../img/common/gmenu_bg.gif);*/
	}
	
	#g_navi li{
	float:left;
	}

	#line{
	clear:both;
	width:905px;
	height:27px;
	}

#flash{
margin:5px auto 0;
	width:850px;
	height:250px;

}

#p-navi{
margin:10px;
}


/*（左） -----------------*/
#menu{
	float:left;
	width:200px;
	/*background-image: url(../img/common/menu_bg.gif);
	background-repeat:repeat-y;
	/*margin:20px 25px 40px 0;*/
	/*padding:0 5px 40px;*/
}

#menu .menu_title{
	padding:5px 5px 5px 8px;
	background-image: url(../img/common/menu-bg_blue.gif);
	background-repeat:no-repeat;
	background-color:#006699;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	border: 1px solid #ccc;
}

.menu_title2{
padding:5px;
/*background-image: url(../img/common/menu_bg.gif);
background-repeat:repeat-y;*/
background-color:#99CCFF;
color:#006699;
font-size:12px;
font-weight:bold;
line-height:140%;
}

#menu ul{
	margin-bottom:10px;
	padding:5px;
	border: 1px dashed #ccc;
}

#menu li{
		padding-left:18px;
		margin:5px 0px 3px 0px;
/*margin-bottom:3px;
	line-height:45px;*/
		background-image: url(../img/common/ya_or.gif);
	background-repeat:no-repeat;

}
#menu a:link    {text-decoration:underline;color:#003399;} 
#menu a:visited {text-decoration:underline;color:#003399;} 
#menu a:active  {text-decoration:underline;color:#0099CC;} 
#menu a:hover   {text-decoration:none;color:#0099CC;} 


#opmenu{
	float:left;
	width:200px;
	background-image: url(../img/common/menu2-bg.gif);
	background-repeat:repeat-y;
	text-align:center;
}
#opmenu p{
margin:12px 0 10px;
}

/*（右） -----------------*/

#menu2{
	float:right;
	width:200px;
	background-image: url(../img/common/menu2-bg.gif);
	background-repeat:repeat-y;	/*margin:20px 25px 40px 0;*/
	/*padding:0 5px 40px;*/
}

#menu2 .menu_title{
	padding:5px 5px 5px 8px;
	background-image: url(../img/common/menu-bg_green.gif);
	background-repeat:no-repeat;
	background-color:#006633;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	border: 1px solid #ccc;
}


#menu2 ul{
	margin-bottom:20px;
}

#menu2 li{
		padding-left:10px;
		margin:5px 0px 5px 0px;
/*margin-bottom:3px;
	line-height:45px;*/
}

#menu2 .txtul{
	margin-bottom:30px;
	padding:5px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	}

#menu2 .txt{
		padding-left:18px;
		margin:5px 0px 5px 0px;
/*margin-bottom:3px;
	line-height:45px;*/
		background-image: url(../img/common/ya_or.gif);
	background-repeat:no-repeat;
}

/*#menu2 a:link    {
	text-decoration:underline;
	color:#006633;
} 
#menu2 a:visited {text-decoration:underline;color:#006633;} 
#menu2 a:active  {text-decoration:underline;color:#0099CC;} 
#menu2 a:hover   {text-decoration:none;color:#0099CC;} */

/*メイン（右） -----------------*/
#main{
	float:right;
	width:700px;
	margin:0 0px 40px;
/*	margin-top:20px;
	margin-left:25px;*/
}
#main3{
		float:left;
	width:700px;
	margin:0 0px 40px;
}

/*メイン2管理プレビュー用（中央） -----------------*/
#main2{
	width:700px;
	margin:0 auto;
}


.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.contents {
	clear:both;
	width:660px;
	margin:20px 20px 30px;
}
.contents2 {
	clear:both;
	width:650px;
	margin:10px 20px 40px 30px;
}

.contents3 {
clear:both;
width:660px;
margin:10px 20px 10px;
}

#kensaku1{
width:630px;
margin:10px Auto 10px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:15px;
}
#kensaku2{
width:630px;
margin:10px Auto 30px;
padding:15px;
background-color:#EEEEEE;
line-height:150%;
border-bottom:1px dashed #ccc;
}


#photo img{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:3px;
	background-color:#FFFFFF;
	box-shadow: 1px 1px 1px gray;
	}
	
	
.option{
	margin-bottom:10px;
	border-color:#CCCCCC;
	border-style:dashed;
	border-width:1px;
	padding:8px;
	background-color:#FFFFFF;
		border-radius: 5px;

	}
	

/*レフト（POPUP）*/
#townmap1{
margin-top:20px;
float:left;
margin-left:20px;
}

#townmap1 ol{
margin:0 0px 5px;
}

#townmap1 li{
    list-style: decimal;
	padding-left:-10px;
color:#009EE7;	
}


/*ライト*/
#townmap2{
margin-top:20px;
float:left;
width:280px;
margin-left:20px;
}

#townmap2 ol{
margin:0 0px 5px;
}

#townmap2 li{
    list-style: decimal;
	padding-left:-10px;
color:#E2007E;
}
#townmap2 a:link       {color:#E2007E;text-decoration:underline;} 
#townmap2 a:visited    {color:#E2007E;text-decoration:underline;} 
#townmap2 a:active     {color:#333;text-decoration:underline;} 
#townmap2 a:hover      {color:#333;text-decoration:underline;} 

/*その他*/
#townmap3{
width:280px;
margin-top:10px;
float:left;
margin-left:40px;
}

#townmap3 ol{
margin:0 0px 5px;
}

#townmap3 li{
list-style: decimal;
padding-left:-10px;
color:#333333;	
}
/*バス（右）*/
#townmap4{
margin-top:20px;
float:left;
width:300px;
margin-left:40px;
}

.left{
width:300px;
float:left;
clear:left;
}
.right{
width:290px;
float:right;
}



.ballimg2{
	position: absolute;
	top: 20px;
	left:0px;
	display: none;
	padding: 2px;
	background-color:#FFFFFF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}
a:hover .ballimg2 {
	display:block;
}


/*フッターナビ -----------------*/
#gototop{
clear:both;
width:885px;
margin:20px auto;
text-align:right;
}

#foot_navi2{
	clear:both;
	width:885px;
	margin:20px auto;
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top:20px;
}


#contact{
float:right;
width:680px;
}

#foot_logo{
float:left;
margin-left:10px;
}


#foot_navi{
clear:both;
width:905px;
margin:50px auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top:20px;

}

#foot_navi ul{
margin:10px 0px 30px;
height:14px;
padding-top:20px;
border-top:solid #ccc 1px;
}

#foot_navi li{
float:left;
line-height:14px;
padding:0 10px;
border-right:solid #ccc 1px;
}

/*フッター（コピーライト） -----------------*/
/*フッター -----------------*/
#footer{
	clear:both;
	padding:20px 0 20px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	line-height:200%;
	background-color: #0066CC;
}

#footer a:link       {color:#fff;text-decoration:underline;} 
#footer a:visited    {color:#fff;text-decoration:underline;} 
#footer a:active     {color:#fff;text-decoration:none;} 
#footer a:hover      {color:#fff;text-decoration:none;} 


/*フッター（コピーライト） -----------------*/

#copyright{
	clear:both;
	color:#CCCCCC;
	padding:8px;
	text-align:center;
	background-color: #003366;
}
#copyright a:link       {color:#ccc;text-decoration:none;} 
#copyright a:visited    {color:#ccc;text-decoration:none;} 
#copyright a:active     {color:#ccc;text-decoration:none;} 
#copyright a:hover      {color:#ccc;text-decoration:underline;} 



#page-top {
background:none;
display:scroll;
position:fixed;
bottom:20px;
right:20px;
}



/*ツアー一覧関係-----------------*/

.tourname{
width:610px;
background-image:url(../img/system/tourname_bg.jpg);
background-repeat:no-repeat;
line-height:150%;
font-size:14px;
padding:5px 10px;
margin:0px 0px 10px;
}

.date{
font-size:14px;
font-weight:bold;
line-height:140%;
}
.priceul{
margin-left:10px;
}
.price{
font-size:12px;
font-weight:bold;
line-height:23px;
color:#CC0000;
}
.roomul{
}
.roomli{background-image:url(../img/system/li_or.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
line-height:23px;
font-weight:bold;
}

.tourli{
font-weight:bold;
}

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

/*h2-----------------*/

.midashi2{
	font-size:16px;
	padding-left:45px;
	line-height:68px;
}
h2 a:link    {text-decoration:none;color:#003399;} 
h2 a:visited {text-decoration:none;color:#003399;} 
h2 a:active  {text-decoration:none;color:#0099CC;} 
h2 a:hover   {text-decoration:underline;color:#0099CC;} 
.midashi-box {
	width:680px;
	height:61px;
	margin:10px 0px 5px;
	background-image:url(../img/common/title.jpg);
	background-repeat:no-repeat;
}
.title2{
	text-align:left;
	font-weight:bold;
	height:50px;
	color:#ffffff;
	padding-left:45px;
	padding-top:15px;
	margin:0px;
	font-size:16px;
	background-image:url(../img/common/h2-bg.jpg);
	background-repeat: no-repeat;
}

/*第3階層用見出しh2-----------------*/
.midashi-box2 {
	width:680px;
	height:61px;
	margin:10px Auto;
	background-image:url(../img/common/title.jpg);
	background-repeat:no-repeat;
}
.midashi-box22 {
font-size:18px;
	line-height:50px;
		padding-left:20px;
height:68px;
width:660px;
	margin:15px 0px 0px;
	background-image:url(../img/common/title_bg22.jpg);
	background-repeat:no-repeat;
}

/*h3-----------------*/
/*観光からオプションへリンク-----*/
.op{
font-size:14px;
font-weight:bold;
padding-top:5px;
}
.h3-kankou{
font-size:14px;
font-weight:bold;
line-height:150%;
}
.midashi-box3 {
	width:660px;
	height:50px;
	margin:0px 0px 5px;
	/*background-image:url(../common-img/h3-bg.jpg);
	background-repeat:no-repeat;*/
	background-color:#99CCFF;
}

.midashi3{
	text-align:left;
	font-weight:bold;
	line-height:30px;
	color:#ffffff;
	padding-left:10px;
	margin:0px 0 15px;
	font-size:14px;
	background-image:url(../img/common/h3-bg.jpg);
	background-repeat: no-repeat;
}

.midashi3bl{
	text-align:left;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	margin:0px 0 0px;
	font-size:12px;
	background-image:url(../img/common/h3-bgbl.jpg);
	background-repeat: no-repeat;
}
.midashi3pp{
	text-align:left;
	font-weight:bold;
	line-height:40px;
	padding-left:10px;
	margin:0px 0 5px;
	font-size:12px;
	background-image:url(../img/common/h3-bgpp.jpg);
	background-repeat: no-repeat;
}
.midashi3op{
	text-align:left;
	font-weight:bold;
	line-height:40px;
	padding-left:10px;
	margin:0px 0 5px;
	font-size:12px;
	background-image:url(../img/common/h3-bgpp.jpg);
	background-repeat: no-repeat;
}
.midashi3mid{
	text-align:left;
	font-weight:bold;
	line-height:30px;
	color:#ffffff;
	padding-left:10px;
	margin:0px 0 15px;
	font-size:14px;
	background-image:url(../img/common/h3-bg.jpg);
	background-repeat: no-repeat;
}
.midashi_res{
clear:both;
text-align:left;
font-weight:bold;
	line-height:40px;
	padding-left:60px;
	padding-top:10px;
	margin:0px 0 10px;
	font-size:16px;
	background-image:url(../img/common/h3-bg_res.jpg);
	background-repeat: no-repeat;
}
.midashi_htl{
clear:both;
text-align:left;
font-weight:bold;
	line-height:40px;
	padding-left:60px;
	padding-top:10px;
	margin:30px 0 10px;
	font-size:16px;
	background-image:url(../img/common/h3-bg_htl.gif);
	background-repeat: no-repeat;
}

/*h4-----------------*/
.midashi4a{
	font-weight:bold;
		font-size:14px;
		color:#F3C;
		margin-top:20px;
}



/*余白-----------------*/
.p10{
padding:10px;
}
.p5{
padding:5px;
}
.p8{
padding:8px;
}

/*囲み-----------------*/
.box{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:15px;
	margin:0px 0 20px;
	line-height:170%;
}
.box2{
	clear:both;
	margin:0px 0 40px;
}
.restable{
	/*border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;*/
	clear:both;
	margin-bottom:40px;
}
#com{
	margin:30px 0px 40px;
	width:660px;
	height:153px;
	background-image:url(../img/common/com_bg.gif);
	background-repeat:no-repeat;
}
#com2{
	margin:30px 0px 40px;
	width:660px;
	height:177px;
	background-image:url(../img/common/com_bg2.gif);
	background-repeat:no-repeat;
}
.staffcom{
	width:415px;
	float:right;
	margin:25px 60px;
	vertical-align: middle;
}
.staffcom2{
	width:432px;
	float:right;
	margin:30px 45px;
	vertical-align: middle;
}

/*マージン-----------------*/
.m-bt10{
margin:10px 0;
}
.m-l10{
margin-left:10px;
}
.m-lr10{
margin-left:10px;
margin-right:10px;
}
.m-10{
margin:10px;
}
.m-t10{
margin-top:10px;
}
.m-lt10{
margin-left:10px;
margin-top:10px;
}
.m-t10b40{
margin-bottom:40px;
margin-top:10px;
}
.m-b15{
margin-bottom:15px;
}
.m-b5{
margin-bottom:5px;
}
.m-b10{
margin-bottom:10px;
}
.m-b25{
margin-bottom:25px;
}
.m-r10{
margin-right:10px;
}
.m-bt15{
margin:15px 0;
}
.m-bt5{
margin:5px 0;
}
.m-bt20{
margin:20px 0;
}


.m-bt40{
margin:40px 0;
}




/*フォント装飾-----------------*/

.small10{
font-size:10px;
line-height:140%;
}

.big14n{
font-size:14px;
line-height:160%;
}

.big14{
font-size:14px;
font-weight:bold;
line-height:140%;
}

.big16{
font-size:16px;
font-weight:bold;
line-height:160%;
}

.hoteldata{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:120%;
text-align:center;
background-color:#FFFFFF;
}
.hoteldata1{
text-align:center;
background-color:#dfdfdf;
}


/*写真装飾-----------------*/

.border4{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
}

.border-mlb10{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	margin-left:10px;
margin-bottom:10px;

}
.border-mrb10{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	margin-right:10px;
margin-bottom:10px;

}

.border-mr10b5{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	margin-right:10px;
margin-bottom:5px;

}
.border-mr10b15{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	margin-right:10px;
margin-bottom:15px;

}
.border-mr10b25{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	margin-right:10px;
margin-bottom:25px;

}

.img_right_border{
	float:right;
	margin-left:20px;
	margin-bottom:0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:3px;
	background-color:#FFF;

}
.img_left_border{
	float:left;
	margin-right:15px;
	margin-bottom:0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	background-color:#FFF;
}


.float_right{
float:right;
}