/*--------------------------------------------------------------
[ module.css ]
---------------------------------------------------------------*/

/* 今日の髪美人さん
---------------------------------------------------------------*/
#HairBeauty_head {width: 700px; height: 42px; margin: 25px 0 0 0; background: url(/site/img/main/main/bg_hair_beauty.gif) no-repeat;}
#HairBeauty_head h2 {width: 520px; float:left;}
#HairBeauty_head h2 span {display:none;}
#HairBeauty_head p {width: 180px; padding: 12px 0 0 0; text-align: center; display:block; float:right; font-size: 80%;}
#HairBeauty {width: 698px;border-top: 0px none #d2d2d2;	border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;}
#HairBeauty_left {width: 225px; float: left; padding: 15px 0 15px 15px;}
#HairBeauty_right {width: 440px; float: right; padding: 15px 15px 15px 0;}

/* 白髪に効くコラム
---------------------------------------------------------------*/
#column {width: 700px; background: url(/site/img/top/orange/bg_column.gif) repeat-y;}
#column_left {width: 350px; float: left; padding: 10px 0 10px 15px;}
#column_right {width: 300px; float: right; padding: 10px 20px 10px 0; text-align: center;}

#column h2#h2_column {width: 350px; height: 55px; background: url(/site/img/top/orange/sprite_img01.png) -220px -480px no-repeat;}
#column h2#h2_column span {display:none;}

#column ul {margin: 0; padding: 10px 0 0 0; list-style-type: none;}
#column li {padding: 0 0 0 18px; background: url(/site/img/top/orange/m_01.gif) no-repeat 10px 0.8em;  line-height: 180%;}

/*美人手帳1907
---------------------------------------------------------------*/
#beautymemotop1907 { width : 700px;	background: url(/site/img/main/main/beautymemo1907_top_00.gif) ;}
#beautymemotop1907_left {
	width: 260px;
	float: left;
	padding: 0px;
	background: url(/site/img/main/main/beautymemo1907_title_01.gif) no-repeat;
}
#beautymemotop1907_left img {margin-top: 55px;margin-left: 15px;}
#beautymemotop1907_left_txt {margin-left: 15px; text-align: left;}
#beautymemotop1907_right {
	width: 440px;
	float: right;
	padding: 0px;
	text-align: left;
	background: url(/site/img/main/main/beautymemo1907_title_02.gif) no-repeat;
}
#h2_beautymemotop1907 {width: 440px; height: 60px;}
#h2_beautymemotop1907 span {display:none;}
#beautymemotop1907 ul {margin: 0; padding: 0px; list-style-type: none;}
#beautymemotop1907 li {padding: 1px 15px 0 6px;}

/*TOPスヴェンソン
---------------------------------------------------------------*/
#top_svenson {
	width: 698px;
/*	background: url(/site/img/main/main/svenson_02.jpg) no-repeat center center;*/
	margin: 0px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
/*.top_svenson_txt {
	width : 400px;
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}*/
.top_svenson_txt {
	display: block;
	padding: 0px 10px;
	margin: 0px;
}

/* バナーレイアウト
---------------------------------------------------------------*/
#Ban3column {width: 700px; margin: 25px 0 0 0;}
#Ban3column ul {width: 700px; list-style-type: none; margin: 0; padding: 0;}
#Ban3column ul li {width: 220px; margin: 0 20px 0 0; padding: 0 0 10px 0; display:block; float:left; position:relative;}
#Ban3column ul li.li_end {margin: 0px;}

/* バナーレイアウト改良
---------------------------------------------------------------*/
#bnrcolumn { width : 700px; margin: 25px 0 0 0;}
#bnrcolumn_left { width: 220px; float: left; padding: 10px 15px 10px 0px;}
#bnrcolumn_right { width: 465px; float: right; padding: 10px 0px;} 
#bnrcolumn_right ul { width : 465px; list-style-type: none; margin: 0; padding: 0;}
#bnrcolumn_right ul li { width : 220px; margin: 0 15px 0 0; padding: 0 0 10px; display:block; float:left; position:relative;}
#bnrcolumn_right ul li.li_end { margin: 0px;}

/* 新着情報
---------------------------------------------------------------*/
#Topics {width: 700px; margin: 10px 0 0 0;}
#Topics h3 {height: 35px; background: url(/site/img/main/main/news.gif) no-repeat;}
#Topics h3 span {display:none;}
#Topics_info {margin: 15px 0 30px 0; /*height: 250px;*/}
#Topics_info dt {
	width: 100px;
	float: left;
	clear: left;
	padding: 4px 0;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
#Topics_info dd {margin: 0px 0px 0px 100px;	padding: 4px 0px; border-top:1px dashed #CCCCCC;}
#Topics_info p {background-color: #FFFFDC; font-size: 90%; padding: 10px;}


/* カテゴリから選ぶ
---------------------------------------------------------------*/
h3#h3_CatSelect {width: 700px; height: 50px; margin: 30px 0 0 0; background: url(/site/img/main/main/category.gif) no-repeat;}
h3#h3_CatSelect span {display:none;}

#CatSelect {width: 700px;}
#CatSelect ul {width: 700px; list-style-type: none; margin: 0; padding: 0;}
#CatSelect li {width: 335px; height: 96px; display:block; float:left; display:inline;}
#CatSelect li#li_CatSelect01 {margin: 0 0 0 10px;}
#CatSelect li#li_CatSelect02 {margin: 0 10px 0 10px;}
#CatSelect li#li_CatSelect03 {margin: 8px 0 0 10px;}
#CatSelect li#li_CatSelect04 {margin: 8px 10px 0 10px;}
#CatSelect li#li_CatSelect05 {margin: 8px 0 0 10px;}
#CatSelect li#li_CatSelect06 {margin: 8px 10px 0 10px;}

.CatSelect_ph {width: 80px; display:block; float:left; padding: 10px 5px;}
.CatSelect_txt_link {
	width : 240px;
	display: block;
	float: right;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
}
.CatSelect_txt {width: 240px; display:block; float:right; padding: 5px 5px 0 0; line-height: 1.4; font-size: 90%;}

/* テツオ先生の白髪染めアドバイス（改良1206）
---------------------------------------------------------------*/
h3#h3_tetsuo {width: 700px; height: 60px; margin: 30px 0 0 0; background: url(/site/img/main/main/advice_top.gif) no-repeat;}
h3#h3_tetsuo span {display:none;}

#tetsuo { width : 700px; text-align: center;  background: url(/site/img/main/main/advice_back.gif) repeat-y;}
#tetsuo_message { width : 660px; height: 150px; overflow: auto; margin: 0 auto;}
#tetsuo_message p {padding:10px; font-size: 90%;}
#tetsuo_info {width: 170px; margin: 10px; background-color: #f5f5f5; float: left; text-align: center;}
#tetsuo_info_txt {width: 170px;padding: 0px;margin: 0 auto;}
#tetsuo_info_txt img {display:block; margin:0 auto; text-align: center;}

/* 当店からのお約束（改良1206）
---------------------------------------------------------------*/
h3#h3_top_promise {width: 700px; height: 46px; margin: 30px 0 0 0; background: url(/site/img/main/main/top_promise.gif) no-repeat;}
h3#h3_top_promise span { display:none;}

#top_promise {width: 700px;}
#top_promise table {width: 660px; margin: 0 20px 0 20px; padding:0;}
#top_promise td {font-size: 90%; line-height: 1.4; vertical-align: top;}
#top_promise td.top_promise_td01 {width: 310px; padding: 0 20px 0 0;}
#top_promise td.top_promise_td02 {width: 310px; padding: 0 10px 0 10px;}


/* 買い物カゴ
---------------------------------------------------------------*/
h2#h2_tamago {width:700px; height: 11px; margin: 27px 0 0 0; background: url(/site/img/top/orange/item_frame.gif) 0 0 no-repeat;}
h2#h2_tamago span {display:none;}

h2#h2_tamago2 {width: 700px; height: 11px; margin: 27px 0 0 0;}
h2#h2_tamago2 span {display:none;}

h2#h2_tamago3 {width: 900px; height: 11px; margin: 27px 0 0 0;}
h2#h2_tamago3 span {display:none;}

#tamago {width: 700px; background: url(/site/img/top/orange/bg_promise.gif) repeat-y;}
#tamago table {margin: 0 10px 0 17px;}
#tamago table ul {margin: 0 10px 0 20px;}
#tamago table.price_value {font-size: 90%;  margin: 5px 5px 5px 1px;}
#tamago table.price_value td {text-align: center; padding: 3px 3px 3px 3px; border:1px solid #888888;}
#tamago table.review {width: 175px; margin: 5px 1px 3px 8px; padding:0;}
#tamago table.review td {padding:0;}

#tamago td {vertical-align:top; text-align: left; padding:5px;}
#tamago td.item_name {line-height:150%; font-size: 120%; font-weight: bold; width: 100%; padding: 0 20px 0 0;}
#tamago div.price {font-size: 120%; color: #ff3300;}

/* 買い物カゴのプルダウンなくす
---------------------------------------------------------------*/
.nonpd {display: none;}

/* 買い物カゴ（背景なし）
---------------------------------------------------------------*/
#tamao table {margin: 0 10px 0 20px;}
#tamao table ul {margin: 0 10px 0 20px;}
#tamao table.price_value {font-size: 90%; margin: 5px 5px 5px 1px;}
#tamao table.price_value td	{text-align: center;  padding: 3px 3px 3px 3px; border:1px solid #888888;}
#tamao table.review {width: 175px; margin: 5px 1px 3px 8px; padding:0;}
#tamao table.review td {padding:0;}
#tamao td {vertical-align:top text-align: left; padding:5px;}
#tamao td.item_name {line-height:150%; font-size: 120%; font-weight: bold; width: 100%; padding: 0 20px 0 0;}
#tamao div.price {font-size: 120%;color: #ff3300;}

/* 買い物カゴ 950px バージョン
---------------------------------------------------------------*/
h2#h2_tamago950 {width: 950px; height: 11px; margin: 30px 0 0 0; background: url(/site/img/top/orange/item_frame950.gif) 0 0 no-repeat;}
h2#h2_tamago950 span {display:none;}
#tamago950 { width: 950px; background: url(/site/img/top/orange/bg_promise950.gif) repeat-y;}
#tamago950 table {margin: 0 10px 0 20px;}
#tamago950 table ul {margin: 0 10px 0 20px;}
#tamago950 table.price_value {font-size: 90%; margin: 5px 5px 5px 1px;}
#tamago950 table.price_value td {text-align: center; padding: 3px 3px 3px 3px; border:1px solid #888888;}
#tamago950 table.review {width: 175px; margin: 5px 1px 3px 8px; padding:0;}
#tamago950 table.review td {padding:0;}
#tamago950 td {vertical-align:top; text-align: left; padding:5px;}
#tamago950 td.item_name {line-height:150%; font-size: 120%; font-weight: bold; width: 100%; padding: 0 20px 0 0;}
#tamago950 div.price {font-size: 120%; color: #ff3300;}



/* 買い物カゴ 800px バージョン
---------------------------------------------------------------*/
h2#h2_tamago800 {width : 800px; height: 15px; margin: 30px 0 0 0; background: url(/site/img/top/orange/item_frame800.gif) 0 0 no-repeat;}
h2#h2_tamago800 span {display:none;}

#tamago800 {width : 800px; background: url(/site/img/top/orange/bg_promise800.gif) repeat-y;}
#tamago800 table {margin: 0 10px 0 20px;}
#tamago800 table ul {margin: 0 10px 0 20px;}
#tamago800 table.price_valu {font-size: 90%; margin: 5px 5px 5px 1px;}
#tamago800 table.price_value td	{text-align: center; padding: 3px 3px 3px 3px; border:1px solid #888888;}
#tamago800 table.review {width: 175px; margin: 5px 1px 3px 8px; padding:0;}
#tamago800 table.review td {padding:0;}
#tamago800 td {vertical-align:top; text-align: left; padding:5px;}
#tamago800 td.item_name {line-height:150%; font-size: 120%; font-weight: bold; width: 100%; padding: 0 20px 0 0;}
#tamago800 div.price {font-size: 120%; color: #ff3300;}

/* 買い物カゴ-修正レフィーネ
---------------------------------------------------------------*/
#tamago2 {width: 700px;}
*+html #tamago2 form {letter-spacing: -2px;}
#tamago2 .normalcart div {width: 252px; height: 100%;}
#tamago2 p {font-size: 14px;margin: 0px; padding: 0px;}
#tamago2 select {font-size: 12px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f18 {font-size: 18px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.h12 {line-height: 12px;}
.h14 {line-height: 14px;}
.h18 {line-height: 18px;}
.h22 {line-height: 22px;}
.h24 {line-height: 24px;}
#tamago2 .normalcart {padding: 0px 14px 14px; width: 252px; border: 1px solid #CCC; font-size: 14px;}
#tamago2 .normalcart2 {padding: 0px 13px 10px; border: 1px solid #CCC; font-size: 14px;}
.pricetitle {padding: 14px 0px 3px;}
#tamago2 form {margin-top: 5px;}
#tamago2 table ul {margin: 0 10px 0 20px;}
#tamago2 table.price_value {font-size: 90%;	margin: 5px 5px 5px 1px;}
#tamago2 table.price_value td {text-align: center; padding: 8px; border: 1px solid #888888;}
#tamago2 table.price_value2	{font-size: 90%;margin: 5px 5px 5px 1px; background: #FFF;}
#tamago2 table.price_value2 td {text-align: center;	padding: 3px; border: 1px solid #888888;}
#tamago2 table.review {width: 245px; margin: 5px 1px 3px 0px; padding: 0;}
#tamago2 table.review td {padding: 0; font-size: 120%;}
#tamago2 td	{vertical-align: top; text-align: left;}
#tamago2 td.item_name {line-height: 150%; font-size: 120%; font-weight: bold; width: 100%; padding: 0 20px 15px 0;}
#tamago2 span.price {font-size: 36px; color: #FF0000;}
#tamago2 .teikicart {background: url(/site_data/cabinet/img/cart_titlebg.gif) repeat-x center bottom;	padding: 10px; color: #351904;}
#tamago2 .teikicart span {font-size: 12px; font-weight: normal;}
#tamago2 .teikibox {background: #ffe8d6; padding: 10px 13px 10px 16px;}
#tamago2 .teikibox .teikicartbox {background: #FFF; padding: 25px 13px 13px; border: 1px solid #CCC; width: 372px;}
.fred {color: #F00;}
.fblue {color: #00F;}
.pt15 {padding-top: 15px;}
.pb15 {padding-bottom: 15px;}
.teiki_tbl{border-collapse: collapse; background: #FFF; border-color: #CCCCCC;}
.teiki_tbl td{padding: 5px 10px; font-size: 12px;}
.tdcolor00 {background: #f4bd54; box-shadow: inset 0px 0px 0px 1px #FFF; vertical-align: top;}
.tdcolor01 {background: #f8ce7f; box-shadow: inset 0px 0px 0px 1px #FFF; vertical-align: top;}
.tdcolor02 {background: #fbe0ae; box-shadow: inset 0px 0px 0px 1px #FFF; vertical-align: top;}
.tdcolor03 {background: #FFEECE; box-shadow: inset 0px 0px 0px 1px #FFF; vertical-align: top;}

/* 買い物カゴ-修正レフィーネ2
---------------------------------------------------------------*/
#tamago3 {width: 800px;}
*+html #tamago2 form {letter-spacing: -2px;}
#tamago3 .normalcart div {width: 252px; height: 100%;}
#tamago3 p {font-size: 14px;margin: 0px; padding: 0px;}
#tamago3 select {font-size: 12px;}
#tamago3 .normalcart {padding: 0px 14px 14px; width: 252px; border: 1px solid #CCC; font-size: 14px;}
#tamago3 .normalcart2 {padding: 0px 13px 10px; border: 1px solid #CCC; font-size: 14px;}
.pricetitle {padding: 14px 0px 3px;}
#tamago3 form {margin-top: 5px;}
#tamago3 table ul {margin: 0 10px 0 20px;}
#tamago3 table.price_value {font-size: 90%;	margin: 5px 5px 5px 1px;}
#tamago3 table.price_value td {text-align: center; padding: 8px; border: 1px solid #888888;}
#tamago3 table.price_value2	{font-size: 90%;margin: 5px 5px 5px 1px; background: #FFF;}
#tamago3 table.price_value2 td {text-align: center;	padding: 3px; border: 1px solid #888888;}
#tamago3 table.review {width: 245px; margin: 5px 1px 3px 0px; padding: 0;}
#tamago3 table.review td {padding: 0; font-size: 120%;}
#tamago3 td	{vertical-align: top; text-align: left;}
#tamago3 td.item_name {line-height: 150%; font-size: 120%; font-weight: bold; width: 100%; padding: 0 20px 15px 0;}
#tamago3 span.price {font-size: 36px; color: #FF0000;}
#tamago3 .teikicart {background: url(/site_data/cabinet/img/cart_titlebg.gif) repeat-x center bottom;	padding: 10px; color: #351904;}
#tamago3 .teikicart span {font-size: 12px; font-weight: normal;}
#tamago3 .teikibox {background: #ffe8d6; padding: 10px 13px 10px 16px;}
#tamago3 .teikibox .teikicartbox {background: #FFF; padding: 25px 13px 13px; border: 1px solid #CCC; width: 372px;}


/*ヘッドスパレフィーネLP
---------------------------------------------------------------*/
#faq {padding: 0 0 20px 50px; background: url(/site_data/cabinet/landing/hsref_lp/qa_back.jpg) repeat-y;}
#faqmens {padding: 0 0 20px 50px; background: url(/site_data/cabinet/img/item/refine_headspa/mens/mensspa_qa02.gif) repeat-y;}

/* ヘッドスパレフィーネ買い物カゴ
---------------------------------------------------------------*/
#tamagohsref table.review {width: 175px; margin: 5px 1px 3px 8px; padding:0;}
#tamagohsref table.review td {padding:0;}

/* ヘッドスパレフィーネ買い物カゴ
---------------------------------------------------------------*/
#tamagohsref table.review {width: 175px; margin: 5px 1px 3px 8px; padding:0;}
#tamagohsref table.review td {padding: 0;}

/*レフィーネQA
---------------------------------------------------------------*/
.faq dt {color: #4A64D6; text-decoration: underline;}

/* 南部鳥LP
---------------------------------------------------------------*/
#nambu p {font-size: 12px;line-height: 1.6em;margin: 0px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;text-align: left;}
#nambu img {margin: 0px;padding: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;	border-left-style: none;}
#nambu td p strong {font-size: 14px; color: #c0002e;}
#nambu a {color: #c0002e;}
#nambu .ten p {width: 188px;padding-top: 45px; text-align: left;}
#nambu td {vertical-align: top;}


/* 白髪染めガイド
---------------------------------------------------------------*/
#flow {}
#flow ul {width: 950px;	height: 500px; list-style: none; background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_off.jpg) no-repeat 0 0;	position: relative;}
#flow ul li {position: absolute;}
#flow ul li a {display: block; height: 100%; text-indent: -9000px; text-decoration: none; outline: none;}

#spa {width: 196px; height: 139px; left: 684px; top: 15px;}
#spa a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -684px -15px;} 

#refine {width: 100px; height: 177px; left: 597px; top: 18px;}
#refine a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -597px -18px;} 

#awa {width: 93px; height: 173px; left: 503px; top: 18px;}
#awa a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -503px -18px;} 

#morning {width: 104px; height: 159px; left: 483px; top: 195px;}
#morning a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -483px -195px;} 

#hena {width: 155px; height: 95px; left: 294px; top: 100px;}
#hena a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -294px -100px; cursor: default;} 

#manicure {width: 179px; height: 92px; left: 284px; top: 261px;}
#manicure a:hover { background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -284px -261px; cursor: default;} 

#nizai {width: 242px; height: 103px; left: 198px; top: 366px;}
#nizai a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -198px -366px; cursor: default;} 

#foundation {width: 271px;height: 150px; left: 587px; top: 322px;}
#foundation a:hover {background: url(/site_data/cabinet/img/campaign/haircolor_guide/flow_on.jpg) no-repeat -587px -322px;} 

/* レフィーネ
---------------------------------------------------------------*/
#voice {padding: 0 30px; background: url(/site_data/cabinet/img/item/refine/bg_voice.gif) repeat-y;}
#color_change {padding: 0 20px; background: url(/site_data/cabinet/img/item/refine/bg_brend.gif) repeat-y;}
#simulator {padding: 0 20px; background: url(/site_data/cabinet/img/item/refine/bg_simulator.gif) repeat-y;}
#movie{padding: 150px 0 65px 236px; background: url(/site_data/cabinet/img/item/refine/refine300_23.jpg) no-repeat;}
#movie iframe {width: 425px; height: 349px; margin: 0; padding: 0;}

/* レフィーネLP
---------------------------------------------------------------*/
#color_change950 {padding: 0 0 7px 260px; background: url(/site_data/cabinet/landing/refine/120426_13.jpg) no-repeat;}
#simulator950 {padding: 2px 0 36px 259px; background: url(/site_data/cabinet/landing/refine/120426_14.jpg) no-repeat;}
#voice950 {padding: 0 50px 20px 50px; background: url(/site_data/cabinet/landing/refine/bg_voice.gif) repeat-y;}
#movie950 {padding: 150px 0 79px 476px; background: url(/site_data/cabinet/landing/refine/120426_20.jpg) no-repeat;}
#movie iframe950 {width: 425px; height: 349px; margin: 0; padding: 0;}

/* 美人手帳
---------------------------------------------------------------*/
#beautymemo {width : 700px; background: url(/site_data/cabinet/img/campaign/beauty_memo/beautymemo_navi02.jpg) repeat-y;}
#beautymemo_left {width: 330px; float: left; padding: 10px 0 10px 15px;}  
#beautymemo_right {width: 330px; float: left; padding: 10px 0 10px 15px;}  

#beautymemo ul {margin: 0px; padding: 10px 0 0 0; list-style-type: none;}
#beautymemo li {padding: 0 0 0 18px; background: url(/site/img/top/orange/m_01.gif) no-repeat 10px 0.8em; line-height: 180%;}

/* 商品一覧リスト
---------------------------------------------------------------*/
#goods_list {width: 700px;}
#goods_list ul {width: 700px; list-style-type: none; margin: 0;}
#goods_list li {
	width : 340px;
	display:block;
	float:left;
	display:inline;
	padding-top: 15px;
}
#goods_list li#li_goods_list01 {margin: 0px 10px 0px 0px;}
#goods_list li#li_goods_list02 {margin: 0px 0px 10px 0px;}
.goods_list_img {width: 115px; display:block; float:left; padding: 5px 0px 0px 0px;}
.goods_list_txt {width: 210px; display:block; float:right; padding: 0px 5px 0px 0px; line-height: 1.5; font-size: 95%;}
.list_line {border-top-width: 1px; border-top-style: dotted;}

/* 会社概要
---------------------------------------------------------------*/
table#ginoushi {background-color: #fdf9f0; border: 1px #E3E3E3 solid; padding: 15px;}
table#ginoushi th {background-color: #fdf9f0; border: 1px #E3E3E3 solid; padding: 15px;}
table#ginoushi td {background-color: #fdf9f0; border: 1px #E3E3E3 solid; padding: 15px;}

/*トップバナー 950
---------------------------------------------------------------*/
#topbnr {width: 950px;}
#topbnr_left {width: 475px;	float: left; height: 230px;}
#topbnr_right {width: 475px; float: right; height: 230px; text-align: right;}
#topbnr a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}

/*セカンドバナー 950
---------------------------------------------------------------*/
#secondbnr {width: 950px;}
#secondbnr_left {width: 475px; float: left;	height: 86px;}
#secondbnr_right {width: 475px;	float: right; height: 86px;	text-align: right;}
#secondbnr a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}

/*トップバナー 950サブ
---------------------------------------------------------------*/
#subbnr {width: 950px;}
/*
#subbnr	ul  { width: 950px; list-style-type: none; margin: 0 30px; padding: 0;}
#subbnr	li  { display: block; display:inline-block;}
---------------------------------------------------------------*/
#subbnr01 {width: 321px; float: left;}
#subbnr02 {width: 321px; float: left; text-align: left;}
#subbnr03 {width: 305px; float: left; text-align: left;}
#subbnr a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}

/*トップ3バナー 700 サブ
---------------------------------------------------------------*/
#subbnr3 {width: 700px;}
#subbnra {width: 240px; float: left;}
#subbnrb {width: 240px; float: left; text-align: left;}
#subbnrc {width: 215px; float: left; text-align: left;}
#subbnr3 a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}

/*トップバナー 700サブ
---------------------------------------------------------------*/
#topbnr700 {width: 700px;}
#topbnr700_left {width: 350px; float: left; height: 167px;}
#topbnr700_right {width: 350px;	float: right; height: 167px; text-align: right;}
#topbnr700 a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}

/*トップバナー 700メイン
---------------------------------------------------------------*/
#topbnrmain a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}

/*サイドナビCSR
---------------------------------------------------------------*/
#csr {
	background-image: url(/site_data/cabinet/img/navi/left/csr_bnr_02.gif);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 28px;
	width: 210px;
	color: #FFF;
	line-height: 30px;
}
#h3_tetsuo2 {
	width: 700px;
	height: 40px;
	margin: 30px 0 0;
	background: url(/site/img/main/main/advice_top2.gif) no-repeat;
	padding-top: 20px;
}
#h3_tetsuo2 .tetsuo_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	display: inline;
	line-height: 100%;
	padding-left: 20px;
	margin-top: 17px;
}
#h3_tetsuo2 .tetsuo_stitle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	display: inline;
	padding-left: 30px;
	margin-top: 30px;
	padding-top: 30px;
}

/* ナチュラルカラー テキスト化CSS
---------------------------------------------------------------*/
.cssfont{ font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
.cssfont_min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.f_bld { font-weight: bold; }
.ml24 { margin-left: 24px; }
.main_left {float: left;width: 407px;}
.c01 {
	background: url(/site_data/cabinet/img/item/refine/refine300_bg01.gif);
	width: 679px;
}
.main_right {float: right;width: 272px;text-align: left;}
.c02_wrap,.c10_wrap {
	background: url(/site_data/cabinet/img/item/refine/refine300_cbg.gif);
	width: 681px;
}
.c02 {
	background: url(/site_data/cabinet/img/item/refine/refine300_04bg.jpg) no-repeat center top;
	width: 448px;
	text-align: left;
	padding: 41px 0px 0px 233px;
}
.c02 .c02_txt {	line-height: 180%;}
.c02_box {
	background: url(/site_data/cabinet/img/item/refine/refine300_05_01boxbg.gif);
	margin: 32px auto 0px;
	width: 620px;
}
.c02_box h3 {
	font-size: 23px;
	text-align: left;
	color: #904c4a;
	line-height: 100%;
	margin: 10px 0px 10px 20px;
}
.c02_box .c02_boxt {
	background: url(/site_data/cabinet/img/item/refine/refine300_05_01boximg.gif) no-repeat left bottom;
	line-height: 180%;
	width: 460px;
	padding-right: 160px;
	min-height: 153px;
}
.c08_txt {
	background: url(/site_data/cabinet/img/item/refine/refine300_08b.jpg) no-repeat center top;
	height: 525px;
	width: 681px;
}
.c08_txt .c08_01 {
	margin: 11px 50px 0px 264px;
	font-size: 14px;
	line-height: 26px;
	height: 320px;
}
.c08_txt .c08_02 {
	font-size: 14px;
	line-height: 26px;
	margin: 0px 240px 0px 30px;
}
.c09 { background: url(/site_data/cabinet/img/item/refine/refine300_07bg.gif); }
.c09 p { margin-right: 50px; }
.c09 span { background: #f3dc81; }
.c10_wrap { margin-bottom: 20px; }
.c10_wrap h4 {
	font-size: 27px;
	color: #7e3041;
	text-align: center;
	font-weight: normal;
	line-height: normal;
	margin-top: 20px;
}
.c10_wrap .c10_txt {
	background: url(/site_data/cabinet/img/item/refine/refine300_10b.gif) no-repeat 49px 0px;
	margin-top: 35px;
	padding-left: 302px;
}
.c10_txt ul li {
	list-style-type: none;
	border-bottom: 1px solid #CCC;
	padding: 10px 0px;
	margin-right: 30px;
	line-height: 120%;
}
.c10_txt ul li span {
	font-size: 18px;
	color: #7e3041;
	line-height: normal;
}
.c10_txt ul li img { float: left; }

.ref_main_left {float: left;width: 407px;}
.ref_main_right {float: right;width: 272px;text-align: left;}
.ref_c01 {
	background: url(/site_data/cabinet/img/item/refine/refine300_bg01.gif);
	width: 679px;
}
.ref_c02_wrap,.ref_c10_wrap {background: url(/site_data/cabinet/img/item/refine/refine300_cbg.gif);width: 681px;}
.ref_c02 {
	background: url(/site_data/cabinet/img/item/refine/refine300_04bg.jpg) no-repeat center top;
	width: 448px;
	text-align: left;
	padding: 41px 0px 0px 233px;
}
.ref_c02 .ref_c02_txt {	line-height: 180%;}
.ref_c02_box {background: url(/site_data/cabinet/img/item/refine/refine300_05_01boxbg.gif);margin: 32px auto 0px;width: 620px;}
.ref_c02_box h3 {
	font-size: 23px;
	text-align: left;
	color: #904c4a;
	line-height: 100%;
	margin: 10px 0px 10px 20px;
}
.ref_c02_box .ref_c02_boxt {
	background: url(/site_data/cabinet/img/item/refine/refine300_05_01boximg.gif) no-repeat left bottom;
	line-height: 180%;
	width: 460px;
	padding-right: 160px;
	min-height: 153px;
}
.ref_c08_txt {background: url(/site_data/cabinet/img/item/refine/refine300_08b.jpg) no-repeat center top;height: 525px;width: 681px;}
.ref_c08_txt .ref_c08_01 {
	margin: 0px 50px 0px 264px;
	font-size: 14px;
	line-height: 26px;
	height: 320px;
}
.ref_c08_txt .ref_c08_02 {font-size: 14px;line-height: 26px;margin: 0px 240px 0px 30px;}
.ref_c09 { background: url(/site_data/cabinet/img/item/refine/refine300_07bg.gif);}
.ref_c09 p { margin-right: 50px;}
.ref_c09 span { background: #f3dc81;}
.ref_c10_wrap { margin-bottom: 20px;}
.ref_c10_wrap h4 {
	font-size: 27px;
	color: #7e3041;
	text-align: center;
	font-weight: normal;
	line-height: normal;
	margin-top: 20px;
}
.ref_c10_wrap .ref_c10_txt {
	background: url(/site_data/cabinet/img/item/refine/refine300_10b.gif) no-repeat 49px 0px;
	margin-top: 35px;
	padding-left: 302px;
}
.ref_c10_txt ul li {
	list-style-type: none;
	border-bottom: 1px solid #CCC;
	padding: 10px 0px;
	margin-right: 30px;
	line-height: 120%;
}
.ref_c10_txt ul li span {font-size: 18px;color: #7e3041;line-height: normal;}
.ref_c10_txt ul li img { float: left; }

#color_change2 {
	padding: 0px 15px 10px;
	background: url(/site_data/cabinet/img/item/refine/bg_brend.gif) repeat-y;
	text-align: left;
	border-bottom: 1px solid #CCC;
}
#color_change2 li {list-style-type: none;}
#simulator2 {padding:0px; background: url(/site_data/cabinet/img/item/refine/bg_simulator.gif) repeat-y; text-align:left;}

/* スタイリングミストCSS
---------------------------------------------------------------*/
.smist_bg01 {background: #f8d9d8;padding: 0 25px 25px 25px;color: #666666;width: 650px;}
.smist_box01 {padding: 0 0 25px 0; auto;width: 651px;}
.smist_bg01 .smist_box01 .c01_left {float: left;width: 500px;padding-right: 10px;}

div#smistInfo_1 {
	width: 700px;
	margin: 10px 20px 0 0px;
}
p.smistInfo_txt {
	width: 325px;
	float: left;
	margin: 0 0 0 25px;
	line-height: 180%
}
p.smistInfo_Img {
	width: 300px;
	height: 252px;
	margin: 0 0 0 20px;
	vertical-align: top;
	float: right;
}
div#smistInfo_2 {margin: 10px 20px 0 25px;}
p.smistInfo_txt2 {
	width: 420px;
	float: left;
	line-height: 180%;
}
p.smistInfo_Img2 {
	width: 200px;
	height: 158px;
	margin: 0 0 0 20px;
	vertical-align: top;
	float: left;
}

div#smistInfo_brg3 {
	width: 700px;
	margin: 10px 20px 0 25px;
}
p.smistInfo_Img3 {
	width: 416px;
	margin: 0 25px 0 25px;
	vertical-align: top;
	float: left;
	line-height: 180%;
}
p.smistInfo_Img4 {
	width: 196px;
	margin: 0 20px 0 25px;
	vertical-align: top;
	float: left;
	line-height: 180%;
}

.smist_txt1 {line-height: 300%;}
.smist_txt1 span {font-size: 120%;color: #e367a3;font-weight: 100;}
.smist_txt1 span.txt_s  {font-size: 75%;color: #333333;font-weight: 100;}