/* 背景 */
.bk-white {
	background-color: #fff;
}
.bk-green {
	background-color: #548835;
}
.bk-red {
	background-color: #c11a21;
}
.bk-orange {
	background-color: #ff8830;
}
.bk-blue {
	background-color: #2ca7f5;
}
.bk-beige {
	background-color: #b09c3f;
}
.bk-lightbeige {
	background-color: #afd266;
}
.bk-sheerbeige {
	background-color: #fff3ce;
}
/* 共通要素 */
p {
	/*margin: 0;*/
	line-height: 1.6em;
}

.right{
	margin-top:-5px;
	margin-right:10px;
	text-align:right;
}

.p-rlb20 {
	padding: 0 20px 20px 20px;
}
.p-15 {
	padding: 15px;
}
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
.relative {
	position: relative;
}
.abso-t345r45 {
	position: absolute;
	top: 345px;
	right: 45px;
}
.abso-t410l215 {
	position: absolute;
	top: 410px;
	left: 215px;
}
.txt17 {
	font-size: 17px;
}
.txt22 {
	font-size: 22px;
}
.title {
	padding: 7px 20px;
	color: #fff;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.title_01 {
	margin:0 20px;
	padding: 5px 10px;
	border-bottom:#e8861a 2px solid;
	color:#e8861a;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 20px;
}
.w434 {
	width: 435px;
	box-sizing: border-box;
}
a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3
}
/* タブ */
.tab-area {
	margin-top:15px;
	padding: 0 0 0 2px;
	border-bottom: 5px solid #333;
}
.tab-area a {
	display: block;
	text-align: center;
	float: left;
	width: 150px;
	margin: 0 3px 0 0;
	padding: 10px;
	background: #999;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	/*font-weight: bold;*/
	border-radius: 10px 10px 0 0;
	color: #fff;
	box-sizing: border-box;
}
.tab-area a:hover {
	background: #333;
	color:#fff;
}
.tab-area span {
	display: block;
	text-align: center;
	float: left;
	width: 150px;
	margin: 0 3px 0 0;
	padding: 10px;
	background: #333;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	/*font-weight: bold;*/
	border-radius: 10px 10px 0 0;
	color: #fff;
	box-sizing: border-box;
}
.tab-area a.last {
	margin: 0;
}

/* タブ　終了対応（非アクティブ） */
.tab-area span.end {
	display: block;
	text-align: center;
	float: left;
	width: 150px;
	margin: 0 3px 0 0;
	padding: 10px;
	background: #999;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	/*font-weight: bold;*/
	border-radius: 10px 10px 0 0;
	color: #fff;
	box-sizing: border-box;
}

/* コンテンツ */
.main-title {
	padding: 15px;
	color: #fff;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
}
.main-box {
	padding: 4px 10px;
}

.bnr_list{
	margin:15px 0;
}

.bnr_list .area{
	line-height:1.6;
	margin-right:7px;
	padding:3px 5px;
	background:#787878;
	border-radius:2px;
	font-size:95%;
	color:#FFFFFF;
}

.bnr_list .col_left{
	width:205px;
	float:left;
}

.bnr_list .col_right{
	width:205px;
	float:right;
}

.bnr_list .col_left img{
	margin-bottom:3px;
}
.bnr_list .col_right img{
	margin-bottom:3px;
}


.bnr_list_2{
	margin:8px 0;
}

.bnr_list_2 .col_left_2{
	width:428px;
	background:#FFFFFF;
	border:#cccccc 1px solid;
	float:left;
}

.bnr_list_2 .col_right_2{
	width:428px;
	background:#FFFFFF;
	border:#cccccc 1px solid;
	float:right;
}
.read{
	padding:10px 10px;
}
/*coupon*/
.coupon_200{
	margin:10px 20px;
	padding:10px 10px;
	background:#FFFFFF;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
.coupon_left{
	margin-right:25px;
	padding:17px 20px 33px 20px;
	background-color:#e8861a;
	float:left;
}

.coupon_right{
	margin:6px 0 0 0;
	line-height:1.5;
	font-size:120%;
	float:left;
}

.coupon{
	width:350px;
	padding:10px 10px;
	font-size:160%;
	font-weight:bold;
}

.txt{
	padding:5px 0 10px 0;
	font-size:156%;
	font-weight:bold;
	color:#ffffff;
}


/*step*/

.step{
	margin:10px 20px 30px 20px;
}

.w234 {
	width:223px;
}

.m-r8 {
	margin:0 8px 0 0;
}

.fl-l {
	float:left;
}

.brdr-green{
	border:#e8861a 2px solid;
}

.bg-green{
	background:#e8861a;
	padding:5px 0;
}

.h170{
	height:160px;
	background-color:#FFFFFF;
}

.txt-white{
	font-weight:bold;
	color:#FFFFFF;
}

.p-10{
	padding:10px;
}

.btn-gray a {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 7px 0;
	background-color: #e9e9e9;
	border-radius: 4px;
	box-shadow: 0px 4px 0px 0px #c0c0c0;
	-moz-box-shadow: 0px 4px 0px 0px #c0c0c0;
	-webkit-box-shadow: 0px 4px 0px 0px #c0c0c0;
	color: #333;
	font-size:13px;
	text-align: center;
}
.btn-gray a:hover {
	background-color: #ccc;
	box-shadow: 0px 4px 0px 0px #ababab;
	-moz-box-shadow: 0px 4px 0px 0px #ababab;
	-webkit-box-shadow: 0px 4px 0px 0px #ababab;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3
}

/* ボタン */
.btn-orange a {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 12px 0;
	background-color: #e76818;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #c4530c;
	-moz-box-shadow: 0px 5px 0px 0px #c4530c;
	-webkit-box-shadow: 0px 5px 0px 0px #c4530c;
	color: #FFF;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 26px;
	text-align: center;
}
.btn-orange a:hover {
	color: #fff;
	background-color: #dd5c0b;
	box-shadow: 0px 5px 0px 0px #c94e00;
	-moz-box-shadow: 0px 5px 0px 0px #c94e00;
	-webkit-box-shadow: 0px 5px 0px 0px #c94e00;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3
}
.btn-orange-fin span {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 12px 0;
	background-color: #5c2a0a;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #4e2105;
	-moz-box-shadow: 0px 5px 0px 0px #4e2105;
	-webkit-box-shadow: 0px 5px 0px 0px #4e2105;
	color: #666;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 26px;
	text-align: center;
}
/* ボタン（第二弾用スプライト） */
.sprite_btn {
	background: url(../images/sprite_btn.png);
	width: 527px;
	height: 80px;
	margin:0 auto;
	display: block;
	cursor: pointer;
	text-align: center;
	color: #fff;
}
.sprite_btn em {
	position: relative;
	z-index: -9999;
}
.sprite_btn:hover {
	background-position: 0 -80px;
}
/* メニュー */
.nav-menu {
	position: relative;
}
.nav {
	width: 960px;
}
.nav .tab01, .nav .tab02, .nav .tab03, .nav .tab04, .nav .tab05, .nav .tab06, .nav .tab07 {
	position: relative;
	width: 160px;
	height: 70px;
	text-align: center;
	float: left;
}
.nav .select {
	height: 56px;
	display: block;
	width: 160px;
	padding: 8px 0;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav .tab01 .select {
	background: #548835;
}
.nav .tab01 .select:hover {
	background: #427125;
}
.nav .tab02 .select {
	background: #b09c3f;
}
.nav .tab02 .select:hover {
	background: #9f8c36;
}
.nav .tab03 .select {
	background: #e76818;
}
.nav .tab03 .select:hover {
	background: #e05c0c;
}
.nav .tab04 .select {
	background: #3fa09f;
}
.nav .tab04 .select:hover {
	background: #309493;
}
.nav .tab05 .select {
	background: #cb2525;
}
.nav .tab05 .select:hover {
	background: #b71a1a;
}
.nav .tab06 .select {
	background: #c59f22;
}
.nav .tab06 .select:hover {
	background: #ad8914;
}

.nav .tab07 .select {
	background: #3f90c3;
}
.nav .tab07 .select:hover {
	background: #449bd2;
}
.nav * {/*アニメーション*/
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.nav li.tab01-fin span.btn {
　/*終了対応用*/
 display:block;
	float: left;
	width: 160px;
	height: 72px;
	padding: 15px 0;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	background: #223615;
	color: #666;
	font-size: 16px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav li.tab02-fin span.btn {
　/*終了対応用*/
 display:block;
	float: left;
	width: 160px;
	height: 72px;
	padding: 15px 0;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	background: #463e19;
	color: #666;
	font-size: 16px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav li.tab03-fin span.btn {
　/*終了対応用*/
 display:block;
	float: left;
	width: 160px;
	height: 72px;
	padding: 15px 0;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	background: #5c2a0a;
	color: #666;
	font-size: 16px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav li.tab04-fin span.btn {
　/*終了対応用*/
 display:block;
	float: left;
	width: 160px;
	height: 72px;
	padding: 15px 0;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	background: #194040;
	color: #666;
	font-size: 16px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav ul.area-menu {
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 56px;
	z-index: 99999;
}
.nav ul.area-menu li {
	display: none;
}
.nav ul.area-menu li a {
	display: block;
	width: 160px;
	background-color: #eae1d0;
	text-align: center;
	padding: 6px 0;
	border-bottom: 1px dotted #fff;
	color: #333333;
	font-size: 14px;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav ul.area-menu li a:hover {
	background-color: #c4b69c;
}
.nav li:hover ul.area-menu li, .nav li a:hover ul.area-menu li {
	display: block;
}


.title {
	padding: 12px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 1.2em;
	font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mb15{
	margin-bottom:15px;
}

/* ボタン赤 */
.btn-red a {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #d32f2f;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #c62828;
	-moz-box-shadow: 0px 5px 0px 0px #c62828;
	-webkit-box-shadow: 0px 5px 0px 0px #c62828;
	color: #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:28px;
	text-align: center;
}
.btn-red a:hover {
	color:#fff;
	background-color: #c62828;
	box-shadow: 0px 5px 0px 0px #b71c1c;
	-moz-box-shadow: 0px 5px 0px 0px #b71c1c;
	-webkit-box-shadow: 0px 5px 0px 0px #b71c1c;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3
}
.btn-red-fin span {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #541313;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #4f1010;
	-moz-box-shadow: 0px 5px 0px 0px #4f1010;
	-webkit-box-shadow: 0px 5px 0px 0px #4f1010;
	color: #999;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:28px;
	text-align: center;
}
/*　キャンペーン概要　*/
#outline_box {
	margin: 0 0 15px;
	border: 2px solid #3695d6;
}
#outline_box dl{
	margin:5px 0;
}
#outline_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	color:#3695d6;
	float:left;
}
#outline_box dd{
	padding:10px 10px 10px 200px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#outline_box dd.last{
	border:0;
}
/*　注意事項　*/
.notice_tit {
	padding: 8px 15px;
	background-color: #ccc;
	color: #000;
	font-size: 1.2em;
	font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
#notice_box {
	margin: 0 0 10px;
	width:956px;
	border: 2px solid #ccc;
}
#notice_box dl{
	margin: 0;
}
#notice_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	color:#000;
	float:left;
}
#notice_box dd{
	padding:10px 10px 10px 200px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#notice_box dd.last{
	border:0;
}
#notice_box ul{
	margin-left: 0;
}
#notice_box ul li {
	list-style: disc;
	list-style-position: outside;
}
/*キャンペーン終了対応*/
#str_container #header{
	width:960px;
	position:relative;
}
#str_container #header .h-txt{
	display:none;
}
#str_container #header-fin{
	width:960px;
	position:relative;
	background:#000;
}
#str_container #header-fin .h-overlay{
	width: 100%;
	height: 100%;
	z-index: 999;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#str_container #header-fin .h-txt {
	position:absolute;
	background:#fff;
	padding:20px 40px;
	top:50%;
	left:290px;
	margin:-50px 0 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index: 999999;
	text-align:center;
}
#str_container #header-fin .h-txt p {
	font-size:160%;
	font-weight:bold;
	color:#ff0000;
	font-family:"メイリオ", Meiryo, Osaka;
}
#str_container #header-fin .h-txt p span {
	font-size:80%;
	font-weight:normal;
}