@charset "utf-8";


@import url(jqtransform.css);
@import url(reset.css);
@import url(common.css);
@import url(page_common.css);


/* ================================================

	hokkaido

=================================================*/
#contentsArea { background:url(../_img/common/contents_bg.jpg) center 0 no-repeat; overflow:hidden;}
#contentsAreaInner { width:950px; margin:0 auto; background:url(../_img/common/contents_bg2.jpg) 0 0 no-repeat;}

/* titleArea */
#titleArea { width:950px; height:264px; position:relative; background:url(../_img/business/07_main_bg.png) 0 0 no-repeat;}
#titleAreaA { width:276px; position:absolute; top:15px; left:20px; overflow:hidden;}
#titleAreaA ul { margin-left:3px; width:283px;}
#titleAreaA ul li { float:left; margin:0 10px 10px 0;}
#titleAreaB { width:306px; height:176px; position:absolute; top:35px; left:305px; border:1px solid #ccc; background-color:#fff; padding:1px;}
#titleAreaB dl { width:296px; height:126px; overflow:auto; padding:5px;}
#titleAreaB dl dt a { color:#000; text-decoration:underline;}
#titleAreaB dl dt a:hover { text-decoration:none;}
#titleAreaB dl dd { border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}


/* contents -------------*/
#contentsBox { margin-top:-20px; position:relative;}

.section { background:url(../_img/common/sec_bg.jpg) 0 0 repeat-y; width:760px; margin-bottom:10px;}
.sectionBtm { background:url(../_img/common/sec_btm.jpg) 0 bottom no-repeat; width:760px;}
.mainTxt { width:752px; margin:0 2px 10px; background-color:#FEFED6; padding:3px 2px; font-size:10px;}

.tourList { width:750px; margin-left:10px; overflow:hidden;}
.tourList li { width:364px; padding-bottom:10px; margin-right:10px; float:left;}
.tourImg { display:block; width:110px; float:left; margin-right:5px;}
.tourTxt { display:block; width:249px; float:left; padding-top:5px;}
.tourD { display:block; color:#999; width:70px; height:16px; float:left; font-size:10px;}
.tourIco2 { display:block;}
.tourP { color:#F00; font-weight:bold; font-size:10px;}
.tourBtn { display:block; width:100%;}
.toutBtn img { vertical-align:middle;}

#sec1 .tourList li { border-top:2px solid #45A4F8;}
#sec2 .tourList li { border-top:2px solid #68B739;}
#sec1 .tourList li a { color:#45A4F8;}
#sec2 .tourList li a { color:#68B739;}

.indexBnr { text-align:center; padding-top:10px;}

/* clearfix
---------------------------------------------------------------------------------------------*/
#titleAreaA ul:after,
.sectionBtm:after
 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#titleAreaA ul,
.sectionBtm
 { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html #titleAreaA ul,
* html .sectionBtm
 { height: 1%; }
#titleAreaA ul,
.sectionBtm
 { display: block; }

#sp-menu{
	display:none;	}
	.pc-none{ display:none;}
#toggle{ display:none}
/* End hide from IE-mac */