@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　コンテンツ設定　★

■１．シェルクルール化粧品とは
■２．シェルクルールのこだわり
■３．取扱店舗
■４. お客様からの嬉しいお便り
■５. メルマガバックナンバー　一覧
■５-2. メルマガバックナンバー 詳細
■６. よくある質問
■７. お知らせ
■８. メルマガ登録・サンプルお申し込み
■９. トライアルセット申し込み
■10．お問い合わせ
■11．商品　一覧
■12．商品　詳細
■13．個人情報保護方針
■14．特商法
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*▼共通▼*/
h3{
	padding:0 0 35px;
	margin:0;
}
h4{
	padding:0;
	margin:0px 0px 20px;
}


.pankuzu{
	color:#525252;
	font-size:12px;
	line-height:1;
	padding:0 0 15px;
	margin:0 auto;
}

.pankuzu a {
	color:#525252;
	text-decoration:underline;
}

.pankuzu a:hover,
.pankuzu a:active {
	color:#999999;
	text-decoration:none;
}

#pagenation {
	width: 700px;
	padding:15px 0 0;
	margin:30px auto 30px;
	background:url(../common_img/line1.jpg) no-repeat;
}

#pagenation .prev {
	float:left;
}
#pagenation .next {
	float:right;
}



/*▲共通▲*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．シェルクルール化粧品とは
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#about_wrap{
	width:700px;
	padding:15px 0 0;
}
#about_wrap_mych{
	padding:15px 0 0;
}
#about_wrap .catch{
	width:700px;
	margin: 0 0 50px;
	font-size:13px;
	line-height:2;
	background:url(../about/images/catch_img_bg.jpg) no-repeat right top;
}
#about_wrap .catch img{
	float:right;
	margin:0 0 0 40px;
}

#about_wrap .txtbox1{
	width:700px;
	margin: 0 0 30px;
	line-height:1.7;
}

#about_wrap .box1{
	width:700px;
	padding:0 0 30px;
	margin: 0 0 30px;
	line-height:1.7;
	background:url(../about/images/line.gif) no-repeat left bottom;
}

#about_wrap .box1 .left{
	float:left;
	width:400px;
}

#about_wrap .box1 .right{
	float:right;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．シェルクルールのこだわり
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#concept_wrap{
	width:700px;
}
#concept_wrap .box1{
	width:680px;
	padding:10px;
	margin: 0 0 30px;
	font-size:13px;
	line-height:1.7;
	background-color:#EBEFF7;
}

#concept_wrap .step_box{
	width:700px;
	margin:0 0 30px;
	font-size:13px;
	line-height:1.7;
}
#concept_wrap .step_box .step01{
	position:relative;
	width:700px;
	height:342px;
}

#concept_wrap .step_box .step01 .txt{
	position:absolute;
	top:240px;
	left:304px;
}

#concept_wrap .step_box .step02{
	position:relative;
	width:700px;
	height:468px;
}

#concept_wrap .step_box .step02 .txt{
	position:absolute;
	width:230px;
	top:320px;
	left:35px;
}
#concept_wrap .step_box .step03{
	position:relative;
	width:700px;
	height:314px;
}

#concept_wrap .step_box .step03 .txt{
	position:absolute;
	top:200px;
	left:410px;
}
#concept_wrap .step_box .step04{
	position:relative;
	width:700px;
	height:274px;
}

#concept_wrap .step_box .step04 .txt{
	position:absolute;
	width:230px;
	top:200px;
	left:35px;
}

#concept_wrap .step_box .bg{
	position:absolute;
	top:0;
	left:0;
}

#concept_wrap .box2{
	width:580px;
	height:56px;
	color:#1F355F;
	line-height:1.7;
	padding:36px 60px 20px;
	text-align:center;
	font-size:13px;
	background:url(../concept/images/kazari_bg.jpg) no-repeat;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．取扱店舗
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#shop_info_wrap{
	width:700px;
}

#shop_info_wrap table.icon_setsumei{
	margin:0 0 20px;
}
#shop_info_wrap .icon_setsumei td{
	padding:0 10px 5px 0;
	text-align:left;
	vertical-align:top;
}


#shop_info_wrap h5{
	margin: 0 0 20px;
}

#shop_info_wrap .shop_list{
	width:700px;
	margin:0 0 40px;
}
#shop_info_wrap .shop_list dl{
	margin:0 0 5px;
}

#shop_info_wrap .shop_list dt{
	width:680px;
	padding:3px 9px;
	font-size:13px;
	color:#5774BB;
	font-weight:bold;
	background-color:#E4ECFB;
	border:1px solid #A0B6E2;
}

#shop_info_wrap .shop_list dd{
	width:700px;
	margin:0 0 20px;
}

#shop_info_wrap .shop_list dd table{
	border-left:1px solid #A0B6E2;
}

#shop_info_wrap .shop_list dd th{
	vertical-align:top;
	text-align:center;
	padding:5px 5px;
	border-right:1px solid #A0B6E2;
	border-bottom:1px solid #A0B6E2;
	background-color:#EEF2FC;
}

#shop_info_wrap .shop_list dd td{
	vertical-align: middle;
	text-align:left;
	padding:5px 10px;
	border-right:1px solid #A0B6E2;
	border-bottom:1px solid #A0B6E2;
}

#shop_info_wrap .shop_list dd td.school{
	border-right:none;
	text-align:center;
	padding:5px 2px;
}

#shop_info_wrap .shop_list dd td.shop{
	border-right:none;
	padding:5px 0px;
}
#shop_info_wrap .shop_list dd td.site_link{
	text-align:center;
	padding:5px 2px;
}

#shop_info_wrap .shop_list dd td a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	background-color:#FFFFFF;
}



#shop_info_wrap .tel_bnr{
	position:relative;
	width:700px;
	height:135px;
	margin:0 0 40px;
}

#shop_info_wrap .tel_bnr .bg{
	position:absolute;
	top:0;
	left:0;
}

#shop_info_wrap .tel_bnr .btn{
	position:absolute;
	top:69px;
	left:307px;
}


#shop_info_wrap .gaiyou table {
	padding:0;
	margin:0 0 30px;
	border-top:1px solid #C8D5EF;
	border-right:1px solid #C8D5EF;
}

#shop_info_wrap .gaiyou th {
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	font-weight: bold;
	background-color:#F4F7FC;
	border-left:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}

#shop_info_wrap .gaiyou td {	
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	border-left:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}

.dl_style03 {margin:10px auto 0;
 }

.dl_style03 dt {
	padding:6px 20px 6px 30px;
	background:#e4ecfb;
	background-size:15px;
	border:1px solid #a0b6e2;
	font-weight:bold;
	color:#5774c1;
	position: relative;
}


.dl_style03 dd { padding:0px 0px 0px 0px;}

.dl_style03 dd table{ border-left:1px solid #A0B6E2;font-size:72.3%;}

.dl_style03 dd table th{
	vertical-align:top;
	text-align:center;
	padding:5px 5px;
	border-right:1px solid #A0B6E2;
	border-bottom:1px solid #A0B6E2;
	background-color:#EEF2FC;
}

.dl_style03 dd table td{
	vertical-align: middle;
	text-align:left;
	padding:5px 10px;
	border-right:1px solid #A0B6E2;
	border-bottom:1px solid #A0B6E2;
}

.dl_style03 dd table td.shop{
	text-align:center;
	vertical-align: middle;
}


.dl_style03 .open {}
.dl_style03 .open:before { position: absolute;content:'▲';left:10px;top:6px; color:#5576bd;font-size:75%;}
.dl_style03 dt,
.dl_style03 .close {}
.dl_style03 .close:before { position: absolute;content:'▼';left:10px;top:6px; color:#5576bd;font-size:75%;}

.dl_style03 dt:first-child { margin-top:0px; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４. お客様からの嬉しいお便り
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#report_wrap{
	width:700px;
}


#report_wrap .report_box{
	width:700px;
	margin:0 0 30px;
}


/*リピーター*/
#report_wrap .customer_box01{
	width:678px;
	padding:12px 10px 20px;
	border-left:1px solid #D7C5B6;
	border-right:1px solid #D7C5B6;
	border-top:1px solid #D7C5B6;
	background-color:#FAF6F2;
}
#report_wrap .customer_box01 table th{
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	padding:5px 10px;
	color:#FFFFFF;
	background:url(../report/images/bg.gif) repeat;
}

#report_wrap .customer_box01 table th.line{
	border-right:1px solid #FAF6F2;
}

#report_wrap .customer_box01 table td{
	vertical-align:top;
	font-size:14px;
	padding:7px 10px;
	text-align:center;
	border-right:1px solid #D7C5B6;
	border-bottom:1px solid #D7C5B6;
	background-color:#FFFFFF;
}
#report_wrap .customer_box01 table td.line{
	border-left:1px solid #D7C5B6;
}


#report_wrap .customer_box01 h4{
	font-size:16px;
	font-weight:bold;
	color:#8A7563;
	padding:0px 0 4px 12px;
	margin:0 0 10px;
	background:url(../report/images/icon1.gif) no-repeat;
}

#report_wrap .comment_box01 {
	width:700px;
}

#report_wrap .comment_box01 dd.acrd_cnt{
	width:658px;
	padding:20px;
	line-height:1.8;
	border-left:1px solid #D7C5B6;
	border-right:1px solid #D7C5B6;
	border-bottom:1px solid #D7C5B6;
}
#report_wrap .comment_box01 dd.acrd_cnt .txtarea {
	margin:0 0 10px;
}

#report_wrap .comment_box01 dd.acrd_cnt .txtarea img{
	float: left;
	padding:5px;
	margin:0 20px 20px 0;
	border:1px solid #D7C5B6;
}



#report_wrap .comment_box01 .inquiry_img{
	text-align:center;
}


/*フレッシュ*/
#report_wrap .customer_box02{
	width:678px;
	padding:12px 10px 20px;
	border-left:1px solid #C8D5EF;
	border-right:1px solid #C8D5EF;
	border-top:1px solid #C8D5EF;
	background-color:#F4F7FC;
}
#report_wrap .customer_box02 table th{
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	padding:5px 10px;
	color:#FFFFFF;
	background:url(../report/images/bg2.gif) repeat;
}

#report_wrap .customer_box02 table th.line{
	border-right:1px solid #FAF6F2;
}

#report_wrap .customer_box02 table td{
	vertical-align:top;
	font-size:14px;
	padding:7px 10px;
	text-align:center;
	border-right:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
	background-color:#FFFFFF;
}
#report_wrap .customer_box02 table td.line{
	border-left:1px solid #C8D5EF;
}


#report_wrap .customer_box02 h4{
	font-size:16px;
	font-weight:bold;
	color:#5774BB;
	padding:0px 0 4px 12px;
	margin:0 0 10px;
	background:url(../report/images/icon2.gif) no-repeat;
}

#report_wrap .comment_box02 {
	width:700px;
}

#report_wrap .comment_box02 dd.acrd_cnt{
	width:658px;
	padding:20px;
	line-height:1.8;
	border-left:1px solid #C8D5EF;
	border-right:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}

#report_wrap .comment_box02 dd.acrd_cnt .txtarea {
	margin:0 0 10px;
}

#report_wrap .comment_box02 dd.acrd_cnt .txtarea img{
	float: left;
	padding:5px;
	margin:0 20px 20px 0;
	border:1px solid #C8D5EF;
}

#report_wrap .comment_box02 .inquiry_img{
	text-align:center;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５. メルマガバックナンバー　一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mail_magazine_wrap{
	width:700px;
}
#mail_magazine_wrap .box1{
	width:700px;
	margin: 0 0 20px;
	line-height:1.7;
}
#mail_magazine_wrap .box1 img{
	float:right;
	margin:0 0 20px 20px;
}

#mail_magazine_wrap .search_box {
	margin:0 0 30px;
	text-align:center;
	line-height:1;
}

#mail_magazine_wrap .search_box .search_txt{
	width:260px;
	height:20px;
	padding:4px 2px 2px;
}


#mail_magazine_wrap .cate_navi{
	width:700px;
	margin:0 0 20px;
}

#mail_magazine_wrap .cate_navi li{
	float:left;
}

#mail_magazine_wrap .cate_navi li.ma{
	margin:0 20px 0 0;
}

#mail_magazine_wrap .backnumber{
	width:700px;
	margin:0 0 20px;
}
#mail_magazine_wrap .backnumber .backnumber_left{
	width:350px;
	float: left;
}

#mail_magazine_wrap .backnumber table{
	float:left;
}
#mail_magazine_wrap .backnumber table th{
	vertical-align:top;
	text-align:left;
	color:#5774BB;
	padding:5px 0;
}

#mail_magazine_wrap .backnumber table td{
	vertical-align:top;
	text-align:left;
	color:#555555;
	padding:5px 10px;
}

#mail_magazine_wrap .backnumber table td a,
#mail_magazine_wrap .backnumber table td a:link,
#mail_magazine_wrap .backnumber table td a:visited {
	color:#555555;
	text-decoration:underline;
}

#mail_magazine_wrap .backnumber table td a:hover,
#mail_magazine_wrap .backnumber table td a:active {
	color:#5774BB;
	text-decoration:underline;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５-2. メルマガバックナンバー 詳細
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mail_maga_detail_wrap{
	width:700px;
}

#mail_maga_detail_wrap h4.maga_title{
	padding:5px 10px;
	margin:0;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	background-color:#9EB4EA;
}

#mail_maga_detail_wrap .maga_box_bg{
	width:682px;
	padding:8px;
	margin:0 0 30px;
	border:1px solid #9EB4EA;
	background-color:#D0DAF5;
}

#mail_maga_detail_wrap .maga_box{
	width:652px;
	padding:15px;
	margin:0;
	background-color:#FFFFFF;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６. よくある質問
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#faq_wrap{
	width:700px;
}

#faq_wrap .q_box{
	width:700px;
	margin:0 0 40px;
}
#faq_wrap .q_box li{
	color:#555555;
	background:url(../faq/images/q_s.jpg) no-repeat 10px top;
	padding:0 0 5px 30px;
	margin:0 0 5px;
	border-bottom:1px dotted #ABBADF;
}


#faq_wrap .q_box li a,
#faq_wrap .q_box li a:link,
#faq_wrap .q_box li a:visited {
	color:#555555;
	text-decoration:none;
}

#faq_wrap .q_box li a:hover,
#faq_wrap .q_box li a:active {
	color:#ADB7CF;
	text-decoration:underline;
}

#faq_wrap .q_a_box{
	width:700px;
	margin:0 0 40px;
}

#faq_wrap .q_a_box dt{
	font-size:15px;
	font-weight:bold;
	color:#5774BB;
	background:url(../faq/images/q.jpg) no-repeat left 10px;
	padding:10px 0 5px 50px;
}

#faq_wrap .q_a_box dd{
	background:url(../faq/images/a.jpg) no-repeat left top;
	padding:20px 0 30px 50px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■７. お知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#news_wrap{
	width:700px;
}




#news_wrap .news_box_bg {
	width:700px;
	margin:0 0 30px;
	background:url(../news/images/box_bg.gif) repeat-y;
}

#news_wrap .news_box_t {
	background:url(../news/images/box_t.jpg) no-repeat;
}


#news_wrap .news_box {
	width:630px;
	padding:35px;
	background:url(../news/images/box_btm.jpg) no-repeat left bottom;
}

#news_wrap .news_box table{
}

#news_wrap .news_box th {
	vertical-align:top;
	text-align:left;
}

#news_wrap .news_box h4{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 10px;
	padding:0 0 5px;
	color:#5774BB;
	border-bottom:1px solid #5774BB;
	
}

#news_wrap .news_box .news_date{
	padding:0;
	margin:0 0 5px;
	color:#B7A394;
	font-size:12px;
	line-height:1;
	font-weight:bold;
}
#news_wrap .news_box td.news_txtbox{
	width:100%;
	line-height:1.7;
	vertical-align:top;
	text-align:left;
	padding:0;
}


#news_wrap .news_box th img{
	padding:4px;
	margin:0 30px 0 0 ;
	border:1px solid #CCCCCC;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■８. メルマガ登録・サンプルお申し込み
■９. トライアルセット申し込み
■10．お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#contact_wrap{
	width:700px;
}


#contact_wrap .box1{
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:0 0 20px;
}


#contact_wrap .pp_bg{
	widows:692px;
	padding:2px;
	border:2px solid #C8D5EF;
}

#contact_wrap .pp{
	font-size:12px;
	line-height:1.5;
	padding:15px;
	border:1px solid #C8D5EF;
}

#contact_wrap .pp h5{
	font-size:12px;
	font-weight:bold;
	color:#5774BB;
	margin:0 0 5px;
}

#contact_wrap .pp li{
	padding:0px 0px 5px 0;
}

#contact_wrap .contact_form{
	width:700px;
	margin:0 0 20px;
}

/*form_table*/
#contact_wrap .contact_form table {
	padding:0;
	border-top:1px solid #C8D5EF;
	border-right:1px solid #C8D5EF;
}

/*table_th*/
#contact_wrap .contact_form th {
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	font-weight: bold;
	background-color:#F4F7FC;
	border-left:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}

#contact_wrap .contact_form th div{
	text-indent:-15px;
}


#contact_wrap .contact_form th .txt1{
	padding:0 0 0 50px;
}

/*table_td*/
#contact_wrap .contact_form td {	
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	border-left:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}


#contact_wrap .contact_form th.none,
#contact_wrap .contact_form td.none{
	border-bottom:none;
}

#contact_wrap .contact_form table ul{
	margin-bottom:5px;
}

#contact_wrap .contact_form table li {
	list-style:none;
	margin:0;
	padding:0 20px 5px 0;
}

input,select,textarea {
	font-size:1em;
	margin-bottom:1px;
}

.mini {
	font-size:10px;
}

optgroup {
	background-color:#cccccc;
	color:#333333;
	font-style:normal;
}

option {
	margin:0 5px 0 0;
	background-color:#ffffff;
	color:#333333;
}


/*ime_mode*/
.ime_on {
	ime-mode:active;
}

.ime_off {
	ime-mode:disabled;
}

/*input_text_setting*/
input#issue_text {
	width:200px;
}
input#gyoushu,
input#name,
input#name2,
input#ruby,
input#company,
input#post,
input#occupation,
input#keyword {
	width:300px;
}

input#tel,
input#fax{
	width:200px;
}

input#site,
input#address,
input#email,
input#email2,
input#email3 {
	width:300px;
}
input#age {
	width:40px;
}
input#zip {
	width:100px;
}

textarea#comment {
	width:400px;
}


.contact_box label{
	margin-right:10px;
}


#contact_wrap table.kit_table td{
	padding:0 10px 10px;
	border:none;
	vertical-align:top;
	text-align: center;
}



/*submitBtn*/
#formEnd {
	text-align:center;
	margin:30px auto 50px;
}

#formEnd input {
	font-weight:bold;
}




#contact_wrap .mailmaga_box{
	width:700px;
	margin:0 0 30px;
}

#contact_wrap .mailmaga_box .left{
	float:left;
}

#contact_wrap .mailmaga_box .right{
	float:right;
	width:430px;
	text-align:left;
}

#contact_wrap .sample_box01_bg{
	width:700px;
	margin:0 0 20px;
	background:url(../form_mailmaga/images/set01_bg.gif) repeat-y;
}

#contact_wrap .sample_box01{
	width:640px;
	padding:0 30px 20px;
	background:url(../form_mailmaga/images/set01_btm.gif) no-repeat left bottom;
}

#contact_wrap .sample_box01 th{
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#5774BB;
	border-bottom:1px dotted #C8D5EF;
}
#contact_wrap .sample_box01 td{
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
	border-bottom:1px dotted #C8D5EF;
}
#contact_wrap .sample_box01 .ft01{
	font-size:14px;
	font-weight:bold;
	color:#5774BB;
}


#contact_wrap .sample_box01 td.btn{
	vertical-align:middle;
	text-align:right;
}


#contact_wrap .sample_box02_bg{
	width:700px;
	margin:0 0 20px;
	background:url(../form_mailmaga/images/set02_bg.gif) repeat-y;
}

#contact_wrap .sample_box02{
	width:640px;
	padding:0 30px 20px;
	background:url(../form_mailmaga/images/set02_btm.gif) no-repeat left bottom;
}

#contact_wrap .sample_box02 th{
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#908A74;
	border-bottom:1px dotted #BFB4A6;
}
#contact_wrap .sample_box02 td{
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
	border-bottom:1px dotted #BFB4A6;
}
#contact_wrap .sample_box02 .ft02{
	font-size:14px;
	font-weight:bold;
	color:#908A74;
}

#contact_wrap .sample_box02 td.btn{
	vertical-align:middle;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■11．商品　一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#products_wrap{
	width:700px;
}
.item_description{
	position:relative;
	width:700px;
	height:250px;
	margin:0 0 30px;
}
.item_description .photo{
	position:absolute;
	top:0;
	left:0;
}

.item_description .txt{
	position:absolute;
	width:400px;
	height:145px;
	top:105px;
	left:26px;
	line-height:2;
}

.item_howto_area{
	width:700px;
	margin:0 0 45px;
}





#products_wrap .list_area {
	width:700px;
	margin:0 0 20px;
}

#products_wrap .list_area td{
	vertical-align:top;
	text-align:left;
}


#products_wrap .list_box{
	width:216px;
	padding:5px 0 0;
	border:1px solid #C8D5EF;
	background-color:#F4F7FC;
}

.item_name { min-height:40px; }

#products_wrap .list_box table{
	width:206px;
	margin:0 5px;
}

#products_wrap .list_box th{
	width:204px;
	height:150px;
	vertical-align: middle;
	text-align: center;
	border:1px solid #C8D5EF;
	background-color:#FFFFFF;
	
}
#products_wrap .list_box th a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	background-color:#FFFFFF;
}



#products_wrap .list_box td{
	vertical-align:top;
	text-align:left;
	padding:10px 10px 5px;
	
}

#products_wrap .list_box td　.item_name{
	margin:0 0 5px;
}

#products_wrap .list_box td .price{
	font-weight:bold;
}

#products_wrap .list_box .btn{
	vertical-align:top;
	text-align:right;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■12．商品　詳細
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#products_detail_wrap{
	width:700px;
}

#products_detail_wrap #detail_area{
	width:674px;
	padding:12px;
	border:1px solid #C8D5EF;
	background-color:#F4F7FC;
	margin:0 0 20px;
}

#products_detail_wrap #detail_area .detail_box{
	width:660px;
	margin:7px 7px 10px;
}
#products_detail_wrap #detail_area .detail_box th{
	vertical-align:top;
	text-align:left;
}
#products_detail_wrap #detail_area .detail_box th .photoarea{
	width:352px;
	height:307px;
	padding:2px;
	border:2px solid #C8D5EF;
	background-color:#FFFFFF;
}
#products_detail_wrap #detail_area .detail_box th th.photo{
	width:351px;
	height:306px;
	border:1px solid #C8D5EF;
	vertical-align:middle;
	text-align:center;
}


#products_detail_wrap #detail_area .detail_box td{
	width:100%;
	vertical-align:top;
	text-align:left;
	padding:0 0 0 16px;
}
#products_detail_wrap #detail_area .detail_box td .item_name{
	font-size:18px;
	font-weight:bold;
	color:#5774BB;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:1px solid #C8D5EF;
}

#products_detail_wrap #detail_area .detail_box td .price{
	font-size:20px;
	color:#5774BB;
	margin:0 0 15px;
}

#products_detail_wrap #detail_area .detail_box td .price span{
	font-size:15px;
}


#products_detail_wrap #detail_area .detail_box td .txt{
	margin:0 0 20px;
}

#products_detail_wrap #detail_area .point_box_bg{
	width:666px;
	margin:0 0 20px;
	background:url(../products/images/point_box_bg.gif) repeat-y;
}

#products_detail_wrap #detail_area .point_box_t{
	width:666px;
	background:url(../products/images/point_box_t.jpg) no-repeat;
}

#products_detail_wrap #detail_area .point_box{
	width:626px;
	padding:25px 15px 15px 25px;
	background:url(../products/images/point_box_btm.gif) no-repeat left bottom;
}
#products_detail_wrap #detail_area .point_box img{
	float:left;
}


#products_detail_wrap #detail_area .ill_area{
	text-align:center;
	margin:0 0 20px;
}


#products_detail_wrap #detail_area h5.title01{
	padding:5px 10px;
	margin:0 7px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../products/images/bg1.gif) repeat;
}

#products_detail_wrap #detail_area .box1{
	margin:0 7px 10px;
	padding:10px;
	border-left:1px solid #C8D5EF;
	border-right:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
	background-color:#FFFFFF;
}



#products_detail_wrap .bnr_area {
	width:700px;
	margin:0 0 40px;
}

#products_detail_wrap .bnr_area .btn{
	float:left;
}

#products_detail_wrap .bnr_area .bnr{
	float:right;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■13．個人情報保護方針
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#privacy_wrap{
	width:700px;
}

#privacy_wrap .txtbox1{
	margin:0 0 50px;
	line-height:1.8;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■14．特商法
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#tokusho_wrap{
	width:700px;
}

#tokusho_wrap h4{
	font-size:14px;
	font-weight:bold;
	color:#5774BB;
	margin:0 0 20px;
	padding:0;
	border-bottom:1px solid #B6C2E0;
}

#tokusho_wrap li{
	text-indent:-15px;
	margin: 0 0 0 15px;
}

#tokusho_wrap table {
	padding:0;
	margin:0 0 30px;
	border-top:1px solid #C8D5EF;
	border-right:1px solid #C8D5EF;
}

#tokusho_wrap th {
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	font-weight: bold;
	background-color:#F4F7FC;
	border-left:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}

#tokusho_wrap td {	
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	border-left:1px solid #C8D5EF;
	border-bottom:1px solid #C8D5EF;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.font_b {
	font-weight: bold;
}
#about_wrap_mych .main_img img{
	display: block;
	margin: 0 auto;
}
#about_wrap_mych #contai .bg_btn{
	background: url(../mycher-couleur/images/bg_btn02.png) left no-repeat;
	min-height: 393px;
    width: 801px;
    margin-bottom: 10px;
	text-align: center;
	margin: 0 auto;
}
#about_wrap_mych #contai  .bg_btn p{
	text-align: center;
	padding: 15px 0 !important;
}
#about_wrap_mych #contai .bg_btn ul li {
	float: left;
	margin-left: 130px;
    margin-top: 45px;
}
#about_wrap_mych #contai .bg_btn ul li  img{
	padding-bottom: 10px;
}
#contai .sec01 .float_l p{
	padding: 30px 0 25px 0;
}
#contai .sec01{
	width: 820px;
    padding: 0px 0 15px;
    line-height: 1.7;
    margin: 0 auto;
}
#contai .sec02{
	width: 425px;
    padding: 0px 0 15px;
    line-height: 1.7;
    margin: 0 auto;
}
#contai  .bg_btn p {
	padding: 22px 40px;
	font-size: 13px;
}
#contai  .bg_btn p span{
	color: #bfa999;
}
.mouhover:hover{
	opacity: 0.7;
}
.t_mycher-couleur {
    min-height: 300px;
    border: 1px solid #D7D7D7;
	margin: 0 0 30px;
	display:none;
}
.tabs-menu li.current {
	border-bottom: 2px solid red;
	opacity: 0.7;
}
.tab-content.current {
	display:block;
}
.tab-content {
    display: none;
}
.tabs-menu {
	text-align: center;
	margin-top: 10px;
}
.tabs-menu li{
	display: inline-block;
}
#tab-1 {
 display: block;   
}
#tab li{ 
	display: inline-block;
}
.text_c {
	text-align:center;
}
#contai .cont01 {
	height: 300px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #D7D7D7;
}
.youtu {
	margin: 0 auto;
    width: 560px;
    margin-bottom: 20px;
}
.youtu iframe {
	width: 580px;
}