@charset "UTF-8";


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

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

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

#mainContentsModelcode .mainContentsRightTtlarea .mainContentsRightTtlareaBlock h1.ttlModelcode{
width:750px;
height:116px;
margin:0 auto 0 auto;
padding:1px 0 0 0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/code/ttl_modelcode.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;
}

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


#mainContentsModelcode .mainContentsRightTtlarea .mainContentsRightTtlareaBlock p{
width:460px;
height:42px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
position:absolute;
top:54px;
left:248px;
font-size:12px;
line-height:140%;
}

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

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

#mainContentsModelcode .ModelcodeMain .ModelcodeMainImg{
width:203px;
height:453px;
margin:0;
padding:0;
float:left;
position: relative;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainImg .ModelcodeMainFrame{
width:143px;
height:150px;
margin:0;
padding:0;
background-image:url(../../../img/code/bg_img_modelcode_main_tsutatop.png);
position:absolute;
top:-20px;
left:-15px;
}

* html #mainContentsModelcode .ModelcodeMain .ModelcodeMainImg .ModelcodeMainFrame{ behavior: expression(IEPNGFIX.fix(this)); } 


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

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

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt{
width:435px;
margin:20px auto 10px auto;
padding:0;
text-align:center;
}

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

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt .ModelcodeMainTxtTop{
width:435px;
height:41px;
margin:0;
padding:0;
background-image:url(../../../img/code/subttl_modelcode_txtpoint.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt .ModelcodeMainTxtTop .ModelcodeUpdate{
width:415px;
margin:0 auto;
padding:20px 0 0 0;
text-align:right;
font-size:12px;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt .ModelcodeMainTxtMiddle{
width:435px;
margin:0;
padding:0;
background-image:url(../../../img/code/bgimg_modelcode_txtpoint.jpg);
background-repeat: repeat-y;
overflow:hidden;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt .ModelcodeMainTxtMiddle p{
width:400px;
margin:0 auto;
padding:0;
text-align:left;
line-height:24px;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainTxt .ModelcodeMainTxtBottom{
width:435px;
height:17px;
margin:0;
padding:0;
background-image: url(../../../img/code/bgimg_modelcode_txtpoint_foot.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

/*コーデ部分*/
#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem{
width:437px;
margin:0 auto;
padding:0 0 10px 0;
position:relative;
}

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

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline{
width:462px;
margin:0 -25px 0 0;
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:127px;
margin:0 25px 10px 0;
padding:0 0 5px 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 .ModelcodeMainOneItemHead{
width:127px;
height:23px;
margin:0;
padding:0;
overflow:hidden;
background-image: url(../../../img/code/bgimg_modelcode_itemhead.jpg);
background-repeat:no-repeat;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelcodeMainOneItemFoot{
width:127px;
height:7px;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
background-image: url(../../../img/code/bgimg_modelcode_itemfoot.jpg);
background-repeat:no-repeat;
}

#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainItemOneline .ModelcodeMainOneItem .ModelcodeMainOneItemMiddle{
width:127px;
margin:0;
padding:0;
overflow:hidden;
background-image: url(../../../img/code/bgimg_modelcode_itemmiddle.jpg);
background-repeat: repeat-y;
text-align:center;
}

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

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

/*モット詳しく*/
#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 .ModelCodeMainOneItemName{
font-weight:bold;
height:30px;
width:124px;
margin:0 0 0 3px;
padding:0;
line-height:120%;
}

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

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

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

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


#mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainFrameBottom{
width:143px;
height:150px;
margin:0;
padding:0;
background-image:url(../../../img/code/bg_img_modelcode_main_tsutabottom.png);
position:absolute;
bottom:-20px;
right:-34px;
}

* html #mainContentsModelcode .ModelcodeMain .ModelcodeMainRight .ModelcodeMainItem .ModelcodeMainFrameBottom{ behavior: expression(IEPNGFIX.fix(this)); }


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

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

#mainContentsModelcode .ModelCodeBacknum h2{
width:670px;
height:21px;
margin:20px auto 0 auto;
padding:1px 0 0 0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/code/ttl_modelcode_bucknumber.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#mainContentsModelcode .ModelCodeBacknum .ModelCodeBackNumImg{
width:670px;
margin:0 auto;
padding:0 0 20px 0;
}