@charset "UTF-8";

/*============================================================
* ver.08-04-02
*============================================================*/




p#tbox_L {
	width: 240px;
	float:left;
	margin:0 15px 0 0px;
	padding:0px;
	}
	
p#tbox_C {
	width: 225px;
	font-size: 12px;
	line-height: 1.6;
	float:left;
	margin:0 5px 0 0px;
	padding:0px;
	}

p#tbox_R {
	width: 190px;
	float:right;
	margin:0 0px 0 0px;
	padding:0px;
	}
	
/* Auto-Tabs*/

.Tabs {
	margin: 0px 0 0 0px;
	width: 680px;
	display:table; 
	}

.Tabs UL {
	margin:0;
	padding:0;
	list-style:none; 
	}

.Tabs LI.Tab {
	background-color:#EEC;
	float:left;
	margin-right:.3em;
	}

.Tabs LI.Tab A {
	font-size: 16px;
	font-weight: bold;
	color:#777;
	border:0;
	display:block;
	padding:5px 12px;
	text-decoration: none;
	}

.Tabs LI.Tab A:hover {
	text-decoration: underline;
	}

.Tabs LI.Active A:hover {
	text-decoration: none;
	cursor:default;
	}

.Tabs LI.Active {
	background-color:#663300; 
	}

.Tabs LI.Active A {
	font-size: 16px;
	font-weight: bold;
	color:#fff; 
	text-decoration: none;
	}

.Tabs DIV {
	border-top: 3px solid #663300; 
	border-bottom: 3px solid #663300; 
	padding:.5em .7em;
	background-color:#fff; 
	clear:both;
	}



/* Tabs1*/

#tab1_body {
	width: 680px;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	padding:30px 0 10px 0;
	}

ul#List_Left {
	width: 210px;
	margin:0 0px 0 0px;
	padding:0px;
	}
	
ul#List_Center {
	width: 210px;
	padding:0px;
	margin:0 0px 0 25px;
	}
	
ul#List_Right {
	width: 210px;
	padding:0px;
	margin:0 0px 0 25px;
	}


#List_Left li,#List_Center li,#List_Right li{
	font-size: 13px;
	line-height: 1.2;
	margin:0 0px 10px 0px;
	}
	
#List_Left li a,#List_Center li a,#List_Right li a{
	background: url(../images/name_arrow.gif) no-repeat left 2px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	}

#List_Left li a:hover,#List_Center li a:hover,#List_Right li a:hover{
	color:#CC9933; 
	text-decoration: underline;
	}



img.gyou {
	margin:0px 0px 5px 0px;
	}


	

h3.areaTtl_L {
	position:absolute; 
	top:20px; 
	left:20px;
	}
	
h3.areaTtl_R {
	position:absolute; 
	top:20px; 
	right:20px;
	}	

#tab2_body {
	position:relative;
	top:0px; 
	left:0px
	width: 680px;
	height: 600px;
	background: url(../images/map_tokachi.gif) repeat-x left top;
	padding:0px;
	}
		
div.areaBox_2 {
	border: 1px solid #fff;
	position:absolute; 
	top:270px; 
	right:50px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}



#tab3_body {
	position:relative;
	top:0px; 
	left:0px
	width: 680px;
	height: 600px;
	background: url(../images/map_konsen.gif) repeat-x left top;
	padding:0px;
	}
	
div.areaBox_3 {
	border: 1px solid #fff;
	position:absolute; 
	top:180px; 
	left:20px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}


#tab4_body {
	position:relative;
	top:0px; 
	left:0px
	width: 680px;
	height: 600px;
	background: url(../images/map_kamikawa.gif) repeat-x left top;
	padding:0px;
	}



div.areaBox_4 {
	border: 1px solid #fff;
	position:absolute; 
	top:50px; 
	left:220px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}

div.areaBox_4_0 {
	border: 1px solid #fff;
	position:absolute; 
	top:150px; 
	left:400px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}


div.areaBox_4_1 {
	border: 1px solid #fff;
	position:absolute; 
	top:470px; 
	right:20px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}


div.areaBox_4_2 {
	border: 1px solid #fff;
	position:absolute; 
	top:480px; 
	left:200px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}

#tab5_body {
	position:relative;
	top:0px; 
	left:0px
	width: 680px;
	height: 600px;
	background: url(../images/map_sapporo.gif) repeat-x left top;
	padding:0px;
	}
	
div.areaBox_5 {
	border: 1px solid #fff;
	position:absolute; 
	top:260px; 
	right:60px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}


#tab6_body {
	position:relative;
	top:0px; 
	left:0px
	width: 680px;
	height: 600px;
	background: url(../images/map_dounan.gif) repeat-x left top;
	padding:0px;
	}
div.areaBox_6 {
	z-index: 100; 
	border: 1px solid #fff;
	position:absolute; 
	top:150px;
	left:5px;
	background-color:#fff;
	background: url(../images/bgwhite.png) ;
	}

/*IE6 only*/
*html .areaBox_2, *html .areaBox_3, *html .areaBox_4, *html .areaBox_4_0, *html .areaBox_4_1, *html .areaBox_4_3, *html .areaBox_5, *html .areaBox_6 {
	filter:alpha(opacity=75); 	
	}

ul#box_name li img {
	padding:4px;
	}
ul#box_name li a {
	z-index: 999; 
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	}
	
ul#box_name li a:hover {
	color: #ff6600;
	text-decoration: none;
	}