section{
background-color:#000;
color:#fff;
padding-top:80px;
}

section article{
margin-top:40px;
}

/*catch*/
#catch{
margin-top:0px;
width:980px;
margin-left:auto;
margin-right:auto;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.2em;
position:relative;
}

#catch .backtothegrave a{
bottom:15px;
}

.backtothegrave a:hover{
background-color:#444;
color:#fff;
}

.backtothegrave a:hover:before,.backtothegrave a:hover:after{
background-color:#fff;
}

/*soldout*/
#soldout{
background-color:#bbb;
color:#fff;
padding:8px 0px;
margin:40px 0px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.2em;
}

#soldout span{
white-space:nowrap;
width:1000px;
margin:0px auto;
display:inline-block;
text-align:right;
}

/*ttl*/
#ttl{
margin-top:10px;
}

#ttl div{
width:100%;
height:400px;
background:url('../img/bg.jpg') no-repeat 50% 50%;
position:relative;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
color:#000;
}

#ttl div img{
position:absolute;
}

#ttl1{
left:50%;
top:180px;
margin-left:-275px;
z-index:666;
}

#ttl2{
left:50%;
top:145px;
margin-left:-75px;
z-index:108;
}

#ttl3{
left:50%;
top:130px;
margin-left:95px;
z-index:66;
}

#ttl h1{
position:absolute;
z-index:108;
width:100%;
height:400px;
padding-top:300px;
}

#ttl div p{
position:absolute;
z-index:108;
width:100%;
height:400px;
padding-top:335px;
text-align:center;
}

#ttl_c1{
width:100%;
background-color:#450000;
color:#ccc;
margin-top:35px;
padding:10px 0px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.2em;
}

#ttl_c2{
width:100%;
background-color:#2e0000;
color:#ccc;
padding:5px 0px;
text-align:right;
font-size:0.9em;
}

#ttl_c1 span,#ttl_c2 span{
display:block;
width:980px;
margin:0px auto;
}

/*lead*/
#lead{
margin-top:40px;
text-align:center;
}

#lead h2{
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.2em;
margin-bottom:20px;
}

#lead p{
color:#ccc;
}

/*nav*/
section nav{
width:730px;
margin:40px auto;
}

section nav ul{
list-style-type:none;
overflow:hidden;
zoom:1;
}

section nav li{
width:130px;
margin-left:70px;
float:left;
}

section nav li:first-child{
margin-left:0px;
}

section nav a{
display:block;
text-align:center;
color:#a2a2a2;
font-size:0.9em;
}

section nav span{
display:block;
border-bottom:1px solid #a2a2a2;
margin-bottom:3px;
padding-bottom:3px;
font-family:'Cinzel', "Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.3em;
}

section nav a:hover{
text-decoration:none;
color:#555;
}

section nav a:hover span{
border-bottom:1px solid #555;
color:#cabc5d;
}

/*cmn*/
#gallery h2,#spec h2,#floor h2,#area h2{
color:#a2a2a2;
text-align:center;
letter-spacing:0.4em;
font-weight:normal;
margin-bottom:20px;
}

#gallery h2 span,#spec h2 span,#floor h2 span,#area h2 span{
font-family:'Cinzel', "Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:3em;
border-bottom:1px solid #a2a2a2;
line-height:1.8em;
}

#gallery h2 span:after,#spec h2 span:after,#floor h2 span:after,#area h2 span:after{
content:"\A";
white-space:pre;
}

/*gallery*/
#gallery div{
width:980px;
height:600px;
margin:0px auto;
position:relative;
}

#gallery ul{
list-style-type:none;
}

#gallery li{
width:980px;
height:600px;
position:absolute;
top:0px;
left:0px;
background-size:contain;
background-position:50% 50%;
background-repeat:no-repeat;
}

#gallery li img{
display:none;
}

#gallery li p{
width:100%;
padding:8px;
position:absolute;
bottom:0px;
left:0px;
background-color:rgba(0,0,0,0.6);
color:#fff;
text-align:center;
display:none;
}

#gallery li p span{
font-family:'Cinzel', "Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.3em;
}

#gallery #pre,#gallery #nex{
width:32px;
height:130px;
background-color:rgba(102,102,102,0.6);
position:absolute;
left:0px;
top:235px;
z-index:666;
cursor:pointer;
}

#gallery #pre:before,#gallery #nex:before{
content:'';
width:10px;
height:10px;
border-top:1px solid #fff;
border-left:1px solid #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position:absolute;
left:12px;
top:58px;
}

#gallery #nex{
left:auto;
right:0px!important;
}

#gallery #nex:before{
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
left:11px;
}

#gallery #pause{
display:inline-block;
width:auto;
height:auto;
text-align:right;
position:absolute;
top:0px;
right:0px;
left:auto;
padding:5px;
background-color:rgba(0,0,0,0.6);
cursor:pointer;
opacity:0;
filter:alpha(opacity=0);
}

#gallery #pause:before{
content:'';
width:3px;
height:12px;
display:inline-block;
border-left:2px solid #fff;
border-right:2px solid #fff;
margin-right:5px;
}

#gallery #pause:after{
content:'';
width:0;
height:0;
border:5px solid transparent;
border-left:5px solid #fff;
position:absolute;
left:-5px;
top:50%;
margin-top:-5px;
display:none;
}

#gallery #pause.s:before{
display:none;
}

#gallery #pause.s:after{
display:block;
}

/*spec*/
#spec{
width:980px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
zoom:1;
}

#spec h3{
border-bottom:1px solid #fff;
padding-bottom:5px;
margin-bottom:10px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.2em;
}

#spec .lefthandpath,#spec .righttodi{
font-size:11px;
}

#spec .lefthandpath{
width:450px;
float:left;
margin-bottom:40px;
}

#spec .righttodie{
width:450px;
float:right;
margin-bottom:40px;
font-size:11px;
}

#spec th,#spec td{
text-align:left;
vertical-align:top;
padding-bottom:10px;
}

#spec th{
white-space:nowrap;
padding-right:10px;
}

#spec_logo{
clear:both;
border-top:1px solid #a2a2a2;
padding-top:10px;
line-height:40px;
}

#spec_logo img{
margin-left:20px;
}

/*floor*/
#floor{
background:url('../img/floor_bg.gif');
padding:40px 0px;
}

#floor p{
text-align:center;
margin-top:60px;
}

#floor h2{
color:#666;
}

#floor h2 span{
border-bottom:1px solid #666;
}

/*area*/
#area{
width:980px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
zoom:1;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
}

#area51{
margin-top:160px;
}

#area img{
float:right;
}

/*att*/
#att{
width:980px;
margin-left:auto;
margin-right:auto;
text-align:right;
position:relative;
}

#att p:first-child{
display:inline-block;
text-align:left;
font-size:85%;
}