@charset "shift_jis";

/* ------------------
 BODY
 ------------------*/

html {
	overflow-y:scroll;
     }

body {
	width:100%;
	height:100%;
	margin:0px;
    padding:0px;
	color:#666666;
	line-height:1.5em;
	font-size:12px;
	background-color:#E4007F;
	overflow: hidden;
	}


/* ------------------
�@LINK COLOR
 ------------------*/

a:link {
	color: #555;
	text-decoration:none;
	}
	
a:visited {
	color: #555;
	text-decoration:none;
	}
	
a:hover {
	color: #0000FF;
	text-decoration:underline;
	}

/* ------------------
 CONTENTS
 ------------------*/
 
#contents{
	width:auto;
	height:100%;
	margin:0 auto 0 auto;
	}
	
/* ------------------
 CONTAINER
 ------------------*/
 
#container{
	width:915px;
	height:100%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	}
 
/* ------------------
 HEADER
 ------------------*/

#header_line{
	width:100%;
	height:20px;
	background-color:#B70065;
	}

#header_box{
	height:100px;
	background-color:#fff;
	margin:0 auto 0 auto;
	}
	
#header_box2{
	width:900px;
	height:auto;
	margin:0 auto 0 auto;
	}

#logo_head{
	width:288px;
	height:100px;
	float:left;
	margin:0 0 0 0;
	}
	
#header_navi{
	width:auto;
	margin:20px 0 0 0;
	float:right;
	}
	
#contact{
	float:left;
	margin:5px 0 15px 0;
	}
	
#contact_mail{
	float:left;
	margin:5px 0 15px 20px;
	}
	
#header_line2{
	width:100%;
	height:5px;
	background-image:url(../images/header_under.jpg);
	background-repeat:repeat-x;
	}
	
/* ------------------
contents2
 ------------------*/

#left_area{
	float:left;
	width:270px;
	}

#right_area{
	float:right;
	width:630px;
	}
	
.map_btn{
	*margin-bottom:-3px;
	}

#sapporo_bn{
	margin:20px 0 0 0;
	}
	
#obihiro_bn{
	margin:20px 0 0 0;
	}
 
#news{
	margin:20px 0 0 0;
	}
	
.banner{
	margin:20px 0 0 0;
	}

#main{
	background-image:url(../images/main.jpg);
	background-repeat:no-repeat;
	margin:4px 0 0 0;
	*margin:3px 0 0 0;
	padding:0;
	}
	
#flash_box{
	width:630px;
	height:450px;
	padding:15px 0 0 15px;
	*padding:13px 0 0 15px;
	}
	
.container2{
	margin:20px 0 0 15px;
	}
	
h1{
	margin:0 0 0 0;
	}
	
h2{
	margin:40px 0 0 0;
	}
 
h3{
	margin:50px 0 50px 0;
	}
 
 
/* ------------------
 FOOTER
 ------------------*/
 
#footer_line{
	height:1px;
	background-color:#660021;
	}
	
#footer_box{
	width:auto;
	height:100px;
	background-color:#FFFFFF;
	}
	
#footer_minibox{
	width:900px;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	}

#copywrite{
	float:left;
	color:#555555;
	font-size:12px;
	padding:10px 0 0 0;
	}
	
#privacy{
	float:right;
	color:#555555;
	font-size:12px;
	padding:10px 0 0 0;
	}
	
/* ------------------
 Privacy
 ------------------*/
 
.p_area{
	width:550px;
	margin:0 auto 0 auto;
	color:#FFFFFF;
	}
	
.style01{
	font-size:large;
	font-weight:bold;
	margin:20px 0 0 0;
	}
	
.style02{
	margin:15px 0 30px 0;
	}

/* ------------------
 Contact
 ------------------*/
 
.table01{
	margin:0 auto 0 auto;
	*margin:-30px auto 0 auto;
	}
 
.contact01{
	color:#fff;
	text-align:center;
	}
	
.contact02{
	padding:10px 0 10px 0;
	}