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

section article{
margin-top:20px;
}

/*catch*/
#catch{
margin-top:0px;
width:100%;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:1.2em;
text-align:center;
}

#catch .backtothegrave{
display:none;
}

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

#soldout span{
white-space:nowrap;
}


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

#ttl div{
width:300px;
background:url('../img/bg.jpg') no-repeat 0px 0px;
background-size:300px 122px;
position:relative;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
color:#fff!important;
}

#ttl div img{
position:absolute;
}

#ttl1{
left:50%;
top:50px;
margin-left:-138px;
z-index:666;
width:275px;
height:auto;
}

#ttl2{
left:50%;
top:35px;
margin-left:-38px;
z-index:108;
width:75px;
height:auto;
}

#ttl3{
left:50%;
top:60px;
margin-left:20px;
z-index:66;
width:auto;
height:80px;
}

#ttl h1{
padding-top:140px;
text-shadow:0px 0px!important;
color:#fff!important;
}

#ttl div p{
margin:10px 0px;
}

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

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

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

/*lead*/
#lead{
margin-top:20px;
}

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

#lead p{
color:#ccc;
}

/*nav*/
section nav{
width:300px;
}

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

section nav li{
width:150px;
float:left;
margin-top:10px;
}

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:0px;
}

#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:300px;
height:380px;
margin:0px auto;
position:relative;
}

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

#gallery li{
width:300px;
height:300px;
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%;
margin-top:305px;
color:#fff;
}

#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:85px;
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:none;
}

/*spec*/
#spec{
width:100%;
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 .mt40{
margin-top:20px!important;
}

#spec .lefthandpath,#spec .righttodi{
font-size:87%;
}

#spec .lefthandpath{
width:100%;
margin-bottom:20px;
}

#spec .righttodie{
width:100%;
margin-bottom:20px;
}

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

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

#spec_logo{
border-top:1px solid #a2a2a2;
padding-top:10px;
}

#spec_logo img{
margin-top:10px;
}

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

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

#floor img{
width:100%;
height:auto;
}

/*area*/
#area{
width:100%;
}

#area img{
width:100%;
height:auto;
}

/*att*/
#att{
width:100%;
}

#att .backtothegrave{
position:static;
margin-top:10px;
}