@charset "utf-8";
/*=============================================
	start item_camphiking.html styles
=============================================*/
/*---------------------------------------------
 01 BROWSER-RESET
 02 BASE-SET
 03 WIRE-FRAME
 04 initialize
 05 Ggunavi
 06 header
 07 allLayout
 08 hover style
 09 titleTab
 11 mainarea
 12 for_top_list
 13 page_top
 15 footer
 16 copyright
=============================================*/

/*---------------------------------------------
 01 BROWSER-RESET
---------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td { 
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
}

input,
textarea {
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	

}

abbr,
acronym {
	border: 0;
}

a {
/* \*/
	overflow: hidden;
/* */
}

#logo {
	font-size: 11px;
}
/*---------------------------------------------
 02 BASE-SET
---------------------------------------------*/
/* FONT-LIB */

body,
input,
select,
textarea {
	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 13px;
}

* html body {
	font-size: small; /* for IE6 */
}

*:first-child+html body {
	font-size: small; /* for IE7 */
}

* html table {
	font-size: 100%; /* for IE6 table */
}

.px10 {
	font-size: 77%;
}

.px11,
.xs {
	font-size: 85%;
}

.px12,
.s {
	font-size: 93%;
}

.px13,
.m {
	font-size: 100%;
}

.px14 {
	font-size: 108%;
}

.px15,
.l {
	font-size: 116%;
}

.px16,
.xl {
	font-size: 123%;
}

.px17 {
	font-size: 131%;
}

.px18 {
	font-size: 138%;
}

.px19 {
	font-size: 146%;
}

.px20 {
	font-size: 153%;
}

.px21 {
	font-size: 161%;
}

.px22 {
	font-size: 167%;
}

.px23 {
	font-size: 174%;
}

.px24 {
	font-size: 182%;
}

.px25 {
	font-size: 189%;
}

.px26 {
	font-size: 197%;
}

/* CLEAR-FIX */

.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}

.clear{
	clear: both;
}
/* End hide from IE6/IE Mac */
/*---------------------------------------------
 03 WIRE-FRAME
---------------------------------------------*/
html {
	overflow-y: scroll; /* CSS3 */
}
/*---------------------------------------------
 04 initialize
---------------------------------------------*/
ul, ol, li, dl, dt, dd{
	list-style: none;
}

dl,dt,dd,ul,ol,li{
	margin:0;
	padding:0;
}

#Contents{
	padding:0 ;	
}

#footer {
margin-top:0px;
}

#mainarea .nekoma{
	margin:30px 0 0 0px;	
}
#mainarea .navi .space {
    margin: 0px 1px;
}

#mainarea .navi{
	width:950px;
}

#mainarea .navi ul li {
	float: left;
}

#mainarea{
	clear:both;
	width:950px;
	color:#021d4b;
	text-align: left;
}

#resort{
	background: url(../img/hoshino.jpg) no-repeat;
	text-align:right;
	height:260px;
	margin:5px 0 0 0;
}

#resort p{
	padding:165px 55px 0 0px;
}
#left{
	float:left;
}

#right{
	float:right;
}

a:hover img{
  filter: alpha(opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;
}

/*---------------------------------------------
 5 content/ゲレンデ
---------------------------------------------*/
#mainarea #maintitle01{
	background: url(../img/gelande/mainbg.jpg) no-repeat;
	height:450px;
}

#mainarea #maintitle01 #midashi01{
	float:left;
	width:103px;
	padding:98px 0 0 20px;	
}

#mainarea #maintitle01 #midashi02{
	float:right;
	margin:20px 0px 0 10px;
	color:#003344;
	font-weight:bold;
	width:608px;
}

#mainarea #maintitle01 #midashi02 p{
	width: 305px;
	padding:10px 20px 0 10px;
	font-weight: bold;
	font-size: 15px;
	float: right;
}

#rider{
	background: url(../img/gelande/bg01.jpg) no-repeat;
	height:240px;
}

#rider #rider_bg{
	float:right;
	width:528px;
	padding: 10px 0 0 0;
}

#rider #rider_bg #gazou{
	width:528px;
	padding:8px 0 0 0;
}

#mainarea #slide_bg{
	background: url(../img/gelande/bg02.jpg) no-repeat;
	height:508px;
}

#rider #rider_bg .name{
	width:203px;
	margin:18px 20px 0 33px;
	float:left;
	color:white;
}

.size{
	font-size:26px;
}

.haba{
	padding:5px 0;
	font-size:18px;
}

.size02{
	font-size:10px;
}



#mainarea #slide_bg #slide{
	padding:21px 20px 0 0px;
	float: right;
}
#mainarea #slide_bg #slide p{
	padding:15px 0px 0 0px;
	width:337px;
	color:white;
}

#mainarea #gelande_subbg01{
	background: url(../img/gelande/bg03.jpg) no-repeat;
	height:404px;
}
#mainarea #gelande_subbg01 .submidashi{
	float:right;
	width:375px;
	padding:120px 0px 0 5px;
}
#mainarea #gelande_subbg01 .image{
	width:175px;
	padding:0px 0px 0 40px;
	color:#003344;
}

#mainarea #gelande_subbg01 .text{
	width:175px;
	height:174px;
	padding:15px 0px 0 28px;
	color:#003344;
	font-size: 12px;
}

#mainarea #gelande_subbg01 .text02{
	width:356px;
	padding:14px 0px 0 5px;
	color:white;
	font-size:10px;
}

#mainarea #soukai_bg{
	background: url(../img/gelande/bg04.jpg) no-repeat;
	height:402px;
}
#mainarea #soukai_bg #soukai{
	width:371px;
	padding:20px 0px 0 20px;
}
#mainarea #soukai_bg #soukai p{
	width:331px;
	padding:20px 0px 0 5px;
	color:white;
}

#mainarea #gelande_subbg02{
	background: url(../img/gelande/bg05.jpg) no-repeat;
	height:490px;
}

#mainarea #gelande_subbg02 .submidashi{
	width:371px;
	padding:120px 0px 0 5px;
}
#mainarea #gelande_subbg02 .image{
	width:175px;
	padding:86px 0px 0 42px;
	color:#003344;
}

#mainarea #gelande_subbg02 .text{
	width:180px;
	height:174px;
	padding:15px 0px 0 168px;
	color:#003344;
	font-size: 12px;
}

#mainarea #gelande_subbg02 .text02{
	width:366px;
	padding:14px 0px 0 5px;
	color:white;
	font-size:10px;
}

#mainarea #eat_bg{
	background: url(../img/gelande/bg06.jpg) no-repeat;
	height:517px;
}

#mainarea #eat_bg #eat{
	padding:21px 20px 0 0px;
	float: right;
}
#mainarea #eat_bg #eat p{
	padding:15px 0px 0 0px;
	width:337px;
	color:white;
}

#mainarea #gelande_subbg03{
	background: url(../img/gelande/bg07.jpg) no-repeat;
	height:225px;
}

#mainarea #gelande_subbg03 .submidashi{
	float:right;
	width:375px;
	padding:118px 0px 0 0px;
}

#mainarea #gelande_subbg03 .text{
	padding:62px 3px 0 0px;
	color:white;
	font-size:11px;
}

#mainarea #gelande_subbg04{
	background: url(../img/gelande/bg08.jpg) no-repeat;
	height:276px;
}

#mainarea #gelande_subbg04 .submidashi{
	width:371px;
	padding:10px 0px 0 10px;
}

#mainarea #gelande_subbg04 .text{
	width:175px;
	padding:17px 0px 0 0px;
	color:white;
	font-size:11px;
}

#mainarea #gelande_subbg05{
	background: url(../img/gelande/bg09.jpg) no-repeat;
	height:311px;
}

#mainarea #gelande_subbg05 .submidashi{
	float:right;
	width:375px;
	padding:120px 0px 0 5px;
}

#mainarea #gelande_subbg05 .text{
	padding:154px 10px 0 5px;
	color:white;
	font-size:11px;
}

#continue{
	background: url(../img/border01.jpg) no-repeat;
	margin:30px 0 50px 0;
}

#resort p img{
	display: inline-block;
	box-shadow: 0px 3px 20px -5px rgba(0, 0, 0, 0.8);
}


/*---------------------------------------------
 5 content/アイテム
---------------------------------------------*/
#mainarea #maintitle02{
	background: url(../img/item/mainbg.jpg) no-repeat;
	height:450px;
}

#mainarea #maintitle02 #midashi01{
	float:left;
	width:103px;
	padding:98px 0 0 20px;	
}

#mainarea #maintitle02 #midashi02{
	float:right;
	margin:20px 0px 0 10px;
	color:#003344;
	font-weight:bold;
	width:396px;
}

#mainarea #maintitle02 #midashi02 p{
	width: 305px;
	padding:10px 20px 0 10px;
	font-weight: bold;
	font-size: 15px;
	float: right;
}

#mainarea #play_bg{
	background: url(../img/item/bg01.jpg) no-repeat;
	height:269px;
}

#mainarea #play_bg #play{
	padding:21px 20px 0 0px;
	float: right;
}
#mainarea #play_bg #play p{
	padding:20px 0px 0 0px;
	width:337px;
	color:white;
}

#mainarea #item_subbg01{
	background: url(../img/item/bg02.jpg) no-repeat;
	height:345px;
}
#mainarea #item_subbg01 p{
	padding:0px 20px 0 0px;
	float: right;
	color:white;
	width:340px;
}
#mainarea #item_subbg01 .image{
	padding:23px 0px 0 50px;
	color:#003344;
	float: right;
}

#mainarea #item_subbg01 .text{
	width:160px;
	height:174px;
	padding:15px 0px 0 42px;
	color:#003344;
	font-size:11px;
	font-weight:bold;
	float: right;
}

#mainarea #item_subbg02{
	background: url(../img/item/bg03.jpg) no-repeat;
	height:298px;
}
#mainarea #item_subbg02 .submidashi{
	width:371px;
	float: right;
}
#mainarea #item_subbg02 .image{
	padding:23px 0px 0 42px;
	color:#003344;
}

#mainarea #item_subbg02 .text{
	width:160px;
	height:174px;
	padding:15px 0px 0 182px;
	color:#003344;
	font-size:12px;
}

#mainarea #item_subbg02 .text02{
	width:360px;
	padding:14px 0px 0 5px;
	color:white;
	font-size:11px;
}

#mainarea #buy_bg{
	background: url(../img/item/bg04.jpg) no-repeat;
	height:270px;
	padding:0px 0 0 20px;
}
#mainarea #buy_bg #buy{
	width:371px;
	padding:23px 0px 25px 0px;
}
#mainarea #buy_bg #buy p{
	width:331px;
	padding:20px 0px 0 5px;
	color:white;
}

#mainarea #buy_bg01{
	background: url(../img/item/bg05.jpg) no-repeat;
	height:442px;
	padding:0px 0 0 20px;
}

#mainarea #buy_bg01 #buy01 p{
	width:331px;
	padding:20px 0px 0 5px;
	color:white;
}

#mainarea #item_subbg03{
	background: url(../img/item/bg06.jpg) no-repeat;
	height:299px;
}

#mainarea #item_subbg03 .submidashi{
	width:371px;
}
#mainarea #item_subbg03 .image{
	padding:23px 0px 0 50px;
	color:#003344;
}

#mainarea #item_subbg03 .text{
	width:160px;
	height:174px;
	padding:15px 0px 0 42px;
	color:#003344;
	font-size:12px;
}

#mainarea #item_subbg03 .text02{
	width:360px;
	padding:14px 0px 0 8px;
	color:white;
	font-size:11px;
}

#mainarea #brand_bg{
	background: url(../img/item/bg07.jpg) no-repeat;
	height:360px;
}

#mainarea #brand{
	float:right;
	width:350px;
	padding:20px 0px 0 0px;
}
#mainarea #brand p{
	width:310px;
	padding:30px 0px 0 5px;
	color:white;
}

#continue01{
	background: url(../img/border02.jpg) no-repeat;
	text-align:right;
	margin:30px 0 50px 0;
	background-position:center;
}
/*---------------------------------------------
 5 content/ホテル
---------------------------------------------*/
#mainarea #maintitle03{
	background: url(../img/hotel/mainbg.jpg) no-repeat;
	height:450px;
}

#mainarea #maintitle03 #midashi01{
	float:left;
	width:440px;
	padding:98px 0 0 28px;	
}

#mainarea #maintitle03 #midashi02{
	float:right;
	margin:170px 0px 0 10px;
	color:#003344;
	font-weight:bold;
	width:455px;
}

#mainarea #maintitle03 #midashi02 p{
	width:424px;
	padding:5px 20px 0 10px;
	font-weight: bold;
	font-size: 15px;
	float: right;
	color:white;
}

#mainarea #stay_bg{
	background: url(../img/hotel/bg01.jpg) no-repeat;
	height:268px;
}

#mainarea #stay_bg #stay{
	padding:21px 20px 0 0px;
	float: right;
}
#mainarea #stay_bg #stay p{
	padding:22px 0px 0 0px;
	width:337px;
	color:white;
}

#mainarea #hotel_subbg01{
	background: url(../img/hotel/bg02.jpg) no-repeat;
	height:340px;
}

#mainarea #hotel_subbg01 p{
	padding:0px 20px 0 0px;
	width:337px;
	color:white;
	float: right;
}

#mainarea #hotel_subbg02{
	background: url(../img/hotel/bg03.jpg) no-repeat;
	height:304px;
}

#mainarea #hotel_subbg02 .submidashi{
	float:right;
	width:377px;
	padding:20px 0px 0 0px;
}

#mainarea #hotel_subbg02 .text02{
	width:365px;
	padding:218px 0px 0 5px;
	color:white;
	font-size:11px;
	letter-spacing:-1px;
}

#mainarea #stay01_bg{
	background: url(../img/hotel/bg04.jpg) no-repeat;
	height:402px;
	padding:0px 0 0 20px;
}
#mainarea #stay01{
	width:345px;
	padding:20px 0px 0px 0px;
}
#mainarea #stay01 p{
	padding:20px 0px 0 5px;
	color:white;
}

#mainarea #stay01_bg01{
	background: url(../img/hotel/bg05.jpg) no-repeat;
	height:360px;
	padding:0px 0 0 20px;
}

#mainarea #stay01_bg01 #stay02 p{
	width:331px;
	padding:20px 0px 0 5px;
	color:white;
}
#mainarea #stay01_bg02{
	background: url(../img/hotel/bg06.jpg) no-repeat;
	height:433px;
}
#mainarea #stay01_bg03{
	background: url(../img/hotel/bg07.jpg) no-repeat;
	height:69px;
}

#mainarea #stay01_bg03 p{
	padding:3px 0px 0 7px;
	color:white;
	width:370px;
	font-size:11px;
}

#mainarea #taiken_bg{
	background: url(../img/hotel/bg08.jpg) no-repeat;
	height:252px;
}

#mainarea #taiken_bg #taiken{
	padding:24px 20px 0 0px;
	float: right;
}
#mainarea #taiken_bg #taiken p{
	padding:23px 0px 0 0px;
	width:337px;
	color:white;
}

#mainarea #taiken_bg01{
	background: url(../img/hotel/bg09.jpg) no-repeat;
	height:265px;
}

#mainarea #taiken_bg01 p{
	padding:0px 20px 0 0px;
	width:337px;
	color:white;
	float: right;
}

#mainarea #taiken_bg02{
	background: url(../img/hotel/bg10.jpg) no-repeat;
	height:225px;
}

#mainarea #taiken_bg02 .submidashi{
	float:right;
	width:375px;
	padding:20px 0px 0 5px;
}

#mainarea #taiken_bg02 .text02{
	width:366px;
	padding:166px 0px 0 0px;
	color:white;
	font-size:11px;
}

#mainarea #rest_bg{
	background: url(../img/hotel/bg11.jpg) no-repeat;
	height:270px;
	padding:0px 0 0 20px;
}
#mainarea #rest_bg #rest{
	width:345px;
	padding:27px 0px 0px 0px;
}
#mainarea #rest_bg #rest p{
	padding:25px 0px 0 0px;
	color:white;
}

#mainarea #rest_bg01{
	background: url(../img/hotel/bg12.jpg) no-repeat;
	height:366px;
}

#mainarea #rest_bg01 p{
	width:345px;
	padding:0px 0px 0px 20px;
	color:white;
}

#mainarea #rest_bg02{
	background: url(../img/hotel/bg13.jpg) no-repeat;
	height:426px;
}

#mainarea #rest_bg03{
	background: url(../img/hotel/bg14.jpg) no-repeat;
	height:60px;
}

#mainarea #rest_bg03 p{
	padding:6px 0px 0 7px;
	color:white;
	width:370px;
	font-size:11px;
}

#continue02{
	background: url(../img/border01.jpg) no-repeat;
	margin:30px 0 50px 0;
	background-position:right;
}