@charset "euc-jp";
/*Copyright 2010 FSFIELD All Rights Reserved.*/

li#gn01 a{background:url(../img/navi_global01.jpg) no-repeat 0 -48px;}
li#gn01 a img{display:none;}

div.bg_entry{background:url(../img/bg_entry02.gif) repeat-y 0 0;}
div.bg_entry_top{background:url(../img/bg_entry_top02.gif) no-repeat 0 0;}
div.bg_entry_btm{
	background:url(../img/bg_entry_btm02.gif) no-repeat 0 bottom;
	/*min-height:270px;*/
	}

/*trouble01*/
p#bg_first a, p#bg_plan a,
p#bg_quotation a, p#bg_cost a,
p#bg_what a{
	padding:75px 0 0 0;
	display:block;
	color:#2796C5;
	}
p#bg_first{background:url(../img/bg_first02.gif) no-repeat center 0;}
p#bg_plan{background:url(../img/bg_plan02.gif) no-repeat center 0;}
p#bg_quotation{background:url(../img/bg_quotation02.gif) no-repeat center 0;}
p#bg_cost{background:url(../img/bg_cost02.gif) no-repeat center 0;}
p#bg_what{background:url(../img/bg_what02.gif) no-repeat center 0;}

p#bg_first a:hover, p#bg_plan a:hover,
p#bg_quotation a:hover, p#bg_cost a:hover,
p#bg_what a:hover{
	color:#56B6DE;
	}
p#bg_first a:hover{background:url(../img/bg_first02_on.gif) no-repeat center 0;}
p#bg_plan a:hover{background:url(../img/bg_plan02_on.gif) no-repeat center 0;}
p#bg_quotation a:hover{background:url(../img/bg_quotation02_on.gif) no-repeat center 0;}
p#bg_cost a:hover{background:url(../img/bg_cost02_on.gif) no-repeat center 0;}
p#bg_what a:hover{background:url(../img/bg_what02_on.gif) no-repeat center 0;}

span.ico_link01{
	background:url(../img/ico_link01.gif) no-repeat 0 0.4em;
	padding:0 0 0 16px;
	display:block;
	font-size: 75%;
	}

/*trouble02*/
p#bg_house a, p#bg_external a,
p#bg_same a, p#bg_friend a,
p#bg_family a, p#bg_school a{
	padding:75px 0 0 0;
	display:block;
	color:#2796C5;
	}
p#bg_house{background:url(../img/bg_house02.gif) no-repeat center 0;}
p#bg_external{background:url(../img/bg_external02.gif) no-repeat center 0;}
p#bg_same{background:url(../img/bg_same02.gif) no-repeat center 0;}
p#bg_friend{background:url(../img/bg_friend02.gif) no-repeat center 0;}
p#bg_family{background:url(../img/bg_family02.gif) no-repeat center 0;}
p#bg_school{background:url(../img/bg_school02.gif) no-repeat center 0;}

p#bg_house a:hover, p#bg_external a:hover,
p#bg_same a:hover, p#bg_friend a:hover,
p#bg_family a:hover, p#bg_school a:hover{
	color:#56B6DE;
	}
p#bg_house a:hover{background:url(../img/bg_house02_on.gif) no-repeat center 0;}
p#bg_external a:hover{background:url(../img/bg_external02_on.gif) no-repeat center 0;}
p#bg_same a:hover{background:url(../img/bg_same02_on.gif) no-repeat center 0;}
p#bg_friend a:hover{background:url(../img/bg_friend02_on.gif) no-repeat center 0;}
p#bg_family a:hover{background:url(../img/bg_family02_on.gif) no-repeat center 0;}
p#bg_school a:hover{background:url(../img/bg_school02_on.gif) no-repeat center 0;}

/*heading*/
h3#h3_quote01{
	/*background:url(../img/h3_quote01.gif) no-repeat 0 0;*/
	/*height:85px;*/
	font-size:8px;
	margin: 25px auto 15px;
	}

h3#h3_quote02{
	background:url(../img/h3_quote02.gif) no-repeat 0 0;
	height:85px;
	font-size:8px;
	}

h3#h3_news01, h3#h3_trend01, h3#h3_data01{
	background:url(../img/h3_news01.jpg) no-repeat 0 0;
	height:55px;
	font-size:8px;
	}
h3#h3_news01{background:url(../img/h3_news01.jpg) no-repeat 0 0;}
h3#h3_trend01{background:url(../img/h3_trend01.jpg) no-repeat 0 0;}
h3#h3_data01{background:url(../img/h3_data01.jpg) no-repeat 0 0;}


h4#h4_trouble01, h4#h4_trouble02, h4#h4_trouble03, h4#h4_trouble04, h4#h4_trouble05{
	height:83px;
	font-size:8px;
	}
h4#h4_trouble01{background:url(../img/h4_trouble01-2.jpg) no-repeat 0 0;}
h4#h4_trouble02{background:url(../img/h4_trouble02-2.jpg) no-repeat 0 0;}
h4#h4_trouble03{background:url(../img/h4_trouble03.jpg) no-repeat 0 0;}
h4#h4_trouble04{background:url(../img/h4_trouble04.jpg) no-repeat 0 0;}
h4#h4_trouble05{background:url(../img/h4_trouble05.jpg) no-repeat 0 0;}

/*dl*/
dl#date{
	height:100px;
	overflow:auto;
	}

dl#date dt{
	float:left;
	clear:left;
	width:85px;
	padding:5px 0;
	}
dl#date dd{
	padding:5px 0 5px 90px;
	border-bottom:1px solid #9DBFCC;
	}

.ml_12{margin-left:12px !important;}
.ml_24{margin-left:24px !important;}

* html .ml_12{margin-left:6px !important;}

.w110{
	width:110px;
	height:120px;
}
.w264{width:264px;}

.left_c,.right_c{width:265px;}
.left_c{float:left;}
.right_c{margin-left:285px;}

div.callcenter {
	background:url(../img/callcenter01.gif) no-repeat 0 0;
	height: 185px;
	padding-left:289px;
	margin-bottom:18px;
	clear: both;
	}
div.callcenter a.fax {
	display:block;
	height: 165px;
	width:173px;
	float: left;
	}
div.callcenter a.dannavi {
	background:url(../img/callcenter3.gif) right top;
	display:block;
	height: 165px;
	width:172px;
	float: right;
	}
div.callcenter a.dannavi:hover{
	background:url(../img/callcenter3.gif) right bottom;
	}
div.callcenter span,
div.callcenter a span {
	visibility:hidden;
	}
	
div.qa_data01{height:210px;background:url(../guide/img/2011_gra01.gif) no-repeat top left;}
p.bg_gray {background-color:#E8E8E8;padding:5px;margin:0 0 0 350px;}
.t_right {text-align:right;}

div.ski {
	border:1px solid #c1c1c1;
	background:url(../img/top_img_ski_bg.gif) no-repeat;
	min-height: 320px;
	margin-bottom: 20px;
	padding: 18px;
}
div.ski a.bt {
	display: block;
	width: 127px;
	height: 21px;
	background: url(../img/top_img_ski_bt.png) no-repeat top;
	text-decoration: none;
	margin-top: 18px;
	margin-left: 380px;
	clear: both;
}
div.ski a.bt:hover {
	background: url(../img/top_img_ski_bt.png) no-repeat bottom;
}
div.ski a.bt span {
	visibility: hidden;
}
div.ski h4 {
	margin-bottom: 10px;
}
div.ski h5 {
	padding: 3px 5px;
	border-bottom: 3px solid #00a6a6;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 13px;
}
div.ski ul {
	margin: 0px 8px;
}
div.ski ul li {
	background: url(../img/top_img_ski_link.png) no-repeat left center;
	padding-left: 18px;
	float: left;
	width: 100px;
}
div.ski ul li.w120 {
	width: 120px;
}
div.ski p {
	margin-bottom: 18px;
	margin-left: 20px;
}

ul.top_cloud_bt li {
	width: 87px;
	height: 100px;
	float: left;
	margin-bottom: 23px;
}
ul.top_cloud_bt li a {
	display: block;
	width: 87px;
	height: 59px;
}

ul.top_cloud_bt li span {
	visibility: hidden;
}
ul.top_cloud_bt li.bt01 {margin-right:23px;}
ul.top_cloud_bt li.bt02 {margin-right:23px;}
ul.top_cloud_bt li.bt03 {margin-right:23px;}
ul.top_cloud_bt li.bt04 {margin-right:23px;}
ul.top_cloud_bt li.bt01 a {background: url(../img/top_cloud_bt.gif) no-repeat 0px 0px;}
ul.top_cloud_bt li.bt02 a {background: url(../img/top_cloud_bt.gif) no-repeat -87px 0px;}
ul.top_cloud_bt li.bt03 a {background: url(../img/top_cloud_bt.gif) no-repeat -174px 0px;}
ul.top_cloud_bt li.bt04 a {background: url(../img/top_cloud_bt.gif) no-repeat -261px 0px;}
ul.top_cloud_bt li.bt05 a {background: url(../img/top_cloud_bt.gif) no-repeat -348px 0px;}
ul.top_cloud_bt li.bt01 a:hover {background: url(../img/top_cloud_bt.gif) no-repeat 0px -59px;}
ul.top_cloud_bt li.bt02 a:hover {background: url(../img/top_cloud_bt.gif) no-repeat -87px -59px;}
ul.top_cloud_bt li.bt03 a:hover {background: url(../img/top_cloud_bt.gif) no-repeat -174px -59px;}
ul.top_cloud_bt li.bt04 a:hover {background: url(../img/top_cloud_bt.gif) no-repeat -261px -59px;}
ul.top_cloud_bt li.bt05 a:hover {background: url(../img/top_cloud_bt.gif) no-repeat -348px -59px;}





.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #84bbf3;
	padding:5px 6px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
.closecom{
	font-weight:normal;
	color:#ff0000;
 	   font-size: 12pt ;
}

.top_fc {
	margin-bottom: 13px;
}

.box2 {
	background:#FFEDED;
	margin-bottom: 13px;
	cursor: pointer;
	width: 170px;
	float: left;
	border: 1px solid #DADADA;
}

.box3 {
	background:#DAF6FF;
	margin-bottom: 13px;
	cursor: pointer;
	width: 170px;
	float: left;
	border: 1px solid #DADADA;
}

.box2 a,
.box3 a {
	display: block;
}

.box2 p,
.box3 p {
	margin-bottom: 0;
	padding: 9px;
}

.box2:hover,
.box3:hover {
	background-color: #FDFFCD;
}

#otoku-info {
	clear: both;
	background: url(../img/top_board_02.gif) repeat-y;
	margin-bottom: 18px;
}

#otoku-info dl {
	padding:0 15px 0;
}

#otoku-info dl dt {
	font-size: 120%;
	font-weight: bold;
	background: url(../img/top_board_line.png) no-repeat bottom;
	padding-bottom: 5px;
	padding-left: 30px;
}

#otoku-info dl dd {
	margin-bottom: 13px;
}

.imglink {
	background-color: #FFF;
}
.imglink:hover {
	opacity: 0.7;
}

/*プランバナー*/
body.top .special {
	clear: both;
	border: 1px solid #f51e1d;
	background-color: #f51e1d;
	margin-top: 10px;
}
body.top .special .specialHead {
	display: inline-block;
	width: 167px;
}
body.top .special .specialBody {
	/*width: 700px;*/
	display: inline-block;
	text-align: right;
}
body.top .special .specialBody .specialBodyBnr{
	width: 172px;
	display: inline-block;
}
body.top .special .specialBody .initHidden{
	display: none;
}
body.top .special .specialBody .specialBodyBnr img{
	width: 100%;
	background-color: #FFF;
}