@charset "utf-8";
/* CSS Document */

/*---------------------------------------
　タグ共通制御
---------------------------------------*/
h1,h2,h3,h4{
margin:0;
padding:0;
}

/* リンク指定 */
img{ 
border:0;
vertical-align:top;
}

/* 要素 */
p{
margin:0;
padding:0;
letter-spacing:0.1em;
}

/* 太字 */
strong{
font-family:"TsukuMinPro-E"; /* FOT-筑紫明朝 Pro E */
}
em{
font-style:normal;
}
ul ,ol{
list-style:none;
}
ul ul, ul ol, ol ul, ol ol, table ul, table ol {
margin:0;
padding:0;
}

/*---------------------------------------
　共通class
---------------------------------------*/
/* clearfix（float属性解除） */
/* Font-size */
.small { font-size:80%; }
.big { font-size:130%; }

/* Font-Color */
.red { color:#bf1e00; }

ul,ol{
margin:0;
padding:0;
}

/*---------------------------------------
　基本設定
---------------------------------------*/
body{
width:100%;
min-width:1000px;
margin:0 auto;
padding:0;
font-family:"FOT-筑紫ゴシック Pro E";
line-height:1.5;
color:#000;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}
#wrap{
background:url(../images/img_bg_content.jpg) repeat-y 50% 0;
overflow:hidden;
}
#header{
}
#header .gnavi{
width:100%;
position:fixed;
top:0;
z-index:9999;
}
#header ul{
width:1002px;
margin:0 auto;
padding:0;
border-top:1px solid #3f3f3f;
}
#header ul:after{
display:block;
content:"";
clear:both;
}
#header ul li{
float:left;
}

#container{
width:1000px;
margin:0 auto;
background:#fff;
padding:43px 0 20px;
}

#footer{
width:1000px;
margin:0 auto;
background:#000;
}
#footer:after{
display:block;
content:"";
clear:both;
}
#footer ul{
margin:0;
padding:0;
display:table;
float:left;
/zoom:1;
}
#footer ul li{
display:table-cell;
vertical-align:top;
/display:inline;
/zoom:1;
}
#footer p{
margin:0;
float:right;
}

.mainBlock{
margin:0 0 18px;
}

/*---------------------------------------
　block
---------------------------------------*/

.block01,
.block02,
.block03,
.block04{
text-align:center;
}

.block01 p,
.block02 p,
.block03 p,
.block04 p{
font-family:"FOT-筑紫ゴシック Pro H";
font-size:25px;
}

/* block01 */
.block01{
margin:0 0 45px;
}
.block01 p{
font-size:30px;
margin:0 0 8px;
line-height:1.2;
}
.block01 p:first-child{
margin:0 0 24px;
font-family:"FOT-筑紫ゴシック Pro U";
}
.block01 p:first-child+p{
margin:0 0 37px;
}
.block01 p em{
font-family:"FOT-筑紫ゴシック Pro U";
font-size:55px;
line-height:1.2;
}

/* block02 */
.block02{
margin:0 0 45px;
}
.block02 p{
margin:0 0 12px;
line-height:1.2;
}
.block02 p em{
font-family:"FOT-筑紫ゴシック Pro U";
font-size:30px;
line-height:1.2;
color:#000080;
}
.block02 p span{
font-size:40px;
line-height:1.2;
color:#CC0000;
}

/* block03 */
.block03{
margin:0 0 37px;
}
.block03 h2{
margin:0 0 15px;
}
.block03 p{
margin:0 0 18px;
line-height:1.2;
}
.block03 p em{
font-family:"FOT-筑紫ゴシック Pro U";
font-size:30px;
line-height:1.2;
color:#000080;
}
.block03 p span{
color:#CC0000;
}

/* block04 */
.block04{
margin:0 0 35px;
}
.block04 h2{
margin:0 0 18px;
}
.block04 p{
margin:0 0 18px;
line-height:1.2;
}
.block04 p em{
font-family:"FOT-筑紫ゴシック Pro U";
font-size:30px;
line-height:1.2;
color:#000080;
}
.block04 p span{
font-family:"FOT-筑紫ゴシック Pro U";
font-size:40px;
color:#CC0000;
}
.block04 .textblock01{
text-indent:1em;
}
.block04 .textblock01,
.block04 .textblock03{
width:600px;
margin:0 auto 36px;
font-family:"FOT-筑紫ゴシック Pro E";
font-size:20px;
line-height:34px;
text-align:left;
}
.block04 .textblock01 span{
font-family:"FOT-筑紫ゴシック Pro H";
font-size:20px;
line-height:34px;
color:#000080;
}
.block04 .textblock02{
margin:0 auto 40px;
padding-right:185px;
float:right;
font-family:"FOT-筑紫ゴシック Pro E";
font-size:15px;
line-height:24px;
text-align:left;
}
.block04 .textblock02 a{
color:#000080;
}
.block04 .bold{
font-family:"FOT-筑紫ゴシック Pro U";
font-size:40px;
color:#000;
}
.clear{
clear:both;
}

.block04 .img01{
margin:0 0 22px;
padding: 0 220px;
text-align:right;
}

/* btnblock */
.btnblock .btnArea{
margin:0 0 38px;
}
.btnblock .btnArea p:first-child{
margin:0 0 8px;
font-family:"FOT-筑紫ゴシック Pro B";
font-size:14px;
line-height:28px;
letter-spacing:0.05em;
text-align:center;
}
.btnblock .btnArea p:first-child span{
font-family:"FOT-筑紫ゴシック Pro H";
color:#cc0000;
}
.btnblock .column{
width:635px;
margin:0 auto;
display:table;
/zoom:1;
text-align:left;
}
.btnblock .column .label,
.btnblock .column .block{
display:table-cell;
/display:inline;
vertical-align:top;
/zoom:1;
}
.btnblock .column .label{
width:145px;
}
.btnblock .column .block{
width:490px;
}
.btnblock p.cancel{
font-family:"FOT-筑紫ゴシック Pro B";
font-size:14px;
text-align: center;
}
.btnblock .column .text01{
font-size:13px;
line-height:18px;
}
.btnblock .column .text01 span{
color:#cc0000;
}
.btnblock .column .text01 a{
color:#333399;
}

.borderBlock{
width:567px;
height:376px;
margin:0 auto 20px;
padding:19px 18px;
background:url(../images/borderBlock_bg_01.gif) no-repeat 0 0;
color:#708090;
}
.borderBlock p{
margin:0 0 10px;
font-family:"FOT-筑紫ゴシック Pro H";
font-weight:normal;
font-size:16px;
line-height:25px;
}
.borderBlock ol li{
padding:0 0 0 2em;
text-indent:-1.5em;
font-family:"FOT-筑紫ゴシック Pro B";
font-size:14px;
line-height:25px;
text-align:left;
letter-spacing:0.15em;
}

/*---------------------------------------
　video
---------------------------------------*/
.video{
margin:0 0 45px;
}
.video p{
text-align:center;
}
.video p:first-child{
margin:0 0 12px;
}
.video p:first-child+p{
font-size:15px;
line-height:26px;
}

/*---------------------------------------
　text
---------------------------------------*/
.fs30{font-size:30px !important;}
.fs40{font-size:40px !important;}

/*---------------------------------------
　margin padding
---------------------------------------*/
.mB00{margin-bottom:0px !important;}
.mB10{margin-bottom:10px !important;}
.mB12{margin-bottom:12px !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;}
.mB55{margin-bottom:55px !important;}
.mT10{margin-top: 10px !important;}
.mT20{margin-top: 20px !important;}
.mT30{margin-top: 30px !important;}

/*---------------------------------------
　align
---------------------------------------*/
.taC{text-align:center !important;}
.taL{text-align:left !important;}
.vaB{vertical-align:bottom !important;}