@charset "utf-8";
/* CSS Document */

html{
/*	height:100%;*/
}

.pc {
	display:block !important;
}
.sp {
	display:none !important;
}
/* 改行を消す */
.br-sp {
	display:none;
}

body{
	font-size:0.75em;
/*	height:100%;*/
	background:#fff;
	color:#000;
font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

a:link,
a:visited{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

ul.m_list li a{

}

ul.m_list li a:hover{
	text-decoration:underline;
}

img{
	vertical-align: text-bottom;
}

img.bgmaximage{
  position:fixed !important;
}

#wrap{
/*	min-width:600px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;*/
}

#header{
/* 	height:80px; */
/*	background:#ffd073;
	background:#eee;
	padding:5px;*/
	margin-bottom:0;
/*  	border-top:1px solid #01bd96;
	background:url(../images/img_top.jpg) center bottom no-repeat;*/
}

.head_ares{
	width:650px;
	margin:5px auto 0;
	position:relative;
}


#wrap_content{
	position:relative;
/*   	border-top:1px solid #dfdfdf;
  	border-bottom:1px solid #dfdfdf; */
	background:url(../images/bg_about02.jpg) repeat;
}

#content{
padding-top:20px;
	position:relative;
/* 	padding:10px;
	 */
/* 	margin:20px auto 20px;
	  	width:100%;
	 *//* 	background:#f8fb92;
	border-radius:10px;
	 */}

#content a:link,
#content a:visited{
	text-decoration:underline;
}

.main_img{
	text-align:center;
	background:#fff;
	margin-bottom:20px;
}



.index{
}

.left_content{
	float:left;
	display:inline;
	width:510px;
}

.right_content{
	position:relative;
	float:right;
	display:inline;
	width:180px;
}


#navigation{
	position:relative;
	z-index:100;
	background:#606060;
	padding:4px 0 0;
	margin-bottom:10px
}

#navigation ul#menu{
	margin:0 auto 4px;
	width:650px;
	height:34px;
	border-left:1px dotted #e3f8f3;
}

#navigation ul#menu li{
	float:left;
	display:inline;
	width:110px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	background:;
	border-right:1px dotted #e3f8f3;
}

#navigation ul#menu li a,
#navigation ul#menu li a:visited{
	height:20px;
	line-height:20px;
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
/*	border-bottom:3px double #999;*/
	margin:2px 5px;
	border-radius:2px;
}

#navigation li a:hover,
.about #navigation li.menu01 a,
.introduce #navigation li.menu02 a,
.works #navigation li.menu03 a,
.favorite #navigation li.menu04 a,
.reserve_check #navigation li.menu04 a,
.create_id #navigation li.menu04 a,
.check #navigation li.menu04 a{
	background:#858585;
/* 	color:#02775f; */
/*	border-bottom:3px double #c90303;*/
}

#navigation li.menu04{
	margin-right:0;
}

#navigation ul#menu{
}



#sub_navigation,
#sub_navigation_b{
	display:none;
	position:relative;
	z-index:80;
	background:#858585;
	padding:4px 0;
	margin-bottom:4px;
}

#sub_navigation ul,
#sub_navigation_b ul{
	margin:0 auto;
	padding:4px;
	border-left:none;
}

/* #sub_navigation ul.sub01,
#sub_navigation_b ul.sub01{
	display:none;
	padding-left:55px;
	width:595px;
}
 */
#sub_navigation ul.sub01,
#sub_navigation_b ul.sub01{
	display:none;
	padding-left:136px;
	width:514px;
}

#sub_navigation ul.sub02,
#sub_navigation_b ul.sub02{
	display:none;
	padding-left:247px;
	width:403px;
}

#sub_navigation ul.sub03,
#sub_navigation_b ul.sub03{
	display:none;
	padding-left:358px;
	width:292px;
}

#sub_navigation ul li,
#sub_navigation_b ul li{
	color:#fff;
	float:left;
	display:list-item;
	width:auto;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	background:;
	border-right:none;
	list-style:disc inside;
	margin-right:1em;
}

#sub_navigation ul li a,
#sub_navigation_b ul li a,
#navigation ul li a:visited{
	color:#fff;
	text-decoration:none;
/*	border-bottom:3px double #999;*/
	margin:0;
	font-size:0.8em;
}

#sub_navigation ul li a:hover,
#sub_navigation_b ul li a:hover,
.about #sub_navigation li.menu01 a,
.introduce #sub_navigation li.menu02 a,
.works #sub_navigation li.menu03 a,
.facorite #sub_navigation li.menu04 a,
.reserve_check #sub_navigation li.menu04 a,
.create_id #sub_navigation li.menu04 a,
.check #sub_navigation li.menu04 a{
	color:#000;
/* 	color:#02775f; */
/*	border-bottom:3px double #c90303;*/
}

#sub_navigation li.menu04{
	margin-right:0;
}

#sub_navigation ul#menu{
}


#cont01,#cont02,#cont03,#cont04{
	padding-top:50px;
}

.favorite .main_img {
	margin-bottom:50px;
}

.favorite #cont01{
	background:url(../images/bg_top01.jpg) no-repeat;
}
.favorite #cont02{
	background:url(../images/bg_top02.jpg) no-repeat;
}
.favorite #cont03{
	background:url(../images/bg_top03.jpg) no-repeat;
}
.favorite #cont04{
	background:url(../images/bg_top04.jpg) no-repeat;
}

/* .introduce #cont01{
	background:url(../images/bg_about02.jpg) repeat;
} */


.introduce span.desc {
    display: inline-block;
    margin-right: 1em;
    text-align: left;
    width: 7em;
}


.introduce span {
    display: inline-block;
    margin-right: 1em;
    text-align: left;
    width: 9em;
}

.introduce  ul {
    list-style: outside none none;
    margin-bottom: 0px;
line-height: 1.5em;
}



#footer{
/*	border-top:1px dashed #999;*/
	padding:5px;
  	border-top:1px solid #606060;
	width:650px;
	margin:30px auto 0;
/*	background:#ffd073;
	background:#999;*/
}

#copy{
	line-height:30px;
	text-align:right;
}

h1{
/*  	width:500px;
	margin:0 auto;*/
  	background:#606060;
  	height:1.5em;
  	line-height:1.5em;
  	padding:0 10px;
  	color:#fff;
  	font-size:0.7em;
}

h1 a:link, 
h1 a:hover, 
h1 a:visited{
	color:#fff;
	text-decoration:none;
}

/*h2{
	font-size:1.3em;
	font-weight:bold;
	padding:1px 0 3px 18px;
	margin-bottom:10px;
	border-bottom:3px double #999;
	line-height:14px;
	width:250px;
	background:url('../images/icon_bord2.png') no-repeat 2px 0;
	position:relative;
}

span.cap{
	font-size:0.65em;
	position:absolute;
	right:5px;
	bottom:0px;
}

h3{
	font-size:1.1em;
	margin-bottom:10px;
	padding:1px 0 3px 21px;
	border-bottom:1px solid #999;
	background:url('../images/icon_bord.png') no-repeat 2px 0;
	line-height:14px;
	position:relative;
	font-weight:bold;
}

h4{
	line-height:1.2em;
	font-size:1.2em;
	font-weight:bold;
	margin-left:5px;
	margin-bottom:6px;
	padding:0 0 1px 3px;
	border-left:7px solid #c90303;
}*/

.article{
/*	border:1px dashed #eee;
	border-radius:3px;*/
	width:650px;
/* 	padding:10px;	 */
	margin:0 auto;
	padding-bottom:20px;
/* 	background-color: rgba(230,230,230,0.2);
	border-radius:5px; */
}

.txt_area{
	padding:0 10px;
	margin-bottom:10px;
	clear:both;
/*	padding:10px;
	background-color: rgba(255,255,255,0.3);
	border-radius:5px;	*/
}

.txt_area p{
	/* margin-bottom:5px; */
/*	padding:10px;
	background-color: rgba(255,255,255,0.3);
	border-radius:5px;	*/
}

.txt_area .a_right{
	text-align:right;
}



.news_top{
	position:absolute;
	top:10px;
	right:10px;
	width:250px;
	padding:10px;
	border:1px dashed #ccc;
	background-color: rgba(255,255,255,0.2);
	margin-bottom:10px;
	line-height:1.25em;
}

.news_top h2{
	font-size:1.1em;
	margin-bottom:10px;
	padding:1px 0 3px 20px;
	border-bottom:1px solid #999;
	line-height:14px;
	background:url('../images/icon_bord.png') no-repeat 2px 0;
	text-align:left;
	width:230px;
}

.news_top dt,
.news dt{
	float:left;
	text-indent:5px;
	margin-right:1em;
	vertical-align:top;
	display:inline-block;
    *display: inline;
    *zoom: 1;
	clear:both;
/*	background:#666;*/
}

.news_top dd,
.news dd{
/*	background:#ccc;*/
	float:left;
	vertical-align:top;
	display:inline-block;
	width:150px;
    *display: inline;
    *zoom: 1; 
text-align: justify;
text-justify:distribute;
	margin-bottom:5px;
}

.news dd{
	width:370px;
}

.bbs dd{
	border-bottom:1px dotted #999;
	padding-bottom:5px;
	margin-bottom:5px;
}

.txt_r{
	text-align:right;
	clear:both;
}

.bcrumb{
	font-size:0.9em;
	margin:0 5px;
}

ul.m_list li{
	line-height:14px;
	padding:1px 0 8px 18px;
	background:url('../images/icon_bord2.png') no-repeat 2px 0;
}

ul.m_list li a{
	color:#880000;
}

ul.m_list li a:hover{
	text-decoration:underline;
}

ul.s_list{
	margin:0 1em 5px;
	padding:8px;
	border:1px dotted #999;
}

ul.s_list li{
	line-height:17px;
	padding:0 0 5px 18px;
	background:url('../images/icon_bord2.png') no-repeat 2px 0;
	font-weight:bold;
}


/* news BBS */
#news,
#BBS{
}

input#name{
	display:inline-block;
	border:1px solid #eee;
	margin-bottom:5px;
	padding:5px;
}

textarea#message{
	display:block;
	width:470px;
	padding:5px;
	margin:0 auto 5px;
	border:1px solid #eee;
}

#container{
	width:480px;
	margin:0 auto 10px;
	text-align:center;
}

.f_btn{
	width:480px;
	margin:0 auto 10px;
	text-align:center;
}


.r_link{
	float:right;
	font-size:0.9em;
	text-align:left;
	clear:both;
}

.r_link a{
	display:block;
	padding:2px 5px;
	background:#de3636;
	color:#fff;
	border-radius:5px;
	text-decoration:none !important;
}

.r_link a:hover{
	display:block;
	background:#eb7b7b;
}

.r_top{
	font-size:0.9em;
	text-align:center;
	width:80px;
	margin:0 10px 0 auto;
	clear:both;
}

.r_top a{
	display:block;
	width:80px;
	padding:2px 5px;
	background:#eb7b7b;
	color:#fff;
	border-radius:5px;
}

.r_top a:hover{
	display:block;
	background:#de3636;
}


#scrollUp {
    background: url("../images/top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10px;
    height: 38px;
    right: 10px;
    width: 38px;
}

.pd0{
	padding-bottom:0 !important;
}

/* 予約フォーム */
h2{
	text-align:center;
	background:#fff;
	margin-bottom:20px;
/* 	color:#fff;
	text-indent:5px;
	height:2em;
	line-height:2em;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:10px;
	border-left:10px solid #b7e5b7; */
}

h3{
	font-size:1.3em;
	height:1.75em;
	line-height:1.75em;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}

h4{
	font-size:1.1em;
	height:1.75em;
	line-height:1.75em;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}


dl{
	font-size:0.75em;
	width:270px;
	padding-left:5px;
}

dl dt,
dl dd{
	line-height2em;
}

dl dd{
	padding-left:1em;
	padding-bottom:3px;
	border-bottom:1px dotted #999999;
}

textarea{
	width:294px;
	border:3px double #999;
	margin-bottom:5px;
}

.ttl{
	width:10em;
	text-align:left;
	display:inline-block;
}

input{
	margin-bottom:2px;
}

#name,
#team{
	width:240px;
	margin-bottom:5px;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

#content form,
#content .txt_area{
	position:relative;
	padding:15px;
	background:#fff;
	border-radius:10px;
	margin-bottom:10px;
}

#content .txt_area_r{
width:460px;
float:right;
	position:relative;
	padding:15px;
	background:#fff;
	border-radius:10px;
	margin-bottom:10px;
}

#content .txt_area_l{
width:460px;
float:left;
	position:relative;
	padding:15px;
	background:#fff;
	border-radius:10px;
	margin-bottom:10px;
}

input.submit{
	display:inline-block;
	border:0;
	color:#fff;
	background:#01bd96;
	margin-right:1em;
	width:100px;
}

input.submit:hover{
	color:#fff;
/*	font-weight:bold;*/
	background:#ff9500;
}


table{
	margin-bottom:5px;
	width:100%;
}

table th,
table td{
	padding:3px;
}

.ttl_td{
	width:130px;
}

p{
	line-height:1.5em;
 	margin-bottom:1em;
}

.red{
	color:#ff0000;
}

.container{
	margin-bottom:10px;
}

ul{
	list-style:circle inside;
	margin-bottom:20px;
}

.link{
	margin-bottom:10px;	
}

.datetime tr{
	border-bottom:1px solid #999;
}

.datetime tr.b_line{
	border-bottom:3px double #999;
}

.c_btn{
	width:2em;
	text-align:center;	
}

.rem{
	width:3em;
	text-align:center;
}

#r_name{
	width:290px;
	padding:2px;
}

.img_icon{
	text-align:center;
	margin-bottom:10px;
}

.attention{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.7em;
}

.img_s_l{
	width:150px;
	float:left;
	margin-top:10px;
}

.img_s_r{
	width:150px;
	float:right;
	margin-top:10px;
}

.img_s_l p,
.img_s_r p{
	padding:3px;
	margin-bottom:0;
	background:#fff;
	color:#999;
}


.mb0{
	margin-bottom:0 !important;
}

.mb1em{
	margin-bottom:1em !important;
}

.mb20{
	margin-bottom:20px !important;
}


.works ol {
	padding-left:1.5em;
	list-style:inside decimal;
	margin-bottom:1em;
}



/* スマホ用 */
@media screen and (max-width:640px) {

	.pc {
		display:none !important;
	}
	.sp {
		display:inline-block !important;
	}
	/* 改行を復活 */
	.br-sp {
		display:inline;
	}

h2 img,
.main_img img{
	width:100% !important;
	height:100% !important;
}

body{
	font-size:0.8em;
}

img{
	vertical-align: text-bottom;
}

img.bgmaximage{
  position:fixed !important;
}

.head_ares{
	width:100%;
	margin:5px auto 0;
	position:relative;
}

.head_ares img{
	width:60% !important;
	margin-left:0.5em;
}



#wrap_content{
	position:relative;
	background:url(../images/bg_about02.jpg) repeat;
}

#content{
padding-top:0.5em;
	position:relative;
}

#content a:link,
#content a:visited{
	text-decoration:underline;
}

.main_img{
	text-align:center;
	background:#fff;
	margin-bottom:0.5em;
}

.left_content{
	float:none;
	display:block;
	width:100%;
	/* text-align:center; */
}

.right_content{
	float:none;
	display:block;
	width:100%;
}


#navigation{
	position:relative;
	z-index:100;
	background:#606060;
	padding:4px 0 0;
	margin-bottom:10px
}

#navigation ul#menu{
	margin:0 auto 4px;
	width:100%;
	height:34px;
	border-left:none;
}

#navigation ul#menu li{
	float:left;
	display:inline;
	width:25%;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	background:;
	border-right:none;
}

#navigation ul#menu li a,
#navigation ul#menu li a:visited{
	height:20px;
	line-height:20px;
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
/*	border-bottom:3px double #999;*/
	margin:2px 5px;
	border-radius:2px;
}

#navigation li a:hover,
.about #navigation li.menu01 a,
.introduce #navigation li.menu02 a,
.works #navigation li.menu03 a,
.favorite #navigation li.menu04 a,
.reserve_check #navigation li.menu04 a,
.create_id #navigation li.menu04 a,
.check #navigation li.menu04 a{
	background:#858585;
/* 	color:#02775f; */
/*	border-bottom:3px double #c90303;*/
}

#navigation li.menu04{
	margin-right:0;
}

#navigation ul#menu{
}



#sub_navigation,
#sub_navigation_b{
	display:none;
	position:relative;
	z-index:80;
	background:#858585;
	padding:4px 0;
	margin-bottom:4px;
}

#sub_navigation ul,
#sub_navigation_b ul{
	margin:0 auto;
	padding:4px;
	border-left:none;
}

/* #sub_navigation ul.sub01,
#sub_navigation_b ul.sub01{
	display:none;
	padding-left:55px;
	width:595px;
}
 */
#sub_navigation ul.sub01,
#sub_navigation_b ul.sub01{
	display:none;
	padding-left:136px;
	width:514px;
}

#sub_navigation ul.sub02,
#sub_navigation_b ul.sub02{
	display:none;
	padding-left:247px;
	width:403px;
}

#sub_navigation ul.sub03,
#sub_navigation_b ul.sub03{
	display:none;
	padding-left:358px;
	width:292px;
}

#sub_navigation ul li,
#sub_navigation_b ul li{
	color:#fff;
	float:left;
	display:list-item;
	width:auto;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	background:;
	border-right:none;
	list-style:disc inside;
	margin-right:1em;
}

#sub_navigation ul li a,
#sub_navigation_b ul li a,
#navigation ul li a:visited{
	color:#fff;
	text-decoration:none;
/*	border-bottom:3px double #999;*/
	margin:0;
}

#sub_navigation ul li a:hover,
#sub_navigation_b ul li a:hover,
.about #sub_navigation li.menu01 a,
.introduce #sub_navigation li.menu02 a,
.works #sub_navigation li.menu03 a,
.facorite #sub_navigation li.menu04 a,
.reserve_check #sub_navigation li.menu04 a,
.create_id #sub_navigation li.menu04 a,
.check #sub_navigation li.menu04 a{
	color:#000;
/* 	color:#02775f; */
/*	border-bottom:3px double #c90303;*/
}

#sub_navigation li.menu04{
	margin-right:0;
}

#sub_navigation ul#menu{
}


#cont01,#cont02,#cont03,#cont04{
	padding-top:50px;
}

.favorite .main_img {
	margin-bottom:50px;
}

.favorite #cont01{
	background:url(../images/bg_top01_sp.jpg) no-repeat;
	background-size:cover;
}
.favorite #cont02{
	background:url(../images/bg_top02_sp.jpg) no-repeat;
	background-size:cover;
}
.favorite #cont03{
	background:url(../images/bg_top03_sp.jpg) no-repeat;
	background-size:cover;
}
.favorite #cont04{
	background:url(../images/bg_top04_sp.jpg) no-repeat;
	background-size:cover;
}

/* .introduce #cont01{
	background:url(../images/bg_about02.jpg) repeat;
} */


.introduce span.desc {
    display: inline-block;
    margin-right: 1em;
    text-align: left;
    width: 7em;
}


.introduce span {
    display: inline-block;
    margin-right: 1em;
    text-align: left;
    width: 7em;
}

.introduce  ul {
    list-style: outside none none;
    margin-bottom: 0px;
line-height: 1.5em;
}



#footer{
/*	border-top:1px dashed #999;*/
	padding:0;
  	border-top:1px solid #606060;
	width:100%;
	margin:30px auto 0;
/*	background:#ffd073;
	background:#999;*/
}

#copy{
	font-size:0.9em;
	line-height:30px;
	text-align:center;
}

h1{
/*  	width:500px;
	margin:0 auto;*/
  	background:#606060;
  	height:1.5em;
  	line-height:1.5em;
  	padding:0 10px;
  	color:#fff;
  	font-size:0.7em;
}

h1 a:link, 
h1 a:hover, 
h1 a:visited{
	color:#fff;
	text-decoration:none;
}

/*h2{
	font-size:1.3em;
	font-weight:bold;
	padding:1px 0 3px 18px;
	margin-bottom:10px;
	border-bottom:3px double #999;
	line-height:14px;
	width:250px;
	background:url('../images/icon_bord2.png') no-repeat 2px 0;
	position:relative;
}

span.cap{
	font-size:0.65em;
	position:absolute;
	right:5px;
	bottom:0px;
}

h3{
	font-size:1.1em;
	margin-bottom:10px;
	padding:1px 0 3px 21px;
	border-bottom:1px solid #999;
	background:url('../images/icon_bord.png') no-repeat 2px 0;
	line-height:14px;
	position:relative;
	font-weight:bold;
}

h4{
	line-height:1.2em;
	font-size:1.2em;
	font-weight:bold;
	margin-left:5px;
	margin-bottom:6px;
	padding:0 0 1px 3px;
	border-left:7px solid #c90303;
}*/

.article{
/*	border:1px dashed #eee;
	border-radius:3px;*/
	width:100%;
/* 	padding:10px;	 */
	margin:0 auto;
	padding-bottom:1em;
/* 	background-color: rgba(230,230,230,0.2);
	border-radius:5px; */
}

.txt_area{
	padding:0 10px;
	margin-bottom:10px;
	clear:both;
/*	padding:10px;
	background-color: rgba(255,255,255,0.3);
	border-radius:5px;	*/
}

.txt_area p{
	/* margin-bottom:5px; */
/*	padding:10px;
	background-color: rgba(255,255,255,0.3);
	border-radius:5px;	*/
}

.txt_area .a_right{
	text-align:right;
}



.news_top{
	position:absolute;
	top:10px;
	right:10px;
	width:250px;
	padding:10px;
	border:1px dashed #ccc;
	background-color: rgba(255,255,255,0.2);
	margin-bottom:10px;
	line-height:1.25em;
}

.news_top h2{
	font-size:1.1em;
	margin-bottom:10px;
	padding:1px 0 3px 20px;
	border-bottom:1px solid #999;
	line-height:14px;
	background:url('../images/icon_bord.png') no-repeat 2px 0;
	text-align:left;
	width:230px;
}

.news_top dt,
.news dt{
	float:left;
	text-indent:5px;
	margin-right:1em;
	vertical-align:top;
	display:inline-block;
    *display: inline;
    *zoom: 1;
	clear:both;
/*	background:#666;*/
}

.news_top dd,
.news dd{
/*	background:#ccc;*/
	float:left;
	vertical-align:top;
	display:inline-block;
	width:150px;
    *display: inline;
    *zoom: 1; 
text-align: justify;
text-justify:distribute;
	margin-bottom:5px;
}

.news dd{
	width:370px;
}

.bbs dd{
	border-bottom:1px dotted #999;
	padding-bottom:5px;
	margin-bottom:5px;
}

.txt_r{
	text-align:right;
	clear:both;
}

.bcrumb{
	font-size:0.9em;
	margin:0 5px;
}

ul.m_list li{
	line-height:14px;
	padding:1px 0 8px 18px;
	background:url('../images/icon_bord2.png') no-repeat 2px 0;
}

ul.m_list li a{
	color:#880000;
}

ul.m_list li a:hover{
	text-decoration:underline;
}

ul.s_list{
	margin:0 1em 5px;
	padding:8px;
	border:1px dotted #999;
}

ul.s_list li{
	line-height:17px;
	padding:0 0 5px 18px;
	background:url('../images/icon_bord2.png') no-repeat 2px 0;
	font-weight:bold;
}


/* news BBS */
#news,
#BBS{
}

input#name{
	display:inline-block;
	border:1px solid #eee;
	margin-bottom:5px;
	padding:5px;
}

textarea#message{
	display:block;
	width:470px;
	padding:5px;
	margin:0 auto 5px;
	border:1px solid #eee;
}

#container{
	width:480px;
	margin:0 auto 10px;
	text-align:center;
}

.f_btn{
	width:480px;
	margin:0 auto 10px;
	text-align:center;
}


.r_link{
	float:right;
	font-size:0.9em;
	text-align:left;
	clear:both;
}

.r_link a{
	display:block;
	padding:2px 5px;
	background:#de3636;
	color:#fff;
	border-radius:5px;
	text-decoration:none !important;
}

.r_link a:hover{
	display:block;
	background:#eb7b7b;
}

.r_top{
	font-size:0.9em;
	text-align:center;
	width:80px;
	margin:0 10px 0 auto;
	clear:both;
}

.r_top a{
	display:block;
	width:80px;
	padding:2px 5px;
	background:#eb7b7b;
	color:#fff;
	border-radius:5px;
}

.r_top a:hover{
	display:block;
	background:#de3636;
}


#scrollUp {
    background: url("../images/top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10px;
    height: 38px;
    right: 10px;
    width: 38px;
}

.pd0{
	padding-bottom:0 !important;
}

/* 予約フォーム */
h2{
	text-align:center;
	background:#fff;
	margin-bottom:0.5em;
/* 	color:#fff;
	text-indent:5px;
	height:2em;
	line-height:2em;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:10px;
	border-left:10px solid #b7e5b7; */
}

h3{
	font-size:1em;
	height:1.75em;
	line-height:1.75em;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}

h4{
	font-size:1.1em;
	height:1.75em;
	line-height:1.75em;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}


dl{
	font-size:0.75em;
	width:270px;
	padding-left:5px;
}

dl dt,
dl dd{
	line-height2em;
}

dl dd{
	padding-left:1em;
	padding-bottom:3px;
	border-bottom:1px dotted #999999;
}

textarea{
	width:294px;
	border:3px double #999;
	margin-bottom:5px;
}

.ttl{
	width:10em;
	text-align:left;
	display:inline-block;
}

input{
	margin-bottom:2px;
}

#name,
#team{
	width:240px;
	margin-bottom:5px;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

#content form,
#content .txt_area{
	position:relative;
	padding:2%;
	background:#fff;
	border-radius:1em;
	margin-bottom:0.5em;
}

#content .txt_area_r{
width:95%;
float:none;
	position:relative;
	padding:2%;
	background:#fff;
	border-radius:1em;
	margin:0 auto 0.5em;
}

#content .txt_area_l{
width:95%;
float:none;
	position:relative;
	padding:2%;
	background:#fff;
	border-radius:1em;
	margin:0 auto 0.5em;
}

input.submit{
	display:inline-block;
	border:0;
	color:#fff;
	background:#01bd96;
	margin-right:1em;
	width:100px;
}

input.submit:hover{
	color:#fff;
/*	font-weight:bold;*/
	background:#ff9500;
}


table{
	margin-bottom:5px;
	width:100%;
}

table th,
table td{
	padding:3px;
}

.ttl_td{
	width:130px;
}

p{
	line-height:1.5em;
 	margin-bottom:1em;
}

.red{
	color:#ff0000;
}

.container{
	margin-bottom:10px;
}

ul{
	list-style:circle inside;
	margin-bottom:20px;
}

.link{
	margin-bottom:10px;	
}

.datetime tr{
	border-bottom:1px solid #999;
}

.datetime tr.b_line{
	border-bottom:3px double #999;
}

.c_btn{
	width:2em;
	text-align:center;	
}

.rem{
	width:3em;
	text-align:center;
}

#r_name{
	width:290px;
	padding:2px;
}





.img_icon{
	text-align:center;
	margin-bottom:10px;
}

.attention{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.7em;
}

.img_s_l{
	display:block;
	width:40% !important;
	height:40% !important;
	float:none;
	margin:0 auto 0.5em;
}

.img_s_r{
	display:block;
	width:40% !important;
	height:40% !important;
	float:none;
	margin:0 auto 0.5em;
}

/* .img_s_l img,
.img_s_r img{
	width:50% !important;
} */



.img_s_l p,
.img_s_r p{
	padding:3px;
	margin-bottom:0;
	background:#fff;
	color:#999;
}


.mb0{
	margin-bottom:0 !important;
}

.mb1em{
	margin-bottom:1em !important;
}

.mb20{
	margin-bottom:0.5em !important;
}


.works ol {
	padding-left:1.5em;
	list-style:inside decimal;
	margin-bottom:1em;
}

.txt_area_r img{
	width:80% !important;
	height:80% !important;
}


}

/*clearfix
-----*/
.clearfix:after {  
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}  
  
.clearfix { display: inline-table;
  zoom:1; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */