@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
td {
	font-size: 85%;
	}
th {
	font-size: 90%;
	}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:80%/1.6 "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
}
li {
	list-style		: none;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* スマホとタブレットのみ改行
---------------------------------*/
.br-sp{
	display:none;
}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#314561;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#225396;
}


.bold{
	font-weight:bold;
}

.underbar{
	text-decoration:underline;
}

/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}



.thumb p a:hover, a:active
{

}


/* ギャラリーページ写真の白枠
------------------------------------------------------------*/
div#gallery a img{
  padding:2px; /*白枠の幅*/
  background-color:#FFFFFF; /*白枠の色（白）*/
  box-shadow:1px 1px 2px 1px #CCCCCC; /*影*/
  border-radius:1px;
  margin:5px;
  
  
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}


div#gallery img:hover {
  padding:2px; /*白枠の幅*/
  background-color:#FFFFFF; /*白枠の色（白）*/
  box-shadow:0px 1px 1px 1px #CCCCCC; /*影*/
  border-radius:1px;
  
	-webkit-transform: scale(1.11);
	transform: scale(1.11);
}



/* パンくずリンク設定
------------------------------------------------------------*/
p.topicpath{
	padding:0px 0 0 20px;
	font-size:85%;
	margin-top:2px;
	margin-bottom:-20px;
}
p.topicpath a:hover, p.topicpath a:active{
	text-decoration	: underline;
}



/* フォーム
------------------------------------------------------------*/
input[type="text"],input[type="tel"],input[type="email"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}
input[type="text"].txt5{
vertical-align:middle;
max-width:300%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #4f4d4d;
background: -moz-linear-gradient(top, #4f4d4d 0%, #2e2c2c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4d4d), color-stop(100%,#2e2c2c));
background: -webkit-linear-gradient(top, #4f4d4d 0%,#2e2c2c 100%);
background: -o-linear-gradient(top, #4f4d4d 0%,#2e2c2c 100%);
background: -ms-linear-gradient(top, #4f4d4d 0%,#2e2c2c 100%);
background: linear-gradient(to bottom, #4f4d4d 0%,#2e2c2c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4d4d', endColorstr='#2e2c2c',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #4f4d4d;
background: -moz-linear-gradient(top, #2e2c2c 0%, #4f4d4d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2c2c), color-stop(100%,#4f4d4d));
background: -webkit-linear-gradient(top, #2e2c2c 0%,#4f4d4d 100%);
background: -o-linear-gradient(top, #2e2c2c 0%,#4f4d4d 100%);
background: -ms-linear-gradient(top, #2e2c2c 0%,#4f4d4d 100%);
background: linear-gradient(to bottom, #2e2c2c 0%,#4f4d4d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2c2c', endColorstr='#4f4d4d',GradientType=0 );
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

*:first-child+html input[type="submit"]{padding:3px;}


/* 送信ボタン 縦方向に15px、横方向に40px
------------------------------------------------------------*/
#submit_button{
    padding: 15px 40px;
	margin-top:15px;
	
}
input.nameBtn{
	line-height:30px;
	margin-bottom:5px;
	margin-top:5px;
	
}
dt.nameBtn{
	margin-bottom:0px;
	margin-top:10px;
	
}
.rsvBtn{
	margin:0 auto 0;
	text-align:center;
}




/* レイアウト
------------------------------------------------------------*/

#wrapper{
	margin :0 auto 25px;
	width :1024px;
	overflow :hidden;
	clear:both;
}
.inner{
	margin:0 auto 10px;
	width:1024px;
}


#header,#mainNav{background:#fff;}

#header{overflow:hidden;}

#content{
float:right;
width:1024px;
padding:10px 0;
}

#sidebar{
float:left;
width:265px;
padding:30px 0;
}
.careful{
	margin-top:15px;
	margin-left:7px;
}
.careful dt{
	padding-bottom:4px;
}


#formMail{
width:500px;
padding:10px 0;
margin:0 auto;
text-align:left;
clear:both;
}

#formMail dt{
	font-size:120%;
}
#formMail h3{
	font-size:150%;
	margin-top:30px;
	margin-bottom:10px;
	padding-bottom:10px;
}

.red{
	color:#FC0004;
}
.ss{
	font-size:65%;
}
.txtFm{
	text-align:left;
	margin:20px auto 30px;
	width:500px;
}

.nonePC{}





#reservationpage p{
	padding-top:30px;
	width:95%;
	height:auto;
}
p.txt1{
	text-align:center;
	padding-bottom:40px;
	width:100%;
	margin:0 auto;
}
					


#footer{
clear:both;
padding-top:15px;
border-top:1px dotted #ccc;
width:100%;
} 



#footer div.inner ul {
	text-align:right;
}



p.footerTxt{
	font-size:75%;
	clear:both;
	float:none;
	margin:10px auto 0px;
	
}
p.address{
	font-size:75%;
	clear:both;
	float:none;
	margin:0px auto 30px;
	/*-
	text-shadow:-1px -1px 0px #fff,0px 1px 1px #D5D5D5;
	*/
	
}


.address img{
	vertical-align: sub;
	
}



.line-through{
	text-decoration : line-through;
}


/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-right:60px;
color: #3c2f13;
font-size:100%;
font-weight:normal;
float: right;
width:800px;
line-height:30px;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}


/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:220px 0 0 0;
	margin-left:40px;
	}


/* コンタクトインフォメーション
----------------------------------*/




#telInfo p.tel{background:url(../img/base/tel.jpg) no-repeat 0 4px;font-size:16px;}




#telInfo p.address{background-image:url(../img/base/address.png);}


img.flow{
	width:100%;
}



/* メイン画像の電話
----------------------------------*/
.topTelBg{
	background:url(../img/base/topTelBg.png) top right;
	background-repeat:no-repeat;
	width:288px;
	height:127px;
	float:right;
	margin-left:-50px;
	margin-right:13px;
	margin-top:-5px;
}

 body#toppage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/mainImgBg.jpg) 0 0 no-repeat;
	margin:10px auto 0;
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/information/mainImgBg.jpg) 0 0 no-repeat;
	margin:10px auto 0;
}

/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/gallery/mainImgBg.jpg) 0 0 no-repeat;
	margin:10px auto 0;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/access/mainImgBg.jpg) 0 0 no-repeat;
	margin:10px auto 0;
}

div.topTelBg p.tel1{
white-space: nowrap;
	font-weight:bold;
	color:#FFF;
	padding:47px 0 20px 60px;
	font-size:150%;
	width:100%;
}
div.topTelBg p.tel1 a{
	color:#FFF;
}

div.topTelBg p.tel2{
white-space: nowrap;
	font-weight:bold;
	color:#FFF;
	padding:15px 0 0 0;
	font-size:120%;
	width:100%;
}

div.topTelBg p.tel2 a{
	color:#FFF;
}
	
div.topTelBg p.tel3{
white-space: nowrap;
	font-weight:bold;
	color:#FFF;
	padding:24px 0 0 0;
	font-size:120%;
	width:100%;
}

div.topTelBg p.tel3 a{
	color:#FFF;
}



/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
background-image:url(../img/main_bg.png);
z-index:0;
padding-top:3px;
padding-left:0px;
clear:both;
float:none;
}

	
	
/* トップページ　切り替わり画像　PCでは非表示
------------------------------------------------------------*/
body#toppage ul.bxslider{
	margin:0 auto;
	display:none;
	}
body#toppage .bxslider{
	margin:0 auto;
	display:none;
	}
	
body#toppage .bx-wrapper{
	display:none;
	}
body#toppage .bxslider a{
	margin:0 auto;
	display:none;
	}
body#toppage bx-pager-item a{
	margin:0 auto;
	display:none;
	}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:none;
}

	
/* トップページ ナビ
------------------------------------------------------------*/
.thumbWrap{
width:1024px;
margin-right:-20px;
}

.thumbWrap li{
float:left;
width: 190px;
margin:0 5px 0 0;
padding:2px 0 40px;
background:none;
}

/* サービスメニューリンク */
ul.thumb h3{
margin-top:10px;
padding:1px;
font-weight:normal;
font-size:100%;
text-align:center;
background:#fff;
border:1px solid #bcbcbc;
}

ul.thumb h3 span{
display:block;
padding:2px 3px;
background:#ececec;
}

ul.thumb h3:hover{background:#f3f3f3;}

ul.thumb h3:hover span{background:#fff;}







/* トップページ ヘッダーナビゲーションボタン5
------------------------------------------------------------*/

nav {
width:1024px;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
clear:both;
margin:0 auto;
text-align:center;
}




.headerThumbWrap li{
float:left;
width: 190px;
margin:0 12px 0 0;
padding:10px 0 20px;
background:none;
}


/* 最新記事リンク */
ul.headerThumb h3{
margin-top:10px;
padding:1px;
font-weight:normal;
font-size:100%;
text-align:center;
background:#fff;
border:1px solid #bcbcbc;
}

ul.headerThumb h3 span{
display:block;
padding:2px 3px;
background:#ececec;
}






div.contents div.thumbWrap ul.thumb {
	margin:0 0px 0 -10px;
	padding:0;
	display:block;
}
div.contents div.thumbWrap ul.thumb li{
display:block;	margin:0 -0px 0 -0px;
}	 


div.contents div.ThumbWrap ul.Thumb li.btn01 span{
display:block;	margin:0 0px 10px 0px;
}

li.btn01{
	margin-left:13px;
	margin-right:12px;
}

li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
display:block;	margin:0 0px 10px 0px;
	font-size:75%;
	color:#aaa;
}


/*---------------Google map 埋め込み----------------*/
.map p{
	padding:5px 0 5px 0;
}
.map p img{
	margin:0 auto;
}


div#detailMap{
	margin-top:30px;
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*---------------トップへのボタン----------------*/

#page-top {
    position: fixed;
    bottom: 15px;
    right: 30px;
    font-size: 120%;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}




/* タイポグラフィ
*****************************************************/
h1.title{
clear:both;
margin:0px 0 20px;
padding:5px 0;
padding-left:5px;
padding-bottom:3px;
font-size:113%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;
}
.title h1{
clear:both;
margin:0px 0 20px;
padding:5px 0;
padding-left:5px;
padding-bottom:3px;
font-size:113%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;
}

h2.title{
clear:both;
margin:30px 0 20px;
padding:5px 0;
padding-left:5px;
padding-bottom:3px;
font-size:113%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;
border-bottom:3px solid #e11b2e;
color: #1d4d8e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
}
h3.title{
clear:both;
margin:0px 0 20px;
padding:30px 0;
padding-left:5px;
padding-bottom:3px;
padding-bottom:10px;
font-size:113%;
font-size:133%;
font-size:143%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;

color: #626262;
border-bottom:3px solid #e11b2e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
font-weight: 100;

}

h3.title02{
clear:both;
margin:0px 0 20px;
padding:20px 0;
padding-left:8px;
padding-bottom:3px;
font-size:113%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;

color: #626262;
border-bottom:1px solid #e11b2e;
width:50%;

}


h3.subtitle{
clear:both;
margin:0;
padding:20px 3px 0px 0px;
padding-left:10px;
font-size:113%;
font-weight:bold;
color: #1d4d8e;
}

h3.area-title{
clear:both;
margin:5px 0 0px;
padding:5px 0 0 0 ;
padding-left:5px;
padding-bottom:3px;
font-size:103%;
font-weight:bold;
color: #1d4d8e;
border-bottom:2px solid #5c84bf;
background-color:#e9eef5;
color: #1d4d8e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
}


h2.first{margin-top:0;
font-weight:bold;

color: #777777;
border-bottom:3px solid #e11b2e;
}

h3.first{margin-top:0;
font-weight:bold;}


.dateLabel{
margin:-10px 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;}

.contents ul{margin: 0 0 10px 10px;}

.contents ul li{
margin-bottom:5px;
padding-left:15px;
background:url(../img/bullet.png) no-repeat 0 8px;
}

.contents ol{margin: 0 0 10px 30px;}

.contents ol li{list-style:none;}


.contents h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #252525;
border-bottom:3px solid #3c2f13;
}

h1.title{
margin:0px 0 12px;/*各エリアコンテンツの最上部の見出しのレイアウト*/
padding:5px 0;
padding-left:5px;
padding-bottom:3px;
font-size:113%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;
}

.contents h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #252525;
border-bottom:2px solid #5c84bf;
}

h2.title{
margin:0px 0 12px;/*コンテンツの最上部の見出しのレイアウト(各エリアは除く)*/
padding:5px 0;
padding-left:5px;
padding-bottom:10px;
font-size:113%;
font-size:133%;
font-size:143%;
font-weight:bold;
font-weight: 100;
color: #1d4d8e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
}


p.topTxt{
	line-height:27px;
	padding-bottom:8px;
}

p.headingTxt{
	line-height:27px;
	padding-top:11px;
	padding-bottom:15px;
	width:90%;
	margin:0 auto;
	font-size:125%;
	color: #198205;
}



.contents h3{
margin:0px 0 10px 0;
}

.contents blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.contents blockquote p{padding:5px 0;}

.contents table{
border: 1px #2e2c2c solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.contents table th{
padding:7px 10px 7px 5px;
border: #2e2c2c solid;
border-width: 0 0 1px 1px;
font-weight:bold;
background:#eff1f0;
}

.contents table td{
padding:7px 7px 7px 7px;
border: 1px #2e2c2c solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.contents dt{font-weight:bold;
font-size:120%;
color:#626262;
}

.contents dd{
	padding-bottom:15px;
	padding-left:20px;}

.contents img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}


span.mtext{
	padding-left:0px;
	margin-left:-15px;
	font-weight:bold;
	font-size:95%;
	/* フォントファミリ明朝 */
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragin;
}

p.highlight{
	display:block;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	font-size:150%;
		color:#dd4d06;
	/* フォントファミリゴシック */
	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
p.highlight span.highlight02{
	font-weight:bold;
	padding-left:10px;
	font-size:80%;
	/* フォントファミリゴシック */
	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}


/* サイドバー　ウィジェット
*****************************************************/
section.block{
padding-bottom:20px;
margin-bottom:10px;
}

section.block h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:100%;
font-weight:normal;
color: #252525;
border-bottom:3px solid #5c84bf;
}

/* サイドバーのナビ幅など
-------------------------------*/
section.block li{
margin: 0 10px 8px 5px;
padding:0 0 8px 0;
border-bottom: 1px dotted #ccc;
}
/* 
-------------------------------*/

section.block a{
display:block;
padding-left:15px;
background:url(../img/arrow.png) no-repeat 0 50%;
}

section.block a:hover{background-position: 3px 50%;}

p.banner{padding-bottom:15px;}

#contactBanner{
width:265px;
height:50px;
padding-top:90px;
background:url(../img/base/banner_tel.jpg) no-repeat;
}

#contactBanner p.tel{
display:inline;
padding-left:80px;
margin-left:30px;
text-align:center;
font-weight:bold;
background:url(../img/base/tel.png) no-repeat;
}

#searchform input[type="text"]{
width:120px;
line-height:1.7;
height:24px;
vertical-align:bottom;
}


/* 更新情報
-------------*/
.newsTitle{
clear:both;
margin:15px 0 20px;
padding:5px 0;
font-size:100%;
color: #252525;
border-bottom:3px solid #5c84bf;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:.8em;
background:url(../img/arrow.png) no-repeat 0 50%;
}

.news{padding-bottom:40px;}

.news p{
clear:both;
padding-bottom:2px;
border-bottom: 1px dotted #ccc;
}

.news p a{
display:block;
padding:5px 0;
color:#252525;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#777;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#777;}





/*----------------料金------------------------*/
.info dl{
	width:900px;
	color: #878080;
	margin-left:20px;
	/* フォントファミリ明朝 */
	
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;

}
.info dt{
	padding-top:20px;
	font-size:130%;
	font-weight:bold;
}
.info dd{
	padding-top:5px;
	padding-left:120px;
	margin-left:220px;
	font-size:140%;
}

.info dd.ss{
	font-size:100%;
}




/* フッター
*****************************************************/
#footerLogo{
float:left;
width:265px;
	padding-bottom:10px;
	padding-top:0px;
}

#footerLogo img{
max-width:265px;
height:auto;
}

#footer ul{
float:right;
width:625px;
font-size:90%;
padding-bottom:20px;
}

#footer ul ul{padding-bottom:0;width:auto;}

#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:6px 0 4px;
margin-left:15px;
background:url(../img/arrow.png) no-repeat 0 9px;
}

#footer ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(../img/arrow2.png) no-repeat 0 6px;
}

#footer ul li	li a{padding:0 0 0 8px;}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:0px 5px 5px 3px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
}
p#copyright{
	line-height:12px;
}

.foot_tel img{
	display: none;
	width:100%;
	height:auto;
	position:fixed; 
	background:#931B21;bottom:0px;
	right:0px; padding:0px 0px; 
	margin-bottom:0px;
	z-index:9999;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}












dd.cannot{
	color:rgba(255,55,0,1.00);
	font-size:95%;
	margin-top:-8px;
	padding-top:0px;
}

span.cannot{
	color:rgba(255,55,0,1.00);
	font-size:95%;
	margin-top:-8px;
	padding-top:0px;
}



	 

/*画像のロールオーバーを透過----------------------------------*/

a img{border				: none;
     verticle-align		: top;
     -webkit-transition	: 0.3s ease-in-out;
     -moz-transition	: 0.3s ease-in-out;
     -o-transition		: 0.3s ease-in-out;
     transition			: 0.3s ease-in-out;
	 }

a:hover img{
     opacity			: 0.7;     /* 透過レベル */
     filter				: alpha(opacity=80);
	 }

/*-----------------------------------------------------------*/





/*サービステーブル
-----------------------------------------------------------*/


.serviceTable th{
	width:25%;
	background-color:#d8e0e9;
}
table.serviceTable tbody tr th{
	background-color:#d8e0e9;
}





/* --------------料金表--------------------- */

span.s{
	font-size:90%;
}
p.s {
	line-height:1.5;
	font-size:90%;
}

table#price {

	width: 98%;
	margin: 0 auto;
	margin-bottom: 2em;
	border-collapse: separate;
	border-bottom: 1px solid #4b72a7;
	border: 1px solid #4b72a7;
	}

#price th{
	background:#1d4d8e;
	color:#fff;
	vertical-align: middle;
	}

#price th,td{
	padding: 9px;
	}

#price td {
	border: 1px solid #fff;
}

#price td.gray{
	background: #e9f1fa;
	}

#price td.border-btm {
	border-bottom: 1px solid #4b72a7;
}

#price td em{
	font-size: 120%;
	font-weight: bold;
	color:#9a0a0a;
}

#price th{
	font-weight:bold;
	text-align:center;
	border: 1px solid #fff;
}



span.ss{
	font-size:85%;
	padding-bottom:5px;
}

.notice{
	font-size:85%;
	padding-bottom:8px;
	padding-top:8px;
}



.notice{
	background-color: #f9f8f8;
	margin:10px 0 8px 0 ;
	padding:10px 13px 10px 13px;
	clear:left;
}


p.notice{
	clear:both;
	border-width:1px;
	border-style:dotted;
	border-color: #becad7;
}
p.notice a{
	text-decoration:underline;
}
p.notice a:link{
	text-decoration:underline;
}
p.notice a:hover{
	text-decoration: none;;
}

/*フッターのリンクなど*/
.notice01{
}



.notice01{
	background:#fff url(../img/base/arrow01.png) no-repeat 0px 5px;
	padding-left:10px;
}


p.notice01{
	background-image:url(../img/base/arrow.png) no-repeat;
}


/*神奈川のリンクなど*/
.notice02{
	padding-bottom:8px;
	padding-top:8px;
}



.notice02{
	margin:10px 0 8px 0 ;
	padding:8px 10px 8px 20px;
	background:#fff url(../img/base/arrow.png) no-repeat 9px 11px;
}


p.notice02{
	font-size:90%;
	margin:10px 10px 30px 10px;
	clear:both;
	background-image:url(../img/base/arrow.png) no-repeat;
}





/* --------------イモビ一覧表--------------------- */

span.s{
	font-size:90%;
}
p.s {
	line-height:1.5;
	font-size:90%;
}

table#imblist {

	width: 98%;
	margin: 0 auto;
	margin-bottom: 4em;
	border-collapse: separate;
	border-bottom: 1px solid #4b72a7;
	border: 1px solid #4b72a7;
	font-size:98%;
	}

#imblist th{
	background:#1d4d8e;
	color:#fff;
	vertical-align: middle;
	}

#imblist td{
	padding: 4px 9px 4px 9px;
	}

#imblist td{
	padding: 4px 9px 4px 9px;
	}

#imblist td {
	border: 1px solid #fff;
}

#imblist td.gray{
	background: #e9f1fa;
	}

#imblist td.border-btm {
	border-bottom: 1px solid #4b72a7;
}

#imblist td em{
	font-size: 120%;
	font-weight: bold;
	color:#9a0a0a;
}

#imblist th{
	font-weight:bold;
	text-align:center;
	border: 1px solid #fff;
}



span.ss{
	font-size:85%;
	padding-bottom:5px;
}

/* --------------サービス内容----------------------------------------------------------------------------------------------------------- */

#serviceDetails ul li{
	padding:4px 10px 4px 10px;
}
#serviceDetails ul{
	padding:4px 10px 4px 10px;
}

/* --------------エリア----------------------------------------------------------------------------------------------------------- */

#area{
	clear:both;
}

/* --------------タブ------------------------------------------------------------------------------------------------------------- */



.clear {clear:both;}

ul.tabs {list-style:none; width:100%;}
ul.tabs li:first-child {border-left:0px solid #ccc;}/* ------タブのボーダー------- */
ul.tabs li {float:left; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#eee;}
ul.tabs li.active {border-bottom:1px solid #fff; background-color:#fff; margin-bottom:-1px;}
ul.tabs li a {display:block; padding:0px 0px; color:#777; letter-spacing:-1px; outline:none; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.tabs li.active a {font-weight:600; color:#000;}

div.tabs_content {width:100%; border:1px solid #ccc;}
div.tabs_content > div {padding:20px;}

/* --------------タブ2------------------------------------------------------------------------------------------------------------- */

div#area-contaner{
	clear:both;
}


#areaTabMenu {
    overflow:hidden;
}
 
#areaTabMenu li{
    float:left;
    margin:10px;
    list-style-type:none;
}
 #tabHokkaido
,#tabAomori
,#tabMiyagi
,#tabYamagata
,#tabFukushima
,#tabIbaraki
,#tabTochigi
,#tabGunma
,#tabSaitama
,#tabChiba
,#tabTokyo
,#tabKanagawa
,#tabNiigata
,#tabToyama
,#tabIshikawa
,#tabFukui
,#tabYamanashi
,#tabNagano
,#tabGifu
,#tabShizuoka
,#tabAichi
,#tabMie
,#tabShiga
,#tabKyoto 
,#tabOsaka
,#tabHyogo
,#tabNara
,#tabWakayama
,#tabHiroshima 
,#tabYamaguchi 
,#tabEhime 
,#tabFukuoka 
,#tabSaga 
,#tabKumamoto 
,#tabOita 
,#tabMiyazaki  
,#tabKagoshima  
,#tabOkayama  
,#tabOkinawa {
    display:none;
}

#tabBodyWrap p{
	clear:both;
	border-width:2px;
	border-style:dotted;
	border-color: #becad7;
	margin:0px 5px 20px 5px;
	padding:5px 8px 5px 8px;
	font-size:85%;
}


#tabBodyWrap p.chiiki{
	margin-top:-10px;
}

#tabBodyWrap p.chiiki a img{
	margin-right:4px
}

/* --------------イモビ-------------------------------------------------------------------------------------------------------------------------------------------- */


	

	

/* --------------商品------------------------------------------------------------------------------------------------------------- */
.itemsContaner{
	background-color:#002b58;
	margin:10px 10px 40px 10px;
	clear: both;
	overflow:hidden;
}

.itemsContaner img{
	margin:10px 15px 0px 5px;
	padding:5px 0 2px 0;
	float:left;
	}


.itemsContaner p{color:rgba(255,255,255,1.00);
padding:1px 20px 15px 20px;
margin:-5px 0 0 0;
}

.itemsContaner h4{color:rgba(255,255,255,1.00);
	/* フォントファミリ明朝 */
font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragin;
font-size:142%;
font-weight:bold;
margin:5px 5px 0px 10px;
padding:5px 0 0 0;
}


/* 事例用
----------------------------------------------------------------*/
dl{
	margin-bottom:10px;
}


/* エリア詳細
----------------------------------------------------------------*/
dl.areaBox{
	background-color: #f9f5f3;
	margin:-10px 0 10px 0;
	padding:10px 20px 15px 25px;
}

dl.areaBox dt{
	margin-left:50px 0 5px 0 ;
	padding:12px 0 0 0;
	font-weight:bold;
}

dl.areaBox dd{
	margin-left:15px;
	padding:3px 2px 3px 2px;
	font-size:90%;
}

p.areaBox{
	margin-bottom:20px;
}





div.contents dl dt a{
	display:block;
}





/* 問い合わせページ
----------------------------------------------------*/
div.postmail {
	border: 1px solid #ddd;
	margin: 50px 0;
	overflow: hidden;
	}
	
	div.postmail h3 {
		margin: 10px 10px;
		font-size: 20px;
		color: #8D9474;
		}

label {
	display: block;
	}


small {
	color: #0F2A4E;
	}

input[type="radio"]{
	vertical-align:-4px;
	}

textarea {
	width: 90%;
	max-width: 450px;
	}

input[type="text"],
input[type="email"],
input[type="tel"]{
	width: 90%;
	max-width: 300px;
	}

	input[type="text"].short{
		width: 3em;
		}


input[type="submit"],
input[type="button"],
input[type="reset"]{
	width: 150px;
	margin: 0 10px 10px 0;
	padding: 5px;
	}



select {
    box-sizing: content-box;
	height:25px;
	font-size:120%;
	
vertical-align:middle;
line-height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;

}






/* メッセージ */

blockquote.msg {
	text-align: center;
	}
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* 戻りボタン */
form.back {
	margin-top: 2em;
}


table.form {
	width: 90%;
	max-width: 650px;
	border-collapse: collapse;
	box-sizing: border-box;
	margin: 20px auto;
	}

table.form th {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
	}

table.form td {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	}


/* 電話
----------------------*/

div#tel{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	
}


#tel dl{
	width:550px;
	background-color:#FFF;
	margin:0 auto 30px;
}
#tel dt{
	width:500px;
	background-color:#FFF;
	margin:5px auto 0;
	border-bottom-color:#1A2A86;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:10px;
	font-size:150%;
}
#tel dd{
	width:100%;
	background-color:#FFF;
	margin:0;
	text-align:center;
	margin-bottom:5px;
}
#tel dd a{
	width:300px;
	background-color:#efefef;
	height:50px;
	display:block;
	margin-top:5px;
	margin-left:30px;
	margin:5px auto 0;
	text-align:center;
	padding-top:13px;
	font-size:115%;
	font-weight:bold;
    background-color: #ADADAD;
    border-radius:5px;
	text-shadow:0 -1px #000;
	
	box-shadow:1px 1px 1px #555;

    background-image:-moz-linear-gradient(
    top,
    #9A9A9A 0%,
    #FFF);
	
	color:#FFF;background-image:-webkit-gradient(
    liear,left top,left bottom,
    from(#9A9A9A),
    to(#FFF));
}

#tel dd a:hover{
    background-color: #C1C1C1;
	box-shadow:1px 1px 1px #888;
	
}
 li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
white-space: nowrap;
}


/* メインメニュー　PC用
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

/*メインナビ 幅など*/
nav#mainNav{
clear:both;
padding:2px 0 2px;
position:relative;
z-index:200;
}

nav#mainNav ul{
background:url(../img/sep.png) no-repeat 50% 50%;
}

/*メインナビ 幅など*/
nav#mainNav ul li{
float: left;
position: relative;
padding:0 15px 0 15px;
height:40px;
line-height:40px;
background:url(../img/sep.png) no-repeat 100% 50%;
}

/*メインナビ 高さ・幅など*/
nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#3c2f13;
padding:0 20px 0 20px;
}

/*メインナビ オンでロールオーバーされるボタン*/
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
background:#d8e1ea;
background-color:#1d4d8e;color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

nav#mainNav ul ul{width:180px;}

nav#mainNav ul li ul{display: none;}


/*メインナビ オンで表示されるパネル*/
nav#mainNav ul li li{
float: none;
height:40px;
line-height:40px;
width:136px;
padding:0;
}

/*メインナビ オンで表示されるパネルの距離など*/
nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:36px;
left:5px;
z-index:500;
}

/*メインナビ オンで表示されるパネルのフォントのサイズなど*/
nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:83%;
text-align:left;
}

nav#mainNav ul li li a span{padding:0 10px;}


/*ナビオンで表示されるパネルのロールオーバー時のフォントカラー バックグランドカラー*/
nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#fff;
background-color:#1d4d8e;}

/*ナビオンで表示されるパネル*/
nav#mainNav ul li:hover ul li{
margin:0;
background: #d8e1ea;
border-bottom:1px solid #dadcdc;
}

nav#mainNav ul li:hover ul li:last-child{
border:0;
border-radius:0 0 3px 3px;
}

nav div.panel{
display:block !important;
float:left;
}
  
a#menu{display:none;}



p.rsvTxt{
	width:80%;
	margin:20px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}


}



/* メインメニュー iPadサイズ以下から
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1024px){

#wrapper{
	margin :0 auto 25px;
	width :100%;
	overflow :hidden;
}


	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:5px 0;
	}
	
	nav#mainNav .inner{width:100%;
	overflow:hidden;
	}

	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	color:#fff;
	border:1px solid #2e669c;
  background: #2e669c url(../img/menuOpen.png) no-repeat 5px 0px;
  

    border-radius:5px 5px 5px 5px; /* 角丸 */

	}
	
	nav#mainNav a#menu span{padding-left:2.5em;}
	
	nav#mainNav a.menuOpen{
	border-bottom:0;
	color:#fff;
	background: #5f91ca url(../img/menuOpen.png) no-repeat 5px -40px;
	
    border-radius:5px 5px 0px 0px; /* 角丸 */
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	border:1px solid #2e669c;
	}

	.panel ul{margin:0;padding:0;}

	.panel ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:0.6;
	}
	/* ↑line-heightでパネル内のボタンの高さ調整-----------------------------*/
	
	/* パネル ロールオーバー-----------------------------*/
	.panel ul li a,.panel ul li.current-menu-item li a{
	display: block;
	width:100%;
	padding:1em 0;
	text-align:left;
	color:#2e669c;
	background:#fff;
	     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     transition: 0.2s ease-in-out;
	}

 .panel ul li a span{padding-left:1em;}
 
	.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{
	background:#d8e1ea;
	}

	.panel ul li li{
	float:left;
	border:0;
	}

	.panel ul li li a, .panel ul li.current-menu-item li a, .panel ul li li.current-menu-item a{background:#fff url(../img/sub1.png) no-repeat 20px 50%;}

	.panel ul li li.current-menu-item a,.panel ul li li a:hover, .panel ul li.current-menu-item li a:hover{background:#d8e1ea url(../img/sub1.png) no-repeat 20px 50%;}
	
	.panel ul li li:last-child a{background:#fff url(../img/subLast.png) no-repeat 20px 50%;}
	.panel ul li li:last-child.current-menu-item a,.panel ul li li:last-child a:hover,.panel ul li.current-menu-item li:last-child a:hover{background:#d8e1ea url(../img/subLast.png) no-repeat 20px 50%;}

	.panel ul li li a span{padding-left:35px;}
	
	nav div.panel{float:none;}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
background-image:url(../img/main_bg.png);
z-index:0;
padding-top:3px;
padding-left:0px;
clear:both;
float:none;

margin-top:10px;
margin-bottom:0px;
width:100%;
}
	
body#toppage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/mainImgBg.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/information/mainImgBg.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/gallery/mainImgBg.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	width:1024px;
	height:503px;
	background: url(../img/access/mainImgBg.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}

	
/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:220px 0 0 0;
	padding:180px 0 0 0;
	margin-left:40px;
	margin-left:15px;
	}



/* トップページ ナビ
------------------------------------------------------------*/
.thumbWrap{
width:1024px;
margin-right:-20px;
}

.thumbWrap li{
float:left;
width: 190px;
margin:0 5px 0 0;
padding:2px 0 40px;
background:none;
}

/* サービスメニューリンク */
ul.thumb h3{
margin-top:10px;
padding:1px;
font-weight:normal;
font-size:100%;
text-align:center;
background:#fff;
border:1px solid #bcbcbc;
}

ul.thumb h3 span{
display:block;
padding:2px 3px;
background:#ececec;
}

ul.thumb h3:hover{background:#f3f3f3;}

ul.thumb h3:hover span{background:#fff;}







/* トップページ ヘッダーナビゲーションボタン5こ
------------------------------------------------------------*/

nav {
width:1024px;
width:100%;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
width:100%;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
width:100%;
clear:both;
margin:0 auto;
text-align:center;
}




.headerThumbWrap li{
float:left;
width: 190px;
margin:0 7px 0 0;
padding:10px 0 20px;
background:none;
}



div.contents div.thumbWrap ul.thumb {
	margin:0 0px 0 -10px;
	padding:0;
	display:block;
}
div.contents div.thumbWrap ul.thumb li{
display:block;	margin:0 -0px 0 -0px;
}	 


div.contents div.ThumbWrap ul.Thumb li.btn01 span{
display:block;	margin:0 0px 10px 0px;
}

li.btn01{
	margin-left:13px;
	margin-right:7px;
}

li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
display:block;	margin:0 0px 10px 0px;
	font-size:75%;
	color:#aaa;
}

/* フッター
*****************************************************/
#footerLogo{
float:left;
width:265px;
	padding-bottom:10px;
	padding-top:0px;
}

#footerLogo img{
max-width:265px;
height:auto;
}

#footer ul{
float:right;
width:625px;
font-size:90%;
padding-bottom:20px;
}

#footer ul ul{padding-bottom:0;width:auto;}

#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:6px 0 4px;
margin-left:15px;
background:url(../img/arrow.png) no-repeat 0 9px;
}

#footer ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(../img/arrow2.png) no-repeat 0 6px;
}

#footer ul li	li a{padding:0 0 0 8px;}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:0px 5px 5px 3px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
}
p#copyright{
	line-height:12px;
}

.foot_tel img{
	display: none;
	width:100%;
	height:auto;
	position:fixed; 
	background:#931B21;bottom:0px;
	right:0px; padding:0px 0px; 
	margin-bottom:0px;
	z-index:9999;
}


p.rsvTxt{
	width:80%;
	margin:20px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}


}


/* 999px以下から ナビ縮小
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 999px){

/* トップページ ヘッダーナビゲーションボタン5こ
------------------------------------------------------------*/

nav {
width:1024px;
width:100%;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
width:100%;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
width:90%;
width:120%;
clear:both;
margin:0 auto;
text-align:center;
}




.headerThumbWrap li{
float:left;
width: 190px;
margin:0 7px 0 0;
padding:10px 0 20px;
background:none;
}

}



/* 959px以下から 1カラム表示
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	#wrapper, #header, .inner{width:100%;}

#wrapper{
	margin :0 auto 10px;
	width :100%;
	overflow :hidden;
}


	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:5px 0;
	}
	
	nav#mainNav .inner{width:100%;
	overflow:hidden;
	}
	#footer div.inner ul{
		width:100%;
		padding-right:10px;
		display:block;
		text-align:center;
	}
	
	#footer{
		width:100%;
	overflow:hidden;
	}



/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-30px;
margin-right:60px;
color: #3c2f13;
font-size:100%;
font-weight:normal;
float: right;
width:75%;
line-height:27px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}


	#telInfo{padding-right:10px;}

	.panel ul, .thumbWrap{margin:0 auto;}, .headerThumbWrap{margin:0 auto;}
	.panel ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	#banners{width:100%;margin:0 auto;text-align:center;}
	#banners p{width:30%; float:left;margin:0 1% 0 2%;}
	#banners p img{width:100%;height:auto;}
	
	section.block_search{text-align:center;}
	#contactBanner{margin:0 auto;}

	#footer{margin:0;border:0;text-align:center;}
	
	#footerLogo, #footer ul{
	float:none;
	width:auto;
	padding-bottom:0px;
	padding-top:30px;
	text-align:center;
	}
	
	#footer ul{
	padding-top:10px;
	border-top:1px dotted #ccc;
	}
	
	#footer ul ul{padding-top:0;border:0;}	
	
	
	


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-3% 3px 0 3px;}
	.headerThumbWrap img{width:100%;height:auto;}
	
	
nav {
width:1024px;
width:100%;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
width:95%;
margin:0 auto;
clear:both;
text-align:center;
}

.headerThumbWrap{
width:1024px;
width:90%;
width:120%;
clear:both;
margin:0 auto;
text-align:center;
}




.headerThumbWrap li{
float:left;
width: 190px;
margin:0 7px 0 0;
padding:10px 0 20px;
background:none;
}

	
	
/* ヘッダーのPC用電話バナー非表示
------------------------------------------------------------*/
/*
#telInfo p.topTel a img{
	display:none;}
	
#telInfo p.topTel {
	text-align:left;
	width:400px;
	height:128px;
	display:block;
	background:url(../img/base/tel.jpg) no-repeat 0 4px;font-size:16px;}
	*/




#telInfo p.topTel a img{
	display:block;

}

/* ヘッダーのPC用電話バナー→iPad用固定バナー表示に切り替え
-----------------------------------------------------------*/
#telInfo p.topTel {
	text-align:left;
	width:400px;
	height:128px;
	display:block;
	background:url(../img/base/tel.jpg) no-repeat 0 0px;font-size:16px;}


/* --------------サービス内容-------------------------------- */

#serviceDetails ul li{
	padding:4px 5px 4px 5px;
}
#serviceDetails ul{
	padding:0px 5px 4px 0px;
	font-size:90%;
}


/* --------------商品------------------------------------------------------------------------------------------------------------- */
.itemsContaner{
	background-color:#002b58;
	margin:10px 10px 30px 10px;
	padding:0 0 20px 0;
	clear: both;
	overflow:hidden;
	
}

.itemsContaner img{
	margin:10px 10px 0px 10px;
	float:left;
	clear: both;
	width:40%;
	height:auto;
}

.itemsContaner h4{color:rgba(255,255,255,1.00);
	/* フォントファミリ明朝 */
font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragin;
font-size:142%;
font-weight:bold;
margin:5px 5px 0px 10px;
padding:5px 0 0 0;
}
.itemsContaner p{color:rgba(255,255,255,1.00);
padding:0px 10px 0px 10px;
margin:0 0 10px 0;
}


/* パンくずリンク設定
------------------------------------------------------------*/
p.topicpath{
	padding:0px 30px 0 20px;
	font-size:85%;
	margin-top:2px;
	margin-bottom:0px;
	float:right;
}
p.topicpath a:hover, p.topicpath a:active{
	text-decoration	: underline;
}
/* --------------イモビ-------------------------------------------------------------------------------------------------------------------------------------------- */

p.floatleft{
	float:left;
	display:block;
	padding-right:0px;
	padding-bottom:10px;
	}





dd.egBox2 img {
	width:30%;
	height:auto;
}
	


/*サービスページの画像の位置*/

div.contents dl dd.srv{
	margin:0;
	padding:0;
}


p.rsvTxt{
	width:90%;
	margin:20px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}



}

/* 920px以下
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 920px){


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-5% 3px 0 3px;}
}

/* 870px以下
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 870px){


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-7% 3px 0 3px;}
	
	
	
/*----------------料金------------------------*/
.info dl{
	width:900px;
	color: #878080;
	margin-left:20px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:20px;
	font-size:125%;
	font-weight:bold;
}
.info dd{
	padding-top:5px;
	padding-left:120px;
	margin-left:220px;
	font-size:140%;
}
.info dd.ss{
	font-size:100%;
}

p.rsvTxt{
	width:100%;
	margin:10px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}
}

/* 820px以下
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 820px){


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}


/*----------------料金------------------------*/
.info dl{
	width:750px;
	color: #878080;
	margin-left:20px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:20px;
	font-size:110%;
	font-weight:bold;
}
.info dd{
	padding-top:5px;
	padding-left:100px;
	margin-left:220px;
	font-size:135%;
}
.info dd.ss{
	font-size:90%;
}

/* トップページ　切り替わり画像　PCでは非表示
------------------------------------------------------------*/
body#toppage ul.bxslider{
	margin:0 auto;
	display: block;
	}
body#toppage .bxslider{
	margin:0 auto;
	display: block;
	}
	
body#toppage .bx-wrapper{
	display: block;
	margin-bottom:15px;
	}
p.notice{
	display:block;
	margin-top:10px;
}
body#toppage ul.bxslider {
	display:block;
}


}
		
	

/* 770px以下
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 770px){


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-13% 3px 0 3px;}
	
li.btn01 a,li.btn02 a,li.btn03 a,li.btn04 a,li.btn05 a{
	font-size:90%;
}

li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
display:block;	margin:0 0px 10px 0px;
	font-size:75%;
	color:#aaa;
}
	
	#wrapper, #header, .inner{width:100%;}





/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-30px;
margin-right:40px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}

p.rsvTxt{
	width:80%;
	margin:5px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}

}


/* 740px以下
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 740px){


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-16% 3px 0 3px;}
	
li.btn01 a,li.btn02 a,li.btn03 a,li.btn04 a,li.btn05 a{
	font-size:90%;
}

li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
display:block;	margin:0 0px 10px 0px;
	font-size:75%;
	color:#aaa;
}

/*----------------料金------------------------*/
.info dl{
	width:750px;
	color: #878080;
	margin-left:20px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:20px;
	font-size:100%;
	font-weight:bold;
}
.info dd{
	padding-top:5px;
	padding-left:110px;
	margin-left:220px;
	font-size:130%;
}
.info dd.ss{
	font-size:90%;
}

p.rsvTxt{
	width:80%;
	margin:5px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}
}

/* 700px以下
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 700px){


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-19% 3px 0 3px;}
	
li.btn01 a,li.btn02 a,li.btn03 a,li.btn04 a,li.btn05 a{
	font-size:90%;
}

li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
display:block;	margin:0 0px 8px 0px;
	font-size:75%;
	color:#aaa;
}
/*----------------料金------------------------*/
.info dl{
	clear:both;
	float:none;}
.info dl{
	width:100%;
	color: #878080;
	margin-left:20px;
	margin-bottom:20px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:20px;
	font-size:120%;
	font-weight:bold;
}
.info dd{
	padding-top:5px;
	padding-left:100px;
	margin-left:50px;
	font-size:140%;
}
.info dd.ss{
	font-size:100%;
}
}


/* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
	
	
	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-22% 3px 0 3px;}
	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:45%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
  
  
/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		float:left;
		margin:0 1% 0 2%;
		margin:0 1px 0 1px;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:8px;
	margin-right:1px;
}
div.headerThumbWrap ul.headerThumb li.btn02,
div.headerThumbWrap ul.headerThumb li.btn03,
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-right:1px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:85%;
}

  


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:40px;
margin-right:20px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:380px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}


/* パンくずリンク設定
------------------------------------------------------------*/
p.topicpath{
	padding:0px 20px 0 20px;
	font-size:85%;
	margin-top:2px;
	margin-bottom:0px;
	float:right;
}
p.topicpath a:hover, p.topicpath a:active{
	text-decoration	: underline;
}


/* --------------イモビ-------------------------------------------------------------------------------------------------------------------------------------------- */

p.floatleft{
	float:left;
	display:block;
	padding-right:0px;
	padding-bottom:10px;
	}



}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#footer ul{text-align:left;padding:10px;}
	#footer ul ul{padding:0;}
	
/* ヘッダーコンタクトインフォメーション
----------------------------------*/
#telInfo{
	width:100%;
text-align: center;
}


#telInfo p.topTel a img{
text-align: center;
	width:100%;

}#telInfo p.topTel a{
text-align: center;
	width:100%;
	display:block;

}
#telInfo p.topTel {
	width:100%;
text-align: center;
margin-bottom:50px;
margin-right:0px;
clear:both;

}
#telInfo p.topTel a img{

}

/* サービスメニューテキストの左寄せ
-------------------------------------*/
ul.thumb li p{
		text-align:left;
		}
		
	/* 商品
-------------------------------------*/	
.itemsContaner{
	margin:20px 10px 20px 10px;
}
.itemsContaner h4{color:rgba(255,255,255,1.00);
	/* フォントファミリ明朝 */
font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragin;
font-size:120%;
}

.foot_tel img{
	display:block; width:100%;
	position:fixed; 
	background:#931B21;bottom:0px;
	right:0px; padding:0px 0px; 
	margin-bottom:0px;
	z-index:9999;
}

/* パンくずリンク設定
------------------------------------------------------------*/
p.topicpath{
	padding:0px 10px 0 20px;
	font-size:85%;
	margin-top:2px;
	margin-bottom:0px;
}
p.topicpath a:hover, p.topicpath a:active{
	text-decoration	: underline;
}



.egBox dd img {
	width:75%;
	height:auto;
}
dd.egBox2 img {
	width:55%;
	height:auto;
}


/*サービスページの画像の位置*/

div.contents dl dd.srv{
	margin:0;
	padding:0;
}

}



/* 幅600px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 600px){


  
/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		float:left;
		margin:0 1% 0 2%;
		margin:-10% 1px 0 1px;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:8px;
	margin-right:1px;
}
div.headerThumbWrap ul.headerThumb li.btn02,
div.headerThumbWrap ul.headerThumb li.btn03,
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-right:1px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:85%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:45%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
  


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:40px;
margin-right:20px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:350px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}

/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
width:67%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:350px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}


}



/* 幅572px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 572px){


  
/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		width:30%;
		float:left;
		margin:0 1% 0 2%;
		margin:-5% 0 0 0;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap{
	margin:0 auto;
	text-align:center;
}

div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn02,
div.headerThumbWrap ul.headerThumb li.btn03{
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:90%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:45%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
  


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:40px;
margin-right:20px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:380px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
width:67%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:280px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:598px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:598px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:598px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:598px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}


h2.title{
margin:0px 0 12px;/*コンテンツの最上部の見出しのレイアウト(各エリアは除く)*/
padding:5px 0;
padding-left:5px;
padding-bottom:10px;
padding-bottom:5px;
font-size:113%;
font-size:133%;
font-size:143%;
font-size:100%;
font-weight:bold;
font-weight: 100;
color: #1d4d8e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
font-weight:bold;
text-align: left;
}

h3.title{
clear:both;
margin:0px 0 20px;
padding:30px 0;
padding-left:5px;
padding-bottom:3px;
padding-bottom:10px;
padding-bottom:5px;
font-size:113%;
font-size:133%;
font-size:143%;
font-size:100%;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;

color: #626262;
border-bottom:3px solid #e11b2e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
font-weight: 100;
font-weight:bold;
text-align: left;
}






/* 問い合わせページ
----------------------------------------------------*/
div.postmail {
	border: 1px solid #ddd;
	margin: 50px 0;
	overflow: hidden;
	}
	
	div.postmail h3 {
		margin: 10px 10px;
		font-size: 20px;
		color: #8D9474;
		}

label {
	display: block;
	}


small {
	color: #0F2A4E;
	}

input[type="radio"]{
	vertical-align:-4px;
	}

textarea {
	width: 90%;
	max-width: 450px;
	}

input[type="text"],
input[type="email"],
input[type="tel"]{
	width: 90%;
	max-width: 300px;
	}

	input[type="text"].short{
		width: 3em;
		}


input[type="submit"],
input[type="button"],
input[type="reset"]{
	width: 150px;
	margin: 0 10px 10px 0;
	padding: 5px;
	}


/* メッセージ */

blockquote.msg {
	text-align: center;
	}
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* 戻りボタン */
form.back {
	margin-top: 2em;
}


table.form {
	width: 90%;
	max-width: 650px;
	border-collapse: collapse;
	box-sizing: border-box;
	margin: 20px auto;
	}

table.form th {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
	}

table.form td {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	}





/* 電話
----------------------*/

div#tel p{
	margin-top:10px;
	padding-top:10px;
	display:block;
}

div#tel{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	
}


#tel dl{
	width:550px;
	width:414px;
	background-color:#FFF;
	margin:0 auto 35px;
}
#tel dt{
	width:500px;
	width:414px;
	background-color:#FFF;
	margin:5px auto 0;
	border-bottom-color:#1A2A86;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:10px;
	font-size:150%;
}
#tel dd{
	width:90%;
	background-color:#FFF;
	margin:0;
	padding-top:5px;
	text-align:center;
	margin-bottom:5px;
	text-align:left;
}
#tel dd a{
	width:300px;
	background-color:#efefef;
	height:50px;
	display:block;
	margin-top:5px;
	margin-left:30px;
	margin:5px auto 0;
	text-align:center;
	padding-top:13px;
	font-size:115%;
	font-weight:bold;
    background-color: #ADADAD;
    border-radius:5px;
	text-shadow:0 -1px #000;
	
	box-shadow:1px 1px 1px #555;

    background-image:-moz-linear-gradient(
    top,
    #9A9A9A 0%,
    #FFF);
	
	color:#FFF;background-image:-webkit-gradient(
    liear,left top,left bottom,
    from(#9A9A9A),
    to(#FFF));
	
	text-align:center;
}

#tel dd a:hover{
    background-color: #C1C1C1;
	box-shadow:1px 1px 1px #888;
	
}


p.rsvTxt{
	width:90%;
	margin:5px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}

}
/* 幅530px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 530px){


  
/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		width:30%;
		float:left;
		margin:0 1% 0 2%;
		margin:-5% 0 0 0;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap{
	margin:0 auto;
	text-align:center;
}

div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn02,
div.headerThumbWrap ul.headerThumb li.btn03{
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:90%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:45%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
  


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:40px;
margin-right:20px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:380px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
width:67%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:280px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:558px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}

/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:558px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:558px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:558px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}


h2.title{
margin:0px 0 12px;/*コンテンツの最上部の見出しのレイアウト(各エリアは除く)*/
padding:5px 0;
padding-left:5px;
padding-bottom:10px;
padding-bottom:5px;
font-size:113%;
font-size:133%;
font-size:143%;
font-size:100%;
font-size:120%;
font-weight:bold;
font-weight: 100;
color: #1d4d8e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
font-weight:bold;
text-align: left;
}

h3.title{
clear:both;
margin:0px 0 12px;
padding:25px 0;
padding-left:5px;
padding-bottom:3px;
padding-bottom:10px;
padding-bottom:5px;
font-size:113%;
font-size:133%;
font-size:143%;
font-size:120%;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;

color: #626262;
border-bottom:3px solid #e11b2e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
font-weight: 100;
font-weight:bold;
text-align: left;
}

#footer ul{
float:right;
width:625px;
font-size:85%;
font-size:90%;
font-size:100%;
padding-bottom:10px;
}


	#footer div.inner ul{
		width:100%;
		padding-right:10px;
		display:block;
		text-align:center;
		padding-top:20px;
		
	}
	
	#footer{
		width:100%;
	overflow:hidden;
	}
#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
padding:4px 0;
padding:3px 0 7px;
margin-left:15px;
background:url(../img/arrow.png) no-repeat 0 9px;
width:100%;
float:none;
clear:both;
}

#footer ul li a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
width:100%;
float:none;
clear:both;
}
#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(../img/arrow2.png) no-repeat 0 6px;
width:100%;
float:none;
clear:both;
}

#footer ul li li a{padding:0 0 0 8px;
width:100%;
float:none;
clear:both;
}
	

/* スマホとタブレットのみ改行
---------------------------------*/
.br-sp{
	display: inherit;
}


#formMail{
width:100%;
padding:10px 0;
margin:0 auto;
text-align:left;
clear:both;
}
.txtFm{
	text-align:left;
	margin:0 auto 30px;
	width:100%;
}
p.rsvTxt{
	width:100%;
	margin:5px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}
}

/* 幅444px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 444px){
	
	

  
/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		width:30%;
		float:left;
		margin:0 1% 0 2%;
		margin:-5% 0 0 0;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap{
	margin:0 auto;
	text-align:center;
}

div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn02,
div.headerThumbWrap ul.headerThumb li.btn03{
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:90%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:45%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
  


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:40px;
margin-right:20px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}



#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:380px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
}

/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
padding:0 5px;
width:67%;
width:100%;
line-height:20px;
margin:5px auto 5px;
}



#header h2{
float:left;
float: none;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
margin:10px auto 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
width:100%;
height:96px;
height: auto;
	text-align:center;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	width:95%;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:210px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:470px;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}



img.alignleft{
	width:100%;
	height:auto;
}
img.alignleft img{
	width:100%;
	height:auto;
}


	#telInfo p.topTel {
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
	}





/*サービスページの画像の位置*/

div.contents dl dd.srv{
	margin:0;
	padding:0;
}



#footer ul{
float:right;
width:625px;
font-size:85%;
font-size:90%;
font-size:110%;
padding-bottom:20px;
}

/*---キャッチコピー(グリーンカラー)---*/
p.headingTxt{
	line-height:27px;
	padding-top:0px;
	padding-bottom:15px;
	width:95%;
	margin:0 auto;
	font-size:125%;
	color: #198205;
}


.contents dt{font-weight:bold;
font-size:110%;
color:#626262;
}



/* ギャラリーページ写真の白枠
------------------------------------------------------------*/
div#gallery img{
  padding:2px; /*白枠の幅*/
  background-color:#FFFFFF; /*白枠の色（白）*/
  box-shadow:1px 1px 2px 2px #CCCCCC; /*影*/
  border-radius:1px;
  margin:5px;
  width:46%;
  height:46%;
}


input[type="text"].txt5{
vertical-align:middle;
max-width:100%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}
.inner{
	margin:0 auto 5px;
}


}

/* 幅414px以下から iPhone6 plus
------------------------------------------------------------*/
@media only screen and (max-width: 414px){

/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		width:30%;
		float:left;
		margin:0 1% 0 2%;
		margin:-5% 0 0 0;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap{
	margin:0 auto;
	text-align:center;
}

div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn02,
div.headerThumbWrap ul.headerThumb li.btn03{
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-left:10px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:90%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:45%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
 
 li.btn01 a span,li.btn02 a span,li.btn03 a span,li.btn04 a span,li.btn05 a span{
white-space: nowrap;
}



/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:40px;
margin-right:20px;
color: #3c2f13;
font-size:90%;
font-weight:normal;
float: right;
width:73%;
line-height:20px;
}

h2.title{
margin:0px 0 12px;/*コンテンツの最上部の見出しのレイアウト(各エリアは除く)*/
padding:5px 0;
padding-left:5px;
padding-bottom:10px;
padding-bottom:5px;
font-size:113%;
font-size:133%;
font-size:145%;
font-size:133%;
font-weight:bold;
font-weight: 100;
color: #1d4d8e;
border-bottom:2px dotted #5c84bf;
color: #2e4b87;
text-align:center;
font-weight:bold;
}

#header h2{
float:left;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
height:96px;
	text-align:center;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:380px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	
}


/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
padding:0 5px;
width:67%;
width:100%;
line-height:20px;
margin:5px auto 5px;
}



#header h2{
float:left;
float: none;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
margin:10px auto 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
width:100%;
height:96px;
height: auto;

	text-align:center;
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	width:95%;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:240px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:440px;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:440px;
	
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:440px;
	
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:440px;
	
}


	#telInfo p.topTel {
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
	}
	





/*サービスページの画像の位置*/

div.contents dl dd.srv{
	margin:0;
	padding:0;
}





/*----------------料金------------------------*/
.info dl{
	clear:both;
	float:none;
	width:414px;
	color: #878080;
	color:#535353;
	margin-left:20px;
	margin-left:0px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:20px;
	padding-top:18px;
	font-size:140%;
	font-size:130%;
	font-weight:bold;
	padding-bottom:2px;
}
.info dd{
	padding-top:5px;
	padding-top:0px;
	padding-left:120px;
	margin-left:220px;
	padding-left:5px;
	margin-left:0px;
	font-size:140%;
	font-size:130%;
	padding-bottom:1px;
}

.info dd.ss{
	font-size:90%;
	padding-left:10px;
	padding-bottom:5px;
}


.txtFm{
	text-align:left;
	margin:0 auto 20px;
	width:100%;
}

input[type="text"].txt5{
vertical-align:middle;
max-width:100%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

input[type="text"].nameBtn{
max-width:75%;
}

#formMail{
width:100%;
padding:10px 0;
margin:0 auto;
text-align:left;
clear:both;
}


h3.title{

text-align:center;

}


/* 送信ボタン 縦方向に20px、横方向に50px
------------------------------------------------------------*/
#submit_button{
    padding: 20px 50px;
	margin-top:20px;
	margin-right:20px;
	
}


/* スマホとタブレットのみ改行
---------------------------------*/
.br-sp{
	display: inherit;
}


p.rsvTxt{
	width:95%;
	margin:5px auto 0;
}
p.rsvTxt img{
	vertical-align:bottom;
}



/*---------------トップへのボタン----------------*/



#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 120%;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/*---------------トップへのボタン 右寄せ----------------*/

/*-----
#page-top {
    position: fixed;
    bottom: 10px;
    right: 0px;
    font-size: 110%;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 32px;
    padding: 15px 0 15px 5px;
    text-align: center;
    display: block;
    border-radius: 7px 0px 0px 7px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
----*/



/*---------------トップへのボタン 丸ボタン----------------*/

/*-----

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 120%;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 45px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 50px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
----*/



/*---キャッチコピー(グリーンカラー)---*/
p.headingTxt{
	line-height:27px;
	line-height:30px;
	padding-top:0px;
	padding-bottom:15px;
	width:95%;
	margin:0 auto;
	font-size:125%;
	color: #198205;
}


}




/* 幅412px以下から iPhone6 plus以下のスマホ
------------------------------------------------------------*/
@media only screen and (max-width: 412px){

/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		width:45%;
		float:left;
		margin:0 1% 0 2%;
		margin:-5% 0 0 0;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap{
	margin:0 auto;
	text-align:center;
}

div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:12px;
	margin-right:5px;
}
div.headerThumbWrap ul.headerThumb li.btn02{
	margin-left:10px;
	margin-right:8px;
}

div.headerThumbWrap ul.headerThumb li.btn03{
	margin-left:12px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-left:5px;
	margin-right:8px;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-left:12px;
	margin-right:8px;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:85%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:50%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
	
	
	/* サイト説明文
----------------------------------*/
#header h1{
padding:10px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
padding:0 5px;
width:67%;
width:100%;
line-height:20px;
margin:5px auto 5px;
}



#header h2{
float:left;
float: none;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
margin:10px auto 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
width:100%;
height:96px;
height: auto;
	text-align:center;
}
#header h2 img{
	text-align:center;
	
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	width:95%;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:200px 0 0 0;
	margin-left:40px;
	margin-left:10px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:430px;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:430px;
	
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:430px;
	
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:430px;
	
}



/* 電話
----------------------*/

div#tel p{
	margin-top:10px;
	padding-top:10px;
	display:block;
}

div#tel{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	
}


#tel dl{
	width:550px;
	width:414px;
	width:320px;
	background-color:#FFF;
	margin:0 auto 35px;
}
#tel dt{
	width:500px;
	width:414px;
	width:320px;
	background-color:#FFF;
	margin:5px auto 0;
	border-bottom-color:#1A2A86;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:10px;
	font-size:150%;
}
#tel dd{
	width:90%;
	background-color:#FFF;
	margin:0;
	padding-top:5px;
	text-align:center;
	margin-bottom:5px;
	text-align:left;
}
#tel dd a{
	width:300px;
	background-color:#efefef;
	height:50px;
	display:block;
	margin-top:5px;
	margin-left:30px;
	margin:5px auto 0;
	text-align:center;
	padding-top:13px;
	font-size:115%;
	font-weight:bold;
    background-color: #ADADAD;
    border-radius:5px;
	text-shadow:0 -1px #000;
	
	box-shadow:1px 1px 1px #555;

    background-image:-moz-linear-gradient(
    top,
    #9A9A9A 0%,
    #FFF);
	
	color:#FFF;background-image:-webkit-gradient(
    liear,left top,left bottom,
    from(#9A9A9A),
    to(#FFF));
	
	text-align:center;
}

#tel dd a:hover{
    background-color: #C1C1C1;
	box-shadow:1px 1px 1px #888;
	
}





}



/* 幅375px以下から iPhone6
------------------------------------------------------------*/
@media only screen and (max-width: 375px){
	
/*----------------料金------------------------*/
.info dl{
	clear:both;
	float:none;
	width:375px;
	color: #878080;
	color:#535353;
	margin-left:20px;
	margin-left:0px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:20px;
	padding-top:15px;
	font-size:140%;
	font-size:110%;
	font-weight:bold;
	padding-bottom:2px;
}
.info dd{
	padding-top:5px;
	padding-top:0px;
	padding-left:120px;
	margin-left:220px;
	padding-left:5px;
	margin-left:0px;
	font-size:140%;
	font-size:120%;
}
.info dd.ss{
	font-size:90%;
	padding-left:10px;
}

.rsvBtn{
	margin:0 auto 0;
	text-align:center;
	float:left;
	width:100%;
}
.rsvBtn input{
	width:47%;
}

#submit_button{
	margin-right:5px;
	margin-top:20px;
	margin-bottom:20px
}	
}


/* 幅344px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 344px){
	
	
	


/*-------------- ナビ----------------*/
	.headerThumbWrap{width:100%;margin:0 auto;text-align:center;}


	.headerThumbWrap ul.headerThumb li{width:16%; float:left;margin:-10% 3px 0 3px;}
	
	.headerThumbWrap ul.headerThumb li{
		width:47%;
		width:19%;
		width:70%;
		float:left;
		margin:0 1% 0 2%;
		margin:-6% auto 0;
		
		
		margin:-6% 0 0 0;
		width:48%;
		}
		
	.headerThumbWrap img{
		width:100%;
		width:100%;
		height:auto;

	width:90%;
    background:#fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
	margin-bottom:0px;
	margin-top:-4px;
		}
nav{
	margin:0 auto;
	text-align:center;
}
div.headerThumbWrap{
	margin:0 auto;
	text-align:center;
}

div.headerThumbWrap ul.headerThumb li.btn01{
	margin-left:15%;
	margin-right:9%;
	
	
	margin-left:1%;
	margin-right:1%;
	
}
div.headerThumbWrap ul.headerThumb li.btn02{
	margin-left:15%;
	margin-right:9%;
	
	
	margin-left:1%;
	margin-right:1%;
}

div.headerThumbWrap ul.headerThumb li.btn03{
	margin-left:15%;
	margin-right:9%;
	
	
	margin-left:1%;
	margin-right:1%;
}
div.headerThumbWrap ul.headerThumb li.btn04{
	margin-left:15%;
	margin-right:9%;
	
	
	margin-left:1%;
	margin-right:1%;
}
div.headerThumbWrap ul.headerThumb li.btn05{
	margin-left:15%;
	margin-right:9%;
	
	
	margin-left:1%;
	margin-right:1%;
}
	
div.headerThumbWrap ul.headerThumb li.btn01 a,
div.headerThumbWrap ul.headerThumb li.btn02 a,
div.headerThumbWrap ul.headerThumb li.btn03 a,
div.headerThumbWrap ul.headerThumb li.btn04 a,
div.headerThumbWrap ul.headerThumb li.btn05 a{
	font-size:85%;
}


	
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:50%; float:left;margin:0 1% 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
	
	
	/* サイト説明文
----------------------------------*/
#header h1{
padding:5px 0 0 3px;
margin-left:-10px;
margin-left:-35px;
margin-right:20px;
margin-right:15px;
color: #3c2f13;
font-size:90%;
font-size:87%;
font-weight:normal;
float: right;
padding:0 5px;
width:67%;
width:100%;
line-height:20px;
margin:0px auto 5px;
}



#header h2{
float:left;
float: none;
padding:0 0 0 0;
margin:10px 0 0 -10px;
margin:10px 0 0 0px;
margin:10px auto 0px;
color: #3c2f13;
font-weight:bold;
width:145px;
width:100%;
height:96px;
height: auto;
	text-align:center;
}
#header h2 img{
	text-align:center;
	
}

/* ヘッダータイトル
----------------------------------*/
.headerTitle{
	width:433px;
	height:153px;
	display:block;
	clear:both;
	float:left;
	width:95%;
	padding:180px 0 0 0;
	padding:140px 0 0 0;
	padding:180px 0 0 0;
	margin-left:5px;
	}
	


 body#toppage div#mainImg {
	height:648px;
	background: url(../img/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:355px;
	
}
/* インフォメーションページ　メイン画像
----------------------------------*/
 body#infopage div#mainImg {
	height:648px;
	background: url(../img/information/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:355px;
	
}
/* ギャラリーページ　メイン画像
----------------------------------*/
 body#gallerypage div#mainImg {
	height:648px;
	background: url(../img/gallery/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:355px;
	
}
/* アクセスページ　メイン画像
----------------------------------*/
 body#accesspage div#mainImg {
	height:648px;
	background: url(../img/access/mainImgBg542.jpg) 0 0 no-repeat;
	background-size:contain;
	margin:10px auto 0;
	width:100%;
	height:355px;
	
}

/*----------------料金------------------------*/

.info {
	width:300px;
}
.info dl{
	clear:both;
	float:none;
	width:320px;
	color: #878080;
	color:#535353;
	margin-left:5px;
	margin-right:5px;
	/* フォントファミリ明朝 */
font-family: YuMincho, "ヒラギノ明朝 ProN W3",Times New Roman , "游明朝", Hiragin;
}
.info dt{
	padding-top:15px;
	font-size:120%;
	font-weight:bold;
	font-size:100%;
	width:320px;
	margin-right:5px;
	padding-right:10px;
}
.info dd{
	padding-top:0px;
	padding-left:0px;
	margin-left:0px;
	font-size:120%;
	width:320px;
	margin-left:10px;
}
.info dd.ss{
	font-size:90%;
	padding-left:10px;
}






	#telInfo p.topTel {
margin-bottom:-25px;
margin-left:0px;
margin-right:0px;
	}

	/* 商品
-------------------------------------*/	
.itemsContaner h4{color:rgba(255,255,255,1.00);
	/* フォントファミリ明朝 */
font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragin;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:115%;
}

/* 送信ボタン 縦方向に15px、横方向に35px
------------------------------------------------------------*/
#submit_button{
    padding: 15px 35px;
	margin-top:30px;
	margin-right:2px;
	
}


h2.title{
text-align:center;
}

h3.title02{
clear:both;
margin:0px 0 20px;
margin:0px 0 10px;
padding:20px 0 10px;
padding-left:8px;
padding-bottom:3px;
font-size:113%;
font-size:110%;
font-weight:bold;
color: #1d4d8e;
border-bottom:3px solid #5c84bf;

color: #626262;
border-bottom:1px solid #e11b2e;
width:80%;

}

.inner{
	margin:0 auto 0px;
}


span.ss{
	font-size:55%;
	padding-bottom:0px;
}
span.red{
	font-size:100%;
vertical-align: bottom;
}


	
div.contents div#formMail dd{
	padding-left:0px;
	padding-bottom:5px;
}

p.rsvTxt{
	width:100%;
	margin:5px auto 0;
}
.rsvBtn{
	margin:0 auto 0;
	text-align:center;
	float:left;
	width:100%;
}
.rsvBtn input{
	width:47%;
}

#submit_button{
	margin-right:5px;
	margin-top:20px;
	margin-bottom:20px
}

}





/* 幅319px以下 調節
------------------------------------------------------------*/
@media only screen and (max-width: 319px){
	
	
/* ギャラリーページ写真の白枠
-------------------------------------------*/
div#gallery img{
  padding:2px; /*白枠の幅*/
  background-color:#FFFFFF; /*白枠の色（白）*/
  box-shadow:1px 1px 2px 2px #CCCCCC; /*影*/
  border-radius:1px;
  margin:4px 4px 4px 4px;
  width:46%;
  height:46%;
}

h2.title{
text-align:center;
}

}


/* 幅310px以下 調節
------------------------------------------------------------*/
@media only screen and (max-width: 310px){
	
	
/* ギャラリーページ写真の白枠
-------------------------------------------*/
div#gallery img{
  padding:2px; /*白枠の幅*/
  background-color:#FFFFFF; /*白枠の色（白）*/
  box-shadow:1px 1px 2px 2px #CCCCCC; /*影*/
  border-radius:1px;
  margin:4px;
  width:46%;
  height:46%;
}


h2.title{
text-align:center;
}

}