@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.各ページ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#warp #header {
	height: 60px;
	width: 100%;
	background:  #000000;
}

#warp #header .top {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
}
#warp {
	
	background-image: ;
	
	height: 100%;
	width: 100%;
}
#warp #page {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	background-image:;
	background-repeat: repeat;
	font-size: 150%;
}
#warp #page .top_bg {
	background-image:;
	background-repeat: repeat;
	height: 29px;
	width: 976px;
}
#warp #header .top .rogo {
	float: left;
	padding-top: 10px;
	margin-left: 50px;
}
#warp #header .top ul li {
	float: left;
}
#warp #header .top ul {
	float: right;
	
}
#warp #header .top .tel {
	padding-top: 15px;
	margin-left: 20px;
	float: left;
}
#page .top_contact {
	 ;
	
	height: 113px;
	width: 979px;
}
#warp #page .top_contact img {
	margin-left: 600px;
	margin-top: 30px;
}
#warp #page .info {
	;
	background-repeat: no-repeat;
	height: 374px;
	width: 982px;
}
#warp #page .info table tr td {
	vertical-align: text-top;
	
}



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


#warp #page .info img {
	margin-top: 10px;
	margin-left: 50px;
}
#warp #page .info .reborushia {
	margin-left: 400px;
	margin-top: -20px;
}

#warp #page .info .reborushia2 {
	margin-left: 350px;
	margin-top: -20px;
}

#warp #page .info table {
	margin-top: 20px;
	float: left;
}
#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: #fff;
}

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

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


#btmBtn {
	display: none;
	;
	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;
}


@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#btmBtn {
		display: block;
	}
	
	#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;
	}
	
	
	
	#page {
		padding: 0 0 50px 0;
	}

}

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


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

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

font_1 {
    font-weight:bold;
}



