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


/* 大枠部分 */
#sc-Contents{
width:770px;
margin:10px auto 0 32px;
text-align:center;
}

#sc-Contents:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.cbox { 
zoom: 100%;
}

#sc-BackHead{
width:770px;
height:20px;
background:url(../code/img/bgimg_staffcode_head.jpg);
text-align:center;
}

#sc-BackBody{
width:770px;
background:url(../code/img/bgimg_staffcode_middle.jpg) repeat;
text-align:center;
}

#sc-BackBottom{
width:770px;
height:28px;
background:url(../code/img/bgimg_staffcode_foot.jpg);
text-align:center;
}


/* メインコンテンツ部分 */
#sc-MainContents{
width:718px;
margin:0 auto;
padding:0;
text-align:center;
}

#sc-MainContents:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/* メインコンテンツ部分 TOPメイン*/
#sc-MainEria{
width:718px;
margin:0 auto;
padding:0;
text-align:center;
}

#sc-MainEria:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-MainEriaTop{
width:718px;
margin:0;
padding:0;
}

#sc-MainEriaTop:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/* メインコンテンツ部分 左コーデ画像*/
#sc-MainEriaTop-Left{
width:365px;
height:497px;
margin:0 22px 0 0;
padding:0;
overflow:hidden;
float:left;
}

#sc-MainEriaTop-Left:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-MainEriaTop-LeftImg{
width:355px;
height:467px;
margin:0 auto;
padding:0;
text-align:center;
position:absolute;
}

#sc-MainEriaTop-LeftImg:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-MainEriaTop-LeftImg img{
width:355px;
height:467px;
margin:4px auto 0 2px;
padding:0;
overflow:hidden;
text-align:center;
line-height:1;
}

#sc-MainEriaTop-LeftImgFrame{
width:365px;
height:480px;
margin:0 auto;
padding:0;
overflow:hidden;
text-align:center;
background:url(../code/img/bgimg_staffcode_maincode.gif);
background-repeat:no-repeat;
position:relative;
top:0;
left:0;
}

#sc-MainEriaTop-LeftImgFrame:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}


/* メインコンテンツ部分 右テキスト部分*/
#sc-MainEriaTop-Right{
width:331px;
height:497px;
margin:0;
padding:0;
float:left;
overflow:hidden;
}

#sc-MainEriaTop-Right:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-Subttl{
width:331px;
height:50px;
margin:0;
padding:0;
display:block;
overflow:hidden;
}

#sc-Subttl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Subttl h2{
width:331px;
height:50px;
margin:0;
padding:0;
display:block;
overflow:hidden;
text-align:left;
line-height:140%;
font-size:18px;
font-weight:bold;
color:#382e24;
}

#sc-Subttl h2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Date{
width:331px;
height:15px;
margin:5px 0 0 0;
padding:0;
text-align:left;
}

#sc-Date:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Date p{
margin:0;
padding:0;
line-height:120%;
font-size:12px;
color:#574b40;
}

#sc-Coment{
width:331px;
height:152px;
margin:0;
padding:0;
text-align:left;
display:block;
overflow:hidden;
background:url(../code/img/bgimg_staffcode_cap.jpg);
background-repeat:no-repeat;
}

#sc-Coment:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#sc-Coment p{
width:331px;
height:152px;
margin:0;
padding:5px 0 0 0;
display:block;
line-height:240%;
font-size:12px;
color:#332519;
}

/* メインコンテンツ部分 アイテム部分*/
#sc-Item{
width:331px;
margin:0;
padding:0;
text-align:left;
}

#sc-Item:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Item h2{
width:331px;
height:23px;
margin:15px 0 15px 0;
padding:0;
text-align:left;
overflow:hidden;
text-indent:-9999px;
background:url(../code/img/ttl_staffcode_item.jpg);
background-repeat:no-repeat;
line-height:1;
}

#sc-Item .sc-ItemOneline{
width:331px;
height:107px;
margin:0 0 8px 0;
padding:0;
text-align:left;
}

/* IE6 only \*/
* html #sc-Item .sc-ItemOneline{
width:331px;
height:107px;
margin:0 0 5px 0;
padding:0;
text-align:left;
}

#sc-Item .sc-ItemOneline:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Item .sc-ItemImg{
width:76px;
height:97px;
float:left;
margin:0 9px 0 0;
padding:0;
}

#sc-Item .sc-ItemImg:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Item .sc-ItemImg img{
width:74px;
height:86px;
border:1px solid #41352b;
line-height:1;
display:block;
margin:0 0 2px 0;
padding:0;
}

#sc-Item .sc-price{
text-align:center;
font-size:10px;
margin:0;
padding:0;
color:#574b40;
line-height:120%;
}

/* IE6 only \*/
* html #sc-Item .sc-price{
text-align:center;
font-size:10px;
margin:0;
padding:0;
color:#574b40;
line-height:100%;
}


#sc-Item .sc-ItemImg-last{
width:76px;
height:86px;
float:left;
margin:0 0 8px 0;
padding:0;
}

#sc-Item .sc-ItemImg-last:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Item .sc-ItemImg-last img{
width:74px;
height:86px;
border:1px solid #41352b;
line-height:1;
display:block;
margin:0 0 2px 0;
padding:0;
}

#sc-Item .sc-ItemImg-last .sc-price{
text-align:center;
font-size:10px;
margin:0;
padding:0;
color:#574b40;
line-height:120%;
}

/* IE6 only \*/
* html #sc-Item .sc-ItemImg-last .sc-price{
text-align:center;
font-size:10px;
margin:0;
padding:0;
color:#574b40;
line-height:100%;
}


/* メインコンテンツ部分 オススメ商品エリア*/
#sc-MainEriaBottom{
width:718px;
margin:0;
padding:0;
}

#sc-MainEriaBottom:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-SpItem{
width:718px;
margin:0;
padding:0;
}

#sc-SpItem:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-SpItem h2{
width:718px;
height:31px;
margin:0 0 20px 0;
padding:0;
text-align:left;
overflow:hidden;
text-indent:-9999px;
background:url(../code/img/ttl_staffcode_specialitem1.jpg);
background-repeat:no-repeat;
}


#sc-SpItemOneline{
width:718px;
margin:0 0 5px 0;
text-align:left;
padding:0;
clear:both;
}

#sc-SpItemOneline:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-SpItemOneline .sc-SpItemImg{
width:130px;
float:left;
margin:0 17px 0 0;
padding:0;
}

#sc-SpItemOneline .sc-SpItemImg:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-SpItemOneline .sc-SpItemImg img{
border:1px solid #666666;
}

#sc-SpItemOneline p{
text-align:left;
font-size:10px;
margin:15px 0 0 0;
padding:0;
color:#574b40;
line-height:140%;
}


#sc-SpItemOneline .sc-SpItemImg-last{
width:130px;
float:left;
margin:0;
padding:0;
}

#sc-SpItemOneline .sc-SpItemImg-last:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-SpItemOneline .sc-SpItemImg-last img{
border:1px solid #666666;
}

#sc-SpItemOneline .sc-SpItemImg-last p{
text-align:left;
font-size:10px;
margin:15px 0 0 0;
padding:0;
color:#574b40;
line-height:140%;
}


/* メインコンテンツ部分 バックナンバー*/
#sc-Bn{
width:718px;
margin:0;
padding:0;
position:relative;
}

#sc-Bn:after{
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#sc-Bn h2{
width:718px;
height:34px;
margin:0 0 10px 0;
padding:0;
text-align:left;
overflow:hidden;
text-indent:-9999px;
background:url(../code/img/ttl_staffcode_backnuber.jpg);
background-repeat:no-repeat;
line-height:1;
}

/*検索フォーム*/
#sc-Bn .sc-BnSearchBox{
width:144px;
height:25px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
top:0;
left:604px;
}

/* safari&Chrome only \*/
body:first-of-type #sc-Bn .sc-BnSearchBox{
width:144px;
height:25px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
top:-2px;
left:602px;
}

/* IE6 only \*/
* html #sc-Bn .sc-BnSearchBox{
width:144px;
height:25px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
top:-2px;
left:602px;
}

/* IE7 only \*/
*:first-child+html #sc-Bn .sc-BnSearchBox{
width:144px;
height:25px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
top:-2px;
left:602px;
}

#sc-Bn .sc-BnSearchBox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mcboxinBottom .scBnSearch{
width:144px;
height:25px;
margin:0;
padding:0;
overflow:hidden;
font-size:12px;
line-height:120%;
}

#sc-Bn .sc-BnOneline{
width:718px;
margin:0 auto;
text-align:left;
padding:0;
clear:both;
}

#sc-Bn .sc-BnOneline:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Bn .sc-BnImg{
width:134px;
float:left;
text-align:left;
margin:20px 12px 0 0;
padding:0;
line-height:120%;
}

#sc-Bn .sc-BnImg:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Bn .sc-BnImg img{
border:1px solid #4d432a;
line-height:1;
display:block;
margin:0;
padding:0;
}

#sc-Bn .sc-BnImg p{
text-align:center;
font-size:10px;
margin:10px auto 10px auto;
padding:0;
color:#574b40;
line-height:120%;
}


#sc-Bn .sc-BnImg-last{
width:134px;
float:left;
text-align:left;
margin:20px 0 0 0;
padding:0;
}

#sc-Bn .sc-BnImg-last:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#sc-Bn .sc-BnImg-last img{
border:1px solid #4d432a;
line-height:1;
display:block;
margin:0;
padding:0;
}

#sc-Bn .sc-BnImg-last p{
text-align:center;
font-size:10px;
margin:10px auto 10px auto;
padding:0;
color:#574b40;
line-height:120%;
}

#sc-Bn .sc-BnBottom{
width:718px;
height:18px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
text-indent:-9999px;
background:url(../code/img/bgimg_staffcode_backnuber.jpg);
background-repeat:no-repeat;
line-height:1;
}