@charset "UTF-8";
/* CSS Document */
#qualityMainImage{
clear:both;
margin-bottom:20px;
background:url(../images/quality_image.jpg) no-repeat 0 0;
width:848px;
height:220px;
}

/*トップページ----------------------------*/

#topQualityLeft{
width:490px;
float:left;
text-align:left;
}

#topQualityRight{
width:320px;
background-color:#E6EFF6;
float:right;
padding:10px 0;
}


#topQualityLeft h3.stars{
background:url(../images/bar_5stars.gif) no-repeat 0 0;
height:20px;
font-size:12px;
text-indent:-9999px;
margin:0 0 10px 0;
}

#topQualityLeft h3.report{
background:url(../images/bar_report.gif) no-repeat 0 0;
height:20px;
font-size:12px;
text-indent:-9999px;
margin:0 0 10px 0;
}

#topQualityLeft .title5stars{
background:url(../images/title_5stars.gif) no-repeat 0 0;
height:20px;
text-indent:-9999px;
margin-bottom:5px;
}

#topQualityLeft .titleReport{
background:url(../images/title_report.gif) no-repeat 0 0;
height:20px;
text-indent:-9999px;
margin-bottom:5px;
}


#topQualityLeft .texts{
float:right;
width:350px;
font-size:10px;
line-height:145%;
}

#topQualityLeft .texts img{
margin-top:7px;
}

#topQualityLeft .photo{
width:120px;
float:left;
margin:0 12px 12px 0;
}


#topQualityRight .titleMaterial{
background:url(../images/dotline_blue.gif) repeat-x left bottom;
padding-bottom:5px;
width:290px;
margin:0 auto 12px auto;
}

#topQualityRight .titleMaterial h3.material{
background:url(../images/title_material.gif) no-repeat 0 0;
height:11px;
font-size:12px;
text-indent:-9999px;
margin:0;
}

#topQualityRight .titleMaterial h3.titDiamond{
background:url(../images/title_diamond2.gif) no-repeat 0 0;
height:11px;
font-size:12px;
text-indent:-9999px;
margin:0;
}

#topQualityRight .earchMate{
width:290px;
margin:0 auto 18px auto;
}

#topQualityRight .earchMate .photoMate{
float:left;
margin:0 10px 10px 0;
}

#topQualityRight .earchMate .text{
float:right;
width:195px;
text-align:left;
}

#topQualityRight .earchMate p{
font-size:10px;
line-height:145%;
margin:0 0 5px 0;
}

#topQualityRight .earchMate p img{
margin-top:5px;
}

#topQualityRight .earchMate h4{
margin:0 0 5px 0;
text-indent:-9999px;
font-size:12px;
height:16px;
}

#topQualityRight .earchMate h4.diamond{
background:url(../images/title_diamond.gif) no-repeat 0 0;
}

#topQualityRight .earchMate h4.platinum{
background:url(../images/title_platinum.gif) no-repeat 0 0;
}

#topQualityRight .earchMate h4.gold{
background:url(../images/title_gold.gif) no-repeat 0 0;
}


h3.kodawari{
background:url(../images/bar_kodawari.gif) no-repeat 0 0;
height:20px;
font-size:12px;
text-indent:-9999px;
margin:30px 0 0 0;
}

P.kodawari{
font-size:10px;
line-height:145%;
text-align:left;
margin:8px 0 15px 0;
background-color:#EEE;
padding:7px;
}

.leftKodawari{
width:260px;
float:left;
margin-right:25px;
border:1px solid #DDD;
padding:2px;
}



.rightKodawari{
width:260px;
float:right;
border:1px solid #DDD;
padding:2px;
}

.leftKodawari p, .rightKodawari p{
font-size:10px;
line-height:145%;
text-align:left;
margin:0px 5px;
height:128px;
}

.leftKodawari .photo, .rightKodawari .photo{
margin:0 0 5px 0;
_margin:0 0 3px 0;
}


.leftKodawari2{
width:400px;
float:left;
margin-bottom:25px;
border:1px solid #DDD;
padding:2px;
}

.rightKodawari2{
width:400px;
float:right;
border:1px solid #DDD;
padding:2px;
margin-bottom:25px;
}

.leftKodawari2 p, .rightKodawari2 p{
font-size:10px;
line-height:145%;
text-align:left;
margin:0px 5px;
/*height:128px;*/
}

.leftKodawari2 .photo, .rightKodawari2 .photo{
margin:0 0 5px 0;
_margin:0 0 3px 0;
}




/*右側コンテンツ--------------*/

#qualityRight{
width:220px;
float:right;
text-align:left;
background-color:#E6EFF6;
text-align:center;
padding:10px 0;
}

#qualityRight h4{
width:204px;
margin:0 auto 10px auto;
}

#qualityRight h4.rStar{
background:url(../images/r_m_tit_5star.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
}


#qualityRight ul{
width:204px;
list-style-type:none;
margin:0 auto;
padding:0;
}

#qualityRight li{
text-align:left;
font-size:0.8em;
}

#qualityRight li span{
position:absolute;
left:-9999px;
}

#qualityRight li.star{
background:url(../images/r_m_5star.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
}

#qualityRight li.star a:hover, #qualityRight li.starOn{
background:url(../images/r_m_5star_on.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
_margin-bottom:0px;
}

#qualityRight li.starOn{
margin-bottom:8px;
}

#qualityRight li.star a{
display:block;
width:204px;
height:46px;
}


#qualityRight h4.rReport{
background:url(../images/r_m_tit_report.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
margin-top:8px;
}


#qualityRight li.report{
background:url(../images/r_m_report.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#qualityRight li.report a:hover, #qualityRight li.reportOn{
background:url(../images/r_m_report_on.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
_margin-bottom:0px;
}

#qualityRight li.reportOn{
margin-bottom:8px;
}


#qualityRight li.report a{
display:block;
width:204px;
height:44px;
}


#qualityRight h4.rKodawari{
background:url(../images/r_m_tit_kodawari.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
margin-top:8px;
}

#qualityRight li.case{
background:url(../images/r_m_case.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#qualityRight li.case a:hover, #qualityRight li.caseOn{
background:url(../images/r_m_case_on.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
_margin-bottom:0px;
}


#qualityRight li.case a, #qualityRight li.kiri a, #qualityRight li.white a, #qualityRight li.fashioncase a{
display:block;
width:204px;
height:44px;
}

#qualityRight li.kiri{
background:url(../images/r_m_kiri.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#qualityRight li.kiri a:hover, #qualityRight li.kiriOn{
background:url(../images/r_m_kiri_on.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
_margin-bottom:0px;
}

#qualityRight li.white{
background:url(../images/r_m_white.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#qualityRight li.white a:hover, #qualityRight li.whiteOn{
background:url(../images/r_m_white_on.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
_margin-bottom:0px;
}

#qualityRight li.fashioncase{
background:url(../images/r_m_fashioncase.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#qualityRight li.fashioncase a:hover, #qualityRight li.fashioncaseOn{
background:url(../images/r_m_fashioncase_on.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
_margin-bottom:0px;
}

#qualityRight li.fashioncaseOn{
margin-bottom:8px;
}

#qualityRight h4.rDiamond{
background:url(../images/r_m_tit_diamond.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
margin-top:8px;
}


#qualityRight h4.rMaterial{
background:url(../images/r_m_tit_material.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
margin-top:8px;
}

#qualityRight li.diamond{
background:url(../images/r_m_diamond.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
}

#qualityRight li.diamond a:hover, #qualityRight li.diamondOn{
background:url(../images/r_m_diamond_on.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
_margin-bottom:0px;
}


#qualityRight li.diamondOn{
margin-bottom:8px;
}

#qualityRight li.diamond a, #qualityRight li.platinum a, #qualityRight li.gold a{
display:block;
width:204px;
height:46px;
}


#qualityRight li.platinum{
background:url(../images/r_m_platinum.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
}

#qualityRight li.platinum a:hover, #qualityRight li.platinumOn{
background:url(../images/r_m_platinum_on.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
_margin-bottom:0px;
}

#qualityRight li.platinumOn{
margin-bottom:8px;
}

#qualityRight li.gold{
background:url(../images/r_m_gold.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
}

#qualityRight li.gold a:hover, #qualityRight li.goldOn{
background:url(../images/r_m_gold_on.gif) no-repeat 0 0;
height:46px;
margin-bottom:8px;
_margin-bottom:0px;
}



/*左側コンテンツ共通--------------*/

#qualityLeft{
width:580px;
float:left;
text-align:left;
}

#qualityLeft .title1{
background:url(../images/dotline.gif) repeat-x left bottom;
width:580px;
padding-bottom:5px;
margin:20px 0 5px 0;
}

#qualityLeft .title{
background:url(../images/dotline.gif) repeat-x left bottom;
width:580px;
padding-bottom:5px;
margin:20px 0 20px 0;
}

#qualityLeft p{
font-size:0.8em;
line-height:160%;
margin:0 0 15px 0;
}