@charset 'UTF-8';
/*基本設定*/
body,p,img,h1,h2,h3,h4,h5,table,tr,th,td,dl,dt,dd,form,ul,li,ol,br {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	background: url(../images/common/main_bg2.gif) repeat-y center top;
}

img {
	border: 0;
	vertical-align: bottom;
}

p {
	line-height: 1.5;
	color: #000;
}

/* リンク時の点線を打ち消す Win Firefox用 */
:focus {
	–moz-outline-style: none;
}

/* リンク時の点線を打ち消す Mac Firefox用 */
a { outline: none; }


/*青文字*/
.bule{
	display:block;
	text-align:center;
	color:#00F;
	margin-bottom:10px;
}
/*赤文字*/
.red{
	display:block;
	text-align:center;
	color:#F00;
	margin-bottom:10px;
	font-weight:bold;
}
/*在庫切れ注意書き*/
.info_red {
	color:#ff0000;
	font-weight:bold;
}
/*エバー小見出し*/
.ever_h {
	margin: 15px 0 6px 0;
	height: 24px;
	width: 584px;
}
.ever_h span {
	display: none;
}

/*美・皇潤小見出し*/
.bekoujun_h {
	margin: 15px 0 6px 0;
	height: 24px;
	width: 584px;
}
.bekoujun_h span {
	display: none;
}

/*見出しスタイル*/
.heading {
	margin: 15px 0 12px 0;
	height: 40px;
	width: 584px;
}
.heading span {
	display: none;
}
/*TV見出しスタイル*/
.heading_tv {
	margin: 0px 0 0 0;
	height: 77px;
	width: 584px;
}
.heading_tv span {
	display: none;
}
/*メインメニュー*/
#main_menu {
	width: 801px;
	height: 35px;
}
#main_menu li {
	list-style-type: none;
	float: left;
	display: inline;
}
#main_menu li a {
	display: block;
	height: 35px;
	text-decoration: none;
}
#main_menu li a span {
	display: none;
}
/*通常時*/
#link0 a {
	width: 114px;
	background: url(../images/common/menu_common.gif) no-repeat 0 0;
}
#link1 a {
	width: 116px;
	background: url(../images/common/menu_common.gif) no-repeat -114px 0;
}
#link2 a {
	width: 114px;
	background: url(../images/common/menu_common.gif) no-repeat -230px 0;
}
#link3 a {
	width: 114px;
	background: url(../images/common/menu_common.gif) no-repeat -344px 0;
}
#link4 a {
	width: 114px;
	background: url(../images/common/menu_common.gif) no-repeat -458px 0;
}
#link5 a {
	width: 114px;
	background: url(../images/common/menu_common.gif) no-repeat -572px 0;
}
#link6 a {
	width: 114px;
	background: url(../images/common/menu_common.gif) no-repeat -686px 0;
}
/*オンマウス時*/
#link0 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat 0 -35px;
}
#link1 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat -114px -35px;
}
#link2 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat -230px -35px;
}
#link3 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat -344px -35px;
}
#link4 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat -458px -35px;
}
#link5 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat -572px -35px;
}
#link6 a:hover {
	background: url(../images/common/menu_common.gif) no-repeat -686px -35px;
}

/*説明画像（右寄せ・marginなし）*/
.img_right {
	float: right;
}

/*説明画像（右寄せ・marginなし）*/
.img_left {
	float: left;
}

/*説明画像（右寄せ・marginあり）*/
.img_right2 {
	float: right;
	margin: 0 0 10px 10px;
}

/*説明画像（左寄せ・marginあり）*/
.img_left2 {
	float: left;
	margin: 0 10px 10px 0;
}

/*改行によるフロート解除*/
.clear {
	clear: both;
	line-height: 0;
}

/*h2見出し*/
.h2line {
	width: 564px;
	padding: 10px;
	margin: 15px 0;
	background-color: #aaa;
	font-family: 'ＭＳ Ｐゴシック','Osaka';
	font-size: 20px;
	color: #fff;
}

/*項目タイトル*/
.list_title {
	border-bottom: 1px solid #f00;
	margin: 45px 0 10px 0;
	padding: 0 0 5px 16px;
	width: 568px;
	font-size: 14px;
	background: url(../images/common/list.gif) no-repeat left 1px;
}

.list_title2 {
	border-bottom: 1px solid #f00;
	margin: 15px 0 10px 0;
	padding: 0 0 5px 16px;
	width: 568px;
	font-size: 14px;
	background: url(../images/common/list.gif) no-repeat left 1px;
}

/*バナーボタン・横ボックス*/
.set {
	width: 584px;
	margin-bottom: 10px;
}

/*IE以外モダンブラウザ*/
.set:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*IE7・Mac版IE5*/
.set {
	display: inline-block;
}

/*IE6以前*/
/* Hides from IE-mac \*/
* html .set {height: 1%;}
/* End hide from IE-mac */

.set p {
	margin-top: 5px;
	line-height: 1.4;
	color: #000;
}

.set_left {
	width: 288px;
	float: left;
}

.set_right {
	width: 288px;
	float: right;
}

/*コンテナ*/
#container {
	margin: 0 auto;
	width: 801px;
}
#container_course3 {
	margin: 0 auto;
	width: 801px;
	font-size:18px;
}

/*ヘッダ*/
#header {
	height: 58px;
	width: 800px;
	border-top: 2px solid #f00;
	position: relative;
}
#header_logo {
	position: absolute;
}
#header h1{
	font-size: 11px;
	font-weight: normal;
	top:40px;
	right:337px;
	position: absolute;
}

/*文字の大きさ切替*/
#font_size {
	height: 13px;
	width: 73px;
	background-image: url(../images/common/i_font_size.gif);
	position: absolute;
	top:38px;
	left:471px;
}

#medium, #large{
	position: absolute;
	top:57px;
	left:579px;
}

#font_size span {
	display: none;
}

/*ヘッダメニュー*/
#header_menu {
	width:400px;
	font-size: 12px;
	position: absolute;
	top: 3px;
	right: 135px;
}

#header_menu ul {
	float:left;
	display:inline;
	margin:5px 3px 0 0;
}

#header_menu li {
	height:12px;
	float:left;
	display:inline;
	margin-left:5px;
	padding:0;
	text-indent:-9999em;
	list-style:none;
}

#header_menu li a{
	height:12px;
	display:block;
	list-style:none;
}

#header_menu li#menu_qa {
	width:69px;
	background: url(../images/common/bt_qa.gif) no-repeat 0 0;
}

#header_menu li#menu_qa a {
	width:69px;
	background: url(../images/common/bt_qa.gif) no-repeat 0 0;
}

#header_menu li#menu_qa a:hover {
	background: url(../images/common/bt_qa_o.gif) no-repeat 0 0;
}

#header_menu li#menu_contact {
	width:50px;
	background: url(../images/common/bt_contact.gif) no-repeat 0 0;
}

#header_menu li#menu_contact a {
	width:50px;
	background: url(../images/common/bt_contact.gif) no-repeat 0 0;
}

#header_menu li#menu_contact a:hover {
	background: url(../images/common/bt_contact_o.gif) no-repeat 0 0;
}

#header_menu li#menu_sitemap {
	width:69px;
	background: url(../images/common/bt_sitemap.gif) no-repeat 0 0;
}

#header_menu li#menu_sitemap a {
	width:69px;
	background: url(../images/common/bt_sitemap.gif) no-repeat 0 0;
}

#header_menu li#menu_sitemap a:hover {
	background: url(../images/common/bt_sitemap_o.gif) no-repeat 0 0;
}

#header_menu div {
	float:left;
	display:inline;
}

/*お気に入り*/


#bookmark {
	float:left;
	display:inline;
}

#bookmark{
	width:132px;
	height:21px;
}


/*ヘッダ右*/
#header_right {
	height: 53px;
	width: 191px;
	background: transparent url(../images/common/i_header_freedial.jpg) no-repeat right top;
	position: absolute;
	top: 0px;
	left:609px;
}

#header_right p{
	text-indent:-9999em;
}
/*3,000円以上で送料無料*/
#cart_a {
	height: 42px;
	width: 84px;
	position: absolute;
	top: 4px;
	left:6px;
}
/*買い物カゴを見る*/
#cart_b {
	height: 31px;
	width: 100px;
	position: absolute;
	top: 10px;
	right: 5px;
}


/*トップメニュー*/
ul#top_menu {
	width: 801px;
	height: 71px;
}

#top_menu li {
	list-style-type: none;
	float: left;
	display: inline;
}

#top_menu li a {
	display: block;
	height: 71px;
	text-decoration: none;
}

#top_menu li a span { display: none; }

/*通常時*/
#link1_menu a {
	width: 160px;
	background: url(../images/top/top_btn.jpg) no-repeat 0 0;
}

#link2_menu a {
	width: 160px;
	background: url(../images/top/top_btn.jpg) no-repeat -160px 0;
}

#link3_menu a {
	width: 160px;
	background: url(../images/top/top_btn.jpg) no-repeat -320px 0;
}

#link4_menu a {
	width: 162px;
	background: url(../images/top/top_btn.jpg) no-repeat -480px 0;
}

#link5_menu a {
	width: 158px;
	background: url(../images/top/top_btn.jpg) no-repeat -642px 0;
}

/*オンマウス時*/
#link1_menu a:hover {
	background: url(../images/top/top_btn.jpg) no-repeat 0 -71px;
}

#link2_menu a:hover {
	background: url(../images/top/top_btn.jpg) no-repeat -160px -71px;
}

#link3_menu a:hover {
	background: url(../images/top/top_btn.jpg) no-repeat -320px -71px;
}

#link4_menu a:hover {
	background: #000 url(../images/top/top_btn.jpg) no-repeat -480px -71px;
}

#link5_menu a:hover {
	background: #000 url(../images/top/top_btn.jpg) no-repeat -642px -71px;
}



/*ボックス*/
#box {
	width: 100%;
}

/*コンテンツ*/
#contents {
	width: 585px;
	float: left;
	display:inline;
}

/*コンテンツ2*/
#contents2 {
	width: 801px;
}


/*パンくずリスト*/
#linklist {
	margin-top: 10px;
	color: #000;
	text-align: left;
}

#linklist a {
	margin-right: 5px;
	color: #000;
	text-decoration: none;
}

#linklist a:hover {
	color: #f00;
	text-decoration: underline;
}

/*ページの先頭へ戻る*/
.bn_up {
	padding-top: 20px;
	width: 800px;
	text-align: right;
	clear: both;
}

.bn_up a {
	color: #333;
	text-decoration: none;
	background: url(../images/common/bn_up.gif) left center no-repeat;
	padding: 3px 0 0 18px;
}

.bn_up a:hover {
	color: #f00;
}
/*ページの先頭へ戻る*/
.bn_up2 {
	width: 584px;
	text-align: right;
	clear: both;
}

.bn_up2 a {
	color: #333;
	text-decoration: none;
	background: url(../images/common/bn_up.gif) left center no-repeat;
	padding: 3px 0 0 18px;
}

.bn_up2 a:hover {
	color: #f00;
}

/*サイド*/
#side {
	width: 200px;
	float: right;
	display:inline;
}

/*サイド-カートエリア-*/
#side dl#cart dt {
	width:200px;
	height:37px;
	background: url(../images/common/tm_carriage.jpg) 0 0 no-repeat;
	text-indent:-9999em;
	margin-top:15px;
}

#side dl#cart dd#cart_footer {
	width:200px;
	height:6px;
	background: url(../images/common/bg_cart_footer.jpg) 0 0 no-repeat;
	text-indent:-9999em;
	font-size:1px;
}

/*サイド内文章下に余白8px*/
.side_p {
	margin: 5px 0 8px 0;
}

/*サイド内画像下に余白3px*/
.sideimg {
	margin-bottom: 3px;
}

/*サイド見出し*/
.side_h {
	margin: 18px 0 3px 0;
	height: 29px;
	width: 200px;
}
.side_h span {
	display: none;
}
/*らくらくショッピング（見出し）*/
#rakuraku {
	background: url(../images/common/rakuraku.gif) no-repeat;
	margin-top: 15px;
}
/*ご購入サポート（見出し）*/
#support {
	background: url(../images/common/support.gif) no-repeat;
}
/*皇潤インフォメーション（見出し）*/
#koujun_info {
	background: url(../images/common/koujun_info.gif) no-repeat;
}
/*お得な情報（見出し）*/
#info {
	background: url(../images/common/info.gif) no-repeat;
}
/*人気商品ランキング（見出し）*/
#rank {
	background: url(../images/common/rank.gif) no-repeat;
}
/*おすすめ情報（見出し）*/
#osusume_info {
	background: url(../images/common/osusume.gif) no-repeat;
}

/*おすすめの新商品紹介（見出し）*/
#side_new{
	background: url(../images/common/new.gif) no-repeat;
}

/*オススメ商品紹介（見出し）*/
#syoukai { background: url(../images/common/syoukai.gif) no-repeat; }

/*角丸背景*/
#member_top {
	width: 190px;
	background: transparent url(../images/common/member_top.gif) repeat-y center top;
	text-align: center;
	padding: 12px 5px 5px 5px;
}

#member_top strong.welcome{
	display:block;
	text-align: left;
	margin-bottom:10px;
}

#member_top p {
	text-align: left;
	margin:0 3px 10px 3px;
}

#member_top p.mem_menu{
	font-size:10px;
	font-family:'ＭＳ ゴシック','Osaka-等幅';
}
#member_top p.mem_menu a{
	text-decoration:none;
	color:#000;
}
#member_top p.mem_menu a:hover{
	color:#f00;
	text-decoration: underline;
}

#member_bottom {
	height: 6px;
	width: 200px;
	background: transparent url(../images/common/member_bottom.gif) no-repeat center top;
}
/*フッタ上*/
#footer1 {
	width: 800px;
	border-top: 1px dotted #f00;
	clear: both;
	padding: 6px 0;
	margin-top: 20px;
	position: relative;
}

.foot_set {
	width: 290px;
	float: left;
	margin-right: 10px;
}
.foot_set p {
	font-size: 11px;
	color: #000;
}
.logo {
	float: left;
	margin-right: 5px;
}

/*ボタン*/
#foot_bns1 {
	position: absolute;
	top: 10px;
	right: 1px;
}

#foot_bns2 {
	position: absolute;
	top: 30px;
	right: 0;
}
#foot_bns3 {
	position: absolute;
	top: 30px;
	right: 0;
}

/*フッタ下*/
#footer2 {
	line-height:1.3;
	clear: both;
	width: 800px;
	border-top: 2px solid #f00;
	text-align: center;
	padding: 16px 0 10px 0;
	background: url(../images/common/copy.gif) no-repeat 604px 5px;
	font-size: 11px;
}

#footer2 a {
	color: #000;
	background: url(../images/common/link1.gif) no-repeat left center;
	padding: 4px 0 0 9px;
	text-decoration: none;
	margin-left: 5px;
}

#footer2 a:hover {
	font-size: 11px;
	color: #f00;
	background: url(../images/common/link2.gif) no-repeat left center;
	padding: 4px 0 0 9px;
	text-decoration: underline;
	margin-left: 5px;
}


/*インフォメーションエリア*/
div#information {	
	margin-top:10px;
	border:0;
}

div#information dl {
	width:803px;
	margin: 0;
	border:0;
	padding: 0;
	background: url("../images/common/bg_information.jpg")  no-repeat 0 0;
}

div#information dl dt{
	width:165px;
	height:32px;
	float: left;
	clear:left;
	display:inline;
	background: url("../images/common/i_information.jpg") no-repeat 0 0;
	text-indent:-9999em;
}

div#information dl dd{
	width:635px;
	height:32px;
	padding:9px 0 0 0;
	zoom: 1;
	margin:0 0 0 165px;
	background: url("../images/common/bg_information.jpg")  no-repeat 0 0;
}

div#information dl dd p{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

div#information dl dd ul{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	height:32px;
}

div#information dl dd li{
	list-style:none;
}

/*IE以外モダンブラウザ*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*IE7・Mac版IE5*/
.clearfix {
	display: inline-block;
}
/*IE6以前*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*キャンペーン・ご愛用者ボタン*/
.list_box3{

}
.list_box3 img{
	margin-bottom:5px;
}

/*SEO対策フッタリンク*/
p#ft_link {
	font-size: 11px;
	text-align: center;
}

/*バナーエリア*/
div#bana_area {
	width: 700px;
	padding: 10px 50px;
}


/*float*/
.f_left{float:left;}
.f_right{float:right;}

/*フォントスタイル*/
.f10{font-size:10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mr17{margin-right:17px;}
.mr20{margin-right:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

/* MODAN BROWZER clearfix */
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}
/* MacIE5,WinIE7 clearfix */
.clearfix { display:inline-block; }
/* Hide from MacIE */
* html .clearfix { height: 1em; }
.clearfix { display: block; }
/* End Hide from MacIE */


/* お客様の声　注意書き */
.voice_attention{
	text-align:right;
	font-size:12px;
	margin-bottom:10px;
}