@charset "utf-8";

/* 
 reset for smartphone
----------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
ul,li { list-style: none; }
a { /*display: block;*/ margin: 0; padding: 0; border: 0; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
hr{ border:none;margin: 0; padding: 0;}
input, select, button, textarea { margin: 0; vertical-align: middle; -webkit-appearance: none; }
*/h1, h2, h3, h4, h5, h6 { font-weight: bold; }
/*-- font --*/
html { height:100%; -webkit-text-size-adjust: 100%; }
body { width:100%; height:100%; background-color: #fff; background-image: url(../img/bg_rep.png); }
body * { font-size: 12px; line-height:1.8; font-family: ArialMT, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "TT-UDShinMGo-F-Droid-Regular", "TT-UDShinMGo-F-Droid-Regular", メイリオ, sans-serif; word-wrap: break-word;}
/*-- link --*/
a:link { color: #000;	text-decoration: none; }
a:visited { color: #000;	text-decoration: none; }
a:active { color: #999;	text-decoration: none; }
a:hover { color: #999;	text-decoration: underline; }

/* 
 common parts
--------------------------------------- */
.both{clear: both;}
.clearfix{ zoom:1; }
.clearfix:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }

/* 
 common style
--------------------------------------- */
.mr10 { margin-right:10px; }

/* ==================================================
   contents
================================================== */
#wrapper {
position: relative;
width: 100%;
min-height: 100%;
overflow: hidden;
}
.in {
	width:900px;
	margin:0 auto;
}
#cnt {
	width:840px;
	background-color:rgba(255,255,255,0.9);
	margin: 20px auto;
	padding:30px;
}
#cnt_top {
	width:840px;
	background-color:rgba(255,255,255,0.9);
	margin: 140px auto 20px;
	padding:30px;
}

/* 
 header
--------------------------------------- */
#bar {
	background-color:#000;
	width:100%;
	height:2px;
}
header {
	width:100%;
	height:40px;
	background-image: url(../img/bg_rep.png);
}
header h1 {
	margin-bottom:20px;
	padding-top: 2px;
	float:left;
}
header nav {
	width:405px;
	float:right;
}

/* 
 nav
--------------------- */
nav li a {
	float:left;
}
#n_top a {
	background-image: url(../img/n_top.png);
	height: 42px;
	width: 40px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_top a:hover {
	background-position: 0px 40px;
}
#n_about a {
	background-image: url(../img/n_about.png);
	height: 40px;
	width: 58px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_about a:hover {
	background-position: 0px 40px;
}
#n_menu a {
	background-image: url(../img/n_menu.png);
	height: 49px;
	width: 51px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_menu a:hover {
	background-position: 0px 40px;
}
#n_place a {
	background-image: url(../img/n_place.png);
	height: 40px;
	width: 56px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_place a:hover {
	background-position: 0px 40px;
}
#n_schedule a {
	background-image: url(../img/n_schedule.png);
	height: 40px;
	width: 75px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_schedule a:hover {
	background-position: 0px 40px;
}
#n_event a {
	background-image: url(../img/n_event.png);
	height: 40px;
	width: 57px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_event a:hover {
	background-position: 0px 40px;
}
#n_contact a {
	background-image: url(../img/n_contact.png);
	height: 40px;
	width: 66px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#n_contact a:hover {
	background-position: 0px 40px;
}


/* 
 bg_img
--------------------------------------- */
#slideshow {
 position:relative;
 width:100%;
 height:300px;
}
#slideshow li {
	position:absolute;
	height:300px;
	margin:0;
	padding:0;
	background-position:center top;
	background-repeat:no-repeat;
}




/* ==================================================
   Footer
================================================== */

footer {
	/*position:absolute; bottom:0; left:0;*/
	position:relative;
	width: 100%;
	height: auto;
	background-image: url(../img/bg_rep.png);
	text-align: center;
	margin-top:400px;
	border-top: solid 1px #000;
}
#footer {
	position:relative;
	width: 100%;
	height: auto;
	background-image: url(../img/bg_rep.png);
	text-align: center;
	border-top: solid 1px #000;
}
#footer_cnt {
	padding: 20px 0;
}
#footer_cnt #link {
	width:160px;
	float:left;
}
#footer_cnt #link .btn_sns {
	text-align:left;
	margin-bottom:0;
}
#footer_cnt #link li {
	text-align:left;
	margin-bottom:10px;
}
#footer_cnt #link li a {
	text-align:left;
	margin-bottom:10px;
}
#footer_cnt #fb {
	width:720px;
	float:right;
}
#footer_id {
	background-color:#000;
	padding: 10px 0;
}
#footer_id p {
font-size: 10px;
text-align: center;
color: #fff;
}
#footer_id p span {
	margin-right:10px;
	vertical-align:text-top;
}



/* ==================================================
   send
================================================== */
#send {
	text-align:center;
	margin:0 auto;
}