@charset "utf-8";
/* CSS Document */

#sp-boxp{
width:760px;
margin:40px 0 0 38px;
}
#sp-boxp:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#main{
width:730px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}

#mainttl{
width:730px;
height:230px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
#mainttl:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
#mainttl h1{
width:730px;
height:230px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
background:url(../special/090917/ttl_main.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
line-height:1;
}

#mainttl2{
width:730px;
height:185px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
#mainttl2:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
#mainttl2 h1{
width:730px;
height:185px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
background:url(../special/090917/ttl_main2.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
line-height:1;
}

#itemnavi{
width:730px;
height:310px;
display:block;
margin:20px auto 0 auto;
padding:0;
text-align:center;
}
#itemnavi:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
#itemnaviIn{
width:730px;
display:block;
margin:0;
padding:0;
text-align:left;
}
#itemnaviIn:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
#itemnaviIn img{
width:175px;
height:292px;
display:block;
margin:0;
padding:0;
float:left;
}

.itembox{
width:730px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
.itembox:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.itemttl{
width:730px;
height:37px;
display:block;
margin:30px auto 0 auto;
padding:0;
text-align:center;
}
.itemttl:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codebox{
width:730px;
height:451px;
display:block;
margin:20px auto 0 auto;
padding:0;
}
.codebox:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codeOneboxl{
width:353px;
display:block;
margin:0 23px 0 0;
padding:0;
text-align:left;
float:left;
}
.codeOneboxl:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codeOneboxr{
width:353px;
display:block;
margin:0;
padding:0;
text-align:left;
float:left;
}
.codeOneboxr:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codeLeft{
width:189px;
height:404px;
display:block;
margin:0;
padding:0;
text-align:left;
float:left;
}
.codeLeft:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
.codeLeft img{
width:189px;
height:404px;
display:block;
margin:0;
padding:0;
}

.codeRight{
width:164px;
display:block;
margin:0;
padding:0;
text-align:left;
float:left;
}
.codeRight:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codeCap{
width:159px;
display:block;
margin:0 0 0 5px;
padding:0;
text-align:left;
}
.codeCap p{
width:159px;
display:block;
margin:0;
padding:0;
font-size:12px;
line-height:140%;
color:#999999;
text-align:left;
font-family:"A-OTF リュウミン Pro", "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.codeItem{
width:164px;
display:block;
margin:0;
padding:0;
text-align:left;
}
.codeItem:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codeItemBox{
width:164px;
display:block;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
}
.codeItemBox:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.codeItemOnebox{
width:74px;
height:87px;
display:inline;
margin:5px 0 0 0;
padding:0 0 0 5px;
text-align:left;
float:left;
}

.codeItemOnebox:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.otherItem{
width:730px;
height:142px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
background:url(../special/090917/bgimg_otheritem.jpg);
background-repeat:no-repeat;
}
.otherItem:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.otherItemIn{
width:679px;
height:142px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
.otherItemIn:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.otherItemBox{
width:679px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
.otherItemBox:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.otherItemOneBox{
width:74px;
height:87px;
display:block;
margin:0 10px 0 0;
padding:0;
text-align:left;
float:left;
}
.otherItemOneBox:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.sppagetop{
font-size:10px;
width:730px;
text-align:right;
margin-top:10px;
}


/* 091026コーデ投稿 */
#Codemainttl{
width:730px;
height:134px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
#Codemainttl:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
#Codemainttl h1{
width:730px;
height:134px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
background:url(../special/091026/ttlcode.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
line-height:1;
}

#txtnavi{
width:730px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
#txtnavi:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#code{
width:730px;
display:block;
margin:0 auto;
padding:0;
text-align:center;
}
#txtnavi:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}