@charset "utf-8";

/* /labo2/index.html 用スタイルシート
=================================
1: 共通

2: レイアウト


=================================*/

/*1:共通
=================================*/
.arw1 {
    background:url("/img/labo2/top/arrow.gif") no-repeat 0 4px;
    padding:0 0 0 7px;
}

.icon1 {
    background:url("/img/labo2/top/icon1.gif") no-repeat 0 0;
    padding:0 0 0 18px;
}

h3,p {
    padding:0;
    margin:0;
}

img {
    border:0;
    margin:0;
    padding:0;
}

/*2: レイアウト
=================================*/

/*  content
--------------------------------- */
#content {
    width:749px;
    text-align:left;
    margin:0 auto 20px auto;
}

#content img {
    vertical-align:top;
}

#content div#ctswrap{
    width:749px;
    background:url("/img/labo2/top/bg_dot.gif") repeat-y;
    margin-top:20px;
}

/*  --- flasharea
--------------------------------- */
#content #topmainswf {
    border-top:1px solid #A7A7A7;
    margin:5px 0 0 0;
}

/*  --- 左ボックス
--------------------------------- */
#content #box-l {
    float:left;
    width:550px;
}

#content #box-l .subt {
    width:540px;
    border-bottom:1px solid #A7A7A7;
    margin-bottom:10px;
}

/*  --- --- What's new
--------------------------------- */
#content #box-l .subt #whatsnew {
    float:left;
    width:112px;
    height:23px;
    background:url("/labo2/image/top/t_whatsnew.gif") no-repeat 0 0;
}

#content #box-l .subt #whatsnew span {
    display:none;
}

#content #box-l .subt #wn-list {
    float:right;
    width:320px;
    text-align:right;
}

#content #box-l .frm {
    width:540px;
    padding:0;
    margin:10px 0 0 0;
}

#content #box-l .fixed1 {
    width:538px;
    border:1px solid #CDCDCD;
    height:88px;
    overflow:scroll;
    margin-bottom:30px;
}

#content #box-l .fixed1 dl#info {
    padding:4px 10px;
}

#content #box-l .fixed1 dl#info dt {
    background:url("/img/labo2/top/arrow.gif") no-repeat 16px 6px;
    padding:1px 0 6px 25px;
}

#content #box-l .fixed1 dl#info dt.new {
    background:url("/img/labo2/top/new.gif") no-repeat 0 3px;
}

#content #box-l .fixed1 dl#info dd {
    margin:-1.95em 0 2px 7.8em;
}


/*  --- 緊急メッセージ --- */
div.whatsnew-msg {
    padding:14px 10px 5px 0;
}

/*  --- --- 製品ラインナップ
--------------------------------- */
#content #box-l .subt #lineup {
    float:left;
    width:165px;
    height:23px;
    background:url("/img/labo2/top/t_lineup.gif") no-repeat 0 0;
}

#content #box-l .subt #lineup span {
    display:none;
}

#content #box-l .subt #lu-list {
    float:right;
    width:270px;
    text-align:right;
}

#content #box-l .frm {
    padding:0;
    margin:0;
}

#content #box-l .frm .lineuplist {
    width:540px;
    padding:0;
    margin:0;
}

/* lineup タイトル */
#content #box-l .frm .lineuplist p.tit1 {
    height:28px;
    background:#F0F0F0 url("/img/labo2/top/t_skincare.gif") no-repeat 0 0;
}

#content #box-l .frm .lineuplist p.tit2 {
    height:28px;
    background:#F0F0F0 url("/labo2/image/top/t_makeup.gif") no-repeat 0 0;
    margin-left:30px;
}

#content #box-l .frm .lineuplist p.tit1 span,
#content #box-l .frm .lineuplist p.tit2 span {
    display:none;
}

/* lineup ヨコ一段ボックス */
#content #box-l .frm .lineuplist .colslane {
    padding:10px 0 0 0;
    margin:0;
}

#content #box-l .frm .lineuplist .boxfrm0 {
}

/* lineup メニューボックス幅指定 */
#content #box-l .frm .lineuplist .wid-l {
    width:200px;
}

#content #box-l .frm .lineuplist .wid-c,
#content #box-l .frm .lineuplist .wid-r {
    width:160px;
}

#content #box-l .frm .lineuplist .wid2-cr {
    width:330px;
}

/* lineup メニューボックスフロート指定 */
#content #box-l .frm .lineuplist .fl-l,
#content #box-l .frm .lineuplist .fl-c {
    float:left;
    margin-right:10px;
}

#content #box-l .frm .lineuplist .fl-r {
    float:left;
}

/* lineup メニューボックス余白指定 */
/* 通常ボックスは、枠線不要だがフォーマットを揃えるために白線を設定　*/
#content #box-l .frm .lineuplist .boxpad {
    margin:1px;
    padding:9px;
    border:1px solid #FFFFFF;
}

/* 枠線ありボックス設定　*/
#content #box-l .frm .lineuplist div.boxfrm1 .boxpad {
    margin:1px;
    padding:9px;
    border:1px solid #FEBDBD;
}

/* lineup メニューヨコ2ワク連結ボックス指定 */
#content #box-l .frm .lineuplist div.boxfrm1 {
    width:330px;
    }

#content #box-l .frm .lineuplist div.box-l {
    float:left;
    width:140px;
    margin-right:28px;
    }

#content #box-l .frm .lineuplist div.box-r {
    float:right;
    width:140px;
    }

/* lineup 製品カテゴリータイトル */
#content #box-l .frm .lineuplist div.group-t0 {
    margin:0;
    border-bottom:1px solid #C1C1C1;
}

#content #box-l .frm .lineuplist div.group-t0 p {
    margin:0px 0px 4px 0px;
}

/* lineup 製品メニューリスト */
#content #box-l .frm .lineuplist div.item-t0 {
    margin-top:6px;
}

#content #box-l .frm .lineuplist div.item-t0 p {
    margin:0 0 2px 0px;
    line-height:120%;
}



/*  --- --- メインエリアバナー
--------------------------------- */

.bnr_boxtop{
    display:block;
    width:540px;
    margin:30px 0 20px 0;
    padding:0;
    border-top:solid 1px #dadada;
}


.bnr_boxbottom{
    display:block;
    width:540px;
    margin:0 0 10px 0;
    padding:0 0 20px 0;
    border-bottom:solid 1px #dadada;
}

.mainbnr-l {
    float:left;
    width:370px;
    margin-top:0;
}

.mainbnr-l p {
    padding-right:10px;
}

.mainbnr-r {
    float:right;
    width:160px;
    margin-top:0;
}

.mainbnr-l p.exp,
.mainbnr-r p.exp,
.mainbnr-x3 p.exp {
    margin:3px 6px 6px;
}

/* half banner */

.mainbnr-half-l {
    float:left;
    width:265px;
    margin-top:0;
}

.mainbnr-half-l p {
    padding-right:10px;
}

.mainbnr-half-r {
    float:right;
    width:265px;
    margin-top:0;
}

.mainbnr-half-l p.exp,
.mainbnr-half-r p.exp,
.mainbnr-half-x3 p.exp {
    margin:3px 6px 6px;
}

/*  --- --- メインエリア バナー×3 ※右バナーより移動 071009
--------------------------------- */
#content #box-r .bnrarea3 {
    background:#FFFFFF;
    padding:20px 10px 10px 10px;
}

#content #box-r .bnrarea3 p {
}

#content #box-r .bnrarea3 .exp {
    margin:3px 0 8px 0;
}

.mainbnr-x3 {
    float:right;
    width:160px;
    margin-top:20px;
}



/*  --- 右ボックス
--------------------------------- */
#content #box-r {
    float:right;
    width:195px;
    padding-top:3px;
}

#content #box-r .frm {
    width:180px;
    padding:0;
    margin:0 0 0 15px;
}

/*  --- --- バナー1
--------------------------------- */
#content #box-r .bnr-tit1 {
    width:180px;
    height:21px;
    background:#A7A7A7 url("/labo2/image/top/t_sample.gif") no-repeat 0 0;
}

#content #box-r .bnr-tit1 span {
    display:none;
}

#content #box-r .bnrarea1 {
}

#content #box-r .bnrarea1 .exp {
    margin:3px 6px 6px;
}

/*  --- --- バナー2
--------------------------------- */
#content #box-r .bnr-tit2 {
    margin-top:18px;
    width:180px;
    height:25px;
    background:#A7A7A7 url("/labo2/image/top/t_pickup.gif") no-repeat 0 0;
}

#content #box-r .bnr-tit2 span {
    display:none;
}


#content #box-r .bnr-tit3 {
    margin-top:18px;
    width:180px;
    height:25px;
    background:#A7A7A7 url("/labo2/image/top/t_pickup_contents.gif") no-repeat 0 0;
}

#content #box-r .bnr-tit3 span {
    display:none;
}



#content #box-r .bnrarea2 {
    background:#F0F0F0;
    padding:6px 10px 10px 10px;
}

#content #box-r .bnrarea2 p {
}

#content #box-r .bnrarea2 p img.border {
    border:1px solid #9A9A9A;
}

#content #box-r .bnrarea2 .exp {
    margin:3px 0 8px 0;
}

#content #box-r .bnrarea4 {
    margin:18px 0 0 0;
}

/*  --- --- サイドバナー
--------------------------------- */

.sideBanner{
    margin-bottom:10px;
}

/*  --- --- セキュアシール
--------------------------------- */

.sealarea{
    margin:0;
    padding:0;
    text-align:center;
    width:160px;
    height:82px;
    float:left;
}
.exparea{
    margin:0;
    padding:20px 0 0 0;
    width:370px;
    float:left;
}

/*  --- マージン・パディング設定
--------------------------------- */
.pad05t { padding-top:5px;  }
.pad05b { padding-bottom:5px;   }
.pad05l { padding-left:5px; }
.pad05r { padding-right:5px;    }
.pad05lr { padding-left:5px; padding-right:5px; }

.pad10t { padding-top:10px; }
.pad10b { padding-bottom:10px;  }
.pad10l { padding-left:10px;    }
.pad10r { padding-right:10px;   }
.pad10lr { padding-left:10px; padding-right:10px;   }

.pad15t { padding-top:15px; }
.pad15b { padding-bottom:15px;  }
.pad15l { padding-left:15px;    }
.pad15r { padding-right:15px;   }
.pad15lr { padding-left:15px; padding-right:15px;   }

.pad20t { padding-top:20px; }
.pad20b { padding-bottom:20px;  }
.pad20l { padding-left:20px;    }
.pad20r { padding-right:20px;   }
.pad20lr { padding-left:20px; padding-right:20px;   }

/* =======================================
        cfx floatボックス用ハック
========================================== */
.cfx:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.cfx {
    display:inline-block;
}

/* Hides from IE-mac \*/
*html .cfx { height:1%; }
.cfx {display:block;}
/* End hide from IE-mac */

/* =======================================
        2010/05/10 仲島追加
========================================== */

table.newsTable01 td .hankachiT{
	background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.2em;
	padding-left:10px;
	display:inline;zoom:1;
}
*html table.newsTable01 td .hankachiT{
	background-position:0 0.2em;
}
table.newsTable01 td a.hankachi{
	display:inline;
	background-image:none;
	padding-left:3px;
}