@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-メインビジュアル
-新着情報
-現在のカゴの中
-カテゴリー一覧
-ガイドリンク
-ログイン（サイド用）
-検索
-パンくずリスト
-人気キーワード（ヘッダー部）
-人気キーワード
-ブランド･メーカー一覧
-NEW ITEMS
-バナーエリア
-キャンペーンバナーエリア
-営業カレンダー
-おすすめ商品
    *メインカラム用 1カラム時 [one_maincolumn]
    *メインカラム用 2カラム時 [two_maincolumn_left]
                              [two_maincolumn_right]
    *メインカラム用 3カラム時 [three_maincolumn]
    *サイドカラム用           [side_column]
    *商品詳細のオススメ商品   [whobought_area]
-ランキングー
-ブランド･メーカー一覧
-ソーシャルボタンー
-ITEMS REVIEWー
-お客様の声ー
-クリスマスキャンペーンー
-ブログバナーー
-メルマガ読者限定クーポンバナーー
-ワンクリックメルマガ登録ー
-マギーグループHPバナーー
 */


/* ==============================================
ブロック共通
/* ============================================= */
#container .bloc_body {
    background-color: #fff;
}
.side_column {
    overflow: hidden; /* IE6 表示乱れ防止 */
}
.side_column .bloc_outer {
    margin: 0%;
}
.bloc_outer2 {
	margin: 20px 0%;
}
.side_column .bloc_body ,
.main_column .bloc_body {
/*    border: solid 1px #ccc;*/
    border-top: none;
}
.side_column .bloc_body .box {
    border: solid 1px #ccc;
    width: 145px;
}
.main_column .bloc_outer {
    margin-bottom: 20px;
}


/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .bloc_outer .bloc_body dl.formlist {
    margin-bottom: 8px;
}
#container .bloc_outer .bloc_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .bloc_outer .bloc_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container .bloc_outer .bloc_body dl.formlist span{
    vertical-align: top;
}


/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2 ,
#cart h2 {
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    font-size: 14px;
}
#search_area h2 {
    padding: 20px 0 0 5px;
    font-size: 14px;
}

#calender_area h2 {
/*    border-top: solid 1px #f90;*/
/*    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; */
    padding: 15px 0 8px 0;
    font-size: 14px;
}
#pickUp_brand h2 {
	margin-top: 15px;
    padding: 10px 0;
    font-size: 14px;
}

#recomend_area h2 {
	background: url('../c_img/bloc/recommend/bloc_recommend_title.gif');
	repeat: no-repeart;
	width: 960px;
	height: 27px;
	margin-top: 10px;
/*	text-align:right;*/
/*	padding: 0px 5px 0 0;*/
	
}

#ranking_area h2 {
	background: url('../c_img/bloc/recommend/title_ranking.gif');
	repeat: no-repeart;
	width: 540px;
	height: 35px;
	margin-top: 15px;
	text-indent: -9999px;
}
#cart_area h2 {
    background: url('../c_img/bloc/cart/title_cart.gif') no-repeat;
	width: 191px;
	height: 56px;
	text-indent: -9999px;	
}

#news_area h2 {
    background: url('../c_img/bloc/news/title_news.gif');
    margin-top: 20px;
    margin-left: 15px;
	width: 190px;
	height: 30px;
}

#items_review h2 {
    padding: 5px 0 20px 0;
}

/* ==============================================
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn {
    margin:0px;
    clear:both;
}
div#bottomcolumn {
    margin:0px;
    clear: both;
}


/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼メインビジュアル
=============================================== */
.banner_position {
	margin-top: 15px;
	text-align: center;
}

/* バナー全体にリンクの為、使用中止
.bg_hair {
	background: url("../c_img/bloc/topImages/banner_hair.jpg");
	width: 317px;
	height: 106px;
	float: left;
}

.bg_styling {
	background: url("../c_img/bloc/topImages/banner_styling.jpg");
	width: 317px;
	height: 106px;
	margin-left:5px;
	float: left;
}

.bg_cosme {
	background: url("../c_img/bloc/topImages/banner_cosme.jpg");
	width: 317px;
	height: 106px;
	float: right;
}

span.btn_position {
	position: relative;
	top: 75px;
	left: 175px;
}

*/

/* ===============================================
▼新着情報
=============================================== */
#news_area .bloc_body {
    margin-left: 15px;
	/*background: url("../c_img/bloc/news/bg_news.gif") no-repeat;*/
	border-left: 1px solid #cebfab;
	border-right: 1px solid #cebfab;
	width: 188px;
    /*height: 337px;*/
    overflow: hidden;
}
#news_area .news_contents {
	padding: 0 5px;
	margin-top: 8px;
	margin-bottom: 3px;
}

#news_area dl.newslist {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #846a55;
}
#news_area dl.newslist dt.date {
    margin-bottom: 5px;
    font-size: 10px;
    color: #ff1170;
}
#news_area dl.newslist dt {
    line-height: 1.3em;
}
#news_area dl.newslist dt a {
	text-decoration: none;	
}
#news_area dl.newslist dt a:hover {
    color: #660000;
    text-decoration: underline;
}
span.rss {
	float: right;
	position: relative;
	top: 5px;
	right: 5px;
}
.news_bottom img {
	margin-left: 15px;
	margin-bottom: 15px;
}

/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area {
	margin: 15px 0 10px 15px;
	color: #333333;
}
#cart_area .information {
    padding-top: 5px;
    padding-right: 5px;
}
#cart_area p.item {
    font-size: 10px;
    margin-bottom: 5px;
}
#cart_area div.item_info {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #846a55;
}
#cart_area div.bloc_cart_price {
	text-align:right;
	font-size: 12px;
}
#cart_area div.item_name {
	font-size: 12px;
	margin-bottom: 5px;
}
#cart_area div.item_name a:hover {
	color: #660000;
}
#cart_area div.item_clear {
	text-align:right;
	font-size: 10px;	
}
#cart_area div.item_clear a:hover {
	color: #660000;
}
#cart_area p.total {
	font-size: 12px;
	font-weight: bold;
	color: #ff1170;
	text-align: right;
}
#cart_area .postage {
    margin-top: 10px;
}
#cart_area span.bloc_cart_price2 {
	font-size: 11px;
}
#cart_area span.bloc_cart_price {
	font-size: 11px;
	font-weight: bold;
	color: #ff1170;
}
#cart_area .btn {
    padding: 10px 5px 10px 0;
    text-align: right;
}
div.xmas_campaignNotes {
	margin-top: 40px;	
}

/* ===============================================
▼カテゴリー一覧
=============================================== */
#category_area {
    padding-top: 5px;
	background-color: #f5e9c4;
	margin-right: 20px;
}

#category_area .bloc_body{
	background-color: #f5e9c4;
	margin-right: 10px;
}

#category_area a.onlink{
	color: #cc0033;
}

dl dt.first {
    padding-left: 15px;
    line-height: 1.3em;
}

dl dt.first a {
    color: #660000;
    font-size: 12px;
    text-decoration: none;
}

dl dt.first a:hover {
    color: #660000;
    text-decoration: underline;
}

dl dt.first a img {
	padding: 3px 0;
}

dl dd.second {
    line-height: 1.3em;
}

dl dd.second a {
    display: block;
    padding-left: 25px;
    color: #333333;
    font-size: 10px;
    text-decoration: none;
}

dl dd.second a:hover {
    color: #660000;
    text-decoration: underline;
}

dl dd.third {
    line-height: 1.3em;
}

dl dd.third a {
    display: block;
    padding-left: 38px;
    color: #333333;
    font-size: 10px;
    text-decoration: none;
}

dl dd.third a:hover {
    color: #660000;
    text-decoration: underline;
}

a.onlink:link {
    color: #f00;
/*    text-decoration: underline;*/
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}


/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
    margin-top: 1em;
    border: none;
}
#guide_area li{
    margin-bottom: 5px;
    letter-spacing: -0.05em;
}
ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("../img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
    margin: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid;
    border-bottom: none;
    border-color: #ccc;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .bloc_body {
    padding: 10px;
}

#container div#login_area .bloc_body p {
    margin-bottom: 5px;
}

#container div#login_area .bloc_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
    margin-bottom: 8px;
    width: 420px;
}
#container .login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    //width: 90px;
    //float: left;
    font-size: 90%;
}
#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    //float: right;
    width: 300px;
    vertical-align: bottom;
    text-align: left;
}
#container div#login_area .bloc_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}


/* ===============================================
▼検索
=============================================== */
#search_area {
	float: right;
	width: 490px;
	text-align: left;
	margin-right: 5px;
}
div#search_area .bloc_body {
	background: #f8f1ea;
	padding: 6px;
}
div#search_area .bloc_body .btn {
    vertical-align: middle;
    margin-left: 5px;
    text-align: right;
}

/* ===============================================
▼パンくずリスト
=============================================== */
div .breadcrumbs_area {
	padding-top: 1px;
	padding-left: 30px;
	font-size: 11px;
	color: #333333;
}

div .breadcrumbs_area a:hover {
	color: #660000;
}

/* ===============================================
▼人気キー ワード(ヘッダー部)
=============================================== */
.keyword_header {
	margin-top: -10px;
	padding-left: 30px;
	text-align: left;
}

.word_position {
	display : inline;
	font-size: 11px;
	margin-right: 5px;
}

.word_position a {
	font-size: 11px;
	text-decolation: underline;
}

.word_position a:hover {
	font-size: 11px;
	color: #660000;
	text-decolation: underline;
}


/* ===============================================
▼人気キーワード
=============================================== */
#keyword_area {
	background: url(../c_img/bloc/pickUp_word/bg_keyword.gif) no-repeat;
	width: 190px;
	height: 87px;
	margin: 15px 0 20px 15px;
	color: #333333;
}

#keyword_area h2.title {
	text-indent: -9999px;
	margin-bottom: 10px;
}

#keyword_area div.keyword a {
	font-size: 11px;
	line-height: 1.3em;
	padding-left: 15px;
}
#keyword_area div.keyword a:hover {
	color: #660000;
}

/* ===============================================
▼ブランド･メーカー一覧
=============================================== */
span.logoArea_left {
	padding-bottom: 10px;
}
span.logoArea_center {
	padding: 0px 6px 10px 6px;
}
span.logoArea_right {
	padding-bottom: 10px;	
}
div.row_margin {
	margin-top:10px;
}
div.row_margin_last {
	margin-top:10px;
	margin-bottom:100px;
}

.brandLogo_area ul {
	width: 540px;
}

.brandLogo_area ul li {
	height: 50px;
	width: 130px;
	list-style-type: none;
	float: left;
	display: block;
	margin-bottom: 6px;
}

.brandLogo_area ul li.second {
	height: 50px;
	width: 131px;
	list-style-type: none;
	float: left;
	display: block;
	margin: 0 3px 6px 6px;
}

.brandLogo_area ul li.third {
	height: 50px;
	width: 131px;
	list-style-type: none;
	float: left;
	display: block;
	margin: 0 6px 6px 3px;
}

/* ===============================================
▼NEW ITEMS
=============================================== */
div#newItems_area {
	background: url("../c_img/bloc/new_items/bloc_newItems_title.gif");
	height: 22px;
	text-align: right;
	padding: 23px 5px 0 0;
}

div.banner_left1 {
	background: url("../c_img/bloc/new_items/newItems_banner1.jpg");
	width: 260px;
	height: 162px;
	margin: 20px 0 15px 5px;
	float: left;
}

div.banner_left2 {
	background: url("../c_img/bloc/new_items/newItems_banner3.jpg");
	width: 260px;
	height: 162px;
	margin: 0 0 15px 5px;
	float: left;
}

div.banner_left3 {
	background: url("../c_img/bloc/new_items/newItems_banner5.jpg");
	width: 260px;
	height: 162px;
	margin: 0 0 15px 5px;
	float: left;
}

div.banner_right1 {
	background: url("../c_img/bloc/new_items/newItems_banner2.jpg");
	width: 260px;
	height: 162px;
	margin: 20px 5px 15px 0;
	float: right;
}

div.banner_right2 {
	background: url("../c_img/bloc/new_items/newItems_banner4.jpg");
	width: 260px;
	height: 162px;
	margin: 0 5px 15px 0;
	float: right;
}

div.banner_right3 {
	background: url("../c_img/bloc/new_items/newItems_banner6.jpg");
	width: 260px;
	height: 162px;
	margin: 0 5px 15px 0;
	float: right;
}

span.btn_position1 {
	position: relative;
	top: 110px;
	left: 10px;
}

span.btn_position2 {
	position: relative;
	top: 87px;
	left: 10px;
}


/* ===============================================
▼バナーエリア
=============================================== */
#banner_area {
    border: none;
    vertical-align: middle;
    margin: 15px auto 10px auto;
}

#lp_bannerArea {
	margin-bottom: 10px;	
}

#ssl_area {
    border: none;
    vertical-align: middle;
    margin: 15px auto;
}

#ssl_area img {
	margin-top: 10px;
    margin-left: 60px;
}

#ssl_area p {
	font-size:10px;
    color: #333333;
    padding: 5px 5px 0 20px;
    line-height: 1.4em;
}

.maker_banner {
	margin-top: 10px;
	text-align: center;	
}

.maker_banner2 {
	margin-top: 5px;
	text-align: center;	
}

a img.product_banner {
	margin-top: 5px;
	margin-right: 5px;
}

a img.product_banner2 {
	margin-top: 5px;
}

/* ===============================================
キャンペーンバナーエリア
=============================================== */
div.campaign_area {
	margin: 15px auto;
}

div.campaign_area ul li.list_margin {
	margin: 5px auto;
}

div.campaignR_area {
	margin: 15px 0 15px 15px;
} //右カラム用

div.campaignR_area ul li.list_margin {
	margin: 5px 0;
} //右カラム用

/* ===============================================
▼営業カレンダー
=============================================== */
div#calender_area {
    background-color: transparent;
    border: none;
}

#calender_area h2 {
	text-align: center;
    margin-left: 15px;
}

#calender_area .bloc_body {
/*    padding: 10px 0;*/
/*    background-color: #f1f9fc;*/
    background-color: #ffffff;
    margin-left: 15px;
}
#calender_area table {
    background: #ebebeb;
    border: none;
    width: 180px;
    margin: 0 auto 5px;
}
#calender_area table td {
    padding: 5px 0 5px 2px;
    border: 2px solid #fffff8;
    font-size: 12px;
    font-family: 'Georgia', 'ＭＳ 明朝' serif;
}
#calender_area th {
    padding: 0;
    background: #ffffff;
    color: #333333;
    border: none;
    text-align: center;
}
#calender_area table caption.month {
	padding: 5px;
    color: #333333;
    font-size: 12px;
    font-family: 'Georgia', serif;
}
#calender_area .off {
    background: #f6bfcb;
    color: #333333;
}
#calender_area .information {
    margin: 0 10px;
    font-size: 10px;
    color: #333333;
}
#calender_area .information_off {
    color: #f6bfcb;
}


/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用 2カラム時 [two_maincolumn_left]
                            [two_maincolumn_right]
   メインカラム用 3カラム時 [three_maincolumn]
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recomend_area .bloc_body ,
#whobought_area .whobought_bloc {
    margin-bottom: 10px;
    padding: 10px 0 10px;
    border: none;
    width: 100%;
/*    background: url("../img/background/line_dot_01.gif") repeat-x bottom;	*/
}

#recomend_area .bloc_body p ,
#whobought_area .whobought_bloc p {
    font-size: 11px;
}

#whobought .whobought_bloc img {
    display: block;
    float: left;
/*    margin: 0 5px 0 0;*/
}

#recomend_area .bloc_body img {
    display: block;
/*    float: left;*/
/*    margin: 0 5px 0 0;*/
}

#recomend_area .bloc_body h3 ,
#whobought_area .whobought_bloc h3 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}

#recomend_area .bloc_body h3 a:hover ,
#whobought_area .whobought_bloc h3 a:hover {
	color: #660000;
}

/* 画像
----------------------------------------------- */

#whobought_area .whobought_bloc .productImage {
    float: left;
    width: 88px;
    padding: 0;
    margin-right: 10px;
    border: 1px solid #d4cbba;
}

.recomendleft .productImage {
	/*text-align: center;*/
}

/* 左右の振り分け
----------------------------------------------- */
#recomend_area .recomendleft {
    float: left;
    width: 224px;
    margin: 8px;
}
	
#one_maincolumn #recomend_area .recomendright {
/*    float: right;*/
    width: 47.5%;
}

#two_maincolumn_right #recomend_area .recomendleft ,
#two_maincolumn_left #recomend_area .recomendleft ,
#three_maincolumn #recomend_area .recomendleft ,
#whobought_area .whobought_bloc .whobought_left {
    float: left;
    width: 50%;
}

#two_maincolumn_right #recomend_area .recomendright ,
#two_maincolumn_left #recomend_area .recomendright ,
#three_maincolumn #recomend_area .recomendright ,
#whobought_area .whobought_bloc .whobought_right {
    float: right;
    width: 50%;
}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#one_maincolumn #recomend_area .bloc_body .productContents {
/*    float: right;*/
    width: 74%;
}

/* メインカラム用 2カラム時*/
#two_maincolumn_right #recomend_area .bloc_body .productContents ,
#two_maincolumn_left #recomend_area .bloc_body .productContents ,
#two_maincolumn_right #whobought_area .whobought_bloc .productContents ,
#two_maincolumn_left #whobought_area .whobought_bloc .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 3カラム時*/
#three_maincolumn #recomend_area .bloc_body .productContents ,
#three_maincolumn #whobought_area .whobought_bloc .productContents {
    float: right;
    width: 160px;
    margin-right: 10px;
    /* width: 67%; */
}

/* サイドカラム用 (幅px固定) */
.side_column #recomend_area .bloc_body {
    margin-top: 5px;
    margin-right: 0;
    width: 157px;
    padding: 0;
}
.side_column #recomend_area .bloc_body .productContents {
    padding: 0;
    margin: 0;
    width: 80px;
}
.side_column #recomend_area .recomendleft {
    padding: 0;
    width: 70px;
    float: left;
}
.side_column #recomend_area .recomendright {
    margin: 0;
    padding: 0;
    width: 70px;
    float: right;
}

/* IE6以下*/
* html .side_column #recomend_area .bloc_body {
    width: 180px;
}

.recommend_price {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}

/* ===============================================
▼ランキング
=============================================== */

#ranking_wrap {
	background: url('../c_img/bloc/recommend/bg_ranking.gif') top center no-repeat;
	width: 540px;
	height: 472px;
	overflow: hidden;
}

#ranking_wrap .recomendleft {
	float: left;
	width: 167px;
	height: 235px;
	position: relative;
	top: 45px;
	left: 37px;
}
#ranking_wrap .recomendleft img {
	border: 1px solid #f6b1ba;
}

#ranking_wrap .recomendleft h3.comment_area {
	padding-top: 5px;
	padding-right: 35px;
	font-size: 10px;
}

#ranking_wrap .recomendleft a:hover {
	color: #660000;
}

/* ===============================================
▼ブランド･メーカー一覧
=============================================== */
#maker_area .bloc_body{
	margin-bottom: 10px;
}

#maker_area .bloc_body ul{
    background: #f5e9c4;
	padding-top: 5px;
	margin-right: 20px;
}

#maker_area li{
/*    padding-left: 5px;*/
}

#maker_area li.maker{
    
}

#maker_area li.maker p{
    padding: 0 15px;
    line-height: 1.3em;
}

#maker_area li.maker a {
    display: block;
    padding: 0;
    color: #660000;
    font-size: 12px;
    text-decoration: none;
}

#maker_area li.maker a:hover {
    text-decoration: underline;
}

#maker_area li.maker a img {
    padding: 4px 0 3px 0;
}

/* ===============================================
▼ソーシャルボタン
=============================================== */
div.social_layout {
	margin: 5px 10px;	
}
div.social_layout div {
	margin-top: 5px;	
}

/* ===============================================
▼ITEMS REVIEW
=============================================== */

#review_area {
	width: 540px;
	height: 332px;
	padding-top: 5px;
	background: url(../c_img/bloc/items_review/bg_review.gif) no-repeat;
}

.float_area {
	width: 520px;
	padding: 0 20px;
	clear: both;
}

div.review_left {
	float: left;
	width:115px;
}

.review_left img {
	border: 1px solid #f6b1ba;
	margin-bottom: 5px;
}

div.review_right {
	float: right;
	width:385px;
	margin-right: 20px;
	border-top: 1px dotted #a8363f;
}

.review_right p {
	margin: 5px 0;
	line-height: 1.3em;
}

.review_right a {
	color: #333333;
}

.review_right a:hover {
	color: #660000;
}

div.review_right_bottom {
	float: right;
	width:385px;
	margin-right: 20px;
	border-top: 1px dotted #a8363f;
	border-bottom: 1px dotted #a8363f;
}

.review_right_bottom p {
	margin: 5px 0;
	line-height: 1.3em;
}

.review_right_bottom p.comment_bottom {
	margin: 5px 0 15px 0;
	line-height: 1.3em;
}

.review_right_bottom a {
	color: #333333;
}

.review_right_bottom a:hover {
	color: #660000;
}

.review_area {
	border: none;
	width: 100%;
	margin-bottom: 20px;
}

.review_area td {
	border: none;
	width: 50%;
	vertical-align:top;
}

a .reviewImages {
	text-align: center;
}

/* ————————————————–
Twitter
————————————————– */
.twtr-widget {
	font-family: “Hiragino Kaku Gothic ProN”, “ヒラギノ角ゴ ProN W3″, “Meiryo”, “メイリオ”, Verdana, Helvetica, sans-serif !important;
	-webkit-text-size-adjust: none; /* for iPhone */
	line-height: 1.7 !important;
	word-break: break-all;
	float: right;
	margin: 15px 5px 15px 0;
}

.twtr-widget .twtr-tweet-wrap {
	padding: 6px 0;
}

.twtr-widget .twtr-tweet {
	border-bottom: 1px solid #cccccc;
}

.twtr-hd {
	padding: 10px;
	position: relative;
	zoom: 1;
	overflow: hidden;
	height: 30px;
}

.twtr-widget h3, .twtr-widget h4 {
	position: relative;
	top: -30px;
	line-height: 1.7 !important;
}

.twtr-doc a:hover {
	text-decoration: none !important;
}

/* ===============================================
▼お客様の声
=============================================== */
div#voice_area {
    clear: both;
    padding-top: 20px;
}

div#kera_voice_area {
    clear: both;
}

div.voice_bg {
	background: url(../c_img/bloc/items_review/bg_review.gif) repeat;
	height: 500px;
	overflow: auto;
}

div#voice_area ul li,
div#kera_voice_area ul li {
    clear: both;
}

div#voice_area p.voiceLeftSide,
div#kera_voice_area p.voiceLeftSide {
	width: 78px;
	float: left;
	margin: 10px;
	border: 1px solid #F6B1BA;	
}

div#voice_area p.voiceRightSide,
div#kera_voice_area p.voiceRightSide {
	width: 410px;
	float: right;
	padding: 10px 0;
	margin: 0 10px 10px 0;
	line-height: 1.3em;
	border-bottom: 1px dotted #A8363F;
}

div#voice_area p.voiceRightSide a:hover,
div#kera_voice_area p.voiceRightSide a:hover {
	color: #660000;
}
div#voice_area span.voiceProductName,
div#kera_voice_area span.voiceProductName {
	font-weight: bold;	
}

div#voice_area span.voiceTitle,
div#kera_voice_area span.voiceTitle {
    color: #7d6b49;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
}
/* ===============================================
▼クリスマスキャンペーン
=============================================== */
div#xmasCampaign_area {
	margin: 0 32px;
	padding: 5px 0 50px 0;
	width: 955px;
	height: 640px;
	background: url('../c_img/bloc/xmas_campaign/bg_xmas.jpg') no-repeat;
}

div#xmasCampaign_area ul {
	position: relative;
	top: 580px;	
}
div#xmasCampaign_area ul li {
	float: left;
}
div#xmasCampaign_area ul li.second {
	margin: 0 25px;
}

/* ===============================================
▼ブログバナー
=============================================== */
#bannerBlog_area {
	margin: 15px 0 15px 15px;
}
/* ===============================================
▼メルマガ読者限定クーポン
=============================================== */
#leftcolumn >#bannerMailCoupon_area {
	margin-top: 10px;
}/* 左カラム用　*/

#rightcolumn >#bannerMailCoupon_area {
	margin: 15px 0 15px 15px;
}/* 右カラム用　*/

/* ===============================================
▼ワンクリックメルマガ登録
=============================================== */
#leftcolumn >#mailmaga_area {
	margin: 10px 0;
}/* 左カラム用　*/
#rightcolumn >#mailmaga_area {
	margin: 15px 0 10px 15px;
}/* 右カラム用　*/

/* ===============================================
▼マギーグループHPバナー
=============================================== */
#bannerMaggie_area {
	margin: 0 0 10px 15px;
}

/* ===============================================
▼KERASTASEバナー（メインビジュアル部）
=============================================== */
#wrapKeraImg {
	margin: 5px auto;
/*
	padding: 3px 0;
	border: 1px solid #cebfab;
*/
	text-align: center;
}

/** ブランドプロミス **/
.topIndex {
	margin: 20px auto;
}
.topIndex h2 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
}
.topIndex h2 span {
	font-size: 18px;
}
.topIndex p {
	font-size: 14px;
	text-align: center;
	line-height: 150%;
}

/* ===============================================
▼ケラスターゼシリーズバナー
=============================================== */
.box-wrap {
	display: flex;
	justify-content: space-between;
}
.line-box {
	text-align: center;
	max-width: 265px;
}
.line-box p {
	color: #fff;
	margin-top: 5px;
	line-height: 200%;
}
.nu { background-color: #ef911e; }
.chr { background-color: #2c2c2c; }
.dis { background-color: #d8734f; }
.den { background-color: #c58220; }
.hu { background-color: #d19e30; }
.re { background-color: #57a490; }
.rf { background-color: #bb4081; }
.bl { background-color: #b7b7fb; }
.sp { background-color: #64647a; }
.gn { background-color: #ffb9c3; }
.styling { background-color: #870035; }
.line-box dl {
	font-size: 16px;
	line-height: 150%;
	margin: 20px auto;
}
.line-box dt {
	font-size: 18px;
	font-weight: bold;
}
.line-box dt a {
	text-decoration: none;
}
/* ===============================================
▼ディアグノシスカウンセリング
=============================================== */
.counseling-wrap {
	margin: 40px auto;
	text-align: center;
}