@charset "UTF-8";
/* コーディネートスライダーCSS */
@import url("../../../common/css/layout/coordinate_thickbox.css");

/*************************
モデルコーデレイアウト
**************************/
#mainContentsModelcode{
width:750px;
margin:0 auto;
padding:0;
overflow:hidden;
position:relative;
}

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

#mainContentsModelcode .block{
width:750px;
height:651px;
margin:0 auto;
padding:0;
overflow:hidden;
border-width:1px 0 1px 0;
border-style: dotted;
border-color:#000000; 
}

#mainContentsModelcode .block:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*************************
モデルコーデタイトル部分
**************************/

#mainContentsModelcode .mainContentsRightTtlarea h1.ttlModelcode{
width:750px;
height:55px;
margin:0 auto;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/code/ttl_modelcode.gif);
background-repeat:no-repeat;
}

#mainContentsModelcode .mainContentsRightTtlarea h1.ttlModelcode:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .mainContentsRightsubTtlareaBlock{
width:750px;
height:82px;
margin-top:10px;
padding:0;
overflow:hidden;
}

#mainContentsModelcode .mainContentsRightsubTtlareaBlock p{
margin:0;
padding:0;
text-align:left;
overflow:hidden;
font-size:12px;
line-height:140%;
}

/*************************
モデルコーデメイン部分
**************************/
#mainContentsModelcode .ModelcodeMain{
width:750px;
margin:0 auto;
padding:0;
text-align:center;
background-color:#FFFFFF;
}

#mainContentsModelcode .ModelcodeMain:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft{
width:269px;
height:569px;
margin:0;
padding:0;
float:left;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft .ModelcodeMainDate{
width:269px;
height:74px;
margin:0;
padding:0;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft .ModelcodeMainDate ul{
width:269px;
height:55px;
margin:0 auto;
padding:0;
text-align:center;
display:block;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft .ModelcodeMainDate ul li{
height:74px;
margin:0 auto;
padding:0;
text-align:center;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft .ModelcodeMainDate p{
width:74px;
height:11px;
margin:8px auto 0 auto;
padding:0;
text-align:center;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/code/img_modelcode_updated.gif);
background-repeat:no-repeat;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft .ModelcodeMainImg{
width:269px;
height:444px;
margin-top:26px;
padding:0;
text-align:left;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainLeft .ModelcodeMainImg img{
width:163px;
height:444px;
margin-left:36px;
padding:0;
display:block;
text-align:left;
}


/*右側*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight{
width:481px;
margin:0 auto;
padding:0;
float:left;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt{
width:481px;
height:67px;
margin:0 auto 10px auto;
padding:0;
text-align:left;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt P{
margin:0;
padding:0;
text-align:left;
font-size:12px;
line-height:140%;
}

/*コーデ部分*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem{
width:481px;
margin:36px auto 0 auto;
padding:0;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline{
width:481px;
margin-bottom:18px;
padding:0;
overflow:hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem{
width:89px;
margin:0 41px 0 0;
padding:0;
float:left;
text-align:left;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelcodeMainOneItemMiddle .ModelcodeMainOneItemImagearea{
width:89px;
margin:0 auto;
padding:0;
overflow:hidden
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelcodeMainOneItemMiddle .ModelcodeMainOneItemImagearea img{
width:89px;
height:104px;
}

/*商品名*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemName{
width:89px;
margin:0;
padding-top:5px;
font-size:10px;
line-height:120%;
}

/*価格*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemPrice{
width:89px;
margin:0;
padding-top:7px;
line-height:120%;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemPrice span{
text-decoration:line-through;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemPriceDown{
width:89px;
margin:0;
padding:0;
color:#e34020;
line-height:120%;
}



#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast{
width:89px;
margin:0;
padding:0;
float:left;
text-align:left;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast .ModelcodeMainOneItemMiddle .ModelcodeMainOneItemImagearea{
width:89px;
margin:0 auto;
padding:0;
overflow:hidden
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast .ModelcodeMainOneItemMiddle .ModelcodeMainOneItemImagearea img{
width:89px;
height:104px;
}

/*商品名*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast .ModelCodeMainOneItemName{
width:89px;
margin:0;
padding-top:5px;
font-size:10px;
line-height:120%;
}

/*価格*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast .ModelCodeMainOneItemPrice{
width:89px;
margin:0;
padding-top:7px;
line-height:120%;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast .ModelCodeMainOneItemPrice span{
text-decoration:line-through;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItemLast .ModelCodeMainOneItemPriceDown{
width:89px;
margin:0;
padding:0;
color:#e34020;
line-height:120%;
}

/*モット詳しく
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemMore{
display:block;
width:80px;
height:16px;
margin:0 0 4px 5px;
padding:0;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemMore a{
display:block;
width:80px;
height:16px;
text-indent:-9999px;
line-height:1;
margin:0;
padding:0;
background-image: url(../../../img/code/btn_modelcode_moreditail.jpg);
background-repeat:no-repeat;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemMore a:link,#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemMore a:visited {background-position:top;}
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemMore a:hover {background-position:bottom;}
*/


/*品番
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelCodeMainOneItemPcode{
width:89px;
margin:0 0 1px 4px;
padding:0;
line-height:120%;
}
*/

/*************************
モデルコーデバックナンバー
**************************/
#mainContentsModelcode .ModelCodeBacknum{
width:750px;
margin:25px auto 0 auto;
padding:0;
}

#mainContentsModelcode .ModelCodeBacknum:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}