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

@charset "utf-8";

/*======================================

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m70b { margin-bottom: 70px !important; }
.m80b { margin-bottom: 80px !important; }

.m20t { margin-top: 20px !important; }


.m5l { margin-left: 5px !important; }
.m9l { margin-left: 9px !important; }
.m10l { margin-left: 10px !important; }
.m12l { margin-left: 12px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }
.m150l { margin-left: 150px !important; }
.m570l { margin-left: 570px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p0b { padding-bottom: 0px !important; }
.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }

.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }

.p8l { padding-left: 8px !important; }
.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.box60 { width: 60px !important; }
.box85 { width: 85px !important; }
.box100 { width: 100px !important; }
.box110 { width: 110px !important; }
.box120 { width: 120px !important; }
.box130 { width: 130px !important; }
.box140 { width: 140px !important; }
.box160 { width: 160px !important; }
.box180 { width: 180px !important; }
.box200 { width: 200px !important; }
.box230 { width: 230px !important; }
.box245 { width: 245px !important; }
.box250 { width: 250px !important; }
.box260 { width: 260px !important; }
.box280 { width: 280px !important; }
.box285 { width: 285px !important; }
.box290 { width: 290px !important; }
.box330 { width: 330px !important; }
.box340 { width: 340px !important; }
.box300 { width: 300px !important; }
.box310 { width: 310px !important; }
.box315 { width: 315px !important; }
.box320 { width: 320px !important; }
.box350 { width: 350px !important; }
.box355 { width: 355px !important; }
.box365 { width: 365px !important; }
.box370 { width: 370px !important; }
.box400 { width: 400px !important; }
.box405 { width: 405px !important; }
.box420 { width: 420px !important; }
.box440 { width: 440px !important; }
.box450 { width: 450px !important; }
.box460 { width: 460px !important; }
.box500 { width: 500px !important; }
.box510 { width: 510px !important; }
.box530 { width: 530px !important; }
.box600 { width: 600px !important; }
.box605 { width: 605px !important; }
.box640 { width: 640px !important; }

/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fLeft { float: left !important; }
.fRight { float: right !important; }

.centerBox {
	display: inline-block;
	/display: inline; /*forIE7*/
	/zoom: 1; /*forIE7*/
}

/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.txtRed { color: #ff0000 !important; }
.txtRed2 { color: #CC0000 !important; }
.txtBlue { color: #0052E5 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #A98552 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }

.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18 { font-size: 150% !important; }
.txt20 { font-size: 167% !important; }

.lh190 { line-height: 190% !important; }
.bNone { border: none !important; }
.vaMiddle { vertical-align: middle !important; }
/*
====================================================================


/*
====================================================================
基本設定
	1.枠組み
	2.リンク
	3.clearfixセレクタ指定
	4.ナビゲーション設定
	5.枠組み各詳細設定
	6.各ページ設定
====================================================================
*/

/* 1.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
body {
	background: #FFFFFF;
	color: #333333;

}

#container {
	position: relative;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 94%;
	line-height: 1.6;
}


/* 2.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* リンク文字
──────────────────── */
a:link,
a:visited { text-decoration: none; color: #7B5300; }
a:hover  { text-decoration: underline; color: #7B5300; }
a:active { text-decoration: none; color: #7B5300; }


/* 画像リンクロールオーバー共通
──────────────────── */
.on_img,
.on_nav li { position: relative; z-index: 3;}
.on_img a,
.on_nav li a{
	display: -moz-inline-box;
	display: inline-block;
	}
.on_img a:hover,
.on_nav li a hover { position: static;}
.on_img a:hover img,
.on_nav li a:hover img,
.on_nav li.current a img{ position: relative; z-index: -1;}


/* 3.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* clearfix */
/* -------------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*4.ナビゲーション
-------------------------------------------------------------*/



/*ページの先頭へ
-------------------------------------------------------------*/


/* 5.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */


/* 6.各ページ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */








#pn {
	height: 105px;
	width: 983px;
	margin: 0px 0px -106px 0px;
	
	
}

#warp #header {
	height: 120px;
	width: 983px;
	margin: 0px 0px -39px -4px;
	background: #fff;
	background-repeat:no-repeat;
	float: center;
	
	
	
}

#warp #header .top {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	background-repeat:no-repeat;
	
	
}
#warp {
	
	background-image: url(../img/site_bg.jpg);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	
	
	
}
#warp #page {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/site_bg.jpg);
	background-repeat:no-repeat;
}
#warp #page .top_bg {
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 983px;
}
#warp #header .top .rogo {
	float: left;
	padding-top: 5px;
	margin-left: 0px;
	background-repeat:no-repeat;
	
}
#warp #header .top ul li {
	float: left;
}
#warp #header .top ul {
	float: left;
	
}
#warp #header .top .tel {
	padding-top: 15px;
	margin-left: 20px;
	float: left;
	background-repeat:no-repeat;
}
#page .top_contact {
	background-image: url(../img/top_contact_bg.jpg);
	
	height: 113px;
	width: 983px;
}
#warp #page .top_contact img {
	margin-left: 600px;
	margin-top: 30px;
}
#warp #page .info {
	
	background-repeat: no-repeat;
	height: 374px;
	width: 983px;
}
#warp #page .info table tr td {
	vertical-align: text-top;
	
}



#warp #page .info table {
	
	margin-left: 50px;
}


#warp #page .info img {
	margin-top: 20px;
	margin-left: 50px;
}
#warp #page .info .reborushia {
	margin-left: 400px;
	margin-top: -20px;
}
#warp #page .info table {
	margin-top: 20px;
	float: left;
	background-repeat:no-repeat;
}
#warp #page .info iframe {
	float: right;
	margin-top: -30px;
	margin-right: 30px;
}
#warp #page .info .check {
	float: left;
	clear: none;
	margin-left: -30px;
}
#warp #page .coupon_1_2 .left {
	float: left;
}
#warp #page .coupon_1_2 {
	width: 982px;
}
#warp #page .coupon_3_4 {
	width: 982px;
}
#warp #footer {
	width: 100%;
	background-repeat: repeat-x;
	text-align: center;
	height: 30px;
	background-position: left top;
	background-color: #5E3C0C;
}

#warp #page .coupon_3_4 .left {
	float: left;
}

#webResBtn {
	position: fixed;
	top: 250px;
	right: 0;
}


#btmBtn {
	display: none;
	background: url("../img/res_btm_bg.png");
	padding: 15px 0 15px 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	
}

#btmBtn li {
	float: left;
	margin: 0 10px 0 0;
}

#btmBtn a {
	display: block;
}

#btmBtn img {
	width: 470px;
}


	#btmBtn {
		display: block;
		height: 1200px;
	}
	
	#page {
		padding: 0 0 50px 0;
		
	}
	
	.portrait #btmBtn a {
		display: block;
		width: 470px;
		height: 182px;
		text-indent: -9999px;
	}
	
	.landscape #btmBtn a {
		display: block;
		width: 470px;
		height: 72px;
		text-indent: -9999px;
	}
	
	.portrait #btmBtn .tel a {
		background: url("../img/btm_btn_tel.png") 0 0 no-repeat;
		background-size: 470px 182px;
		-moz-background-size: 470px 182px;
		-webkit-background-size: 470px 182px;
	}
	
	.portrait #btmBtn .web a {
		background: url("../img/btm_btn_web.png") 0 0 no-repeat;
		background-size: 470px 182px;
		-moz-background-size: 470px 182px;
		-webkit-background-size: 470px 182px;
	}
	
	.landscape #btmBtn .tel a {
		background: url("../img/btm_btn_tel2.png") 0 0 no-repeat;
		background-size: 470px 72px;
		-moz-background-size: 470px 72px;
		-webkit-background-size: 470px 72px;
	}
	
	.landscape #btmBtn .web a {
		background: url("../img/btm_btn_web2.png") 0 0 no-repeat;
		background-size: 470px 72px;
		-moz-background-size: 470px 72px;
		-webkit-background-size: 470px 72px;
	}
	
	
	
	

/*テキスト
-------------------------------------------------------------*/	
	
	#container_1st{
	padding:190px 0 0 0px;
	width:476px;
	height:500px;
	background: url("../img/point3.jpg") 0 0 no-repeat;
}

	#container_2st{
	padding:150px 0 0 70px;
	width:976px;
	height:800px;
	background: url("../img/point2.jpg") 0 0 no-repeat;
}

	#container_3st{
	padding:0px 0 0 0px;
	width:976px;
	height:1380px;
	background: url("../img/yukatap01.jpg") 0 0 no-repeat;
}

	#container_4st{
	padding:320px 0 0 290px;
	width:976px;
	height:630px;
	background: url("../img/point3_img.jpg") 0 0 no-repeat;
}

	#container_5st{
	
	width:976px;
	height:1125px;
	background: url("../img//yukatap02.jpg") 0 0 no-repeat;
}

	#container_6st{
	margin: 0px 0px 0px 40px;
	width:1047px;
	height:702px;
	background: url("../img//yukatap03b.jpg") 0 0 no-repeat;
	
}

	#container_7st{
	
	width:976px;
	height:461px;
	background: url("../img//yukatap04.jpg") 0 0 no-repeat;
}

	#container_8st{
	
	width:976px;
	height:700px;
	
}

	#container_9st{
	width:976px;
	height:700px;
	background: url("../img//yukata01.jpg") 0 0 no-repeat;
}

	#container_10st{
	width:976px;
	height:331px;
	background: url("../img//access01.jpg") 0 0 no-repeat;
	
}

	#container_11st{
	width:976px;
	height:490px;
	background: url("../img//access02.jpg") 0 0 no-repeat;
	
}


	
}

#contents_1st{	
		
	}
	
#container01{
	padding:-100px 0 0 0px;
		
		
		
	}
	.natu{
	padding:570px 0 0px 0px ;
	position: absolute;
		
		
	}

	.natu2{
		width:1200px;
	height:461px;
	padding:0px 0px 0px 820px ;
	position: absolute;
		
		
	}

.px14{
	font-size:17px;
	line-height:140%;
	
}

.px15{
	font-size:18px;
	line-height:140%;
	
	
}

.white{
	color:#fff;
	font-weight:bold;
	width:800px;
}


.yelow{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#000000;
	font-weight:bold;
	width:250px;
	padding:445px 0px 0px 340px;
	font-size: 20px;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	transform: rotate(0.05deg);
	
}

.orange{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#cc3300;
	font-weight:bold;
	width:250px;
	padding:125px 0px 0 40px;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	transform: rotate(0.05deg);
	
}

.green{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#fff;
	font-weight:bold;
	width:250px;
	padding:195px 0px 0 35px;
	transform: rotate(0.05deg);
	
}

.red{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
   HG正楷書体-PRO;
	color:#000000;
	font-weight:bold;
	width:250px;
	padding:140px 0px 0 670px;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	transform: rotate(0.05deg);
	
	
}

.gray{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#000000;
	font-weight:bold;
	width:250px;
	padding:155px 0px 0px 428px;
	font-size: 20px;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	transform: rotate(0.05deg);
	
}

.blue{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#9999cc;
	font-weight:bold;
	width:250px;
	padding:150px 0px 0px 690px;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	transform: rotate(0.05deg);
	
}

.pink{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#fff;
	font-weight:bold;
	width:250px;
	padding:200px 0px 0px 690px;
	transform: rotate(0.05deg);
	
}

.purple{
		font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	color:#000000;
	font-weight:bold;
	width:250px;
	padding:120px 0px 0px 70px;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	transform: rotate(0.05deg);
	
}

.brown{
	font-size: 19px;
	color:#000000;
	font-weight:bold;
	width:900px;
	padding:280px 0px 0px 60px;
		line-height: 30px;
	letter-spacing:-0.02em;
	transform: rotate(0.05deg);
	
}

.gold{
	font-size: 20px;
	color:#000000;
	font-weight:bold;
	width:900px;
	padding:380px 0px 0px 300px;
		line-height: 30px;
	letter-spacing:-0.02em;
	transform: rotate(0.05deg);
	
}

.gold2{
	font-family:
   "Century Gothic",
   Century Gothic;
	font-size: 13px;
	color:#000000;
	width:900px;
	height: 374px;
	padding:165px 0px 0px 395px;
		line-height: 22px;
	letter-spacing:-0.02em;
	text-align: center;
	transform: rotate(0.05deg);
	
}


.gold3{
	text-align: left;
	font-family:
   "Century Gothic",
   Century Gothic;
	font-size: 12px;
	color:#000000;
	width:900px;
	height: 374px;
	padding:370px 0px 0px 30px;
		line-height: 46px;
	letter-spacing:-0.02em;
	transform: rotate(0.05deg);
	
}


#silver{
	
	padding:120px 0px 0px 0px;

	
}

.navy{
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	font-weight: bold;
	font-size: 40px;
	color:#000000;
	padding:270px 0px 0px 500px;
    line-height: 40px;
	letter-spacing:-0.02em;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	
}


table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 0;
	margin:-375px 0px 0px 20px;

	
}
table.type01 th {
	width: 280px;
	height: 0px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 0px solid #ccc;
    line-height: 13px;
	text-align: center;
	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	
	
}
table.type01 td {
	white-space: normal;
	width: 280px;
	padding: 10px;
	vertical-align: top;
	border: 0px solid #ccc;
	line-height: 13px;
    text-align: center;
 	text-shadow: 0px 0px 10px  rgba(255,255,255,20);
	
	
}



span {
	color: #C00;
	border-bottom: 1px solid #A86615;
}

span2 {
	color: #C00;
	
}


h2 {
	font-size: 27px;
	color:#c00;
	font-weight:bold;
	margin: 0 0 0px;
	line-height: 1.9;
	border-bottom: 2px solid #000000;
	width:800px;
}







#warp #page .info {
	
	background-repeat: no-repeat;
	height: 374px;
	width: 982px;
}

#warp #page .info {
	
	background-repeat: no-repeat;
	height: 374px;
	width: 982px;
}




#warp #page .info table {
	
	margin-left: 50px;
}


#warp #page .info img {
	margin-top: 20px;
	margin-left: 0px;
}
#warp #page .info .reborushia {
	margin-left: 0px;
	margin-top: 0px;
}
#warp #page .info table {
	margin-top: 20px;
	float: left;
}



#warp #page .info {

	background-repeat: no-repeat;
	height: 374px;
	width: 982px;
}
#warp #page .info table tr td {
	vertical-align: text-top;
	
}

#warp #page .info iframe {
	float: right;
	margin-top: -30px;
	margin-right: 20px;
}


#header {
	float: center;
	margin-top: -30px;
}



#top2 {
	

}

#warp #page .info .reborushia {
	margin-left: 180px;
	margin-top: -20px;
	
}