@charset "utf-8";

@import url("html5reset-1.6.1.css") ;

/* sprite #################################################################### */
header h1 a,
header ul#box-gnav li a,
header div#box-subnav ul#subnav li a,
header div#box-search,
header div#box-search div#search-area #srchbtn,
.cb-web,
.cb-img, 
.radius-top,
.radius-bottom,
.radius-top-w702,
.radius-bottom-w702,
.radius-top-max,
.radius-bottom-max,
span.prev a,
span.next a,
span.first a,
span.last a{
	background: url(../img/common/sprite_common.png) no-repeat;
}


/* header #################################################################### */
header#header{
	width: 1132px;
	height: 92px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/common/bg_content_top.png) no-repeat;
	background-position: bottom;
}

header h1{
	overflow: hidden;
	float: left;
	position: relative;
}
/* ヘッダ */
header h1 a{
	width: 215px;
	height: 72px;
	display: block;
	background-position: -702px -162px;
	text-indent: -9999px;
}

header h1 span{
	height: 13px;
	width: 15px;
	display: block;
	background: url(../img/common/logo_heart.gif);
	position: absolute;
	left: 43px;
	top: 35px;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
	header h1 span.rotate{
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}

/* Google翻訳 */
div#google_translate_element{
	position: absolute;
	border-radius: 0 0 10px 10px;
	top: 74px;
	right: 0;
}

div#box-search div.submit {
	width: auto !important;
	margin: 0 !important;
}

.goog-te-gadget-simple {
	background-color: #fff;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #d5d5d5;
	font-size: 10pt;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 2px;
	cursor: pointer;
	zoom: 1;
	background: white;
	border: none;
	padding: 5px;
	border-radius: 5px;
	overflow: hidden;
}


/* グローバルナビ */
header ul#box-gnav{
	width: 702px;
	height: 49px;
	overflow: hidden;
	float: left;
}

	header ul#box-gnav li{
		float: left;
	}

	header ul#box-gnav li a{
		height: 49px;
		display: block;
		text-indent: -9999px;
		background-position: 0 -98px;
	}

	header ul#box-gnav li.btn-home a{width: 175px;}
	header ul#box-gnav li.btn-kisekae a{background-position: -175px -98px; width: 175px;}
	header ul#box-gnav li.btn-park a{background-position: -350px -98px; width: 175px;}
	header ul#box-gnav li.btn-blog a{background-position: -525px -98px;  width: 177px;}

	header ul#box-gnav li.btn-home a:hover{background-position: 0 -147px; width: 175px;}
	header ul#box-gnav li.btn-kisekae a:hover{background-position: -175px -147px; width: 175px;}
	header ul#box-gnav li.btn-park a:hover{background-position: -350px -147px; width: 175px;}
	header ul#box-gnav li.btn-blog a:hover{background-position: -525px -147px;  width: 177px;}

/* サブメニュー */
header div#box-subnav{
	width: 215px;
	height: 72px;
	float: right;
	display: block;
}

	header div#box-subnav ul#subnav{
		width: 180px;
		height: 46px;
		display: block;
		margin: 13px 0 0 15px;
	}

	header div#box-subnav ul#subnav li{
		float: left;
		
	}

	header div#box-subnav ul#subnav li a{
		width: 87px;
		height: 19px;
		display: block;
		text-indent: -9999px;
		background-position: -702px -124px;
	}

	header div#box-subnav ul#subnav li.btn-download a{margin:0 6px 8px 0;}
	header div#box-subnav ul#subnav li.btn-invite a{background-position:-789px -124px; margin:0 0 8px;}
	header div#box-subnav ul#subnav li.btn-asobi a{background-position:-963px -124px;}
	header div#box-subnav ul#subnav li.btn-book a{background-position:-963px -124px;}
	header div#box-subnav ul#subnav li.btn-vote a{background-position:-876px -124px; margin:0 6px 0 0;}

	header div#box-subnav ul#subnav li.btn-download a:hover{background-position:-702px -143px; margin:0 6px 8px 0;}
	header div#box-subnav ul#subnav li.btn-invite a:hover{background-position:-789px -143px;}
	header div#box-subnav ul#subnav li.btn-asobi a:hover{background-position:-963px -143px;}
	header div#box-subnav ul#subnav li.btn-book a:hover{background-position:-963px -143px;}
	header div#box-subnav ul#subnav li.btn-vote a:hover{background-position:-876px -143px; margin:0 6px 0 0;}

/* 検索窓 */
header div#box-search{
	width: 702px;
	height: 44px;
	display: block;
	float: right;
	background-position: 0 -54px;
	position: relative;
}
	.snow{
		width: 100%;
		height: 12px;
		background: url(../img/common/snow.png) no-repeat;
		position: absolute;
		top: -4px;
	}

	header div#box-search div#search-area{
		width: 409px;
		margin: 8px auto 0;
		overflow: hidden;
	}
	
	header div#box-search div#search-area #srchtxt{
		width: 320px;
		height: 25px;
		border: none !important;
		float: left;
		background-position: 3% 50% !important;
		padding: 2px 10px !important;

		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.0588235) 1px 2px 0px 0px inset;
		-webkit-box-shadow:rgba(0, 0, 0, 0.0588235) 1px 2px 0px 0px inset;
		-moz-box-shadow:rgba(0, 0, 0, 0.0588235) 1px 2px 0px 0px inset;

		/* border-radius */
		border-radius: 8px 0px 0px 8px!important;
	}
	
	header div#box-search div#search-area #srchbtn{
		width: 63px;
		height: 29px;
		display: block;
		background-position: -1038px -54px !important;
		border: none;
		text-indent: -9999px;
		cursor: pointer;
		float: left;
	}
	
	header div#box-search div#search-area #srchbtn:hover{
		background-position: -1038px -83px !important;
	}

.switch{
	margin: 3px 16px 0 0;
	float: left;
	}

	.switch label{ cursor: pointer; }
	.switch input{ display: none; }
	
	.cb-web, .cb-img{
		text-indent: -9999px;	
	}
	
	.cb-web{
		width: 50px;
		height: 25px;
		display: block;
		background-position: -702px -308px;
		float: left; 	
	}
	
	.cb-web.selected{
		background-position: -702px -283px;
	}
	
	.cb-img{ 
		width: 50px;
		height: 25px;
		display: block;
		background-position: -752px -283px;
		float: left; 	
	}
	
	.cb-img.selected{
		background-position: -752px -308px;
	}
	
	
/* footer #################################################################### */
footer{
	height: 150px;
	width: 100%;
	background: url(../img/common/bg_footer.png) bottom repeat-x;
}

footer .content-area{
	width: 1132px;
	height: inherit;
	margin: 0 auto;
	position: relative;
}

footer .content-area .inner{
	padding-top: 75px;
	text-align: center;	
}

footer .content-area .inner p{
	color: #777777;
	font-size: 90%;	
}

footer .content-area .inner ul{
	width: 900px;
	overflow: hidden;
	margin: 0 auto 20px;	
}

footer .content-area .inner ul li{
	float: left;	
}

footer .content-area .inner a{
	text-decoration: none;
	padding: 0 10px;	
}


/* layout #################################################################### */
a:link, a:visited{
	color: #0f85d7;
}

a:hover{
	color: #53b4f7;	
}

html{
	width: 100%;
	height: 100%;
	/*background: url(../img/common/bg_winter.png) repeat-x #eff5f5;*/
	background: #8bd850;
	overflow-y:scroll;
}

body{
	min-width: 1132px;
	background: url(../img/common/bg_top.png) repeat-x;
	background-position: center top;
	font: 13px/1.5 arial,helvetica,clean,sans-serif;
	color: #555555;
	margin: 0 !important;
}

article#content-wrap{
	overflow: hidden;
	margin: 0 auto;
	width: 1092px;
	padding: 0 20px;
	background: url(../img/common/bg_content.png) repeat-y;
}

	article#content-wrap #main{
		background: #ffffff;
	}

	article#content-wrap #main .inner{
		margin: 0 auto;
		width: 1040px;
	}

div#box-g{
	position: relative;
	width: 1092px;
}

	div#box-g .links{
		display: block;
		text-align: right;
		margin: 0 15px 15px;
	}

	div#box-g .links a{
		margin-left: 20px;	
	}

	div#box-g .inner{
		overflow: hidden;	
	}

div p{
	margin-bottom: 1em;
}

/* style parts */
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}

.font-s{font-size: 80%;}
.font-m{font-size: 110%;}
.font-l{font-size: 130%;}
.font-xl{font-size: 150%;}

.font-b{font-weight: bold;}


/* main-left */
section#main-left{
	width: 180px;
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
}

/* main-center */
section#main-center{
	width: 702px;
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
}

/* main-center-only */
section#main-center-only{
	width: 702px;
	overflow: hidden;
	margin: 0 auto 30px;
}

/* main-right */
section#main-right{
	width: 180px;
	float: right;
	margin-bottom: 30px;
}

/* bn-main-footer */
#bn-main-footer{
	clear: both;
	text-align: center;
	padding: 10px 0;	
}

/* title */
.ttl-base{
	height: 28px;
	display: block;
	margin-bottom: 10px;
}

/* title-s */
.ttl-s-base{
	height: 21px;
	display: block;
	margin-bottom: 7px;
}

/* box-base */
.box-base{
	background: #ffffff;
	margin-bottom: 15px;
}
	.box-base .content-area{
		width: 160px;
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	.box-base .content-area-02{
		display: block;
		margin: 0 0 0 12px;
	}

/* 角丸 */
.radius-top{
	background-position: -917px -177px;
	width: 180px;
	height: 15px;
	display: block;
	overflow: hidden;	
}

.radius-bottom{
	background-position: -917px -162px;
	width: 180px;
	height: 15px;
	display: block;	
	overflow: hidden;	
}

.radius-top-w702{
	background-position: 0 -283px;
	width: 702px;
	height: 12px;
	display: block;	
	overflow: hidden;	
}

.radius-bottom-w702{
	background-position: 0 -256px;
	width: 702px;
	height: 12px;
	display: block;	
	overflow: hidden;	
}

.radius-top-max{
	background-position: 0 -268px;
	width: 1092px;
	height: 15px;
	display: block;	
	overflow: hidden;	
}

.radius-bottom-max{
	background-position: 0 -241px;
	width: 1092px;
	height: 15px;
	display: block;	
	overflow: hidden;	
}

/* social */
ul#social{
	width: 115px;
	margin: 0 auto;
	overflow: hidden;	
}

	ul#social li{
		float: left;
		margin-right: 5px;
		line-height: 0;
	}
	
	ul#social li.end{
		margin-right: 0;	
	}

	ul#social li a:hover{
		opacity: 0.65;
		filter: alpha(opacity=65);
	}
	
/* box-f */
div#box-f{
	width: 702px;
	background: #ffffff;
	overflow: hidden;
	padding-top: 15px;
	position: relative;
}

	div#box-f h3{
		width: 678px;
		height: 45px;
		display: block;
		margin: 0 auto 10px;
		background: url(../img/common/bg_h3.gif) no-repeat;
		background-position: 0 12px;
	}

/* box-f footer */
/*div#box-f-footer{
	clear: both;
	padding: 0 22px;
	overflow: hidden;
	margin-bottom: 15px;
}

	div#box-f-footer ul{
		float: left;
		text-align: center;
		padding-top: 3px;
	}

	div#box-f-footer ul li{
		display: block;
		float: left;
	}

	div#box-f-footer ul li a#opened{
		display: block;
		width: 20px;
		height: 20px;
		background-color: #1dc0ff;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}

	div#box-f-footer ul li a.closed{
		display: block;
		width: 20px;
		height: 20px;
		color: #393939;
	}

	div#box-f-footer ul li a.closed:hover{
		color: #999999;
	}

	a#btn-prev{
		width: 68px;
		height: 24px;
		display: block;
		float: left;
		margin-right: 15px;
		background-position: -970px -54px;
		text-indent: -9999px;
	}

	a#btn-prev:hover{	
		background-position: -970px -78px;
	}

	a#btn-next{
		width: 68px;
		height: 24px;
		display: block;
		float: left;
		margin-left: 15px;
		background-position: -702px -54px;
		text-indent: -9999px;
	}

	a#btn-next:hover{
		background-position: -702px -78px;
	}*/

/* box-f footer(new) */
div.box-f-footer{
	clear: both;
	padding: 0 22px;
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
}

	div.box-f-footer span{
		margin: 0 5px;
	}

	div.box-f-footer span.current{
		display: inline-block;
		width: 20px;
		height: 20px;
		text-align:center;
		border: 1px solid #1dc0ff;
		background: #ffffff;
		color: #1dc0ff;
		font-weight: bold;
		text-decoration: none;
	}

	div.box-f-footer span.box-number a{
		display: inline-block;
		width: 20px;
		height: 20px;
		text-align:center;
		background-color: #1dc0ff;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}

	div.box-f-footer span.box-number a:hover{
		background: #80dbff;	
	}

	div.box-f-footer span.prev a,
	div.box-f-footer span.first a,
	div.box-f-footer span.next a,
	div.box-f-footer span.last a{
		width: 48px;
		height: 24px;
		display: inline-block;
		text-indent: -9999px;
	}
	div.box-f-footer span.prev a{background-position: -970px -54px;}
	div.box-f-footer span.prev a:hover{background-position: -970px -78px;}

	div.box-f-footer span.first a{background-position: -985px -192px;}
	div.box-f-footer span.first a:hover{background-position: -985px -216px;}
	
	div.box-f-footer span.next a{background-position: -702px -54px;}
	div.box-f-footer span.next a:hover{background-position: -702px -78px;}

	div.box-f-footer span.last a{background-position: -917px -192px;}
	div.box-f-footer span.last a:hover{background-position: -917px -216px;}

textarea.template {
	display:none;
}

#content-btm{
	width: 1132px;
	height: 17px;
	margin: 0 auto;
	background: url(../img/common/bg_content_bottom.png) no-repeat;
}

/* error画面 #################################################################### */
div#box-f.box-default{
	width: auto;
	background: #ffffff;
	overflow: hidden;
	padding: 30px;
	position: relative;
}
	div#box-f.box-default h3 {
		width: auto;
		height: auto;
		background: none !important;
		margin: 0;
	{