@charset "Shift_JIS";
/* == デビルサマナー == */
/*-  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{overflow:hidden;}

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) #D3AEB8;
text-align:center;
}
div#header{
background:url(img/bg-header.jpg) repeat-x #D3AEB8;
width:100%;
height:745px;
}
div.stage{
width:788px;
background:url(img/stage-body.gif) #D3AEB8;
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,span.alt{
visibility:hidden;
display:none;
display:block;
}
.sentence{
font-size:12px;
line-height:17px;
color:#262020;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
}

.unit2 .s04 .sentence,.unit2 .s05 .sentence,.unit2 .s07 .sentence,.unit3 .sentence{
color:#E5D6C1;
}

.phcap{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
}
.stage a:link{
color:#651C0D;
text-decoration:underline;
}
.stage a:hover{
text-decoration:none;
}
.stage a:visited{
color:#695653;
}
/*
------------------------------------------------ header */
div.catch{
width:788px;
height:745px;
background:#271D2F;
margin:0px auto;
display:block;
}
#header span{
display:none;
}
div.catch .info{
width:612px;
height:745px;
float:left;
}
div.catch .info h1{
height:320px;
background:url(img/catchinfo_title.jpg) no-repeat;
}
div.catch .info div.data{
height:168px;
background:url(img/catchinfo_data.jpg) no-repeat;
}
div.catch .info div.lead{
height:257px;
padding:15px 27px 15px 24px;
background:url(img/catchinfo_lead.jpg) no-repeat;
}
div.catch .info div.lead p.sentence{
margin:0px;
padding:0px;
color:#CCC0C0;
}
div.catch p.copy{
width:176px;
height:745px;
float:right;
background:url(img/catch_copy.jpg) no-repeat;

}
/*
------------------------------------------------ unit1 */
div.unit1{
width:780px;
height:450px;
margin:0 4px 0px 4px;
background:url(img/unit1-bg.jpg) repeat-x;
display:block;
}
.unit1 h2{
}
.unit1 .title{
width:262px;
height:450px;
float:left;
background:url(img/unit1-title.jpg) no-repeat ;
}
.unit1 .s01{
float:right;
height:450px;
padding:5px 13px 0 0;
display:block;
}
.unit1 .s01 .pv{
width:480px;
height:380px;
margin:7px 7px 9px 7px;
}
.unit1 .s01 .pv embed,.unit1 .s01 .pv object{
}
.unit1 .s01 p span{
display:none;
}
.unit1 .s01 p a{
width:485px;
height:39px;
background:url(img/unit1-btn.jpg) no-repeat ;
display:block;
margin:0 auto;
}
.unit1 .s01 p a:hover{
background-position:0 -39px;
}
/*
------------------------------------------------ unit2 */
div.unit2{
width:780px;
margin:10px 4px 0 4px;
text-align:left;
}
.unit2 .title,.unit2 .s01,.unit2 .s02,.unit2 .s03,.unit2 .s04,.unit2 .s05,.unit2 .s06,.unit2 .s07{
overflow:hidden;
}
.unit2 .title{
background:url(img/unit2-title.jpg) no-repeat ;
height:72px;
}
.unit2 .s01{
height:355px;
background:url(img/unit2-1-01.jpg) no-repeat ;
}
.unit2 .p01{
width:215px;
height:240px;
margin:45px 0 0 43px;
}
.unit2 .s02{
height:575px;
background:url(img/unit2-1-02.jpg) no-repeat;
}
.unit2 .s02 .p02{
width:300px;
height:80px;
margin:225px 0 0 320px;
}
.unit2 .s02 .p03{
width:430px;
height:60px;
margin:120px 0 0 155px;
}
.unit2 .s03{
width:479px;
height:456px;
background:url(img/unit2-1-03.jpg) no-repeat ;
float:right;
}
.unit2 .s03 .p04{
width:185px;
height:140px;
margin:213px 0 0 255px;
}
.unit2 .title2{
width:291px;
height:77px;
background:url(img/unit2-2-title.jpg) no-repeat ;
float:right;
margin:32px 0 0 10px;
}
.unit2 .s04{
width:291px;
height:347px;
margin:0 0 0 10px;
background:url(img/unit2-2-01.jpg) no-repeat ;
float:right;
}
.unit2 .s04 .p01{
width:60px;
margin:100px 0 0 40px;
}
.unit2 .s05{
width:770px;
height:322px;
background:url(img/unit2-2-02.jpg) 10px 0px no-repeat;
float:none;
clear:both;
}
.unit2 .s05 p.p01{
width:250px;
padding:170px 0 0 36px;
margin-left:0px;
float:left;}


.unit2 .s05 .p02{
width:120px;
margin:-20px 0 0 626px;
float:rigth;}

/*
------------------------------------------------ unit3 */
.unit3{
width:780px;
height:804px;
margin:28px 4px 0 4px;
text-align:left;
}
.unit3 p{
overflow:hidden;
}
.unit3 .title{
background:url(img/unit3-title.jpg) 0 0 no-repeat;
height:760px;
height:83px;
display:block;
}
.unit3 h3{
height:30px;
}
.unit3 .s01{
height:289px;
background:url(img/unit3-01.jpg) 0 0 no-repeat;
}
.unit3 .s02{
height:432px;
background:url(img/unit3-02.jpg) 0 0 no-repeat;
}

.unit3 .s01 p.p00{
width:400px;
height:80px;
_height:101px;
padding:17px 0 0 20px;
}
.unit3 .s01 p.img01{
width:312px;
_width:332px;
height:170px;
_height:180px;
padding:10px 0 0 20px ;
}
.unit3 .s02 .p01{
width:315px;
height:139px;
_width:748px;
_height:237px;
padding:98px 0 0 433px;
}
.unit3 .s02 .p02{
width:395px;
_width:427px:
height:118px;
_height:155px;
padding:37px 0 0 32px;
float:left;
}
.unit3 .s02 p.img02{
width:312px;
_width:332px;
height:170px;
_height:180px;
float:right;
margin:-60px 0 0 0 ;
padding:0 20px 0 0;}

/*
------------------------------------------------ unit4 */
.unit4{
width:780px;
margin:28px 4px 0 4px;
}
.unit4 .title{
height:83px;
background:url(img/unit4-title.jpg) no-repeat top center;
}
.unit4 .s01{
width:416px;
_width:436px;
float:left;
padding:20px 0 0 20px;
}
.unit4 .p00{
height:180px;
}
.unit4 .p01{
margin:0 0 5px 0;
}
.unit4 .p02{
width:416px;
background:url(img/unit4-s012-p02.gif) 0px 0px no-repeat;
}
.unit4 .p02 span{
width:110px;
height:219px;
float:left;
overflow:hidden;
}
.unit4 .p02 img{
float:left;
}
.unit4 .s02{
width:320px;
padding:20px 0 0 5px;
}
.unit4 .s02 .movie{
margin-bottom:20px;
}
.unit4 .s02 img{
padding:5px 0 0 0;
}
/*
------------------------------------------------ unit5 */
.unit5{
width:780px;
margin:28px 4px 0 4px;
background:#302C36;
clear:both;
float:none;
padding:15px 0;
}
.unit5 .sentence{
color:#E5D6C1;
}
.unit5 .s01{
width:740px;
margin:0 auto;
}
.unit5 .p00{
width:390px;
height:300px;
padding:20px 0px 0px 0;
float:left;
}
.unit5 .p01{
width:320px;
background:url(img/unit5-01.jpg) 0 25px no-repeat;
float:right;
padding:48px 0 0 0px;
}
.unit5 .s02{
width:680px;
margin:0 auto;
}
.unit5 .p02{
width:320px;
background:url(img/unit5-02.jpg) 0px 25px no-repeat;
float:left;
padding:48px 0 0 0px;
}
.unit5 .p03{
width:320px;
background:url(img/unit5-03.jpg) 0 25px no-repeat;
float:right;
padding:48px 0 0 0;
}
.unit5 .s03{
width:720px;
background:url(img/unit5-04.jpg) 0px 45px no-repeat;
padding:68px 0 0 0;
margin:0 auto;
}
.unit5 .s03 p{
width:360px;
_width:380px;
height:200px;
float:left;
padding:20px 10px;
}
.unit5 .s03 .movie{
float:right;
margin:10px;
}
/*
------------------------------------------------ unit6 */
.unit6{
padding:40px 0;
}
.unit6 .banner{
padding:15px 0 40px 0;
}
.unit6 img {
border:0;
}
.unit6 .copyright{
font-size:10px;
color:#4D4841;
}
/*
------------------------------------------------ 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;
}