@charset "utf-8";

/*============================
#mainArea
============================*/
#mainArea.beauty { border-top: solid 5px #864953; }
#mainArea.health { border-top: solid 5px #496786; }
#mainArea.houseware { border-top: solid 5px #cda56d; }

#mainArea #mainTitle { padding: 20px 30px; }
#mainArea.beauty #mainTitle { background: #fcf0f0; border-left: solid 1px #e3d8d8; border-right: solid 1px #e3d8d8; }
#mainArea.health #mainTitle { background: #e8f0f6; border-left: solid 1px #d1d8dd; border-right: solid 1px #d1d8dd; }
#mainArea.houseware #mainTitle { background: #f9f0e2; border-left: solid 1px #e0d8cb; border-right: solid 1px #e0d8cb; }

#mainArea #mainTitle .title { float: left; text-indent: -9999px; }

#mainArea.beauty #mainTitle .title { width: 240px; height: 42px; background: url(../../imageFile/product/title_beauty.png) no-repeat left center; }
#mainArea.health #mainTitle .title { width: 240px; height: 42px; background: url(../../imageFile/product/title_health.png) no-repeat left center; }
#mainArea.houseware #mainTitle .title { width: 280px; height: 42px; background: url(../../imageFile/product/title_houseware.png) no-repeat left center; }

#mainTitle .copy { float: left; display: inline-block; padding-left: 30px; font-weight: normal; font-size: 0.875em; line-height: 1.5; }

#mainArea.beauty #mainTitle .copy { border-left: solid 1px #e3d8d8; }
#mainArea.health #mainTitle .copy { border-left: solid 1px #b8c7d4; }
#mainArea.houseware #mainTitle .copy { border-left: solid 1px #e0d8cb; }

#mainTitle .copy span { display: block; }

/*============================
#mainContent
============================*/
#mainContent { border: solid 1px #e5e5e5; border-top: none; background: #fff; padding: 13px 43px 43px; }
#mainContent .subTitle { background: #eee; padding: 15px; margin-top: 30px; font-size: 0.875em; line-height: 1.25; }
#mainContent .subTitle.top { margin-top: 0; }
#mainContent .subTitle span { display: inline-block; border-left: solid 3px #496786; padding-left: 15px; }
#mainContent .subContent {}
#mainContent .subContent ul { margin-left: -30px; }
#mainContent .subContent ul li { float: left; width: 200px; margin-left: 30px; margin-top: 30px; }
#mainContent .subContent ul li:hover { opacity: 0.75; }
#mainContent .subContent ul li .img {}
#mainContent .subContent ul li .img a { display: block; }
#mainContent .subContent ul li .img img {}
#mainContent .subContent ul li .name { margin-top: 15px; font-size: 0.875em; font-weight: bold; line-height: 1.25; }
#mainContent .subContent ul li .text { margin-top: 10px; font-size: 0.75em; line-height: 1.5; }

#mainContent .contentDesc { margin-top: 30px; }
#mainContent .contentDesc .mainDesc {}
#mainContent .contentDesc .mainDesc .left { float: left; width: 330px; }
#mainContent .contentDesc .mainDesc .right { float: right; width: 530px; }
#mainContent .contentDesc .mainDesc .right .descMainTitle { margin-top: 20px; color: #688649; font-size: 1.25em; font-weight: bold; padding: 8px 12px 7px; border-left: 6px solid #688649; line-height: 1.2; }
#mainContent .contentDesc .mainDesc .right .descSubTitle { margin-top: 20px; padding: 0 20px; font-weight: bold; line-height: 1.4; }
#mainContent .contentDesc .mainDesc .right .descText { margin-top: 15px; padding: 0 20px; font-size: 0.875em; line-height: 1.6; }
#mainContent .contentDesc .mainDesc .right .descPdf {}
#mainContent .contentDesc .subDesc { margin-top: 40px; }
#mainContent .contentDesc .subDesc .descTitle { padding: 15px 20px 15px; margin-bottom: 30px; background: #e8ece3; color: #688649; }
#mainContent .contentDesc .subDesc .point { margin-top: 30px; padding: 30px 30px 0; border-top: 1px dotted #ccc; }
#mainContent .contentDesc .subDesc .point.no1 { margin-top: 0; padding-top: 0; border-top: none; }
#mainContent .contentDesc .subDesc .point .left { float: left; width: 580px; }
#mainContent .contentDesc .subDesc .point .left .pointTitle { padding: 14px 0 16px 55px; font-weight: bold; }
#mainContent .contentDesc .subDesc .point.no1 .left .pointTitle { background: url(../../imageFile/product/number_01.png) no-repeat left top; }
#mainContent .contentDesc .subDesc .point.no2 .left .pointTitle { background: url(../../imageFile/product/number_02.png) no-repeat left top; }
#mainContent .contentDesc .subDesc .point.no3 .left .pointTitle {background: url(../../imageFile/product/number_03.png) no-repeat left top; }
#mainContent .contentDesc .subDesc .point .left .pointText { margin-top: 10px; margin-left: 55px; font-size: 0.875em; line-height: 1.6; }
#mainContent .contentDesc .subDesc .point .right { float: right; width: 200px; }
#mainContent .contentDesc .subDesc .spec { margin-top: 30px; border: 1px solid #ddd; }
#mainContent .contentDesc .subDesc .spec table { width: 100%; }
#mainContent .contentDesc .subDesc .spec table tr {}
#mainContent .contentDesc .subDesc .spec table tr th { width: 20%; padding: 15px 20px; color: #777; font-size: 0.875em; }
#mainContent .contentDesc .subDesc .spec table tr td { padding: 15px 20px; font-size: 0.875em; }
#mainContent .contentDesc .subDesc .spec table tr:nth-child(odd) th { background: #f6f6f6; }
#mainContent .contentDesc .subDesc .spec table tr:nth-child(odd) td { background: #f6f6f6; }
#mainContent .contentDesc .download { margin-top: 50px; padding: 20px; background: #f5f5f5; text-align: right; }
#mainContent .contentDesc .download.bottom { margin-top: 30px;}
#mainContent .contentDesc .download a { display: inline-block; width: 242px; height: 35px; background: url(../../imageFile/product/btn_pdf.png) no-repeat center; }