@charset "Shift_JIS";
/* ======= BIA ======== */
/*-  reflesh          --*/
/*-  base             --*/
/*-  header           --*/
/*-  unit 1-6         --*/
/*-  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(img/bg-body.jpg) #918B80;
text-align:center;
}
div#header{
background:url(img/bg-header.jpg) repeat-x #918B80;
width:100%;
height:562px;
overflow:hidden;
}
div.catch,div.stage{
width:800px;
background:#1C1C1B;
margin:0px auto;
display:block;
}
div.alt p,div.alt h1,div.alt h2,div.alt dl,h2.alt,h3.alt,h4.alt,dl.alt,p.alt{
visibility:hidden;
display:none;
display:block;
}
.sentence{
font-size:12px;
line-height:17px;
color:#9C9595;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
}
.phcap{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
}
.title{
float:none;
clear:both;
}
.unit1{
}
.unit3 .title,.unit4 .title,unit5 .title unit6 .title{
height:104px;
}
.stage a:link{
color:#651C0D;
text-decoration:underline;
}
.stage a:hover{
text-decoration:none;
}
.stage a:visited{
color:#695653;
}
.cpright{
width:740px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:10px;
line-height:13px;
margin:10 auto;
color:#656565;
text-align:left;
}
/*
------------------------------------------------ header */
div.catch{
height:562px;
background:url(img/catch-image.jpg) no-repeat #000;
}
div.catch h1{
font-size:57px;
}
div.catch p,div.catch dl{
text-align:left;
font-size:10px;
}
/*
------------------------------------------------ unit1 */
div.unit1{
height:506px;
background:url(img/unit1_base.jpg) no-repeat top center;
text-align:left;
}
.unit1 h2{
width:355px;
height:86px;
}
.unit1 .p00{
clear:both;
width:325px;
margin:14px 0px 0px 30px;
}
.phcap{
font-size:10px;
line-height:14px;
color:#656565;
}
/*
------------------------------------------------ unit2 */
div.unit2{
height:678px;
background:url(img/unit2_base.jpg) no-repeat top center;
margin-top:15px;
text-align:left;
}
.unit2 h2{
width:497px;
height:50px;
}
.unit2 .p00{
width:530px;
height:85px;
margin:20px 0px 0px 30px;
overflow:hidden;
}
.unit2 .p01{
margin:5px 0px 0px 30px;
}

.unit2 .insertimg{
border:solid 1px #45423E;
display:block;
}
.unit2 .phcap{
width:325px;
margin:2px;
display:block;
}
/*
------------------------------------------------ unit3 */
.unit3{
background:url(img/unit3_base.jpg) no-repeat top center;
margin-top:5px;
text-align:left;
padding-bottom:20px;
}
.unit3 h2{
width:281px;
height:58px;
margin:25px 0px 0px 20px;
float:left;
}
.unit3 .p00{
width:400px;
margin:20px 0px 0px 30px;
float:left;
}
.unit3 img.catchimg01{
margin:4px 0px 0px 20px;
float:left;
}
.unit3 img.catchimg02{
margin:2px 18px 0px 0px;
float:right;
}

.unit3 div.p01,.unit3 div.p02,.unit3 div.p03,.unit3 div.p04{
width:465px;
height:188px;
display:inline;
overflow:hidden;
}
.unit3 div.p01,.unit3 div.p02{
float:right;
margin:8px 18px 8px 0px;
}
.unit3 div.p03,.unit3 div.p04{
float:left;
margin:4px 0px 8px 20px;
}
.unit3 div.p01,.unit3 div.p03{
margin-top:8px;
}
.unit3 div.p01{
background:url(img/unit3_p01.jpg) no-repeat top center #000;
}
.unit3 div.p02{
background:url(img/unit3_p02.jpg) no-repeat top center #000;
}
.unit3 div.p03{
background:url(img/unit3_p03.jpg) no-repeat top center #000;
}
.unit3 div.p04{
background:url(img/unit3_p04.jpg) no-repeat top center #000;
}
.unit3 .p01 h3,.unit3 .p02 h3,.unit3 .p03 h3,.unit3 .p04 h3{
height:52px;
}
.unit3 .p01 p,.unit3 .p02 p,.unit3 .p03 p,.unit3 .p04 p{
width:194px;
margin:8px 0px 0px 10px ;
float:left;
}
.unit3 .p01 .insertimg,.unit3 .p02 .insertimg,.unit3 .p03 .insertimg,.unit3 .p04 .insertimg{
float:right;
margin:0 10px 0px 0px;
border:solid 1px #1C1C1B;
}
/*
------------------------------------------------ unit4 */
.unit4{
background:url(img/unit4_base.jpg) no-repeat top center;
margin-top:5px;
text-align:center;
padding-bottom:20px;
}
.unit4 h2{
width:281px;
height:58px;
margin:25px 0px 0px 20px;
float:left;
}
.unit4 .p00{
width:450px;
margin:20px 0px 0px 20px;
float:left;
}
.unit4 .phcap{
color:#868DA0;
}
.unit4 .p01,.unit4 .p02{
width:760px;
margin:0 auto;
float:none;
clear:both;
}
.unit4 .p01{
display:block;
clear:both;
}
.unit4 h3{
margin:20px 0px 2px 0px;
}
.unit4 .p01 table{
}
.unit4 .p01 table th.team1,.unit4 .p01 table td.team1{
padding-right:2px;}
.unit4 .p01 table th.team3,.unit4 .p01 table td.team3{
padding-left:2px;}
.unit4 .p01 table td .sentence{
padding:10px;
height:85px;
background:url(img/unit4_p01-base.gif) center bottom no-repeat;
}
.unit4 .p02 .flow1,.unit4 .p02 .flow2,.unit4 .p02 .flow3{
width:760px;
height:192px;
border:solid 1px #1D3F61;
margin:2px 0 5px 0;
}
.unit4 .p02 h4{
width:250px;
float:left;
}
.unit4 .p02 .sentence{
width:240px;
clear:left;
float:left;
padding:40px 0px 0px 25px;
}
.unit4 .p02 .images{
float:right;
margin-right:10px;
_margin-top:10px;
}
.unit4 .p02 .images .insertimg{
width:260px;
float:left;
text-align:left;

}
.unit4 .p02 .images .zoom{
width:214px;
float:left;
text-align:left;
}
.unit4 .p02 .zoom .phcap{
width:190px;
height:30px;
padding:2px;
display:block;
margin-left:10px;
}
.unit4 .p02 .insertimg .phcap{
width:260px;
padding:2px;
text-align:left;
}

.unit4 .p02 .flow1{
background:url(img/unit4_p02-01.jpg) no-repeat left top #1A2D5C;
}
.unit4 .p02 .flow2{
background:url(img/unit4_p02-02.jpg) no-repeat left top #1A2D5C;
}
.unit4 .p02 .flow3{
background:url(img/unit4_p02-03.jpg) no-repeat left top #1A2D5C;
}
.unit4 .p02 .flow1 .insertimg{
margin-top:6px;
_margin-top:5px;
}
.unit4 .p02 .flow2 .insertimg{
margin-top:2px;
}
.unit4 .p02 .flow3 .zoom{
margin-top:26px;
}
/*
------------------------------------------------ unit5 */
.unit5{
background:url(img/unit5_base.jpg) no-repeat top center;
margin-top:5px;
text-align:center;
clear:both;
padding-bottom:20px;
}
.unit5 h2{
width:382px;
height:58px;
margin:25px 0px 0px 20px;
float:left;
}
.unit5 .p00{
width:350px;
margin:20px 0px 0px 20px;
float:left;
}
.unit5 div.p01{
width:777px;
float:none;
clear:both;
margin:20px auto 0 auto;
}
.unit5 .p01 div.item{
width:251px;
height:192px;
background:url(img/unit5_p01bg.jpg) no-repeat top center;
text-align:center;
float:left;
margin:4px;
display:inline;
overflow:hidden;
}
.unit5 .item h4{
margin:9px 0px 4px 12px;
text-align:left;
}
.unit5 .item .sentence{
width:233px;
color:#1C1C1B;
margin:0 auto;
}
/*
------------------------------------------------ unit6 */
.unit6{
background:url(img/unit6_base.jpg) no-repeat top center;
text-align:center;
}
.unit6 h2{
width:340px;
height:100px;
margin:0px 0px 38px 20px;
float:left;
}
.unit6 .p00{
width:380px;
margin:40px 0px 0px 20px;
float:left;
}
.unit6 .p01,.unit6 .p02,.unit6 .p03{
width:770px;
float:none;
clear:both;
margin:0 auto;
text-align:left;
}
.unit6 .p01 .insertimg{
float:left;
margin:0px 15px 10px 0;
}
.unit6 .p01 .sentence{
width:300px;
margin:3px;
float:left;
}
.unit6 .sentence{
line-height:19px;
padding-bottom:15px;
}
.unit6 .p02 .insertimg{
float:right;
margin:10px 0px 10px 10px;
}
.unit6 .p02 .sentence{
width:430px;
margin:3px;
float:left;
}
.unit6 .p03 .sentences{
float:right;
width:540px;
margin-right:20px;
}
.unit6 .insertimg01{
float:left;
margin:10px 10px 10px 0;
}
.unit6 .sentences .insertimg02{
float:right;
margin:0 0 10px 13px;
}
.unit6 .sentences .s2,.unit6 .sentences .s3{
width:290px;
float:left;
}
.unit6 .p04 h3{
text-align:left;
margin:20px 0 20px 30px ;
float:none;
clear:both;
}
.unit6 .p04 p.check{
width:720px;
height:70px;
background:url(img/unit6_p04-01base.gif) top left no-repeat;
margin-right: auto;
margin-left: auto;
clear:both;
}
.unit6 .p04 p.check .sentence{
float:left;
margin:20px 0px 0px 15px;
text-align:left;
color:#2F2F2C;
}
.unit6 .p04 p.check .thumb{
float:right;
margin:7px 6px 0px 0px;
border:solid 1px #918B80;
}
.unit6 .p04 .official{
margin:20px 0 30px 0;
}
.unit6 .p04 .official img{
border:0;
}
/*
------------------------------------------------ footer */
#footer{
background:#fff;
padding:30px 0 20px 0;
font-size:12px;
line-height:24px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#footer a:link{
color:#4D3F22;
}
#footer a:hover{
text-decoration:none;
}
#footer a:visited{
color:#CBB077;
}