@charset "UTF-8";

.inner1 {
	position: relative;
	width: 950px !important;
	margin: auto;
}

/* ==========================================================================
   override
   ========================================================================== */
#areaWrapper1 {
	position: relative;
	width: 100%;
	padding: 0 0 30px;
}

#mainArea {
	float: none !important;
	width: 100%;
}

.SpecialSalesBox01 {
	margin-bottom: 40px;
}

.SpecialSalesBox01 ul {
	margin-left: 30px !important;
}

#SpecialSales {
	width: 950px !important;
}

/* ==========================================================================
   mv
   ========================================================================== */
#mv {
	width: 100%;
	min-height: 560px;
	background: url(../img/mv_bg.jpg) no-repeat center top;
}

#mv p {
	margin-bottom: 0;
}

/* ==========================================================================
   box
   ========================================================================== */
.box1 {
	width: 950px;
	margin: 0 auto 40px;
	padding: 35px 50px;
	box-sizing: border-box;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: url(../img/white.png);
}

.box3 {
	padding: 20px 20px;
}

.iframe {
	position: relative;
	height: 200px;
	padding: 0 0;
	overflow: auto !important;
	border: solid #999 1px;
	background: #fff;
}

/* ==========================================================================
   index
   ========================================================================== */
#index_content {
	width: 100%;
	margin: auto;
	padding-bottom: 50px;
	background: url(../img/content_bg.jpg);
}

.q_tit {
	text-align: center;
	margin-bottom: 15px;
}

.q_txt {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 15px;
}

.q_movie {
	width: 720px;
	margin: 0 auto 30px;
}

.q_movie iframe {
	width: 720px;
	height: 405px;
}

.q_inner {
	width: 720px;
	margin: 0 auto;
}

.spmes {
	text-align: center;
	margin: 0;
}

.btn {
	text-align: center;
	margin-bottom: 40px;
}
 
/* ==========================================================================
   content
   ========================================================================== */

#content a,
#content a:link,
#content a:hover,
#content a:visited,
#content a:active {
	text-decoration: underline;
	color: #fff;
}

#content a:hover {
	color: #ffe400;
}

#sub_content {
	color: #222;
	margin-top: 3px;
	padding-bottom: 100px;
}

#sub_content a,
#sub_content a:link,
#sub_content a:hover,
#sub_content a:visited,
#sub_content a:active {
	text-decoration: underline;
	color: #04185d;
}

/* ==========================================================================
   table
   ========================================================================== */
table.tb1 {
	width: 100%;
	position: relative;
	border-spacing: 0;
	border-top: 1px solid #2558a7;
	border-left: 1px solid #2558a7;
	background: #fff;
	
	/border-collapse: collapse;
}

table.tb1 th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	background: #e4efff;
	color: #232323;
}

table.tb1 th,
table.tb1 td {
	position: relative; 
	font-size: 16px;
	line-height: 1.6;
	padding: 10px 10px 10px;
	border-bottom: 1px solid #2558a7;
	border-right: 1px solid #2558a7;
}

/* ==========================================================================
   icon
   ========================================================================== */
.ico_arr {
	padding-right: 11px;
	background: url(../../../zaqzaq/img/ico_arr.gif) no-repeat center right;
}

.ico_arr2 {
	padding-right: 11px;
	background: url(../../../zaqzaq/img/ico_arr_2.gif) no-repeat center right;
}

.ico_hatena {
	display: inline-block;
	padding-left: 27px;
	background: url(../../../zaqzaq/img/ico_hatena.png) no-repeat center left;
}


/* ==========================================================================
   modal
   ========================================================================== */
.modal_bg {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	display:none;
	z-index:9998;
}
.modal {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	width:640px;
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.5);
	display:none;
	z-index:9999;
}
.modal .modal_contents {
	padding:30px;
	margin:10px;
	background:#eee;
	position:relative;
}
.modal .modal_contents .headline {
	border-bottom:solid 1px #ccc;
	padding-bottom:15px;
}
.modal .modal_contents .headline h3 {
	font-size:18px;
	line-height:50px;
	margin-left:60px;
}
.modal .modal_contents .headline .appicon {
	float:left;
}

.modal .modal_contents h4 {
	text-align:center;
	font-weight:bold;
	font-size:24px;
	line-height:1.2;
	border-top:solid 1px #fff;
	padding-top:25px;
}
.modal .modal_contents .qrcode {
	text-align:center;
	margin-top:20px;
}
.modal .btn1 {
	width:460px;
	margin:0 auto;
	margin-top:20px;
}
.modal .btn1 a {
	width:460px;
}

.modal .close {
	position:absolute;
	width:30px;
	height:30px;
	background:#fff url(../../../zaqzaq/img/modal-closebtn.gif) no-repeat 0 0;
	top:-10px;
	right:-10px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {
.modal .modal_contents .headline h3 {
	font-weight:normal;
}
}

@media screen and (max-width: 640px) {
.modal {
	width:100%;
}
.modal .modal_contents {
	padding:10px;
	margin:10px;
	background:#eee;
	position:relative;
}

.modal .modal_contents .headline h3 {
	font-size:20px;
	line-height:25px;
	margin-left:60px;
	font-weight:normal;
	padding-top:5px;
}
.modal .modal_contents h4 {
	font-size:20px;
}
.modal .btn {
	width:100%;
	margin:0 auto;
	margin-top:40px;
}

}

/* ==========================================================================
   common
   ========================================================================== */
body { }

.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.normal { font-weight: normal !important; }
.strong { font-weight: bold !important; }
.em { color: #d93717; }
.no_border { border:: none !important; }
.no_padding { padding: 0 !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb100 { margin-bottom: 100px !important; }

.fs10 { font-size: 10px; line-height: 1.6; }
.fs11 { font-size: 11px; line-height: 1.6; }
.fs12 { font-size: 12px; line-height: 1.6; }
.fs13 { font-size: 13px; line-height: 1.5; }
.fs14 { font-size: 14px; line-height: 1.6; }
.fs15 { font-size: 15px; line-height: 1.6; }
.fs16 { font-size: 16px; line-height: 1.5; }
.fs17 { font-size: 17px; line-height: 1.6; }
.fs18 { font-size: 18px; line-height: 1.6; }
.fs20 { font-size: 20px; line-height: 1.6; }
.fs24 { font-size: 24px; line-height: 1.6; }
.fs26 { font-size: 26px; line-height: 1.6; }
.fs28 { font-size: 28px; line-height: 1.5; }
.fs30 { font-size: 30px; line-height: 1.5; }
.fs32 { font-size: 32px; line-height: 1.5; }
.fs36 { font-size: 36px; line-height: 1.5; }
.notes { color: #ccc; }

ul.indent li {
	position: relative; 
	margin-left: 1em;
	text-indent: -1em; 
}

.clr_1 { color: #04185d; }
.clr_2 { color: #e40382; }
.clr_3 { color: #ff6a00; }
.j_clr { color: #e93100; }

a:hover img.hover {
	cursor: pointer;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75)";
}

sup,
sub {
	vertical-align:baseline;
	position:relative;
	top:-3px;
}

/* ==========================================================================
   clearfix
   ========================================================================== */
/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}