@charset "UTF-8";/*日本語*/

/*
	boldが使えないタイプ→：@import url(http://fonts.googleapis.com/css?family=Quicksand);
	↓↓↓normalとboldが使えるタイプ
	@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);
	font-family: 'Quicksand', sans-serif;

	スピード低下の負担のかかる箇所に・・
	-webkit-transform: translateZ(0);

	.test {
	background-color: red;        ハックなし
	background-color: green\9;    IE8以下
	*background-color: blue;      IE7以下
	_background-color: yellow;    IE6
	}
	.test:not(:target) {
	background-color: black\9;    IE9
	}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.test {background-color: white;} >>IE10
}
*/



/*
	mplus-1p-thin.ttf
	mplus-1p-light.ttf
	mplus-1p-regular.ttf
	mplus-1p-medium.ttf
	mplus-1p-bold.ttf
	mplus-1p-heavy.ttf
	mplus-1p-black.ttf
	http://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-light.ttf


@font-face {
	font-family: mplus-1p-light;
src: url('mplus-1p-light.ttf') format("truetype");
}

@font-face {
	font-family: mplus-1p-regular;
src: url('mplus-1p-regular.ttf') format("truetype");
}
*/



* {
	text-align: justify;
	text-justify: inter-ideograph;

	/* divのwidth指定に、borderやらpaddingやら入れると、指定のwidthを超えて幅が広くなるのを防ぐ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
}

html {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, "游ゴシック", YuGothic,"メイリオ",Meiryo,"Segoe UI","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

html,body {
	height: 100%;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
}

body {
	line-height: 1.0;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html {
	font-size: 62.5%;
}

body,p,td,th {
	font-size: 16px;
	font-size: 1.6rem;
	font-size: 16sp;

	color: rgb(100,100,100);
	line-height: 1.7;
	line-height: 1.8\9;
	letter-spacing: 0.9pt;
	letter-spacing: 1pt\9;
	word-spacing: 1pt;
	word-spacing: 2pt\9;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	word-wrap: break-word;
}
body:not(:target) {
	line-height: 1.8\9;
	letter-spacing: 1pt\9;
	word-spacing: 2pt\9;
}
p:not(:target) {
	line-height: 1.8\9;
	letter-spacing: 1pt\9;
	word-spacing: 2pt\9;
}
td:not(:target) {
	line-height: 1.8\9;
	letter-spacing: 1pt\9;
	word-spacing: 2pt\9;
}
th:not(:target) {
	line-height: 1.8\9;
	letter-spacing: 1pt\9;
	word-spacing: 2pt\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body,p,td,th,h2.con {
	line-height: 1.8;
	letter-spacing: 1pt;
	word-spacing: 2pt;
	}
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

.img100 {
	max-width: 100%;
	height: auto !important;
	width: 100%;
	width /***/:auto;
	width: auto\9;

	// Legal fallback
	image-rendering: optimizeQuality;
	// Firefox
	image-rendering: -moz-crisp-edges;
	// Opera
	image-rendering: -o-crisp-edges;
	// Chrome, Safari
	image-rendering: -webkit-optimize-contrast;
	// CSS3 Proposed
	image-rendering: crisp-edges;
	// IE7+;
	-ms-interpolation-mode: bicubic;
}

a:hover img.opacity {
	opacity: .60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	-moz-opacity: .60;
	-webkit-filter: opacity(60);
}

a:hover img.grayscale {
	grayscale: .60;
	filter: alpha(grayscale=60);
	-ms-filter: "alpha(grayscale=60)";
	-khtml-grayscale: .60;
	-moz-grayscale: .60;
	-webkit-filter: grayscale(60);
}

a:hover img.blur {
	blur: .60;
	filter: alpha(blur=60);
	-ms-filter: "alpha(blur=60)";
	-khtml-blur: .60;
	-moz-blur: .60;
	-webkit-filter: blur(6px);
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.3;
	color: rgb(200,200,200);
}

h1{font-size: 190%;}
h2{font-size: 175%;}
h3{font-size: 160%;}
h4{font-size: 145%;}
h5{font-size: 130%;}
h6{font-size: 115%;}

a:focus {
	outline: none;
	-webkit-tap-highlight-color: rgb(255,247,153);
}

a:link {
	color: rgb(100,100,100);
	text-decoration: under-line;
}

a:visited {
	color: rgb(100,100,100);
	text-decoration: under-line;
}

a:hover {
	color: rgb(180,180,180);
	text-decoration: none;
}

a:active {
	color: rgb(180,180,180);
	text-decoration: none;
}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.clear {clear: both;}

ul {list-style-type: none;}

table {
	width: 100%;
	border-collapse: collapse;
/*
	table-layout: fixed; テーブル幅を均等に
	white-space: nowrap; 折り返しさせない
*/
}

/*
	background: transparent url(a/ーー.png) no-repeat left top fixed;

＞色味を透過させる
	background-color: rgba(r,g,b,透過数値)

＞幅50％ 高さauto となる(※)
	background-size:           50% auto;
	-moz-background-size:      50% auto;
	-webkit-background-size:   50% auto;
	-o-background-size:        50% auto;
	-ms-background-size:       50% auto;

	border-radius:             10px;
	-webkit-border-radius:     10px;
	-moz-border-radius:        10px;

＞上下左右それぞれ角丸｜right or left / bottom or top で書き換えて設定
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;

＞はみ出たテキストを...に 
	width: 横幅;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;

＞上記の方法、もしくは下記の方法（言語に関係なく表示範囲に合わせて改行）
	word-break:break-all;

	text-indent:   100%;
	white-space:   nowrap;
	overflow:      hidden;
*/

.h8 {height: 8px;}
.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}

.f80 {font-size: 80%;}
.f85 {font-size: 85%;}
.f90 {font-size: 90%;}
.f95 {font-size: 95%;}
.f100 {font-size: 100%;}
.f110 {font-size: 110%;}
.f120 {font-size: 120%;}
.f130 {font-size: 130%;}
.f140 {font-size: 140%;}
.f150 {font-size: 150%;}
.f160 {font-size: 160%;}
.f170 {font-size: 170%;}
.f180 {font-size: 180%;}
.f190 {font-size: 190%;}
.f200 {font-size: 200%;}

.mt5 {margin-top: 5px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt13 {margin-top: 13px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mb5 {margin-bottom: 5px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb13 {margin-bottom: 13px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.mb80 {margin-bottom: 80px;}

.pt5 {padding-top: 5px;}
.pt8 {padding-top: 8px;}
.pt10 {padding-top: 10px;}
.pt13 {padding-top: 13px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

.pb5 {padding-bottom: 5px;}
.pb8 {padding-bottom: 8px;}
.pb10 {padding-bottom: 10px;}
.pb13 {padding-bottom: 13px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* フッタの調整に利用
html,body {height: 100%;}
.wrapper {
	width: 100%;
	position: relative;
	min-height: 100%;
}
footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.lay-1 {
	フッタの調整（下部を開けさせない） フッターの高さと同じに 
	padding-bottom: ーーーpx;
}
*/

body,
.wrapper,
.lay-1,
.nav,
section,
.imgpoint,
footer p {text-align: center;}

section,
.wrapper {margin: 0 auto;}

nav li {float: left;}

ul.ulnavi li,
ul.ulnavi li a {display: block;}

footer p {
	line-height: 1.0;
	margin-bottom: 15px;
}

footer small {
	font-size: 70%;
}

.nivoSlider img { /*indexのNivoSlider｜Windows用設定（縦伸びを防ぐ）*/
	height: auto;
}

span.spanbr {
  white-space: nowrap;
}

p.gyo1 { 
  padding-left: 1em;
  text-indent: -1em;
}

.n2 {font-size:85%;}

.box-1,
.box-2 {
	text-align: left;
	width: 47%;
	margin-bottom: 25px;
}

.box-1 {
	float: left;
}

.box-2 {
	float: right;
}

.box-1a,
.box-2a,
.box-3a {
	width: 30%;
	float: left;
	margin-bottom: 25px;
}

.box-1a,
.box-2a {
	margin-right: 5%;
}

.box-1 p,
.box-2 p,
.box-1a p,
.box-2a p,
.box-3a p {
	margin-bottom: 8px;
}



/*追加 tuika tioca ++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
/*
	background: transparent url(a/ーーー.png) repeat center top;
*/
	background-color: rgb(249,240,227);
}

.wrapper {
	background-color: rgb(255,255,255);
}

.lay-1 {
	padding: 0 3%;
}

section {
	width: 100%;
	max-width: 900px;
	width:expression(document.body.clientWidth > 901? "900px" : "auto");
}

.nivoSlider {
	margin-bottom: 50px;
}

.img600px {
	width: 100%;
	max-width: 600px;
	width:expression(document.body.clientWidth > 601? "600px" : "auto");
}

.img274 {
	width: 50%;
	max-width: 274px;
	width:expression(document.body.clientWidth > 275? "274px" : "auto");
}

.ifCal {
	width: 100%;
	height: 390px;
}

#iinebox {margin-bottom: 25px;}

dd {
	padding: 0 5px 5px;
	border-bottom: 1px solid rgb(220,220,220);
	margin-bottom: 15px;
}

#gmap{
	width : 100%;
	height: 400px;
	margin-bottom: 20px;
}

.w300 {
	width: 100%;
	max-width: 300px;
	width:expression(document.body.clientWidth > 301? "300px" : "auto");

}

table.tablestaff th {
	white-space: nowrap;
}

.blogbox {
	height: 300px;
	overflow: auto;
	text-align: left;
}

.blogbox dt {
	font-size: 130%;
	margin-bottom: 10px;
}

.blogbox dd {
	padding-bottom: 15px;
}





/* メニュー設定＊＊＊＊＊＊＊＊＊＊*/

nav {
	width: 300px;
	height: 44px;
	margin: 60px auto 20px;
}

ul.ulnavi li {
	width: 100px;
	height: 44px;
	float: left;
}

ul.ulnavi li a {
	display: block;
	width: 100px;
	height: 44px;
}

ul.ulnavi li a span {
	display: none;
}

ul.ulnavi li.link1 a:link {
	background: transparent url(a/nav_01.png) no-repeat left top;
}
ul.ulnavi li.link1 a:hover,
	ul.ulnavi li.link1.active a {
	background: transparent url(a/nav_01v.png) no-repeat left top;
}

ul.ulnavi li.link2 a:link {
	background: transparent url(a/nav_02.png) no-repeat left top;
}
ul.ulnavi li.link2 a:hover,
ul.ulnavi li.link2.active a {
	background: transparent url(a/nav_02v.png) no-repeat left top;
}

ul.ulnavi li.link3 a:link {
	background: transparent url(a/nav_03.png) no-repeat left top;
}
ul.ulnavi li.link3 a:hover,
ul.ulnavi li.link3.active a {
	background: transparent url(a/nav_03v.png) no-repeat left top;
}

ul.ulnavi li.link4 a:link {
	background: transparent url(a/nav_04.png) no-repeat left top;
}
ul.ulnavi li.link4 a:hover,
ul.ulnavi li.link4.active a {
	background: transparent url(a/nav_04v.png) no-repeat left top;
}

ul.ulnavi li.link5 a:link {
	background: transparent url(a/nav05.png) no-repeat left top;
}
ul.ulnavi li.link5 a:hover,
ul.ulnavi li.link5.active a {
	background: transparent url(a/nav05v.png) no-repeat left top;
}



/*
@media screen and (min-width:951px) { }
@media screen and (max-width:950px) and (min-width:801px) { }
@media screen and (max-width:800px) and (min-width:641px) { }
@media screen and (max-width:640px) and (min-width:481px) { }
@media screen and (max-width:480px) { }
*/

@media screen and (max-width:540px) {

nav {
	width: 100%;
	height: 220px;
	margin: 20px auto 10px;
}

ul.ulnavi li {
	width: 100%;
	height: 44px;
	border-bottom: 1px solid rgb(211,209,207);
}

ul.ulnavi li a {
	display: block;
	width: 100%;
	height: 44px;
}

ul.ulnavi li a span {
	display: none;
}

ul.ulnavi li.link1 a:link {
	background: transparent url(a/nav_s1.png) no-repeat center bottom;
}
ul.ulnavi li.link1 a:hover,
	ul.ulnavi li.link1.active a {
	background: transparent url(a/nav_s1h.png) no-repeat center bottom;
}

ul.ulnavi li.link2 a:link {
	background: transparent url(a/nav_s2.png) no-repeat center bottom;
}
ul.ulnavi li.link2 a:hover,
ul.ulnavi li.link2.active a {
	background: transparent url(a/nav_s2h.png) no-repeat center bottom;
}

ul.ulnavi li.link3 a:link {
	background: transparent url(a/nav_s3.png) no-repeat center bottom;
}
ul.ulnavi li.link3 a:hover,
ul.ulnavi li.link3.active a {
	background: transparent url(a/nav_s3h.png) no-repeat center bottom;
}

ul.ulnavi li.link4 a:link {
	background: transparent url(a/nav_s4.png) no-repeat center bottom;
}
ul.ulnavi li.link4 a:hover,
ul.ulnavi li.link4.active a {
	background: transparent url(a/nav_s4h.png) no-repeat center bottom;
}

ul.ulnavi li.link5 a:link {
	background: transparent url(a/nav-s5.png) no-repeat center bottom;
}
ul.ulnavi li.link5 a:hover,
ul.ulnavi li.link5.active a {
	background: transparent url(a/nav-s5h.png) no-repeat center bottom;
}
	}/**/



@media screen and (max-width:750px) {

.box-1,
.box-2 {
	width: 100%;
	margin-bottom: 25px;
}

.box-1,
.box-2 {
	float: none;
}
	}/**/
	
@media screen and (max-width:800px) and (min-width:601px) {

.box-1a,
.box-2a {
	width: 47%;
	margin-bottom: 25px;
}

.box-1a {
	float: left;
}

.box-2a {
	float: right;
}

.box-3a {
	clear: both;
	width: 100%;
	float: none;
	margin-bottom: 25px;
}

.box-1a,
.box-2a {
	margin-right: 0;
}
	}/**/

@media screen and (max-width:600px) {
.box-1a,
.box-2a,
.box-3a {
	width: 100%;
	float: none;
	margin-bottom: 25px;
}
	}/**/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++
　　　SCRIPT用　　　
++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*Googleマップへ移動リンクの設定*/
.mapp {
	margin-top: 8px;
	text-align: center;
}
.mapp a {padding: 8px;}
.mapp a:link {
	border: 1px solid rgb(230,230,230);
	background-color: rgb(245,245,245);
	border-radius:             10px;
	-webkit-border-radius:     10px;
	-moz-border-radius:        10px;
}
.mapp a:hover {border: 1px solid rgb(180,180,180);}



/* syze.min.js
.is490 body{background: transparent url(a/body50_bg.png) repeat center top;}
.is790 body{background: transparent url(a/body70_bg.png) repeat center top;}
.is2000 body{background: transparent url(a/body_bg.png) repeat center top;}
*/

::selection{
	background: rgb(237,108,0);
	color: rgb(255,255,255);
}

::-moz-selection{
	background: rgb(237,108,0);
	color: rgb(255,255,255);
}

#fb-root{  /*FBボタンでサイトのレイアウト崩れを修正*/
display: none;
}

#scrollUp {
	bottom: -10px;
	right: 30px;
	width: 70px;
	height: 70px;
	text-align: center;
	background: transparent url(a/up30.png) no-repeat center top;
}

#scrollUp:hover {
	bottom: 0px;
}

/*
#fadein{display: none;}
*/

/*facebook like-box width100% iframe版*/
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
}
/*
facebook like-box width100% HTML5版
.fb-like,.fb-like span,.fb-like iframe,
.fb-like-box,.fb-like-box span,.fb-like-box iframe{
 width:100% !important;
}
*/



/*メニューテーブル++++++++++++++++++++++++++++++++++++++++++++++++++*/

table.tablePrice {width:100%;}

table.priceTable th {
	border-bottom: 1px solid rgb(230,230,230);
	padding-left: 10px;
}

table.priceTable td {
	border-bottom: 1px solid rgb(230,230,230);
	padding-left: 8px;
}

table.priceTable th {
	text-align: left;
	font-weight: normal;
	padding-left: 15px;
}

.tdright {text-align: right;}
.td1font {
	width: 15px;
	overflow: hidden;
}

.out1 {display: none;}


@media screen and (max-width:480px) {

	table.priceTable th,
	table.priceTable td {
		display: block;
		border: none;
	}

	table.priceTable th {
	}

	table.priceTable td {
		border-bottom: 1px dashed rgb(200,200,200);
	}

	table.priceTable td.tdright,
	table.priceTable td span.out1 {
		border-bottom: 1px solid rgb(200,200,200);
	}

	.out1 {
		display: inline;
	}
	.out2 {
		display: none;
		width: 0;
		height: 0;
	}

}/**/

/*
<table class="priceTable">
	<tr>
		<th>1234567890</th>
		<td class="tdright">￥12300<span class="out1">〜</span></td>
		<td class="out2 td1font">〜</td>
	</tr>
</table>
*/



/* 印刷用CSS++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media print {

	section {
		display: block;
		page-break-before: always;
	}

	pre code {
		page-break-after: always;
	}

	@page {
		margin-top:0.4cm;
		margin: 0.5cm;
	}

	p a, code, pre {
		word-wrap: break-word;
	}

	img {
		display:none;
	}

	pre a[href]:after {
    	content: "";
	}

	pre abbr[title]:after {
		content: "";
	}

	pre.ir a:after,
	pre a[href^="javascript:"]:after,
	pre a[href^="#"]:after {
    	content: "";
	}

	.no-print {
		display:none;
	}

}/**/
.wf-mplus2cregular-n4-active h1,
.wf-mplus2cregular-n4-active h2,
.wf-mplus2cregular-n4-active h3,
.wf-mplus2mregular-n4-active pre,
.wf-mplus2clight-n4-active body,
.wf-mplus2mregular-n4-active p {
	font-family: mplus-2c-regular,  sans-serif;
}