/* CSS Document */
/*===============上面這是清除css原預設格式===============*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img
{
	padding:0;
	margin: 0;
	font-weight:normal;
}
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #5a5a5a;
	margin:0;
	padding:0;
}
p {
	/*\*/
	letter-spacing: 0.2em;
	/**/
	margin:0 0 10px 0;
}
a{
	text-decoration:none;
	color:#5a5a5a;
}
a:hover{
	color:#0d5399;
	text-decoration: underline;
}
ul,li{
list-style-type:none;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
#container {
	text-align:left;
	position: relative;
	margin: 0 auto;
	width:970px;
}
#top{
	height:100px;
}
#top h1{
	position:relative;
	top: 26px;
}
#top h1 img{
    position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width:349px;
	height:57px;
	border:none;
}
#top ul{
	width:405px;
	position: absolute;
	left: 560px;
	top: 43px;
}
#top ul li{
    float:left;
	padding:0 7px 0 0;
}
#top ul li a {
	height:0px !important;
	padding:37px 0 0 0;
	display:block;
	overflow:hidden;
}
#m01 a,#m02 a,#m03 a{
    height: 37px;
	width: 128px;
}
#m01 a {
	background: url(images_hokkaido/button_add.jpg) no-repeat left top;
}
#m02 a {
	background: url(images_hokkaido/button_contact.jpg) no-repeat left top;
}
#m03 a {
	background: url(images_hokkaido/button_home.jpg) no-repeat left top;
}
#m01 a:hover{
	background: url(images_hokkaido/button_add_1.jpg) no-repeat left top;
}
#m02 a:hover{
	background: url(images_hokkaido/button_contact_1.jpg) no-repeat left top;
}
#m03 a:hover{
	background: url(images_hokkaido/button_home_1.jpg) no-repeat left top;
}
#flash_area {
	text-align: right;
}
.clean{
    clear:both;
}
#main {
    width:970px;
	background: url(images_hokkaido/sidebar_bg.jpg) no-repeat 480px top;
	overflow: hidden;
	height: auto;
	zoom:1;
}
#primary{
	width:473px;
	float:left;
	margin:13px 0 0 0;
}
#p1{
	position: relative;
	z-index:0;
	color:#FFFFFF;
}
#p1 img{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:1;
	width:473px;
	height:55px;
}
#primary ul {
	width: 456px;
	float: left;
	margin:40px 0 0 20px;
}
#primary ul li{
    float:left;
}
#primary ul li a {
	height:0px !important;
	padding:30px 0 0 0;
	display:block;
	overflow:hidden;
}
#h01 a{
    background: url(images_hokkaido/hokkaido_play.jpg) no-repeat left top;
	height: 30px;
	width: 98px;
}
#h02 a{
    background: url(images_hokkaido/hokkaido_hotel.jpg) no-repeat left top;
	height: 30px;
	width: 94px;
}
#h03 a{
    background: url(images_hokkaido/hokkaido_eat.jpg) no-repeat left top;
	height: 30px;
	width: 94px;
}
#h04 a{
    background: url(images_hokkaido/hokkaido_culture.jpg) no-repeat left top;
	height: 30px;
	width: 114px;
}
#h01 a:hover,#h05{
    background: url(images_hokkaido/hokkaido_play_1.jpg) no-repeat left top;
	height: 30px;
	width: 98px;
}
#h02 a:hover,#h06{
    background: url(images_hokkaido/hokkaido_hotel_1.jpg) no-repeat left top;
	height: 30px;
	width: 94px;
}
#h03 a:hover,#h07{
    background: url(images_hokkaido/hokkaido_eat_1.jpg) no-repeat left top;
	height: 30px;
	width: 94px;
}
#h04 a:hover,#h08{
    background: url(images_hokkaido/hokkaido_culture_1.jpg) no-repeat left top;
	height: 30px;
	width: 114px;
}
#primary #intro {
	float:left;
	width:430px;
	margin:10px 5px 15px 10px;
	line-height: 1.6;
}
#primary dl{
    width:450px;
	margin:0 5px 0 10px;
}
#primary dt {
	background: url(images_hokkaido/pink.jpg) no-repeat left top;
	padding:6px 0 0 12px;
	margin:2px 0 0 0;
	font-size: 12pt;
	font-weight:bold;
	color: #2e2e2e;
	height: 33px;
	width: 445px;
}
#primary dd{
	line-height: 1.6;
	margin: 0 10px 15px 5px;
}
/*用ｐｉｃ把圖和圖的框包起來*/
#primary #pic {
	float: right;
	padding:0 25px 0 0;
}
/*是圖*/
.photo_1{
	height: 90px;
	width: 120px;
	position: relative;
	left: 0;
	top: 5px;
}
/*是框--設成背景*/
.photo_1 .photo_2{
	height:120px;
	width: 160px;
	position: absolute;
	left: -20px;
	top: -15px;
	background: url(images_hokkaido/photo.gif) no-repeat;
}
#primary #contain {
	float: left;
	width:265px;
}
#primary #contain_1 {
	float: left;
	width:415px;
}
/*開始右半邊了*/
#secondary{
	width:480px !important;
	_width:470px;
	float:right;
}
#secondary h2{
	position: relative;
	z-index:0;
}
#secondary h2 img{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:1;
	width:474px;
	height:67px;
}
#secondary ul {
	width: 440px;
	margin:55px 0 0 10px;
}
#secondary #no_mar_1 {
	width: 440px;
	margin:55px 0 0 10px;
}
#secondary .titleword {
	background: url(images_hokkaido/blue.jpg) no-repeat left top;
	height: 20px;
	width: 425px;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px 0 0 30px;
}
#secondary .titleword_1 {
	background: url(images_hokkaido/blue_2.jpg) no-repeat left top;
	height: 23px;
	width: 425px;
	font-size: 10pt;
	font-weight: bold;
	padding: 12px 0 0 30px;
}
#secondary li{
	margin:4px 0 0 23px;
	line-height:1.6;
	width:417px;
}
#secondary li a{
	text-decoration: none;
}
#secondary li a:hover{
	text-decoration: underline;
}
.blue{
	color:#005771;
	float:left;
	width:355px;
	padding:0 0 0 7px;
}
#secondary #no_mar {
	margin-top: 5px;
}
#secondary #no_mar_1 li{
	margin:4px 0 0 23px;
	line-height:1.6;
	background: url(images_hokkaido/blue_icon.jpg) no-repeat left center;
	padding:0 0 0 12px;
}
.blue_discuss{
    color:#0076b4;
	font-weight:bold;
	width:80px;
	float:right;
	background: url(images_hokkaido/line_02.png) no-repeat left center;
	padding:0 0 0 5px;
}
#secondary .button {
	float: right;
	padding-right: 30px;
	padding-top: 20px;
}
#secondary .button_1 {
	float: right;
	padding-right: 10px;
	padding-top: 20px;
}
.red{
	color:#cf0000;
}
a .red_money{color:#cf0000;}
a:hover .red_money{color:#cf0000; text-decoration:underline;}
.red_money{
	color:#cf0000;
	float:right;
	width:55px;
}
.journey_des{
	float:left;
	width:345px;
	background:url(images_hokkaido/line_stra.jpg) no-repeat left center;
	padding:0 10px 0 7px;
}
.discuss_qua {
	float: left;
	width: 322px;
}
a .discuss_qua{ text-decoration:none;}
a:hover .discuss_qua{ background-color:#eff9ff;padding:1px;}
#header{
height: 86px;
width: 900px;
position: relative;
padding: 14px 0 0 25px;
}
#footer{
background: url(../new/images_hokkaido/footer_hk.gif) no-repeat left bottom;
height: 172px;
width: 970px;
position:relative;
}