@charset "Shift_JIS";
/* ======= BIA ======== */
/*-  reflesh          --*/
/*-  base             --*/
/*-  header           --*/
/*-  unit0 1-3         --*/
/*-  footer           --*/
/* ==================== */
/*
------------------------------------------------ reflesh */
body,h1,h2,h3,h4,h5,div,dl,dd,dt,table,td,th,tr,ul,ol,li,p,img{
margin:0;
padding:0;
font-size:100%;
line-height:1;
text-decoration:none;
list-style:none;
}
div:after,dl:after,p:after,dd:after{
content:'.';
font-size:1px;
float:none;
clear:both;
visibility:hidden;
display: block;
}
/*
------------------------------------------------ base */
body{
background:url(images/bg.gif) repeat center top #0B365B;
text-align:center;
}
div#head{
width:808px;
height:1435px;
background:url(images/catchimg.jpg) no-repeat center top #0C6780;
overflow:hidden;
margin:0px auto;
}
div.ground{
width:808px;
background:url(images/bg_container.gif) repeat-y center #0C6780;
margin:0px auto;
display:block;
}
.alt{
display:none;
}
.doc{
font-size:12px;
line-height:16px;
color:#C1D7DC;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
overflow:hidden;
}
.cap{
font-size:12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
line-height:13px;
color:#C1D7DC;
}
.ground a:link{
color:#0B365B;
text-decoration:underline;
}
.ground a:hover{
text-decoration:none;
}
.ground a:visited{
color:#0C6780;
}
.rights{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:10px;
line-height:13px;
color:#3E90A8;
text-align:center;
margin-bottom:10px;
}
.unit01,.unit02,.unit03,.unit04,.official{
width:808px;
margin:0 auto;
overflow:hidden;
text-align:left;
float:none;
clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
/*
------------------------------------------------ head */
.spec{
font-size:10px;
line-height:12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
color:#E1E3E5;
overflow:hidden;
margin:235px 0 0 423px;
text-align:left;
height:60px;
}
.spec01,.spec02{
float:left;
}
.spec01{
width:140px;
height:48px;
margin-right:14px;
}
.spec02{
width:210px;
height:48px;
}
.spec03{
width:366px;
height:12px;
}
/*
------------------------------------------------ unit01 */
div.unit01{
text-align:left;
}
.unit01 .p01{
width:348px;
margin:26px 0 0 426px;
height:224px;
}

.unit01_1{
margin:10px 10px 0 418px;
height:393px;
overflow:hidden;
}
.unit01_1 .docs{
float:left;
width:132px;
height:224px;
margin-top:70px;
margin-left:10px;
}
.unit01_1 .images{
float:right;
}
.unit01_2{
width:760px;
margin:5px 0 0 37px;
}
.unit01_2 .docs{
float:left;
width:216px;
height:112px;
margin-top:35px;
}
.unit01_2 .images{
float:right;
}

.unit01_3{
width:790px;
height:219px;
margin:5px 9px;
float:none;
clear:both;
}
.unit01_3 .ph04{
float:right;
}
.unit01_3 .ph03{
float:left;
margin-right:5px;
}
/*
------------------------------------------------ unit02 */
div.unit02{
background:url(images/unit02_bg.jpg) no-repeat top center;
height:760px;
text-align:left;
}
.unit02_1 .docs{
float:left;
width:324px;
}
.unit02_1 .docs .p01{
width:264px;
height:144px;
margin:130px 0 0 33px;
}
.unit02_1 .images{
float:left;
}
.unit02_1 .ph01{
margin-top:30px;
}
.unit02 .ph02{
margin:5px 14px;
}
/*
------------------------------------------------ unit03 */
div.unit03{
background:url(images/unit03_bg.jpg) no-repeat top center;
height:1095px;
text-align:left;
}
.unit03_1{
margin-top:96px;
height:579px;
}
.unit03_1 .docs{
float:right;
width:155px;
}
.unit03_1 .docs .p01{
width:120px;
height:112px;
margin-top:70px;
}
.unit03_1 .images{
float:left;
width:335px;
text-align:right;}
.unit03_1 .images img{
text-align:right;
margin-bottom:5px;
}
.unit03_2 .docs{
float:left;
width:195px;
}
.unit03_2 .docs .p01{
width:180px;
height:96px;
margin:20px 0 0 25px;
}

.unit03_2 .images{
float:right;
width:335px;
}
.unit03_2 .images img{
margin-bottom:5px;
}
/*
------------------------------------------------ unit04 */
div.unit04{
background:url(images/unit04_bg2.jpg) no-repeat 0 76px;
height:2270px;
text-align:left;
}
.unit04 .title{
background:url(images/unit04_bg1.jpg) no-repeat 0 0;
height:76px;
}
.unit04 .title span{
display:none;
}
.unit04_1{
height:499px;
overflow:hidden;
}

.unit04 .ph04{
margin-top:5px;
}
.unit04_1 .docs{
float:left;
width:483px;
}

.unit04_1 .docs .p01{
width:408px;
height:64px;
margin:85px 0 0 56px;
}
.unit04_1 .docs .p02{
width:168px;
height:80px;
margin:245px 0 0 315px;
}
.unit04_1 .images{
float:right;
width:295px;
}
.unit04_2{
width:647px;
height:608px;
margin:5px 0 0 148px;
overflow:hidden;
}
.unit04_2 .docs{
float:left;
width:322px;
}
.unit04_2 .docs .p01{
width:228px;
height:48px;
margin:0 0 0 86px;
}
.unit04_2 .images{
float:right;
}
.unit04_3{
margin-top:15px;
overflow:hidden;
height:549px;
}
.unit04_3 .docs{
float:left;
width:310px;
}
.unit04_3 .docs img{
margin:15px 0 0 14px;
}
.unit04_3 .docs .p01{
width:288px;
height:80px;
margin:60px 0 0 15px;
}
.unit04_3 .docs .p02{
width:264px;
height:80px;
margin:95px 0 0 25px;
}
.unit04_3 .images{
float:right;
width:496px;
}
.unit04_3 .images img{
margin-bottom:5px;
}
.unit04_4{
margin-top:10px;
}
.unit04_4 .docs{
float:left;
width:510px;
}
.unit04_4 .docs .p01{
width:360px;
height:48px;
margin:130px 0 0 65px;
}
.unit04_4 .docs img{
margin:41px 0 0 14px;
}
.unit04_4 .images{
float:right;
width:295px;
}
/*
------------------------------------------------ goofficial */
.goofficial{
background:url(images/goofficial_bg.jpg) no-repeat top center;
height:156px;
text-align:left;
margin:20px 0 50px 0;
}
.goofficial span{
display:none;
}
.goofficial p{
display:block;
width:808px;
height:156px;
padding:17px 0 0 22px;
}
.goofficial a{
display:block;
width:763px;
height:122px;
}
/*
------------------------------------------------ footer */
#footer{
width:800px;
margin:0 auto;
background:#fff;
padding:30px 0 20px 0;
float:none;
clear:both;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:10px;
line-height:13px;
}
