@charset "Shift_JIS";
/*--------------------------------------------------------------------------------------------------------------
 reset
--------------------------------------------------------------------------------------------------------------*/
*{
margin:0;
padding:0;}

body,h1,h2,h3,h4,h5,h6,td,th,div,p,textarea,ul,ol,li,dl,dt,dd,form,input{
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
font-weight:normal;
font-size:100%;}

table,img{border:0;}
hr{display:none;}
ul,ol,li{list-style:none;}
th{text-align:left;}

/* clear */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/*--------------------------------------------------------------------------------------------------------------
 common
--------------------------------------------------------------------------------------------------------------*/
html{height:90%;}
/*IE6,7以外*/
html>/**/body {overflow-y:scroll;}

body{
text-align:center;
line-height:1.4;
color:#494949;
height:100%;}

a{
color:#927966;
text-decoration:none;}

/* header
-------------------------------------------------------*/
#header{background:url(../images/head_bg01.gif) 0 100% repeat-x #FEFDF7;}
#oh_baby #header{background:url(../images/head_bg01_2.gif) 0 100% repeat-x #FEFDF7;}

#header #headline{
width:800px;
margin:0 auto;}

#header #headline h1{
float:left;
margin-left:228px;
display:inline;
padding:10px 0 4px;}

#header #headline #fontchange{
float:right;
width:220px;
margin:10px 20px 0 0;
text-align:right;
display:inline;}

#header #headline #fontchange ul.font li{
display:inline;
height:21px;
padding-left:2px;
font-size:0;
line-height:0;}

#header #headline #fontchange ul.menu{
margin-top:5px;
width:140px;
float:left;}

#header #headline #fontchange ul.menu li{
margin-left:5px;
padding-left:8px;
float:right;
width:3em;
background:url(../images/head_icon.gif) 0 0.4em no-repeat;}

#header #headline #fontchange ul.menu li.menu_cont{
width:6em;
}

#header #headline #fontchange .ir_btn{
float:right;
width:75px;
margin-left:5px;
margin-top:10px;
}

/* navigation
-------------------------------------------------------*/
#navigation{background:url(../images/head_bg02.gif) 0 0 repeat-x #ffffff;}
#oh_baby #navigation{background:url(../images/head_bg02_2.gif) 0 0 repeat-x #ffffff;}

#navigation ul{
background:url(../images/headnavi_bg.jpg) 0 0 no-repeat;
margin:0 auto;
width:724px;
height:61px;
padding-left:64px;}
#oh_baby #navigation ul{background:url(../images/headnavi_bg_2.jpg) 0 0 no-repeat;}

#navigation ul li{float:left;}

/* main_contents
-------------------------------------------------------*/
#main{
width:788px;
margin:0 auto;
text-align:left;
background:url(../images/contents_bg.gif) 0 0 repeat-y;
min-height:80%;}
/*winIE6*/
* html #main{height:75%;}

/*topicpath*/
#topicpath{
margin:0 4px;
padding:5px 0 4px 180px;
color:#BBC7B3;
background:url(../images/pan_bg.gif) 0 100% no-repeat #395920;}

#topicpath a{
color:#BBC7B3;
text-decoration:underline;}

/*左ナビが無い場合（id=topicpathにclass=no_sideを入れる）*/
#main .no_side,
.material #topicpath{background:url(../images/pan_bg02.gif) 0 100% no-repeat #395920;}

/*left
----------------------------------------*/
#main #left{
display:inline;
float:left;
width:165px;
margin:0 0 0 4px;}

#side{
width:165px;/*←消すとアコーディオンの動作がおかしくなる（IE6）*/
background:url(../images/side_navi_bottom.gif) 0 100% no-repeat;
padding:0 0 20px 0;}

#side-category-list .toggle{
position:relative;
overflow:hidden;}

#side_category_menu a{
display:block;
width:100%;
height:30px;
text-decoration:none;}

#side_category_menu span{
display:block;
padding:3px 2px 3px 25px;}

#side_category_menu ul ul{
background:url(../images/side_subnav_bottomi.gif) 0 100% no-repeat;
padding-bottom:4px;}

#side_category_menu ul li{font-size:0;}

#side_category_menu ul li ul li{font-size:small;}

#side_category_menu ul ul a{
display:block;
background:url(../images/side_subnavi.gif) 0 0 no-repeat #fffbe7;
height:auto;
line-height:1.4;}

#side_category_menu ul ul li.active a{
background:url(../images/side_subnavi_on.gif) 0 0 no-repeat #fef6c7;
color:#425F29;
font-weight:bold;}

#side_category_menu ul ul li.first a{
background:url(../images/side_subnavi_top.gif) 0 0 no-repeat #fffbe7;
padding-top:3px;}

#side_category_menu ul ul li.first_active a{
background:url(../images/side_subnavi_top_on.gif) 0 0 no-repeat #fef6c7;
color:#425F29;
font-weight:bold;
padding-top:3px;}

#side_category_menu ul ul a:hover{
background:url(../images/side_subnavi_on.gif) 0 0 no-repeat #fef6c7;
color:#425F29;}

#side_category_menu ul ul li.first a:hover,
#side_category_menu ul ul li.first_active a:hover{
background:url(../images/side_subnavi_top_on.gif) 0 0 no-repeat #fef6c7;}

/*banner*/
#main #left .side_bnr{margin-top:20px;}

#main #left .side_bnr li{margin:7px 9px;}

/*right
----------------------------------------*/
#main #right{
float:right;
display:inline;
margin:0 4px 0 0;
width:615px;}

/*contents*/
#main #right .contents{margin:15px;}

/*page_top*/
.page_top{
margin:10px 15px 10px 0;
text-align:right;}

.page_top span{color:#3B5826;}

/* footer
-------------------------------------------------------*/
#footer{text-align:center;}

#foot_menu{
margin:0 auto;
width:788px;
padding:20px 0 5px;
background:url(../images/contents_bg.gif) 0 0 repeat-y;}

#foot_menu li{
display:inline;
border-right:1px solid #3B5826;
padding:0 10px;}

#foot_menu li.end{border:none;}

/*copyright*/
#copyright{
color:#FFFFFF;
background:#678E4D;
padding:6px;}
/*--------------------------------------------------------------------------------------------------------------
 index
--------------------------------------------------------------------------------------------------------------*/
/* main
-------------------------------------------------------*/
.index #index_main{background:url(../../images/index_bg02.gif) center 0 repeat-x;}
#oh_baby.index #index_main{background:url(../../images/index_bg02_2.gif) center 0 repeat-x;}

.index #main{
	background:url(../../images/index_bg01.jpg) center 0 no-repeat;
	padding:48px 0 0 31px;
}
#oh_baby.index #main{background:url(../../images/index_bg01_2.gif) center 0 no-repeat;}

/*IE6*/
* html .index #main{height:auto;}
/*IE7*/
*+html .index #main{min-height:30%;}

/* left
-------------------------------------------------------*/
.index #main #left{
width:545px;
margin:0;
color:#666633;}

/*topic*/
.index .topic_ttl{
background:url(../../images/index_line01.gif) 0 100% no-repeat;
padding-bottom:5px;
text-align:right;}

.index .topic_ttl h3{
float:left;
margin:7px 0 0 0;
background:none;}

.index .topic{width:545px;}

.index .topic td.new_icon{width:70px}

.index .topic td{
vertical-align:top;
padding:7px 17px 7px 0;}

/* right
-------------------------------------------------------*/
.index #main #right{
margin:0 25px 0 0;
width:195px;}

/* foot
-------------------------------------------------------*/
.index #foot_menu{
margin:0px auto 8px;
background:none;
width:788px;}
/**************************************************************************************************************
	ここから下層
***************************************************************************************************************/
/*contents_box*/
.contents_box{margin:10px 15px 20px;}
.contents_box p{margin:15px 10px;}

/*見出し（h2〜h6）
-------------------------------------------------------*/
h2{margin-bottom:25px;}

.index h2,
.fourth h2{margin-bottom:0px;}

h3{
color:#356114;
padding-bottom:7px;
margin:10px 0;
background:url(../images/line03.gif) 0 100% no-repeat;}

.second h3{background:url(../images/line01.gif) 0 100% no-repeat;}

.third h3{
background:url(../images/line02.gif) 0 100% no-repeat;
padding:5px 0;
margin:0 0 3px 8px;
width:134px;}

.advice h3{
font-weight:bold;
padding-left:0;}

/*h3(テキスト)*/
h3.ttl_txt{
padding:0 0 5px 17px;
background:url(../images/ttl_h3.gif) 0 100% no-repeat;}

/*h3（右寄せ）*/
h3 .ttl_right{
float:right;
margin-right:15px;
font-weight:normal;
background:none;}
 
h4{
background:url(../images/line04.gif) 0 100% repeat-x #EEF2DB;
color:#356114;
font-weight:bold;
padding:6px 0 6px 10px;}

h5{
margin:10px 0 10px 5px;
background:url(../images/line05.gif) 0 100% repeat-x;}
h5 span{
color:#356114;
font-weight:bold;
background:url(../images/icon02.gif) 0 0 no-repeat;
padding:0 0 5px 20px;}

h6{
margin:0 0 0 10px;
color:#356114;
font-weight:bold;}

/*テキスト類
-------------------------------------------------------*/
/*配置*/
.txt_right{text-align:right;}
.txt_center{text-align:center;}
.txt_left{text-align:left;}

/*色*/
.txt_red{color:#DC1B16;}
.txt_green{color:#356114;}
.txt_yellow{color:#9C851F;}

/*カラーチップ*/
.color_chip01{color:#494949;}
.color_chip02{color:#356114;}
.color_chip03{color:#668F05;}
.color_chip04{color:#A8C78C;}
.color_chip05{color:#8E5D08;}
.color_chip06{color:#C4BC8C;}
.color_chip07{color:#FDE679;}
.color_chip08{color:#EA5024;}
.color_chip09{color:#BE0168;}
.color_chip10{color:#8EAFDC;}
.color_chip11{color:#EB6E90;}
.color_chip12{color:#1C208B;}

/*テキスト装飾*/
.txt_bold{font-weight:bold;}				/*太字*/
.txt_underline{text-decoration:underline;}	/*下線*/
.txt_italic{font-style:oblique;}			/*斜体*/

/*イメージ配置（float）*/
.img_right{float:right;}
.img_left{float:left;}

/*リストアイコン*/
.contents ul.list_icon{margin:15px 0;}
.contents ul.list_icon li{
background:url(../images/icon02.gif) 0 0.3em no-repeat;
margin:10px;
padding-left:18px;}

/*テーブル
-------------------------------------------------------*/
th,td{vertical-align:top;}

/*type01*/
.tbl_type01, .tbl_type01 th, .tbl_type01 td{
border-collapse:collapse;
border:1px solid #d7d7d7;
padding:5px;
margin:20px 10px;}

.tbl_type01 th{
background:#FFFBE7;
color:#356114;}

/*tbl_type02(type01の中)*/
.tbl_type02, .tbl_type02 th, .tbl_type02 td{
width:auto;
border:none;
background:none;
margin:0;
padding:2px;}

/*result_tbl（検索条件）*/
.result_tbl{
border:1px solid #d7d7d7;
width:537px;
margin:13px 0 0 10px;
color:#356114;
background:url(../images/result_bg.gif) 0 0 repeat-x #ffffff;}

.result_tbl td{padding:8px 10px;}
.result_tbl td.top{background:url(../images/line06.gif) 0 100% repeat-x;}

/*フォーム
-------------------------------------------------------*/
select{color:#494949;}

option{padding:0 2px;}

input,
select,
textarea{
margin:0 3px;}

.form_tbl{width:535px;}

.form_tbl td li{
display:inline;
padding-right:18px;}

.txt_advice{color:#FF6666}

/*横幅設定*/
.w35{width:35px;}
.w60{width:60px;}
.w45{width:45px;}
.w150{width:150px;}
.w160{width:160px;}
.w250{width:250px;}
.w310{width:310px;}
.w320{width:320px;}
.w340{width:340px;}
.w390{width:390px;}
.w410{width:410px;}

/*ボックス
-------------------------------------------------------*/
/*select_box（条件選択）*/
.select_box{
margin:15px 0 0 10px;
background:url(../images/selectbox_bg.gif) 0 0 repeat-y;}

.select_box .select_tbl{
width:537px;
background:url(../images/selectbox_bottom.gif) 0 100% no-repeat;}

.select_box .select_tbl th{
color:#356114;
padding:18px 0 18px 20px;
background:url(../images/selectbox_top.gif) 0 0 no-repeat;}

.select_box .select_tbl td{
width:212px;
text-align:center;
vertical-align:middle;
background:url(../images/selectbox_top.gif) 100% 0 no-repeat;}

/*txt_box（フォーム入力時の説明）*/
.txt_box{
width:537px;
color:#7e7e7e;
margin:15px 0 0 10px;
background:url(../images/txtbox_bg.gif) 0 0 repeat-y;}

.txt_box .txt_box_top{
color:#356114;
background:url(../images/txtbox_top.gif) 0 0 no-repeat;
padding:20px 15px 0 40px;
margin:0;}

.txt_box .txt_box_bottom{
margin:0;
padding:0 15px 20px 40px;
background:url(../images/txtbox_bottom.gif) 0 100% no-repeat;}

.txt_box ul.txt_box_bottom{padding-top:10px;}
 
.txt_box ul li{
background:url(../images/icon02.gif) 0 0.7em no-repeat;
padding:5px 0 5px 17px;}
/*--------------------------------------------------------------------------------------------------------------
	ハウス オブ ローゼについて（about）
--------------------------------------------------------------------------------------------------------------*/
/*HOSE OF ROSEについて（about）/品質・管理（quality）
-------------------------------------------------------*/
.about .img_left,
.quality .img_left{margin:0 10px 10px 0;}

.about .img_right,
.quality .img_right{margin:0 0 10px 10px;}

.about .about_img .img_left{margin:0 5px 0 0;}
.about .about_img .img_right{margin:0;}

/*会社案内（company）
-------------------------------------------------------*/
.company .tbl_type01,
.office_tbl{
width:535px;
margin:20px 10px 30px;}

.company .tbl_type01 th{
width:20%;
font-weight:bold;}

.company .tbl_type02 th{width:auto;}
.company .tbl_type02 td{padding-left:15px;}

.company ul.list_icon{margin-bottom:30px;}

.company .office_tbl td{
background:url(../images/line06.gif) 0 100% repeat-x;
padding:5px 0;}

/*関連企業（group）
-------------------------------------------------------*/
.group .group_list{margin:15px;}

.group .group_list h3{background:url(../images/line08.gif) 0 100% no-repeat;}

.group .group_list dt{
float:left;
padding:10px 10px 0 0;}

.group .group_list dt img{border:1px solid #d7d7d7;}

.group .group_list dd{
width:350px;
float:right;}

/*--------------------------------------------------------------------------------------------------------------
	商品について（products）
--------------------------------------------------------------------------------------------------------------*/
.second .item_box,
.third .item_box{margin-bottom:40px;}

.second .item,
.third .item{
float:left;
display:inline;
width:270px;
margin:10px 7px 0 15px;}

/*item_tbl*/
.item_btn{
vertical-align:bottom;
text-align:right;
height:21px;}

.shop_ico{
vertical-align:bottom;
padding-top:2px;
}

.ico_info {
	width:407px;
	padding:5px 0 5px 10px;
	border:1px solid #e2dfcd;
	margin:40px auto 30px;
	background:#fffaf4;
	overflow:hidden;
}
.ico_info.single {
	width:204px;
}
.ico_info dl {
	float:left;
	width:203px;
	overflow:hidden;
}

.ico_info dl dt {
	float:left;
	height:15px;
	width:40px;
	margin-right:5px;
	font-size:0;
}
.ico_info dl dd {
	float:left;
	width:153px;
	font-size:100%;
}
	

/*second*/
.second .item_tbl td p{margin:0 8px;}

/*third*/
.third .item_tbl td p{margin:0 0 0 8px;}

/*fourth*/
.fourth #main #right .contents{margin:0 0 0 30px;}

.fourth .item_box{margin:20px 40px 0 0;} 
.fourth .item_box_b{margin:0 30px 20px 0;} 

.fourth .item_tbl{width:350px;}

.fourth .item_img{
width:192px;
text-align:center;
float:left;
margin:8px 0 0 0;}

.fourth ul.item_list{
color:#356114;}

.fourth ul.item_list li.icon {
	margin-top:3px;
}

.fourth .item_txt_ttl{
color:#336214;
background:url(../images/line05.gif) 0 100% repeat-x;
padding-bottom:3px;}

.fourth .item_tbl td{
padding:3px 5px 10px 0;}

.fourth .item_tbl_b{width:555px;}

.fourth .item_box_b_ttl{
background:url(../images/line04.gif) 0 100% repeat-x #EEF2DB;
color:#356114;}

.fourth .item_box_b_right{
text-align: right;
padding-right: 10px;
vertical-align:middle;}

.fourth .item_box_b_col,
.fourth .item_box_b2_col{width:195px;}

.fourth .item_tbl_b td, 
.fourth .item_tbl_b2 td{padding:3px 5px 10px 0;}

.fourth .item_tbl_b .item_list {padding-left: 10px;}


/*quasi_drug*/
.fourth .item_tbl .quasi_drug_td{
text-align: right;
padding-bottom: 5px;
padding-right: 0px;}

.fourth .item_tbl .quasi_drug{
color: #356114;
border: 1px solid #356114;
padding:1px;
font-size: x-small;
font-weight: normal;}

/*mail_order(brica)*/
.fourth .item_tbl .mo_li{
margin-top: 5px;
}

.fourth .item_tbl .mail_order{
color: #AF7F2A;
padding: 3px;
font-size: x-small;
background-color: #FCF6D5;
}

/*cosmecom_txt*/
.fourth .item_tbl .cosmecom_txt,
.fourth .item_tbl_b .cosmecom_txt{
vertical-align: 2px;
padding-left: 15px;
padding-right: 5px;
background:url(../../products/basicskincare/brica/images/cosme_icon.gif) 0 0 no-repeat;}

/*title_area*/
.fourth .ttl_area_a{
_height:265px;
min-height:265px;
margin-bottom:20px;}

.fourth .ttl_area_b{
_height:175px;
min-height:175px;}

.fourth .ttl_area_a .txt_link,
.fourth .ttl_area_b .txt_link{margin:10px 0 20px 0;
font-size:x-small;}
.fourth .ttl_area_a .txt_link a{
background:url(../images/head_icon.gif) 0 0.3em no-repeat;
padding-left:5px;}

/*title_area_background
-------------------------------------------------------*/
/*basic*/
.milcure .ttl_area_a{background:url(../../products/basicskincare/milcure/images/milcure_ttl_bg.jpg) 100% 0 no-repeat;}

.acconfront .ttl_area_a{background:url(../../products/basicskincare/acconfront/images/acconfront_ttl_bg.jpg) 100% 0 no-repeat;}

.bloomingage .ttl_area_a{background:url(../../products/basicskincare/bloomingage/images/bloomingage_ttl_bg.jpg) 100% 0 no-repeat;}

.kamomild .ttl_area_a{background: url(../../products/basicskincare/mysensure/images/mysensure_ttl_bg.jpg) 100% 0 no-repeat;}

.uvcs .ttl_area_a{background:url(../../products/basicskincare/uvcs/images/uvcs_ttl_bg.jpg) 100% 0 no-repeat;}

.brica .ttl_area_a{background:url(../../products/basicskincare/brica/images/brica_ttl_bg.jpg) 100% 0 no-repeat;}

.goods .ttl_area_b{background:url(../../products/basicskincare/goods/images/goods_ttl_bg.jpg) 100% 0 no-repeat;}

.peaugrace .ttl_area_a{background: url(../../products/basicskincare/peaugrace/images/peaugrace_ttl_bg.jpg) 100% 0 no-repeat;}

/*specialcare*/
.massage .ttl_area_b{background:url(../../products/specialcare/massage/images/massage_ttl_bg.jpg) 100% 0 no-repeat;}

.nightcream .ttl_area_b{background:url(../../products/specialcare/nightcream/images/nightcream_ttl_bg.jpg) 100% 0 no-repeat;}

.whitening .ttl_area_b{background:url(../../products/specialcare/whitening/images/whitening_ttl_bg.jpg) 100% 0 no-repeat;}

.eye .ttl_area_b{background:url(../../products/specialcare/eye/images/eye_ttl_bg.jpg) 100% 0 no-repeat;}

.pimple .ttl_area_b{background:url(../../products/specialcare/pimple/images/pimple_ttl_bg.jpg) 100% 0 no-repeat;}

.moisture .ttl_area_b{background:url(../../products/specialcare/moisture/images/moisture_ttl_bg.jpg) 100% 0 no-repeat;}

.wrinkle .ttl_area_b{background:url(../../products/specialcare/wrinkle/images/wrinkle_ttl_bg.jpg) 100% 0 no-repeat;}

.horny .ttl_area_b{background:url(../../products/specialcare/horny/images/horny_ttl_bg.jpg) 100% 0 no-repeat;}

.slack .ttl_area_b{background:url(../../products/specialcare/slack/images/slack_ttl_bg.jpg) 100% 0 no-repeat;}

.lip .ttl_area_b{background:url(../../products/specialcare/lip/images/lip_ttl_bg.jpg) 100% 0 no-repeat;}

/*basemake*/
.makeupbase .ttl_area_a{background:url(../../products/basemake/makeupbase/images/makeupbase_ttl_bg.jpg) 100% 0 no-repeat;}

.controlcolor .ttl_area_a{background:url(../../products/basemake/controlcolor/images/controlcolor_ttl_bg.jpg) 100% 0 no-repeat;}

.foundation .ttl_area_a{background:url(../../products/basemake/foundation/images/foundation_ttl_bg.jpg) 100% 0 no-repeat;}

.facepowder .ttl_area_a{background:url(../../products/basemake/facepowder/images/facepowder_ttl_bg.jpg) 100% 0 no-repeat;}

.naturalfinish .ttl_area_a{background:url(../../products/basemake/naturalfinish/images/naturalfinish_ttl_bg.jpg) 100% 0 no-repeat;}

.compact .ttl_area_b{background:url(../../products/basemake/compact/images/compact_ttl_bg.jpg) 100% 0 no-repeat;}

/*makeup*/
.fainas .ttl_area_a{background:url(../../products/makeup/fainas/images/fainas_ttl_bg.jpg) 100% 0 no-repeat;}

.goods .goods_2 {background:url(../../products/makeup/goods/images/goods_ttl_bg.jpg) 100% 0 no-repeat;}

/*bodycare*/
.ohbaby .ttl_area_a{background:url(../../products/bodycare/ohbaby/images/ohbaby_ttl_bg.jpg) 100% 0 no-repeat;}

.blancport .ttl_area_a{background:url(../../products/bodycare/blancport/images/blancport_ttl_bg.jpg) 100% 0 no-repeat;}

.handcare .handcare_1{background:url(../../products/bodycare/handcare/images/handcare_ttl_bg.jpg) 100% 0 no-repeat;}

.footlab .ttl_area_a{background:url(../../products/bodycare/footlab/images/footlab_ttl_bg.jpg) 100% 0 no-repeat;}

.alobody .ttl_area_a{background:url(../../products/bodycare/alobody/images/alobody_ttl_bg.jpg) 100% 0 no-repeat;}

.moistobodymoist .ttl_area_a{background:url(../../products/bodycare/moistobodymoist/images/moistobodymoist_ttl_bg.jpg) 100% 0 no-repeat;}

.countrygarden .ttl_area_a{background:url(../../products/bodycare/countrygarden/images/countrygarden_ttl_bg.jpg) 100% 0 no-repeat;}

.coricuarz .ttl_area_a{background:url(../../products/bodycare/coricuarz/images/coricuarz_ttl_bg.jpg) 100% 0 no-repeat;}

.kamomild .kamomild_2{background:url(../../products/bodycare/kamomild/images/kamomild_ttl_bg.jpg) 100% 0 no-repeat;}

.harbalmed .ttl_area_a{background:url(../../products/bodycare/harbalmed/images/harbalmed_ttl_bg.jpg) 100% 0 no-repeat;}

.others .ttl_area_a{background:url(../../products/bodycare/others/images/others_ttl_bg.jpg) 100% 0 no-repeat;}

.goods .goods_3{background:url(../../products/bodycare/goods/images/goods_ttl_bg.jpg) 100% 0 no-repeat;}

.fruitparfait .ttl_area_a{background:url(../../products/bodycare/fruitparfait/images/fruitparfait_ttl_bg.jpg) 100% 0 no-repeat;}

.milky .ttl_area_a{background:url(../../products/bodycare/milky/images/milky_ttl_bg.jpg) 100% 0 no-repeat;}

.rimaenergie .ttl_area_a{background:url(../../products/bodycare/rimaenergie/images/rimaenergie_ttl_bg.jpg) 100% 0 no-repeat;}

/*haircare*/
.hairessence .ttl_area_a{background:url(../../products/haircare/hairessence/images/hairessence_ttl_bg.jpg) 100% 0 no-repeat;}

.kamomild .kamomild_3{background:url(../../products/haircare/kamomild/images/kamomild_ttl_bg.jpg) 100% 0 no-repeat;}

.harbalenergy .ttl_area_a{background:url(../../products/haircare/harbalenergy/images/harbalenergy_ttl_bg.jpg) 100% 0 no-repeat;}

.seaweedrich .ttl_area_a{background:url(../../products/haircare/seaweedrich/images/seaweedrich_ttl_bg.jpg) 100% 0 no-repeat;}

.colorlasting .ttl_area_a{background:url(../../products/haircare/colorlasting/images/colorlasting_ttl_bg.jpg) 100% 0 no-repeat;}

.alomedicare .ttl_area_a{background:url(../../products/haircare/alomedicare/images/alomedicare_ttl_bg.jpg) 100% 0 no-repeat;}

.olivian .ttl_area_a{background:url(../../products/haircare/olivian/images/olivian_ttl_bg.jpg) 100% 0 no-repeat;}

.jojobalance .ttl_area_a{background:url(../../products/haircare/jojobalance/images/jojobalance_ttl_bg.jpg) 100% 0 no-repeat;}

.naturalplant .ttl_area_a{background:url(../../products/haircare/naturalplant/images/naturalplant_ttl_bg.jpg) 100% 0 no-repeat;}

.goods .goods_4{background:url(../../products/haircare/goods/images/goods_ttl_bg.jpg) 100% 0 no-repeat;}

/*larose*/
.bathproducts .bathproducts_1{background:url(../../products/larose/bathproducts/images/bathproducts_ttl_bg.jpg) 100% 0 no-repeat;}

.bodycare .bodycare_1{background:url(../../products/larose/bodycare/images/bodycare_ttl_bg.jpg) 100% 0 no-repeat;}

.fragrance .ttl_area_a{background:url(../../products/larose/fragrance/images/fragrance_ttl_bg.jpg) 100% 0 no-repeat;}

.haircare .ttl_area_a{background:url(../../products/larose/haircare/images/haircare_ttl_bg.jpg) 100% 0 no-repeat;}

.facecare .ttl_area_a{background:url(../../products/larose/facecare/images/facecare_ttl_bg.jpg) 100% 0 no-repeat;}

/*pooh*/
.bodycare .bodycare_2{background:url(../../products/pooh/bodycare/images/bodycare_ttl_bg.jpg) 100% 0 no-repeat;}

.handcare .handcare_2{background:url(../../products/pooh/handcare/images/handcare_ttl_bg.jpg) 100% 0 no-repeat;}

.lipcare .ttl_area_a{background:url(../../products/pooh/lipcare/images/lipcare_ttl_bg.jpg) 100% 0 no-repeat;}

.bathproducts .bathproducts_2{background:url(../../products/pooh/bathproducts/images/bathproducts_ttl_bg.jpg) 100% 0 no-repeat;}

/*petitbijou*/
.bodycare .bodycare_3{background:url(../../products/petitbijou/bodycare/images/bodycare_ttl_bg.jpg) 100% 0 no-repeat;}

.haircare .haircare_3{background:url(../../products/petitbijou/haircare/images/haircare_ttl_bg.jpg) 100% 0 no-repeat;}

/*milcure
-------------------------------------------------------*/
.milcure #brandsite{
width: 178px;
margin-top: 4px;
}

.milcure #brandsite a{
display: block;
background: url(../../products/basicskincare/milcure/images/milcure_ttl_icon02.gif) no-repeat left 0.4em;
margin-left: 3px;
padding-left:1.1em;
text-indent:-0.2em;
}

.milcure .ttl_area_a{
position: relative;
width: 585px;
}

.milcure .ttl_area_a .btn{
position: absolute;
left: 178px;
bottom: 12px;
}

/*kamomild
-------------------------------------------------------*/
.kamomild #brandsite{
width: 183px;
margin-top: 4px;
}

.kamomild #brandsite a{
display: block;
background: url(../../products/images/products_icon03.gif) no-repeat left 0.4em;
margin-left: 3px;
padding-left:1.1em;
text-indent:-0.2em;
}

.kamomild .ttl_area_a{
position: relative;
width: 585px;
}

.kamomild .ttl_area_a .btn{
padding-top:5px;
}

/*peaugrace
-------------------------------------------------------*/
.peaugrace #brandsite{
margin-top: 4px;
margin-left:15px;
width:161px;
}

.peaugrace #brandsite a{
display: block;
background: url(../../products/images/products_icon03.gif) no-repeat left 0.4em;
margin-left: 3px;
padding-left:1.1em;
text-indent:-0.2em;
}

.peaugrace .ttl_area_a{
position: relative;
width: 585px;
}

.peaugrace .ttl_area_a .btn{
	position:absolute;
	left:15px;
	bottom:0px;
}

/*ohbaby
-------------------------------------------------------*/
.ohbaby #brandsite{
margin-top: 4px;
margin-left:15px;
width:200px;
}

.ohbaby #brandsite a{
display: block;
background: url(../../products/images/products_icon03.gif) no-repeat left 0.4em;
margin-left: 31px;
padding-left:1.1em;
text-indent:-0.2em;
}

.ohbaby .ttl_area_a{
position: relative;
width: 585px;
}

.ohbaby .ttl_area_a .btn{
	position:absolute;
	left:215px;
	top:229px;
}

/*acconfront
-------------------------------------------------------*/
.acconfront #brandsite{
margin-top: 4px;
width:160px;
}

.acconfront #brandsite a{
display: block;
background: url(../../products/images/products_icon03.gif) no-repeat left 0.4em;
padding-left:1.1em;
text-indent:-0.2em;
}

.acconfront .ttl_area_a{
position: relative;
width: 585px;
}

.acconfront .ttl_area_a .btn{
	position:absolute;
	left:165px;
	top:229px;
}

/*material
-------------------------------------------------------*/
.material #main,
.material #foot_menu{
background:url(../images/material_bg.gif) 0 0 repeat-y;}

.material .contents{margin:20px;}

.material table,.material th, .material td{
border-collapse:collapse;
border:1px solid #d7d7d7;
padding:2px 5px;
margin:10px;}

.material th{
width:15%;
background:#FFFBE7;
color:#316115;}

.material th.level1{
background:#EEF2DB;
color:#847A35;
font-weight:bold;}

.material p{margin-bottom:20px;}

/*popup
-------------------------------------------------------*/
#popup{
font-size:small;
margin:10px auto 0;
text-align:left;
width:480px;
/*height:23em;*/
background:url(../../products/pooh/smell/images/popup_bg.jpg) 100% 100% no-repeat;}

#popup.nonbg{
background: none;
height: auto;
}

#popup h4 .ttl_right{
float:right;
padding:3px 10px 0 0;
font-weight:normal;}

#popup .list{margin:10px;
padding-right:120px;}

.pr00 {padding-right:0 !important ;}

#popup .list dt{
font-weight:bold;
color:#356114;}

#popup .list dd{padding-bottom:10px;}
/*--------------------------------------------------------------------------------------------------------------
	お店について（shop）
--------------------------------------------------------------------------------------------------------------*/
.shop #flash{margin:15px 0;}

.shop #flash p{
border:1px solid #d7d7d7;
padding:10px;}

/*検索結果*/
.shop .result_tbl td dl{
float:left;
font-size:x-small;
width:171px;}

.shop .result_tbl td dl dt{float:left;}

.shop .result_tbl td dl dt img{
vertical-align:middle;
padding:0 5px 5px 0;}

.shop .result_tbl td dl dd span{
background:url(../images/head_icon.gif) 0 0.3em no-repeat;
padding-left:5px;}

.shop .tbl_type01 th{
color:#494949;
width:25%;
background:#FFFFFF;}

.shop .tbl_type01 ul{margin-top:5px;}

.shop .tbl_type01 ul li{
display:inline;
padding:0 2px;}

/*メンバーズシステム（member（r7c））
-------------------------------------------------------*/
.member h5{background:none;}

.member .contents span.txt_red{font-weight:bold;}

.member dl.members_box{margin:10px;}

.member dl.members_box dt{color:#316115;}

.member dl.members_box dd{
padding-right:180px;
min-height:185px;
_height:185px;}

.member dl.members_box dd.mem_bg01{background:url(../../shop/r7c/images/member_img01.jpg) 100% 0 no-repeat;}
.member dl.members_box dd.mem_bg02{background:url(../../shop/r7c/images/member_img02.jpg) 100% 0 no-repeat;}

.member dl.members_box table{
padding:10px;
border:1px solid #d7d7d7;
color:#7F7F7F;
margin:0 27px;}

.member dl.members_box table td{padding:2px 20px 2px 5px;}
.member dl.members_box dd p.icon{background:url(../images/icon02.gif) 0 4px no-repeat;}
.member dl.members_box dd p{padding-left:15px;}

.member dl.r7c_box{
width:537px;
border:1px solid #d7d7d7;
margin-top:10px;}
.member dl.r7c_box dt{margin:10px 10px 0 10px;}
.member dl.r7c_box dd{
margin:0 10px;
padding:5px 10px;}

.member dl.r7c_box dd.mem_bg03{
background:url(../../shop/r7c/images/member_img04.jpg) 100% 0 no-repeat;
padding-right:180px;}

/*--------------------------------------------------------------------------------------------------------------
	お知らせ一覧、お買い得一覧（information（topics,campaign））
--------------------------------------------------------------------------------------------------------------*/
.information .topic_tbl,
.information .topic_sub_tbl{
margin:0px 15px;
color:#356114;}

.information .topic_tbl td{padding:0 15px 25px 0;}

.information .topic_tbl td a{font-weight:bold;}

.information .topic_sub_tbl .topic_caption{
margin-bottom:5px;
color:#356114;}

.information .topic_sub_tbl .topic_icon{
vertical-align:middle;
text-align:right;}

.information .topic_sub_tbl .topic_txt{
background:url(../images/line03.gif) 0 0 no-repeat;
padding:20px 5px 0;
color:#494949;}
/*--------------------------------------------------------------------------------------------------------------
	きれいになりたい（beauty）
--------------------------------------------------------------------------------------------------------------*/
.beauty .beauty_tbl{width:555px;}

.beauty .beauty_tbl td{padding:10px 5px 0 0;}

.beauty .beauty_tbl .detail_btn{
vertical-align:bottom;
text-align:right;
height:21px;}

.advice h2{margin-bottom:10px;}

.advice .backnumber{
text-align:right;
margin:0 0 20px;}

.advice .advice_area{margin:10px;}
.advice .advice_area p{margin:0;}
/*--------------------------------------------------------------------------------------------------------------
	メルマガ登録（emailmagazine(email)）
--------------------------------------------------------------------------------------------------------------*/
.email .magazin_box{
background:url(../../emailmagazine/images/email_img01.jpg) 0 0 no-repeat;
margin-top:23px;
padding-bottom:20px;}

.email .magazin_box img{margin:30px 0px 25px 102px;}

.email .magazin_box .magazin_txt{margin:0 155px 0 25px;}

.email table th{
width:10%;
padding:5px 10px;}

.email table td{
width:40%;
vertical-align:middle;}

.sample .mailsample{
border:1px solid #d7d7d7;
margin:10px auto;
width:480px;
padding:10px;}
/*--------------------------------------------------------------------------------------------------------------
	お問い合わせ（contents）
--------------------------------------------------------------------------------------------------------------*/
.contxt_box{
background:url(../../contact/images/contact_img01.jpg) 100% 0 no-repeat;
padding-right:140px;}
/*FAQ
-------------------------------------------------------*/
.faq .faq_list{
background:#f2f0e4;
margin:20px 15px 0;
padding:7px 23px 5px;}

.faq .img_right,
.faq .img_left{margin:10px;}

.faq .faq_list ul li{
display:inline;
margin:0px 5px;}

.faq .faq_tbl{margin:10px;}

.faq .faq_tbl th, .faq .faq_tbl td{padding:3px 0;}

.faq .faq_tbl th{
font-weight:bold;
padding-right:10px;}

.faq .faq_tbl .question{
color:#356114;
background:url(../../images/index_line02.gif) 0 100% repeat-x;}

.faq .faq_tbl .answer{color:#E07E00;}

.customer .tbl_type01 p{
margin:5px 10px;}
.customer .tbl_type01 th{
width:25%;}


/*--------------------------------------------------------------------------------------------------------------
	採用について（recruit）
--------------------------------------------------------------------------------------------------------------*/
.recruit h5{background:none;}

.recruit .work_tbl, .recruit .work_tbl th, .recruit .work_tbl td{
border-collapse:collapse;
border:1px solid #d7d7d7;}

.recruit .work_tbl,
.recruit .recruit_tbl{width:537px;}

.recruit .work_tbl th{
text-align:center;
padding:5px 0;}

.recruit .work_tbl td img{margin:1px;}

.recruit .work_tbl .work_txt td{padding:10px;}

.recruit .recruit_tbl th{width:20%;}

.recruit .recruit_tbl th.caption_th{
border-bottom:none;
background:url(../images/line07.gif) 0 100% repeat-x #EEF2DB;
color:#847A35;
font-weight:bold;}

.contact .tbl_type02 th,
.recruit .tbl_type02 th{color:#494949;}

.recruit .form_tbl th{width:21%;}
/*--------------------------------------------------------------------------------------------------------------
	プライバシーポリシー（privacypolicy）
--------------------------------------------------------------------------------------------------------------*/
.privacypolicy ol {margin:10px 0 20px;}

.privacypolicy ol li{
margin:5px 10px 5px 35px;
list-style:decimal;
display:list-item;}

.privacypolicy .border_box{
border:1px solid #d7d7d7;
padding:5px;}

.privacypolicy .address{
margin:10px auto;
width:300px;}
/*--------------------------------------------------------------------------------------------------------------
	サイトマップ（sitemap）
--------------------------------------------------------------------------------------------------------------*/
.sitemap .map_list{
float:left;
width:256px;
display:inline;
margin-right:20px;}

.sitemap .map_list h3{background:url(../images/line01.gif) 0 100% no-repeat;}

.sitemap .map_list .map_contents{margin-bottom:30px;}

.sitemap .map_list ul{margin-left:10px;}

.sitemap .map_list ul li{
background:url(../../sitemap/images/sitemap_icon.gif) 0 0.3em no-repeat;
margin:5px 0;
padding-left:15px;}
/*--------------------------------------------------------------------------------------------------------------
	template（システム用）
--------------------------------------------------------------------------------------------------------------*/
.template01 .catch{
color:#668F05;
font-weight:bold;}

.template02 .use{
color:#EA5024;
font-weight:bold;}

.template02 .brandname{
color:#356114;
font-weight:bold;}

/*-------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
	追加
--------------------------------------------------------------------------------------------------------------*/
.bnr {
clear: both;
padding: 25px 0 0 16px;}