@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/body_repeat.gif) center top #010101;
text-align:center;
}
div#head{
width:1000px;
height:626px;
background:url(images/bg_head.jpg) no-repeat center top;
overflow:hidden;
margin:0px auto;
text-align:center;
}
div.ground{
background:#1F332F;
width:760px;
margin:0px auto;
display:block;
}
.alt{
display:none;
}
.doc{
font-size:12px;
line-height:20px;
color:#fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
}
.cap{
font-size:12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
line-height:17px;
color:#fff;
}
.ground a:link{
color:#214585;
text-decoration:underline;
}
.ground a:hover{
text-decoration:none;
}
.ground a:visited{
color:#7D8AA2;
}
.rights{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:10px;
line-height:13px;
color:#32524B;
text-align:left;
margin:20px 40px;
}
.unit01,.unit02,.unit03,.unit04,.unit05{
width:760px;
margin:0 auto 20px;
overflow:hidden;
text-align:left;
float:none;
clear:both;
}
.unit04_1,.unit04_2,.unit04_3{
margin:0 auto 0;
}
.left{
float:left;
}
.right{
float:right;
}
/*
------------------------------------------------ head */
#head .info{
width:365px;
float:right;
text-align:left;
}
#head .lead,.spec{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
color:#fff;
overflow:hidden;
text-align:left;
}
#head .lead{
width:235px;
height:70px;
font-size:12px;
line-height:16px;
margin:55px 0 0 0;
text-align:left;}
.spec{
width:235px;
height:110px;
overflow:hidden;
margin:15px 0 0 0;
}
.spec li{
line-height:13px;
font-size:10px;
}

#head .doc{
width:341px;
height:176px;
margin:423px 0 0 125px;
overflow:hidden;
text-align:left;
}
#head .phs{
width:507px;
float:right;
clear:both;
padding:120px 0 0 0;
text-align:left;
}
#head .navi{
width:760px;
margin:auto;
text-align:right;
}

#head .navi p{
width:198px;
margin-left:14px;
overflow:hidden;
float:right;
}
#head .navi span{
display:none;
}
#head .navi a{
float:left;
width:99px;
height:48px;
display:block;
}
.part01 #head .navi{
background:url(images/navi_part01.gif) no-repeat right top;
}
.part02 #head .navi {
background:url(images/navi_part02.gif) no-repeat right top;
}
/*
------------------------------------------------ unit01 */
div.unit01{
background:url(images/unit01_base.jpg) no-repeat top center;
height:884px;
text-align:left;
}
.unit01 .p01{
width:277px;
height:80px;
margin:22px 0 0 465px;
overflow:hidden;
}
.unit01 .p02{
width:332px;
height:100px;
margin:165px 0 0 25px;
overflow:hidden;
}
.unit01 .p03{
float:right;
width:256px;
_width:256px;
height:60px;
_height:508px;
padding:448px 20px 0 0;
overflow:hidden;
}
.unit01 .cap01{
float:left;
width:180px;
_width:205px;
height:135px;
_height:490px;
padding:355px 0 0 25px;
overflow:hidden;
}
/*
------------------------------------------------ unit02 */
div.unit02{
background:url(images/unit02_base.gif) no-repeat top center;
height:260px;
text-align:left;
}
.unit02 .ph01{
width:434px;
float:right;
overflow:hidden;
}
.unit02 .ph01 img{
width:407px;
margin:15px 27px 0 0;
}
.unit02 .block{
width:315px;
float:left;
overflow:hidden;
}
.unit02 .p01{
width:280px;
height:154px;
margin:17px 0 0 30px;
}
.unit02 .p02{
margin:15px 0 0 30px;
_margin:8px 0 0 30px;
}
.unit02 .p02 th,.unit02 .p02 td{
font-weight:normal;
padding:3px;
}
.unit02 .p02 th{
background:#1D7121;
border-left:solid 1px #1F332F;
border-bottom:solid 1px #1F332F;
}
.unit02 .p02 td{
background:#1E5128;
border-bottom:solid 1px #1F332F;
font-size:10px;
}
/*
------------------------------------------------ unit03 */
div.unit03{
background:url(images/unit03_base.jpg) no-repeat top center;
height:674px;
text-align:left;
}
.unit03 .block1{
width:415px;
float:left;
}
.unit03 .block1 .cap{
width:270px;
margin-left:147px;
height:40px;
overflow:hidden;
}
.unit03 .block2{
width:313px;
height:674px;
float:right;
overflow:hidden;
}
.unit03 .block2 .cap{
width:270px;
margin-right:48px;
height:40px;
overflow:hidden;
}
.unit03 .cap01{
margin-top:200px;
}
.unit03 .cap02{
margin-top:163px;
}
.unit03 .cap03{
margin-top:135px;
}
.unit03 .cap04{
margin-top:243px;
}
.unit03 .cap05{
margin-top:260px;
}
/*
------------------------------------------------ unit04 */
div.unit04_1{
background:url(images/unit04_1_base.gif) no-repeat top center;
height:419px;
text-align:left;
}
.unit04_1 .block1{
float:left;
width:338px;
_width:358px;
padding:35px 0 0 20px;
}
.unit04_1 .p01{
height:150px;
overflow:hidden;
}
.unit04_1 .ph02{
padding:25px 0 0 0;
overflow:hidden;
}
.unit04_1 .block2{
width:391px;
height:419px;
float:right;
padding:35px 0 0 0;
}
.unit04_1 .ph01{
width:368px;
height:206px;
overflow:hidden;
}
.unit04_1 .cap01{
height:50px;
margin:5px 20px 0 3px;
overflow:hidden;
}
.unit04_1 .cap02{
height:50px;
margin:62px 20px 0 0;
overflow:hidden;
}

div.unit04_2{
background:url(images/unit04_2_base.jpg) no-repeat top center;
height:497px;
text-align:left;
}
.unit04_2 .cap01{
width:314px;
_width:735px;
height:50px;
_height:275px;
padding:225px 0 0 421px;
overflow:hidden;
}
.unit04_2 .cap02{
width:368px;
margin:117px 0 0 25px;
overflow:hidden;
}

div.unit04_3{
background:url(images/unit04_3_base.jpg) no-repeat top center;
height:361px;
text-align:left;
}
.unit04_3 .cap01{
width:423px;
_width:731px;
padding:12px 0 0 308px;
}
/*
------------------------------------------------ unit05 */
div.unit05{
padding-bottom:30px;
}
.unit05 h3{
margin-bottom:10px;
}
.unit05 .block1{
width:375px;
float:right;
}
.unit05 .cap01{
width:340px;
margin:5px 0 0 0;
}
.unit05 .p01{
width:352px;
margin:0 0 0 20px;
}
.official{
clear:both;
float:none;
text-align:center;
}
.official a{
margin:40px auto 30px;
display:block;
}
/*
------------------------------------------------ part2 */
.unit11,.unit12.unit13,.unit11,.warzone,.unit11 p,.unit12 p.unit13 p,.unit11 p,.warzone p{
text-align:left;
overflow:hidden;
}

/*
------------------------------------------------ unit11 */
div.unit11{
background:url(images/unit11.jpg) no-repeat top center;
height:656px;
width:720px;
margin:0 auto 20px;
}
.unit11 .p00{
width:360px;
height:80px;
margin:103px 0 0 350px;
}
.unit11 .block01{
float:left;
width:322px;
}
.unit11 .block01 .p01{
width:228px;
margin:200px 0 0 91px;
}
.unit11 .block02{
float:right;
width:220px;
}
.unit11 .block02 .p01{
margin:220px 5px 0 0;
width:216px;
}

/*
------------------------------------------------ unit12 */
div.unit12{
background:url(images/unit12.jpg) no-repeat top center;
height:315px;
width:760px;
margin:0 auto 20px;
}
.unit12 .p01{
height:80px;
padding:104px 459px 0 20px;
}

/*
------------------------------------------------ unit13 */
div.unit13{
background:url(images/unit13_bg.jpg) no-repeat 0 210px;
width:740px;
height:500px;
margin:0 0px 20px 20px;
}
.unit13 .ph01{
width:363px;
float:left;
height:223px;
}
.unit13 .block01{
float:right;
width:377px;
height:223px;
}
.unit13 .block01 .p01{
margin:10px 0 0 20px;
width:324px;
height:120px;
}

.unit13 .block02{
float:left;
width:189px;
height:120px;
}
.unit13 .block02 .p01{
margin:153px 0 0 0;
width:180px;
}
.unit13 .block03{
float:right;
width:285px;
height:80px;
}
.unit13 .block03 .p01{
margin:170px 0 0 0;
width:264px;
}

/*
------------------------------------------------ unit14 */
div.unit14{
height:259px;
width:740px;
margin:0 0px 20px 20px;
}
.unit14 .ph01{
width:460px;
float:left;
height:269px;
}
.unit14 .block01{
float:right;
width:280px;
height:269px;
}
.unit14 .block01 .p01{
margin:10px 0 0 10px;
width:252px;
}

/*
------------------------------------------------ warzone */
div.warzone{
background:url(images/warzone.jpg) no-repeat top center;
height:565px;
width:760px;
margin:0 auto 20px;
}
.warzone .block01{
width:410px;
float:left;
}
.warzone .block01 .p01{
margin:54px 0 0 169px;
width:252px;
height:160px;
overflow:hidden;
}

.warzone .block01 .action li,.warzone .block02 .role li{
border-top:solid 1px #48766D;
height:60px;
_height:66px;
width:371px;
_width:380px;
clear:both;
float:none;
display:block;
_display:inline;
overflow:hidden;
padding:4px;
}
.warzone .block02 .role li{
width:282px;
_width:290px;
}
.warzone .block01 .action li p,.warzone .block02 .role li p{
width:288px;
font-size:12px;
line-height:18px;
float:right;
overflow:hidden;
display:block;
}
.warzone .block02 .role li p{
width:200px;
}
.warzone .block01 .action h3,.warzone .block02 .role h3{
background:#2D4A44;
text-align:center;
height:23px;
_height:55px;
padding:18px 0;
width:70px;
display:block;
float:left;
overflow:hidden;
}
.warzone .block01 .action{
margin:0 0 0 30px;
}
.warzone .block02{
width:324px;
float:right;
}
.warzone .block02 .role{
margin:80px 30px 0 0;
}
.warzone .block01 .action ul{
border:solid 2px #48766D;
width:380px;

}
.warzone .block02 .role ul{
border:solid 2px #6E5B4E;
width:290px;
}
.warzone .block02 .role li{
border-top:solid 1px #6E5B4E;
}
.warzone .block02 .role h3{
background:#4A463E;
}
.warzone .block01 .action li.first,.warzone .block02 .role li.first{
border-top:none;
height:40px;
_height:46px;
}
.warzone .block01 .action li.first h3,.warzone .block02 .role li.first h3{
border-top:none;
height:20px;
_height:36px;
padding:9px 0;
}

/*
------------------------------------------------ footer */
#footer{
padding:30px 0 20px 0;
float:none;
clear:both;
background:#fff;
width:760px;
margin:0 auto;
font-size:12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height:17px;
}
#footer a{
color:#2C991C;
}