@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#000; background:url(../images/ptn.jpg)top center repeat; font:16px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.8; text-align:center; min-width:1250px;_display: inline;_zoom:1;  }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0000ff; text-decoration:underline; }
a:hover{ color:#ff8000; text-decoration:underline; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }

/* color */
.txt-red{ color:#e90000; }
.txt-blue{ color:#004bd5; font-weight:bold; }

/*indent */
.idt , ul.assist li , .system li{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

.underline{ text-decoration:underline; }
.underline-double{ border-bottom:double medium; }

.waveline{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-red{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-blue{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }

.marker{background-color:#fff600; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt-100{ margin-top:-100px !important; }
.smt-30{ margin-top:-30px !important; }
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }
.smt70{ margin-top:70px !important; }
.smt80{ margin-top:80px !important; }


.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ margin:0 50px 30px; }
p.lh-reset{ line-height:1.0; }

/* original frame */
.box{ margin:0 50px 30px; background:#fff; padding:30px; font-size:14px; border-radius:5px; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.4); }

table{ border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:14px; width:900px; margin:0 auto;}
table th , table td{ border:1px solid #fff; padding:5px 10px; }
table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
table td{ background-color:#fff; }
table ol{  margin-left:20px; }
table ol li{ list-style-type: disc; }

ul.assist{ font-size:12px; padding:15px 25px 12px; line-height:1.6; border:solid 1px #cdcdcd; }

.system{ font-size:14px; }

dl.rule{ padding:20px; background-color:#f6f6f6; border-radius:3px; border:solid 1px #cdcdcd; font-size:12px; line-height:1.6; text-align:left; }
dl.rule dt{ font-weight:bold; font-size:14px; text-align:center; }


/* timer ********** タイマーが必要な場合のみ記述
///////////////////////////////////////////////////////////////////////////////////////////////*/
div.timer{ position:relative; width:582px; height:74px; }
.timer .timeDay { position:absolute; top:20px; left:130px; }
.timer .timeHr  { position:absolute; top:20px; left:235px; }
.timer .timeMmin{ position:absolute; top:20px; left:350px; }
.timer .timeSec { position:absolute; top:20px; left:440px; }
.timer .timeMsec{ position:absolute; top:30px; left:525px; }

/* timerがテキストの時は以下設定等で見た目を整える */
input.timer , .timer input{ font-size:30px; background-color:transparent; border:none; width:500px }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1000px; margin:0 auto; position:relative; }
.contents .wrap{ text-align:left; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top{ background:url(../images/top_bg.jpg)top center no-repeat; background-size: cover; margin:0 auto; height: 1037px;}
.top h1{}
.top h1 img{ margin:-100px auto 0; position:relative; z-index:99; }

.header{background:url(../images/header_bg.png)top center repeat-x; height: 113px; box-shadow:0px 10px 10px rgba(0,0,0,0.3); padding-top:30px;}
.header .wrap{ width:1100px; margin:0 auto; position:relative; }
/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{background:url(../images/content_bg.png)top center repeat-y; margin:50px auto 0; }

.contents h2{background: url(../images/sec_title.png)top center no-repeat; margin:30px auto 0; height: 235px;}

.intro{width:1100px; margin:0 auto;}

.section2 .sec2_pic2{background: url(../images/sec2_pic2.png)top 20px right 30px no-repeat ;}

.section3 .example{background: url(../images/example_pic.png)bottom right -20px no-repeat,url(../images/example_ptn.jpg)top center repeat; width:900px; margin:60px auto 30px; border:double 9px #eeeeee; text-align:left; box-shadow:0px 0px 50px rgba(0,0,0,0.1) inset; padding:0 0 10px; font:16px helvetica, arial, 'MS PMincho', 'MS Mincho', 'HiraMinPro-W6', 'ms pgothic', sans-serif; line-height:1.8em; letter-spacing:0.1em; }
.section3 .example2{background: url(../images/sec3_exmple_bg2.png)bottom right -20px no-repeat,url(../images/example_ptn.jpg)top center repeat; width:900px; margin:0 auto 30px; border:double 9px #eeeeee; text-align:left; box-shadow:0px 0px 50px rgba(0,0,0,0.1) inset; padding:0 0 10px; font:16px helvetica, arial, 'MS PMincho', 'MS Mincho', 'HiraMinPro-W6', 'ms pgothic', sans-serif; line-height:1.8em; padding-top:30px; letter-spacing:0.1em; }
.section3 .example p{margin:0 25px 30px; }
.section3 .example2 p{margin:0 25px 30px; }

.section3 .program{}
.section3 .program .program_img{ background:url(../images/program_bg.jpg)top center no-repeat; position:relative; margin:0 auto; height:853px; width:1000px; text-align: center; padding:30px 0 0; }
.section3 .program .item{ position:absolute; bottom:-30px; left:-20px; }
.section3 .sec3_pic2{background: url(../images/sec3_pic2.png)bottom right 30px no-repeat ;}
.section3 .sec3_pic3{background: url(../images/sec3_pic4.png)bottom 200px right -100px no-repeat ;}
.section3 .sec3_pic4{background: url(../images/sec3_pic3.png)top 20px right 10px  no-repeat ;}

.section4 .gift_bg{ background: url(../images/gift_pic.png)top right no-repeat,url(../images/gift_ptn.jpg) top center repeat; width:998px; margin:0 auto 0; padding-top:30px;  padding-bottom:10px;  text-align:left; }
.section4 .tokuten_bg{ background: url(../images/gift_bg.jpg)top center repeat; width:900px; margin:0 auto 30px;; border-radius:10px; border:solid 1px #21b8ce; box-shadow:0px 0px 30px rgba(255,255,255,0.9)inset; position:relative; padding-top:153px; }
.section4 .tokuten_bg .txt{ background:#fff; margin:10px; display:inline-block; padding:20px; border-radius:5px; box-shadow:2px 3px 2px rgba(0,0,0,0.1)inset; border:solid 1px #fff; }
.section4 .tokuten_bg h3{ position:absolute; top:-30px; left:-43px; }

.section4 .voice .hisui_bg {background:url(../images/voice_hisui_top.jpg)top center no-repeat ,url(../images/voice_hisui_bottom.jpg)bottom center no-repeat , url(../images/voice_hisui_center.jpg)top center repeat-y;  margin:-30px auto 30px; padding:180px 0 5px; position:relative;}
.section4 .voice .txt p { margin:0; }
.section4 .voice .txt { width:850px; background:rgba(255,255,255,0.8); margin:30px auto; text-align:left; border-radius:10px; padding:20px; border:solid 1px #fff;}
.section4 .voice .oshima_bg {background:url(../images/voice_oshima_top.jpg)top center no-repeat ,url(../images/voice_oshima_bottom.jpg)bottom center no-repeat , url(../images/voice_oshima_center.jpg)top center repeat-y;  margin:30px auto; padding:180px 0 5px; position:relative;}

.section5 .sec5_pic{background: url(../images/sec7_pic.png)top -50px right no-repeat ;}
.section5 .sec5_pic1{background: url(../images/sec5_pic1.png)top right 30px no-repeat ;}

.section6 .sec6_pic1{background: url(../images/sec6_pic1.png)top 200px right 30px no-repeat ;}




/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ color:#FFF; background-color:#333; padding:10px 0 20px; text-align:center; }
.footer a{ color:#FFF; font-size:12px; }