@charset "utf-8";

*{
	margin:0;
	padding:0;
}


#container{
	text-align:center;
	width:950px;
	margin:0 auto;
	padding:0;
	line-height:20px;
}

h1{
	width:950px;
	height:15px;
	text-align:left;
	font-size:10px;
	margin1px 0 0 0;
	color:#7fe3fd;
}

h2{
	width:900px;
	height:auto;
	margin:0 0 20px 0;
}


.style1{
	color:#FF0000;
}
.style2{
	color:#333;
}
.style3{
	color:#006633;
}
.style4{
	color:#F15A24;
}
.style5{
	color:#006;
}
.style6{
	color:#F3F;
}

.f_size1{
	font-size:20px;
}
.f_size2{
	font-size:18px;
}
.f_size3{
	font-size:16px;
}
.f_size4{
	font-size:14px;
}
.f_size5{
	font-size:12px;
}

/*-------------------------------------------
LIST BOX
---------------------------------------------*/

#pan{
	width:890px;
	height:30px;
	text-align:left;
	font-size:12px;
	padding:0 0 0 10px;
}

/*-------------------------------------------
VISUAL
---------------------------------------------*/
#visual{
	width:900px;
	height:auto;	
	margin-bottom:10px;
}



/*-------------------------------------------
CONTENTS
---------------------------------------------*/

#contents{
	width:900px;
	float:left;
}




/*-------------------------------------------
MAIN
---------------------------------------------*/

#main{
	width:700px;
	backbround-color:#060;
	height:auto;
	float:left;
}

/*-------------------------------------------
TOUR title
---------------------------------------------*/
.tour_title1{
	width:690px;
	height:27px;
	margin:0 0 3px 0;
}

.tour_title2{
	width:340px;
	height:27px;
	margin:0 0 3px 0;
}



/*-------------------------------------------
TOUR BOX BIG
---------------------------------------------*/

.tour_big{
	width:700px;
	height:210px;
	margin-bottom:30px;
}

.tour_big_left{
	width:280px;
	height:210px;
	float:left;
}

.tour_big_right{
	width:390px;
	height:190px;
	text-align:left;
	font-size:10pt;
	padding:10px 20px 10px 10px;
	float:right;
}

/*-------------------------------------------
TOUR BOX LITTLE
---------------------------------------------*/

.tour_little1{
	width:340px;
	margin-bottom:30px;
	float:left;
}

.tour_little2{
	width:340px;
	margin-bottom:30px;
	float:right;
}


.tour_li_left{
	width:150px;
	height:120px;
	float:left;
}

.tour_li_right{
	width:175px;
	height:100px;
	text-align:left;
	font-size:12px;
	padding:15px 10px 5px 5px;
	float:right;
}




/*-------------------------------------------
SIDE
---------------------------------------------*/


#side_box_menu{
	width:196px;
	height:30px;
	float:left;
}

#side{
	width:194px;
	height:auto;
	font-size:10pt;
	border-bottom:1px solid #233522;
	border-left:1px solid #233522;
	border-right:1px solid #233522;
	text-align:left;
	float:left;
}

#side p{
	height:25px;
	padding:10px 0 0 0;
}


#side2_box_menu{
	width:196px;
	height:38px;
	margin:20px 0 0 0;
	float:left;
}

#side2{
	width:194px;
	height:auto;
	font-size:10pt;
	border-bottom:1px solid #233522;
	border-left:1px solid #233522;
	border-right:1px solid #233522;
	text-align:left;
	line-height:25px;
	float:left;
}

#side2 li{
	list-style-image:url(../midashi_m_green.gif);
	margin:6px 0 0 30px;
}


#side2 p{
	height:25px;
	padding:10px 0 0 0;
}


/*-------------------------------------------
Recomend Info
---------------------------------------------*/

#point{
	width:898px;
	margin:0 0 20px 0;
	float:left;
}

.point_box{
	width:896px;
	height:auto;
	padding:10px 0;
	border:solid 1px #C0C0C0;
	margin:0 0 20px 1px;
	font-size:12px;
	float:left;
}

.point_box_left{
	width:220px;
	height:auto;
	margin:5px;
	text-align:left;
	float:left;
}

.point_box_right{
	width:620px;
	margin:5px;
	color:#666;
	font-weight:bold;
	text-align:left;	
	line-height:25px;
	float:left;
}

.point_box_right li{
	list-style-type:none;
}
/*-------------------------------------------
Tour Information
---------------------------------------------*/


#information{
	width:900px;
	float:left;
}


.info_box_left1{
	width:144px;
/*	height:20px;*/
	height:auto;
	padding:5px 0 5px 0;
	background-color:#DAE0F0;
	border:solid 1px #8D8D8D;
	font-size:12px;
	color:#333;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float:left;
}

.info_box_right1{
	width:743px;
/*	height:20px;*/
	height:auto;
	padding:5px 0 5px 10px;
	border-top:solid 1px #8D8D8D;
	border-right:solid 1px #8D8D8D;
	border-bottom:solid 1px #8D8D8D;
	text-align:left;
	font-size:12px;
	color:#333;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float:left;
}

.info_box_left2{
	width:144px;
	height:auto;
	padding:5px 0;
	background-color:#DAE0F0;
	border-right:solid 1px #8D8D8D;
	border-bottom:solid 1px #8D8D8D;
	border-left:solid 1px #8D8D8D;
	font-size:12px;
	color:#333;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float:left;
}

.info_box_right2{
	width:743px;
	height:auto;
	padding:5px 0 5px 10px;
	border-right:solid 1px #8D8D8D;
	border-bottom:solid 1px #8D8D8D;
	text-align:left;
	font-size:12px;
	color:#333;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float:left;
}

.info_box_free{
	width:900px;
	clear:both;
}


/*-------------------------------------------
Tour Center
---------------------------------------------*/

#tour_center{
	width:900px;
	height:auto;
	margin:40px auto 10px;
	float:left;

}

/*-------------------------------------------
HEADER
---------------------------------------------*/
div#header_outline {
	width:950px;
	text-align: center;
	height: 180px;
/*	position: absolute;
	top: 0px;
	left: 0px;
*/	
}

div#header {
	width: 950px;
	background: url(/img/header/bg.jpg) repeat-x top;
	overflow: hidden;
	height: 177px;
	position: relative;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}
div#header em {
	display: block;
	color: #c6e6fd;
	border-left: 3px solid #060e9f;
	border-right: 3px solid #060e9f;
	height: 12px;
	font-size: 10px;
	margin: 3px;
	line-height: 100%;
	padding: 0 0 0 5px;
}
div#header ul {
	margin: 0;
	padding: 0;
}
div#header ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#header #logo {
	position: absolute;
	top: 34px;
	left: 0;
}
div#header .headercontact {
	position: absolute;
	left: 275px;
	top: 37px;
	width: 345px;
	height: 53px;
}
div#header .headercontact li.hc_tel {
	width: 230px;
	float: left;
}
div#header .headercontact li.hc_web {
	width: 110px;
	float: right;
}
div#header .hnavi {
	position: absolute;
	right: 3px;
	top: 21px;
	width: 257px;
}
div#header .hnavi li {
	float: left;
	margin: 0 10px 0 0;
}
div#header .hsubnavi {
	position: absolute;
	right: 0;
	top: 45px;
	width: 300px;
	background: url(/img/header/hsubnavi_border.gif) no-repeat top;
}
div#header .hsubnavi li {
	float: left;
	margin: 2px 7px 0 0;
	border-right: 1px dotted #ccc;
	height: 35px;
	padding: 0 7px 0 0;
}
div#header .hsubnavi li a {
	display: block;
	padding: 5px 0 0;
}
div#header .hsubnavi li.hsn_member {
	border-right: none;
	margin: 2px 0 0;
	padding: 0;
}
div#header #gnavi {
	position: absolute;
	top: 101px;
	left: 0;
	width: 950px;
	height: 37px;
}
div#header #gnavi li {
	float: left;
	margin: 0 2px 0 0;
	height: 37px;
}
div#header #gnavi li a {
	display: block;
	height: 37px;
}
div#header #gnavi li a span {
	display: none;
}
div#header #gnavi li.gn_skitravel { width: 129px; margin: 0 3px 0 0;}
div#header #gnavi li.gn_island { width: 163px;}
div#header #gnavi li.gn_hotel { width: 83px;}
div#header #gnavi li.gn_mountain { width: 113px;}
div#header #gnavi li.gn_sea_river { width: 153px;}
div#header #gnavi li.gn_gekiyasu_abroad { width: 145px; margin: 0 3px 0 0;}
div#header #gnavi li.gn_vehicle { width: 149px; margin: 0;}

div#header #gnavi li.gn_skitravel a { background: url(/img/header/gnavi.jpg) no-repeat 0px top; }
div#header #gnavi li.gn_island a { background: url(/img/header/gnavi.jpg) no-repeat -132px top; }
div#header #gnavi li.gn_hotel a { background: url(/img/header/gnavi.jpg) no-repeat -298px top; }
div#header #gnavi li.gn_mountain a { background: url(/img/header/gnavi.jpg) no-repeat -384px top; }
div#header #gnavi li.gn_sea_river a { background: url(/img/header/gnavi.jpg) no-repeat -500px top; }
div#header #gnavi li.gn_gekiyasu_abroad a { background: url(/img/header/gnavi.jpg) no-repeat -656px top; }
div#header #gnavi li.gn_vehicle a { background: url(/img/header/gnavi.jpg) no-repeat -804px top; }

div#header #gnavi li.gn_skitravel a:hover { background: url(/img/header/gnavi.jpg) no-repeat 0px bottom; }
div#header #gnavi li.gn_island a:hover { background: url(/img/header/gnavi.jpg) no-repeat -132px bottom; }
div#header #gnavi li.gn_hotel a:hover { background: url(/img/header/gnavi.jpg) no-repeat -298px bottom; }
div#header #gnavi li.gn_mountain a:hover { background: url(/img/header/gnavi.jpg) no-repeat -384px bottom; }
div#header #gnavi li.gn_sea_river a:hover { background: url(/img/header/gnavi.jpg) no-repeat -500px bottom; }
div#header #gnavi li.gn_gekiyasu_abroad a:hover { background: url(/img/header/gnavi.jpg) no-repeat -656px bottom; }
div#header #gnavi li.gn_vehicle a:hover { background: url(/img/header/gnavi.jpg) no-repeat -804px bottom; }


div#header .catch {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 950px;
	height: 38px;
	background: #012cd0;
	border-bottom: 1px solid #becaf2;
}
div#header .catch h2 {
	margin: 5px;
	background: url(/img/header/catch_bg.jpg) repeat-x top;
	height: 25px;
	border: 1px solid #0147e3;
	color: #7fe3fd;
	padding: 0 10px;
	line-height: 200%;
	overflow: hidden;
	font-size: 12px;
}

#topicpath {
	font-size: 10px;
	padding: 5px 0 10px;
}

/*========================================
Footer
=========================================*/


#footer{
	width:900px;
	clear:both;
}


.link_box_top1{
	width:900px;
	text-align:left;
	color:#666666;
	font-size:10px;
	border-top:dashed 1px #999;
	border-bottom:dashed 1px #999;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.link_box_top1 ul{
	line-height:20px;
}

.link_box_top1 li{
	list-style-type:none;
	display:inline;
}

.link_box_top1 li a{
	text-decoration:underline;
	color:#666666;
}

.link_box_top2{
	width:900px;
	text-align:left;
	color:#666666;
	font-size:12px;
	border-bottom:dashed 1px #999;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.link_box_top2 ul{
	line-height:20px;
}

.link_box_top2 li{
	list-style-type:none;
	display:inline;
}

.link_box_top2 li a{
	text-decoration:underline;
	color:#666666;
}


.link_box_bottom{
	width:900px;
	margin:5px 0;
	text-align:center;
}

.l_b_b_box_left{
	float:left;
}

.l_b_b_box_right{
	float:right;
}


/*========================================
↑END
=========================================*/