@charset "UTF-8";

/*-- スタッフコーデ レイアウト --*/

#Contents{ width:668px; margin:0 auto; padding:0;text-align:center; }
#Contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

#ttl-code{ width:668px; height:100px; margin-bottom:15px; padding:0; }
#ttl-code:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
#ttl-code h2{width:668px; height:100px; margin:0; padding:0; text-align:left; text-indent:-9999px; overflow:hidden; background-image:url(../img/2011/staffcode/ttl_staffcode.jpg); background-repeat:no-repeat; }

.Contents-box{ width:668px; margin:0 auto; padding:0; text-align:center; display:block; }
.Contents-boxts:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }


/* ここからコーデ部分 */

/* コーデ画像 */
.vp-code{ width:668px; margin:0 auto; padding-top:30px; text-align:center; background-color:#FFF; }
.vp-code:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.vp-inbox{ width:610px; height:575px; margin:0 auto; padding:0; overflow: hidden; }
.vp-inbox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.vp-l-image{ width:245px; height:545px; float:left; text-align:left; margin:0; padding:0; overflow:hidden; }
.vp-l-image-img{ margin:0; padding:0; }

/* コーデ詳細 */
.vp-r-text{ width:330px; float:right; text-align:left; margin:0; padding:0; overflow:hidden; }
.vp-r-text h2{ width:330px; text-align:left; margin-bottom:15px; padding:0; font-size:14px; color:#666; }
.vp-date{ width:330px; height:18px; margin:0; padding:0; color:#666; font-size:12px; text-align:left; overflow:hidden; }
.vp-cap{ display:block; width:330px; height:100px; font-size:11px; line-height:160%; margin:15px 0 30px 0; padding:0; text-align:left; overflow:hidden; }
.vp-r-text h3{ width:330px; height:12px; margin-bottom:12px; padding:0; text-align:left; text-indent:-9999px; overflow:hidden; background-image:url(../img/2011/staffcode/ttl_model.jpg); background-repeat:no-repeat; }
.vp-data{ width:330px; height:30px; margin-bottom:30px; padding:0; text-align:left; background-color:#f6f6f6; overflow:hidden; }
.vp-data p{ padding:8px 0 0 10px; line-height:120%; color:#666; font-size:11px; text-align:left;background-color:#f6f6f6; }

/* コーデアイテム */
.vp-item{ width:330px; height:390px; margin:0; padding:0; }
.vp-item:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.vp-itemBox{ width:160px; height:80px; margin-bottom:10px; padding:0; float:left; overflow:hidden; }
.vp-itemBoxMa{ width:160px; height:80px; margin-right:5px; padding:0; float:left; overflow:hidden; }
.vp-item-image{ float:left; width:68px; height:80px; margin:0; padding:0; text-align:left; overflow:hidden; }
/* for IE7 */.vp-item-image img{ -ms-interpolation-mode: bicubic; }
.vp-item-box-text{ display:block; width:87px; margin:0; padding:0; float:right; text-align:left; line-height:120%; overflow:hidden; }
.vp-item-box-text p{ margin:0; padding:0; color:#666; font-size:11px; text-align:left; }

/* バックナンバー */
.backnumber{ width:668px; margin:0 auto; padding:0; text-align:center; }
.backnumber:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.backnumberbox{ width:668px; margin:0 auto; padding:0; text-align:center; background-color:#FFF; }
.backnumberbox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

.backnumber h2{ width:610px; height:15px; margin:0 auto; padding:0; text-align:center; text-indent:-9999px; overflow:hidden; background-image:url(../img/2011/staffcode/ttl_backnumber.jpg); background-repeat:no-repeat; }
.code-back-box{ width:610px; height:890px; margin:0 auto; padding:0; text-align:center; display:block; overflow:hidden; }
.code-back-box:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.code-back{ float:left; text-align:center; width:76px; margin:30px 0 0 0; padding:0; overflow:hidden; }
.code-back p{ padding-top:2px; font-size:11px; color:#666; }
.code-backMa{ float:left; text-align:center; width:76px; margin:30px 30px 0 0; padding:0; overflow:hidden; }
.code-backMa p{ padding-top:2px; font-size:11px; color:#666; }

/* 共通 */
span.f12{ font-size:12px; }