@charset "utf-8";
/* aside*/

    #aside {
        float: left;
        width: 209px;
        text-align: left;
    }

        #aside h2 {
            margin: 10px 0 18px 0;
            background-color: transparent;
            background-image: url("../images/commons/aside/aside.png");
            background-repeat: no-repeat;
            width: 175px;
            height: 15px;
            text-indent: -9999em;
        }
        #aside h3 {
            width: 175px;
        }
            #aside h3,#aside h3 a {
                border-bottom: solid 1px #ce0040;
                display: block;
                overflow: hidden;
                background-color: transparent;
                background-image: url("../images/commons/aside/aside.png");
                background-repeat: no-repeat;
                width: 175px;
                height: 26px;
                text-indent: -9999em;
            }

        #aside ul {
            width: 160px;
            margin-left:15px;
        }
            #aside li {
                width: 160px;
            padding-left: 0px;
            }
                #aside li a {
                    border-bottom: solid 1px #ccc;
                    display: block;
                    overflow: hidden;
                    background-color: transparent;
                    background-image: url("../images/commons/aside/aside.png");
                    background-repeat: no-repeat;
                    width: 160px;
                    height: 22px;
                    text-indent: -9999em;

                }


/* *****************************************************************
 * aside_product
 * PRODUCT anav座標系
 ***************************************************************** */
.aside_product h2 { background-position: -350px 0; }

.aside_product .p1 h3 a { background-position: -350px -30px; }
.aside_product .p2 h3 { background-position: -350px -58px; }
    .aside_product .p2 .c1 a { background-position: -365px -86px; }
    .aside_product .p2 .c2 a { background-position: -365px -110px; }
    .aside_product .p2 .c3 a { background-position: -365px -134px; }
    .aside_product .p2 .c4 a { background-position: -365px -158px; }
    .aside_product .p2 .c5 a { background-position: -365px -182px; }
    .aside_product .p2 .c6 a { background-position: -365px -206px; }
    .aside_product .p2 .c7 a { background-position: -365px -230px; }
    .aside_product .p2 .c8 a { background-position: -365px -254px; }
    .aside_product .p2 .c9 a { background-position: -365px -278px; }
    .aside_product .p2 .c10 a { background-position: -365px -302px; }
.aside_product .p3 h3 { background-position: -350px -332px; }
    .aside_product .p3 .c1 a { background-position: -365px -360px; }
    .aside_product .p3 .c2 a { background-position: -365px -384px; }
    .aside_product .p3 .c3 a { background-position: -365px -408px; }
    .aside_product .p3 .c4 a { background-position: -365px -432px; }
    .aside_product .p3 .c5 a { background-position: -365px -456px; }
    .aside_product .p3 .c6 a { background-position: -365px -480px; }
.aside_product .p4 h3 { background-position: -350px -510px; }
    .aside_product .p4 .c1 a { background-position: -365px -538px; }
    .aside_product .p4 .c2 a { background-position: -365px -562px; }
    .aside_product .p4 .c3 a { background-position: -365px -586px; }
    .aside_product .p4 .c4 a { background-position: -365px -480px; }
.aside_product .p5 h3 { background-position: -350px -616px; }
    .aside_product .p5 .c1 a { background-position: -365px -644px; }
    .aside_product .p5 .c2 a { background-position: -365px -668px; }
    .aside_product .p5 .c3 a { background-position: -365px -692px; }
.aside_product .p6 h3 { background-position: -350px -722px; }
    .aside_product .p6 .c1 a { background-position: -365px -750px; }
.aside_product .p7 h3 a { background-position: -350px -780px; }
.aside_product .p8 h3 a { background-position: -350px -808px; }

.aside_product .p1 h3 a:hover { background-position: -525px -30px; }
    .aside_product .p2 .c1 a:hover { background-position: -540px -86px; }
    .aside_product .p2 .c2 a:hover { background-position: -540px -110px; }
    .aside_product .p2 .c3 a:hover { background-position: -540px -134px; }
    .aside_product .p2 .c4 a:hover { background-position: -540px -158px; }
    .aside_product .p2 .c5 a:hover { background-position: -540px -182px; }
    .aside_product .p2 .c6 a:hover { background-position: -540px -206px; }
    .aside_product .p2 .c7 a:hover { background-position: -540px -230px; }
    .aside_product .p2 .c8 a:hover { background-position: -540px -254px; }
    .aside_product .p2 .c9 a:hover { background-position: -540px -278px; }
    .aside_product .p2 .c10 a:hover { background-position: -540px -302px; }

    .aside_product .p3 .c1 a:hover { background-position: -540px -360px; }
    .aside_product .p3 .c2 a:hover { background-position: -540px -384px; }
    .aside_product .p3 .c3 a:hover { background-position: -540px -408px; }
    .aside_product .p3 .c4 a:hover { background-position: -540px -432px; }
    .aside_product .p3 .c5 a:hover { background-position: -540px -456px; }
    .aside_product .p3 .c6 a:hover { background-position: -540px -480px; }

    .aside_product .p4 .c1 a:hover { background-position: -540px -538px; }
    .aside_product .p4 .c2 a:hover { background-position: -540px -562px; }
    .aside_product .p4 .c3 a:hover { background-position: -540px -586px; }
    .aside_product .p4 .c4 a:hover { background-position: -540px -480px; }

    .aside_product .p5 .c1 a:hover { background-position: -540px -644px; }
    .aside_product .p5 .c2 a:hover { background-position: -540px -668px; }
    .aside_product .p5 .c3 a:hover { background-position: -540px -692px; }

    .aside_product .p6 .c1 a:hover { background-position: -540px -750px; }

.aside_product .p7 h3 a:hover { background-position: -525px -780px; }
.aside_product .p8 h3 a:hover { background-position: -525px -808px; }


.btn_products {
    margin-bottom: 30px;
    width: 591px;
}
    .btn_products h2 {
        margin-left: 12px;
    }
    .btn_products_item_top {
        clear: both;
    }
    .btn_products_item_top,
    .btn_products_item {
        margin: 12px 0 0 12px;
        _margin-left: 6px;
        float: left;
        width: 185px;
    }
        .btn_products_item_top h3,
        .btn_products_item h3 {
            width: 185px;
            height: 66px;
        }
        .btn_products_item_top .icon_arrow1,
        .btn_products_item .icon_arrow1 {
            text-align: right;
            font-size: .8em;
        }



.entry_others {
    margin-top: 2em;
    position: relative;
    width: 622px;
    min-height: 1px;
}
.entry_others:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
* html .entry_others {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

    .othersitems_end {
        border-bottom: solid 1px #ccc;
    }
    .othersitems_l { float: left; clear: both; }
    .othersitems_r { float: right; }
    .othersitems_l,
    .othersitems_r {
        padding-top: 12px;
        border-top: solid 1px #ccc;
        position: relative;
        display: block;
        width: 300px;
        min-height: 120px;
    }
        .article_photo {
            display: block;
            position: absolute;
            top: 12px;
            left: 0;
            width: 115px;
            text-align: center;
        }
        .othersitems_l h2,
        .othersitems_r h2,
        .othersitems_l p,
        .othersitems_r p {
            margin-left: 126px;
            position: relative;
            width: 174px;
            display: block;
        }
        .othersitems_l h2,
        .othersitems_r h2 {
            margin-top: 6px;
            font-weight: bold;
        }
        .othersitems_l p,
        .othersitems_r p {
            font-size: .9em;
        }

#main_visual {
    position:relative;
}

img.lxbanner {
    position: absolute;
    top:226px;
    left:5px;
}

.top-copy { /*20100315 add メインビジュアル下*/
    margin-top: 0.8em;
    margin-bottom: 2em;
    color: #333;
}




.entry_brand_index {
    margin-top: 2em;
    padding: 20px 16px 0 16px;
    background-color: #f3f2f3;
    width: 590px; /* 622px - 16px * 2 */
    min-height: 1px;
}
.entry_brand_index:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
* html .entry_brand_index {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.topimportant {
    background: #f3f2f3 url("../images/product/brand_index/bg.jpg") no-repeat 0 0;
}
    .entry_brand_index h2 {
        margin-bottom: .4em;
    }
    .entry_brand_index h3.label {
        margin: 1em 0 1.2em 0;
        clear: both;
        background-color: transparent;
        background-image: url("../images/product/brand_index/labels.gif");
        background-repeat: no-repeat;
        color: #000;
        width: 51px;
        height: 11px;
        text-indent: -9999em;
        font-size: .1em;
    }
    .h_color { background-position: 0 0; }
    .h_care { background-position: 0 -11px; }
    .h_style { background-position: 0 -22px; }
    .h_wave { background-position: 0 -33px; }
    .h_support { background-position: 0 -44px; }

    .entry_brand_index ul {
        margin: 12px 0 24px 0;
    }
        .entry_brand_index li {
            margin-right: 30px;
            float: left;
        }
        .entry_brand_index li.group {
            margin-left: 40px;
        }
        .entry_brand_index li.space02 {
            margin-right: 0px;
            float: left;
        }

    .entry_brand_index p {
        color: #555;
        font-size: .9em;
    }
    .entry_brand_index div.a-left {
        float: left;
        width: 160px;
    }

/* *****************************************************************
 * colorlineup  100308 harada add
 ***************************************************************** */
.link-colorlu01 {
    position: absolute;
    top: 35px;
    right: 20px;
}
.link-colorlu02 {
    position: absolute;
    top: 0px;
    right: 0px;
}
.link-colorlu-base {
				width: 622px;
    position: relative;
}
/* *****************************************************************
 * lesse cs  100318 harada add
 ***************************************************************** */
.link-bleachguide {
    position: absolute;
    top: 40px;
    right: 20px;
    color: #666;
    font-size: .86em;
}
h4.lesse-title01 {
    margin: 0em 0 0em 0;
}
h4.lesse-title02 {
    margin: 0em 0 0.6em 0;
}
h3.lesse-title03 {
    margin: 0em 0 0.5em 0;
}
.lesse-base {
    position: relative;
    clear: both;
				width: 622px;
}
.lesse-area01 {
    clear: both;
				width: 622px;
}
.lesse-side01-A {
    float: left;
				width: 305px;
}
.lesse-side01-A02 {
    position: relative;
    float: left;
				width: 296px;
}
.lesse-side01-B {
    position: relative;
    float: right;
				width: 296px;
}
.lesse-side01-B02 {
    float: right;
				width: 279px;
}
.lesse-area02 {
    clear: both;
				width: 622px;
    font-size: .86em;
}
*html .lesse-area02 {
    font-size: .8em;
}
.lesse-side02-A {
    float: left;
				width: 207px;
}
.lesse-side02-B {
    float: left;
				width: 222px;
}
.lesse-side02-C {
    float: left;
				width: 193px;
}
.lesse-btn {
    position: absolute;
    top: -10px;
    right: 0;
}
*html .lesse-btn {
    top: -5px;
}
.lesse-label01 {
    position: absolute;
    top: 2px;
    right: 0;
}
.lesse-img01 {
    display: block;
    text-align: right;
    padding-top: 10px;
}
p.lesse-text01 {
    margin-bottom: 0em;
}
p.lesse-text02 {
    margin-bottom: 1.2em;
    margin-left: 30px;
}
.product-fnavi {
				margin: 0 0 1em 0;
				min-height: 1px;
}
.product-fnavi:after {
				display: block;
				clear: both;
				height: 0;
				visibility: hidden;
				content: ".";
}
* html .product-fnavi {
				height: 1px;
				/*\*//*/
				height: auto;
				overflow: hidden;
				/**/
}

.product-fnavi  li {
				margin: 30px 0px 10px 0;
				float: left;
}
.product-fnavi li.list-other { /*100311 add*/
				margin-left: 80px;
				float: left;
}

/*-------------------- under page  --------------------*/
.lesse02-margin {
	   padding-top: 20px;
}
.lesse02-title {
	   margin-top: 20px;
   	border-bottom: 3px solid #000000;
}
.lesse02-title02 {
	   padding-top: 25px;
}
.lesse02-lead {
	   padding-top: 10px;
	   padding-bottom: 10px;
    color: #333;
}
.lesse02-caution {
    font-size: .86em;
}
*html .lesse02-caution {
				font-size: .8em;
}
.lesse02-mainimg {
	   padding-top: 15px;
	   padding-bottom: 5px;
}
.link-back-cs {
    position: absolute;
    top: 72px;
    right: 20px;
    color: #666;
    font-size: .86em;
}
.lesse02-table01 {
	   width: 622px;
    color: #333;
				line-height: 1.4em;
}
.lesse02-table01 th {
	   width: 180px;
	   padding-top: 15px;
   	padding-bottom: 16px;
   	border-top: 1px solid #999999;
				vertical-align: top;
}
.lesse02-table01 td {
	   width: 442px;
	   padding-top: 18px;
   	padding-bottom: 13px;
   	border-top: 1px solid #999999;
}
.lesse02-table01 td.lesse02-figure {
	   padding-top: 6px;
   	padding-bottom: 3px;
}
.lesse02-table01 th.btm,
.lesse02-table01 td.btm {
   	border-bottom: 1px solid #999999;
}
.lesse02-pointArea {
				margin-top: 12px;
				padding: 10px;
				background: #f3f2f3;
}
.lesse02-pointArea-A {
				float: left;
				width: 300px;
}
.lesse02-pointArea-B {
				float: right;
				width: 278px;
				padding-top: 10px;
}
.lesse02-pA-text01 {
				display: block;
				padding-top: 6px;
				font-size: .86em;
				line-height: 1.4em;
}
.lesse02-pA-text02 {
				display: block;
				padding-top: 10px;
				font-size: .86em;
				line-height: 1.4em;
    color: #333;
}
*html .lesse02-pA-text01 {
				font-size: .8em;
				line-height: 1.5em;
}
*html .lesse02-pA-text02 {
				font-size: .8em;
				line-height: 1.5em;
}
.lesse02-pA-kyocho {
				color: #c6151e;
}
.lesse02-pA-img01 {
				display: block;
				padding-top: 10px;
				text-align: right;
}
.lesse02-pA-img02 {
				display: block;
				padding-top: 10px;
}
.lesse02-pA-img03 {
				display: block;
				padding-top: 10px;
				padding-bottom: 20px;
				text-align: right;
}
.lesse02-pA-link01 {
				padding-top: 15px;
				color: #666;
				font-size: .86em;
}
/*---------- cw hyou  ----------*/
.lesse02-area01 {
				clear: both;
				width: 622px;
				margin-bottom: 20px;
}
.lesse02-arrow {
   	background: url(../images/product/parts/lesse_cs_cw_p1.gif) no-repeat 223px bottom;
}
.lesse02-sideA {
				float: left;
				width: 200px;
}
.lesse02-sideB {
   	float: right;
	   width: 402px;
}
.lesse02-sideB-inner {
   	background: #e7e5e6;
				padding-bottom: 5px;
}
.lesse02-sideB-inner h4 {
    margin: 0em 0 0em 0;
}
.lesse02-sideB-inner p {
    margin: 0.6em 0 0em 0;
}
/* *****************************************************************
 * promaster LL  100527 harada add
 ***************************************************************** */
.pmex-block01 {
   	position: relative;
				clear: both;
				width: 622px;
				padding-bottom: 30px;
}
*html .pmex-block01 {
   	position: relative;
				clear: both;
				width: 622px;
				padding-bottom: 20px;
}
.pmex-area01 {
				clear: both;
				width: 622px;
				padding-top: 20px;
}
.pmex-sideA {
				float: left;
				width: 310px;
}
.pmex-sideB {
   	float: right;
	   width: 288px;
}
.pmex-block01 h3 {
				clear: both;
    margin: 1.2em 0 0em 0;
}
.pmex-block01 h4 {
    margin: 0em 0 0.8em 0;
}
.pmex-block01 ul {
    margin: 1.0em 0 0em 0;
}
.pmex-block01 p {
    margin: 1.0em 0 0em 0;
}
.pmex-new01 {
   	position: absolute;
	   top: -20px;
	   left: 230px;
}
*html .pmex-new01 {
   	position: absolute;
	   top: 0px;
	   left: 230px;
}
.pmex-iconArea {
   	position: relative;
}
.pmex-new02 {
   	position: absolute;
	   top: 45px;
	   left: 270px;
}