@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 .alts{
	margin:30px 0 0 0px;	
}
/*---------------------------------------------
 5 content/4大祭り
---------------------------------------------*/
#mainarea{
	clear:both;
	width:950px;
	color:#021d4b;
	text-align: left;
}

#mainarea #title_bg{
	background: url(../img/event/mainbg.jpg) no-repeat;
	height:450px;
}

#mainarea #title_bg #midashi01{
	float:left;
	width:103px;
	margin:5px 0 0 28px;	
}

#mainarea #title_bg #midashi02{
	float:right;
	width:346px;
	margin:36px 15px 0 0px;	
}

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

#mainarea .navi{
	width:950px;
}

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

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

#mainarea #event01{
	background: url(../img/event/bg01.jpg) no-repeat;
	width:950px;
	margin:10px 0 0 0;
}

#mainarea #event{
	float:right;
	width:386px;
}

#mainarea #kodomo{
	padding:20px 0 0 80px;
}

#mainarea #event01 .text{
	width:480px;
	height:502px;
	font-weight:bold;
}

#mainarea #event01 .text p{
	padding:390px 0 0 24px;
}

#mainarea #event01 .text02{
	background: url(../img/event/bg02.jpg) no-repeat;
	height:248px;
}

#mainarea #event01 .text02 p{
	color:white;
	width:365px;
	float:right;
	padding:195px 10px 0 0px;
	font-size:10px;
}

#mainarea #event02{
	background: url(../img/event/no1.jpg) no-repeat;
	width:950px;
	margin:30px 0 0 0;
}

#mainarea #event02 .text{
	width:340px;
	font-weight:bold;
	height:313px;
}

#mainarea #event02 #kid{
	padding:16px 0 0 33px;
}

#mainarea #event02 .text p{
	padding:20px 0 0 20px;
}

#mainarea #event02 .text02{
	background: url(../img/event/bg03.jpg) no-repeat;
	height:319px;
}

#mainarea #event02 #event02_text01{
	padding:20px 0 0 200px;
	width:150px;
	float:left;
	color:white;
	font-weight:bold;
}

#mainarea #event02 #event02_text02{
	padding:206px 5px 0 0px;
	width:224px;
	float:right;
	color:white;
	font-size:10px;
}

#mainarea #event03{
	background: url(../img/event/no2.jpg) no-repeat;
	width:950px;
	margin:30px 0 0 0;
}

#mainarea #event03 .text{
	width:340px;
	font-weight:bold;
	float:right;
	padding:0px 30px 0 0px;
	height:382px;
}

#mainarea #event03 .text p{
	padding:20px 0px 0 25px;
}

#mainarea #event03 .text02{
	background: url(../img/event/bg04.jpg) no-repeat;
	height:170px;
}

#mainarea #event03 #event03_text01{
	padding:106px 0 0 0px;
	width:146px;
	float:right;
	color:white;
	line-height:1.2em;
	font-size:10px;
}

#mainarea #event04{
	background: url(../img/event/no3.jpg) no-repeat;
	width:950px;
	margin:30px 0 0 0;
}

#mainarea #event04 .text{
	width:340px;
	font-weight:bold;
	height:321px;
}

#mainarea #event04 .text p{
	padding:20px 0px 0 25px;
}

#mainarea #event04 .text02{
	background: url(../img/event/bg05.jpg) no-repeat;
	height:190px;
}

#mainarea #event04 #event04_text01{
	padding:154px 0 0 10px;
	width:360px;
	color:white;
	font-size:10px;
}

#mainarea #event05{
	background: url(../img/event/subbg.jpg) no-repeat;
	width:950px;
	margin:30px 0 0 0;
}

#mainarea #event05 #many{
	float:left;
	height:421px;
	padding:37px 0 0 146px;
}

#mainarea #event05 #nightevent{
	float:right;
}

#mainarea #event05 .text{
	width:481px;
	height:458px;
	font-weight:bold;
	float:right;
	color:white;
}

#mainarea #event05 .text02{
	background: url(../img/event/bg06.jpg) no-repeat;
	height:118px;
}

#mainarea #event05 #event05_text01{
	padding:5px 0 0 10px;
	width:480px;
	font-weight:bold;
}

#mainarea #event06{
	background: url(../img/event/no4.jpg) no-repeat;
	width:950px;
	margin:30px 0 0 0;
}

#mainarea #event06 .text{
	width:340px;
	font-weight:bold;
	height:272px;
}

#mainarea #event06 .text p{
	padding:20px 0px 0 25px;
}

#mainarea #event06 .text02{
	background: url(../img/event/bg07.jpg) no-repeat;
	height:151px;
}

#mainarea #event06 #event06_text01{
	padding:115px 0 0 10px;
	width:360px;
	color:white;
	font-size:10px;
}

#mainarea #event07{
	background: url(../img/event/no5.jpg) no-repeat;
	width:950px;
	margin:30px 0;
}

#mainarea #event07 .text{
	width:340px;
	font-weight:bold;
	float:right;
	padding:0px 30px 0 0px;
	height:302px;
}

#mainarea #event07 .text p{
	padding:20px 0px 0 25px;
}

#mainarea #event07 .text02{
	background: url(../img/event/bg08.jpg) no-repeat;
	height:200px;
}

#mainarea #event07 #event07_text01{
	padding:166px 0 0 0px;
	width:375px;
	float:right;
	color:white;
	font-size:10px;
}

#continue{
	background: url(../img/bg09.jpg) no-repeat;
	text-align:right;
	margin:30px 0;
}

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

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



/*---------------------------------------------
 5 content/ナイター
---------------------------------------------*/
#mainarea #title_bg02{
	background: url(../img/night/mainbg.jpg) no-repeat;
	height:450px;
}

#mainarea #title_bg02 #midashi01{
	float:left;
	width:103px;
	margin:5px 0 0 20px;	
}

#mainarea #title_bg02 #midashi02{
	float:right;
	width:346px;
	margin:36px 15px 0 0px;
	color:white;
	font-weight:bold;
}

#mainarea .night{
	margin:30px 0 0 0px;	
}

#mainarea #night01_bg{
	background: url(../img/night/bg01.jpg) no-repeat;
	height:496px;
}

#mainarea #free{
	float:left;
	width:450px;
}

#mainarea .cruising{
	padding:20px 0 0 30px;	
}

#mainarea #night01_bg .text{
	float:right;
	width:450px;
	padding:375px 10px 0 0;
	font-weight:bold;
}

#mainarea #subbg01{
	background: url(../img/night/bg02.jpg) no-repeat;
	height:334px;
	width:950px;
}

#mainarea #subbg01 p{
	width:274px;
	padding:265px 5px 0 674px;
	font-size:10px;
	color:white;
}

#mainarea #night02_bg{
	background: url(../img/night/bg03.jpg) no-repeat;
	height:349px;
}

#mainarea #night02_bg .text{
	width:330px;
	padding:20px 0px 0 36px;
	font-weight:bold;
}

#mainarea #subbg02{
	background: url(../img/night/bg04.jpg) no-repeat;
	height:213px;
}

#mainarea #subbg02 p{
	width:370px;
	padding:174px 0 0 6px;
	font-size:10px;
	color:white;
}

#mainarea #night03_bg{
	background: url(../img/night/bg05.jpg) no-repeat;
	height:495px;
}

#mainarea #night03_bg #snow{
	float:right;
}

#mainarea #night03_bg .enjoy{
	float:left;
	padding:10px 0 0 70px;
}

#mainarea #night03_bg #night03_text{
	width:450px;
	padding:15px 0 0 10px;
	font-weight:bold;
}

#mainarea #night03_bg .text{
	width:330px;
	padding:20px 0px 0 36px;
	font-weight:bold;
}

#mainarea #subbg03{
	background: url(../img/night/bg06.jpg) no-repeat;
	height:455px;
}

#mainarea #subbg03 p{
	width: 370px;
	padding: 393px 5px 0 0px;
	font-size:10px;
	color: white;
	float: right;
}

#mainarea #night04_bg{
	background: url(../img/night/bg07.jpg) no-repeat;
	height:416px;
}

#mainarea #night04_bg .text{
	width:330px;
	padding:20px 0px 0 36px;
	font-weight:bold;
}

#mainarea #subbg04{
	background: url(../img/night/bg08.jpg) no-repeat;
	height:300px;
}

#mainarea #subbg04 p{
	width: 370px;
	padding: 261px 5px 0 0px;
	font-size:10px;
	color: white;
	float: right;
}

#mainarea #night05_bg{
	background: url(../img/night/bg09.jpg) no-repeat;
	height:480px;
}

#mainarea #night05_bg #attraction{
	float:right;

}

#mainarea #night05_bg #night05_text{
	padding: 292px 0 0 20px;
	width: 450px;
	float: left;
	font-weight: bold;
}

#mainarea #night05_bg .enjoy{
	padding: 10px 0 0 150px;
	float: left;
}

#mainarea #subbg05{
	background: url(../img/night/bg10.jpg) no-repeat;
	height:270px;
}

#mainarea #subbg05 p{
	width: 138px;
	padding: 144px 5px 0 0px;
	font-size:10px;
	color: white;
	float: right;
}

#mainarea #subbg06{
	background: url(../img/night/bg11.jpg) no-repeat;
	height:320px;
}

#mainarea #subbg06 p{
	width: 188px;
	padding: 192px 0px 0 5px;
	font-size:10px;
	color: white;
}

#continue01{
	background: url(../img/night/bg12.jpg) no-repeat;
	margin:30px 0;
	background-position:center;
}

#left{
	float:left;
}

#right{
	float:right;
}

/*---------------------------------------------
 5 content/ランチスポット
---------------------------------------------*/
#mainarea #title_bg03{
	background: url(../img/lunch/mainbg.jpg) no-repeat;
	height:450px;
}

#mainarea #title_bg03 #midashi01{
	float:left;
	width:103px;
	margin:5px 0 0 20px;	
}

#mainarea #title_bg03 #midashi02{
	float:right;
	margin:20px 0px 0 10px;
	color:white;
	font-weight:bold;
	width:677px;
}

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

#mainarea #lunch01_bg{
	background: url(../img/lunch/bg01.jpg) no-repeat;
	height:481px;
}

#mainarea #lunch01_bg #cook{
	float:left;
	padding:23px 20px 0 66px;
}

#mainarea .lunch{
	float:right;
}

#mainarea #lunch01_bg #lunch01_text{
	width:460px;
	float:right;
	padding:290px 10px 0 0px;
	font-weight: bold;
}

#mainarea #lunch_subbg01{
	background: url(../img/lunch/bg02.jpg) no-repeat;
	height:269px;
}

#mainarea #lunch_subbg01 p{
	width: 364px;
	padding: 218px 5px 0 0px;
	font-size:10px;
	color: white;
	float: right;
}
#mainarea #lunch_subbg02{
	background: url(../img/lunch/bg03.jpg) no-repeat;
	height:320px;
}
#mainarea #lunch_subbg02 p{
	width: 364px;
	padding:270px 0px 0 5px;
	font-size:10px;
	color: white;
}

#mainarea #lunch02_bg{
	background: url(../img/lunch/bg04.jpg) no-repeat;
	height:485px;
}

#mainarea #lunch02_bg #lounge{
	float:left;
	padding:0px 0px 0 108px;
}

#mainarea #lunch02_bg .text{
	width:460px;
	padding:2px 0px 0 5px;
	font-weight: bold;
}
#mainarea #lunch_subbg03{
	background: url(../img/lunch/bg05.jpg) no-repeat;
	height:265px;
}
#mainarea #lunch_subbg03 p{
	width: 368px;
	padding:215px 0px 0 5px;
	font-size:10px;
	color: white;
	float: right;
}

#mainarea #lunch03_bg{
	background: url(../img/lunch/bg06.jpg) no-repeat;
	height:390px;
}

#mainarea #lunch03_bg #cafe{
	padding:1px 0px 0 1px;
}

#mainarea #lunch03_bg .text{
	padding:10px 0px 10px 20px;
	width:350px;
	font-weight: bold;
}

#mainarea #lunch_subbg04{
	background: url(../img/lunch/bg07.jpg) no-repeat;
	height:278px;
}
#mainarea #lunch_subbg04 p{
	width:460px;
	padding:240px 3px 0 0px;
	font-size: 12px;
	color: white;
}
#mainarea #lunch04_bg{
	background: url(../img/lunch/bg08.jpg) no-repeat;
	height:357px;
}

#mainarea #lunch04_bg #sweets{
	padding:1px 0px 0 0px;
	float: right;
}

#mainarea #lunch04_bg .text{
	padding:10px 0px 10px 20px;
	width:346px;
	font-weight: bold;
}
#mainarea #lunch_subbg05{
	background: url(../img/lunch/bg09.jpg) no-repeat;
	height:357px;
}
#mainarea #lunch_subbg05 p{
	width:380px;
	padding:318px 0px 0 5px;
	font-size: 12px;
	color: white;
}

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