@charset "utf-8";

/*======== タイプセレクタ ========*/
body{padding:0;margin:0 auto;line-height:1.8em;text-align:center;color:#000;background-color:#000; }
* html body{  overflow: hidden;  }   
div, ul, ol, h1, h2, h3, h4, h5, form, label{margin:0;padding:0;}
p{padding:0;margin:0;}
ul, ol{list-style-type:none;}
img{border:none;vertical-align:bottom;}

/*======== 文字装飾 ========*/
.date_text{ font-size:38px;}
.s_size{ font-size:12px;}
.m_size{ font-size:18px; font-weight:bold;}
.l_size{ font-size:30px;}
.xl_size{ font-size:36px; line-height:1.8em;}
.white{ color:#fff;}
.black{ color:#000;}
.blue{ color:#339ae2; font-weight:bold;}
.red{ color:#dd3636;font-weight:bold;}
.red_u{ color:#dd3636; font-weight:bold;text-decoration:underline;}
.red_l{ color:#dd3636; font-family:Georgia, "Times New Roman", Times, serif; font-size:34px; font-weight:bold; line-height:34px;}
.bg_ylellow{ color:#000; background-color:#ff3;font-weight:bold;}
.bg_ylellow_red{ color:#dd3636; background-color:#ff3;}
a:link {text-decoration: none;color: #ff8306;}
a:visited {text-decoration: none;color: #ff8306;}
a:hover {color: #CC0000;text-decoration: underline;}
a:active {text-decoration: none;}
.b {font-weight: bold;}
.u { text-decoration:underline;}

/* Clearfix method*/
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}.clearfix{zoom:1}

/*======== ヘッダー ========*/
#header_warning{position: fixed !important; position:absolute;top:0;left: 0;width:100%;background:url(img/header_warning_bg.jpg) repeat;height:56px;border-bottom:3px solid #000; text-align:center;}
#header_warning img{ padding-top:4px;}
#header{margin:56px auto 0;background:url(img/header.jpg) no-repeat center; height:832px;}

#header_warning1{position: fixed !important; position:absolute;top:0;left: 0;width:100%;background:url(img/header_warning_bg.jpg) repeat;height:44px;border-bottom:3px solid #000; text-align:center;}
#header_warning1 img{ padding-top:4px;}
#header1{margin:45px auto 0;background:url(img/header.jpg) no-repeat center; height:832px;}

#header_warning #counter { font-size:28px; font-weight:bold; color:#fff;}
#header_warning #counter p { text-align:center;}
#header_warning #counter span { color:#ff5;}

/*======== コンテンツ ========*/
#content{width:900px;margin:0 auto;padding:0;background:url(img/body_bg.jpg) repeat-y center;}
#content h2{ margin:0 auto 30px;}
#content h2.dot{ margin:0 auto 30px; width:820px; padding:20px 0; border-bottom:2px dotted #aaa;}
#content h2.tokutei{ margin:50px auto 20px; width:780px; padding:20px 0; border-bottom:2px dotted #003368;}
#content p{ margin:0 40px 20px 40px; text-align:left;}

#content .checkbox {margin:20px auto 30px;padding:1px;background: #ff8306;border: solid #fcddb4;border-width:6px; width:700px;}
#content .checkbox .check_bg {padding:6px; background-color:#fff;line-height:140%;}
#content .checkbox .check_bg p{margin:10px 0 20px 20px;padding:0 0 0 38px;background:url(img/check_box.jpg) no-repeat 0 0;text-align:left;font-size:18px;line-height:30px;font-weight:bold;}
#content .checkbox .check_bg p.last{margin:10px 0 10px 20px;padding:0 0 0 38px;background:url(img/check_box.jpg) no-repeat 0 0;text-align:left;font-size:18px;line-height:30px;font-weight:bold;}

#content #introduction_title{ width:820px; background-color:#fff;text-align:left; margin:0 auto;}
#content #introduction_bg{ width:820px; background-color:#112d8a; color:#fff; text-align:left; margin:0 auto 30px; font-size:24px; padding-bottom:15px;}
#content #introduction_bg img{ padding:20px 0 0 20px;}
#content #introduction_bg #box{ width:780px; background-color:#fff; color:#fff; margin:20px auto 0; color:#112d8a; padding:20px 10px;}
#content #introduction_bg #box p{margin:0 0 20px 10px;padding:0 0 0 43px;background:url(img/icon.png) no-repeat 0 0;text-align:left;font-size:18px;line-height:38px;font-weight:bold;}

#content .box{ width:780px; background-color:#fff; color:#fff; margin:20px auto 0; color:#112d8a; padding:20px 10px 0 10px; border: solid 5px #112d8a;}
#content .box p{margin:0 0 20px 10px;padding:0 0 0 43px;background:url(img/icon.png) no-repeat 0 0;text-align:left;font-size:18px;line-height:38px;font-weight:bold;}

.center_layout{margin:10px auto; text-align:center;}
.right_layout{margin:20px 40px 40px; text-align: right;}
.bt_layout{margin:10px auto 30px; text-align:center;}
.top_margin{ margin-top:50px;}
.bottom_margin{ margin-bottom:50px;}

/*======== 商品 ========*/
#content .item{position:relative;margin:20px auto;background:url(img/item.jpg) no-repeat 0 0; width:802px; height:647px;}
#content .item .textbox{position:absolute;top:410px;left:380px;border:1px double #fff;}
#content .item .textbox .text{font-size:24px; width:340px; line-height:2em; text-align:center; font-weight:bold; color:#ffae05; border:1px double #fff; margin:2px;}
#content .countdown{ font-size:30px; font-weight:bold; color:#d92914; border:3px double #fff; margin:2px; width:720px; margin:10px auto; padding:30px 0; background-color:#000;}
#content .countdown1{ font-size:30px; font-weight:bold; color:#d92914; border:3px double #333; margin:2px; width:720px; margin:10px auto; padding:30px 0;}

#content #counter { font-size:28px; font-weight:bold; color:#fff;}
#content #counter p { text-align:center;}
#content #counter span { color:#ff5;}

/*======== メルマガ ========*/
#content .mailmaga_box{margin:30px auto;width:700px; border:3px solid #000;}
#content .mailmaga_bg{margin:0 auto 0;background:url(img/mailmaga_bg.jpg) repeat-y center; width:700px;}
#content .mailmaga_bg .box{margin:20px auto 20px;width:600px; border:1px dotted #aaa; background-color:#fafafa; padding:10px; text-align:left; font-size:12px; line-height:1.4em; color:#444;}

/*======== 特典 ========*/
#content .tokuten_titel{margin:30px auto 0;width:762px;}
#content .tokuten_bg{margin:0 auto 0;background:url(img/tokuten_bg.jpg) repeat-y center; width:762px;}
#content .tokuten_bg p{margin:0 50px 1em;}
#content .tokuten_bg p.last{margin:1em 50px 0px; padding:0;}
#content .tokuten_bottom{margin:0 auto 30px;width:762px;}

#content .henkin_bg{margin:0 auto 0;background:url(img/henkin_bg.jpg) repeat-y center; width:762px;}
#content .henkin_bg p{margin:0 50px 1em;}
#content .henkin_bg p.last{margin:1em 50px 0px; padding:0;}

/*======== お客様の声 ========*/
#content .voice_title{margin:30px auto 0;width:762px;}
#content .voice_bg{margin:0 auto 0;background:url(img/voice_bg.jpg) repeat-y center; width:762px;}
#content .voice_bg p{margin:0 50px 1em;}
#content .voice_bg p.last{margin:1em 50px 0px; padding:0;}
#content .voice_bottom{margin:0 auto 30px;width:762px;}

#content .table_voice {border-top:1px dotted #112d8a;border-left:1px dotted #112d8a;background-color:#fff;border-collapse:collapse;border-spacing:0px;empty-cells:show;width:600px; margin:20px auto 0;}
#content .table_voice th {border-right:1px dotted #112d8a;border-bottom:1px dotted #112d8a;padding:5px;text-align:centerwidth:34%; background-color:#fffff6;color:#dd3636;}
#content .table_voice td {border-right:1px dotted #112d8a;border-bottom:1px dotted #112d8a;padding:5px;text-align:center; width:33%;}

/*======== Q&A ========*/
#content .qa_box{margin:30px auto;width:750px; border:6px solid #cdcdcd;}
#content .qa_box .title{margin:10px auto;}
#content .qa_box p.q{margin:10px 20px 20px 20px;padding:0 0 0 44px;background:url(img/q_icon.jpg) no-repeat 0 0;text-align:left;font-size:16px;line-height:36px;font-weight:bold; color:#041a64;}
#content .qa_box p.a{margin:10px 20px 20px 20px;padding:0 0 10px 44px;background:url(img/a_icon.jpg) no-repeat 0 0;text-align:left;font-size:14px;line-height:36px; border-bottom: dotted 1px #aaa;}

/*======== ページトップ ========*/
.pagetop{clear:both;width:780px;margin:0 auto;padding:20px 0 20px 0;text-align:right; margin-bottom:16px; margin-top:16px; font-size:13px;}

/*======== テーブル ========*/
#content .table {border-top:1px dotted #112d8a;border-left:1px dotted #112d8a;background-color:#fff;border-collapse:collapse;border-spacing:0px;empty-cells:show;width:780px; margin:50px auto;}
#content .table th{border-right:1px dotted #fff;border-bottom:1px dotted #fff;text-align:center;padding:5px;width:25%;line-height:2em; background-color:#112d8a; color:#fff; font-size:24px;}
#content .table td {border-right:1px dotted #112d8a;border-bottom:1px dotted #112d8a;padding:15px;text-align:left;line-height:2em; width:75%;}

#content .mailmaga_form {border-top:1px dotted #112d8a;border-left:1px dotted #112d8a;background-color:#fff;border-collapse:collapse;border-spacing:0px;empty-cells:show;width:580px; margin:20px auto 20px;}
#content .mailmaga_form th{border-right:1px dotted #fff;border-bottom:1px dotted #fff;text-align:center;padding:5px;width:25%;line-height:2em; background-color:#666; color:#fff; font-size:12px;}
#content .mailmaga_form td {border-right:1px dotted #112d8a;border-bottom:1px dotted #112d8a;padding:5px;text-align:left;line-height:2em; width:75%;font-size:12px;}

.check_text{font-size:2em;font-style:italic;font-family:Arial Black;text-decoration:underline; text-align:center;color:#dd3636; border:none; width:700px}

#content .table_tokutei {border-top:1px dotted #ff8306;border-left:1px dotted #ff8306;background-color:#fff;border-collapse:collapse;border-spacing:0px;empty-cells:show;margin:0px auto 40px;width:780px; font-size:14px; }
#content .table_tokutei th {border-right:1px dotted #ff8306;border-bottom:1px dotted #fff;padding:5px;width:25%;background-color:#fcddb4; color:#000;}
#content .table_tokutei td {border-right:1px dotted #ff8306;border-bottom:1px dotted #ff8306;padding:5px;width:75%; text-align:left;}

/*======== 登録フォーム ========*/
#content #mailform{ position:relative;margin:26px auto; background:url(img/mailform.jpg)  no-repeat; width:800px; height:311px;}
#content #mailform h2{ position:absolute;top:30px;left:226px;margin:0px 10px 10px 0;padding:0 0 0 44px;background:url(img/icon.jpg) no-repeat 0 0;text-align:left;font-size:18px;line-height:30px;font-weight:bold;}

#neoform_body { position:absolute;top:100px;left:226px;width: 540px;line-height: 130%; float:right;font-size: 12px;;height:100%;}
#neoform_body #magazine_name {padding:10px;background-color: #fff;font-size:16px;text-align: center;}
#neoform_body #neoform_select {margin-bottom: 10px;padding-top: 3px;padding-bottom: 3px;width: 100%;vertical-align: middle;background-color: #ddf0ff;font-size: small;text-align: center;}
#neoform_body .table_form {margin:0px auto 20px;font-size:12px;padding:5px; width:520px;}
#neoform_body .table_form th {width:25%; text-align:right;}
#neoform_body .table_form td {width:75%; text-align:left;}

#content .countdown_box {margin:20px auto;padding:2px;background: #000000;border: solid #3757ce;border-width:6px; width:600px;font-size: 16pt;font-weight: bold;color: #d71503;}
#content .countdown_box .countdown_bg {padding:6px; background-color:#fff;line-height:220%; text-align:center;}

/*======== プライバシーポリシー ========*/
#content #privacy { text-align:left; font-size:84%; padding:0 40px;}
#content #privacy ol.policy{ list-style-type:disc;padding:0px 0px 10px 20px;margin:0px 24px 0px 24px;border-bottom:1px dotted #ccc;}
#content #privacy ol.policy li {padding: 0;margin:0px 0px 10px 0px; height:auto;}
#content #privacy li ol{padding:0;margin:10px 0 20px 0;}
#content #privacy li li{background:none;padding:0px;margin:0 0 0 20px;line-height:22px;border-bottom:none;}
#content #privacy p {border-bottom:none;padding:0px 0px 14px 0px;margin:0px 10px 0px 18px;}
#content #privacy p.last {border-bottom:1px dotted #ccc;padding:0px 0px 20px 0px;margin:0px 10px 10px 18px;}

#content #privacy h3{margin:20px 0 10px 10px; color:#003368;}

/*======== フッター ========*/
#footer{margin:0 auto;padding:10px 0 10px 0;text-align:center;font-size:12px;border-top:1px solid #ff8306; width:780px;line-height:200%;}
#footer a{color:#000; text-decoration:none;}
#footer a:hover{color:#dd3636; text-decoration:underline; }
#footer ul{ margin:0 auto; padding:10px 0 20px 0;}
#footer li{display:inline;line-height:30px;/line-height:16px;padding:0 1em 0 0;margin:0.5em 1.0em 1em 0;border-right:1px solid #000;white-space:nowrap;zoom:1;}
#footer li.last{border:none;}