@charset "utf-8";
/* 共通CSS -----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
/* よく登場する要素のリセット -----------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
/* テキストエリア内文字サイズのブラウザ間での差異をなくす -----------------------------------------------*/
textarea { font-size: 100%; }
/* 画像の下にできる隙間をなくす -----------------------------------------------*/
img {
	vertical-align: bottom;
}
/* リンク表示リセット -----------------------------------------------*/
a {
	text-decoration: none;
	outline: none;
	overflow: hidden;
	color:#333;
}
a:link { color:#333; }
a:visited { color:#333; }
a:hover {
	color:#333;
	text-decoration: underline;
	}
a:active { color:#333; }
a:hover img {
	opacity: 0.8;
}

/* table内の文字を通常フォントにする -----------------------------------------------*/
table {	font-size: 1.0em;}
/* ↓ color 全ページ共通 ----↓ -----------------------------------------------*/
.f_red { color:#C30;}
.f_red_b {
	color: #CC0000;
	font-weight: bold;
}
.f_blue_b {
	color: #084ff0;
	font-weight: bold;
}
.f_orange { color:#ffa200;}
.f_brown { color: #960;}
.f_gray { color: #CCC;}
.f_bold { font-weight: bold;}
.bg_blue { background-color: #EEF9FF;}
.bg_gray { background-color: #EFEFEF; }
.bg_yellow { background-color: #FFFEEE; }
.bg_white { background-color: #FFFFFF; }
.bg_pink { background-color: #fee6fe; }
.text_left { text-align: left;}
.text_right { text-align: right;}
.text_center { text-align: center;}
/* body -----------------------------------------------*/
body {
	text-align: center;
	background: url(../image/common/body_bg.gif) repeat center top;
	font-size: 12px;
	font-family: "HG丸ゴシックM-PRO", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* #wrapper -----------------------------------------------*/

div#wrapper {
	width: 1200px;
	margin: 0 auto;
}

/* #container -----------------------------------------------*/

div#container {
	width: 1000px;
	margin: 0 auto;
}

/*#header -----------------------------------------------*/

#header_wrap {
	width: 1000px;
	height: auto;
}
h1 {
	text-align: right;
	font-size: 10px;
}
#header1 {
	background: url(../image/common/header_bg.gif) no-repeat bottom right;
	position: relative;
}
div#header1 h2#head_logo {
	text-align: left;
}
div#header1  p.other_navi {
	position: absolute;
	top : 45px;
	right: 20px;
	letter-spacing: 0.1em;
}

/* ナビ */
h3 {
	padding: 15px 0 0 10px;
}

/* fontサイズ変更 */

div#header2 {
	height: 40px;
	position: relative;
}
div#header2 ul.bookmark {
	background: #FFFFFF;
	padding: 2px 5px;
	position: absolute;
	top: 5px;
	right: 160px;
}
div#header2 ul.bookmark li {
	float:left;
	margin-right: 6px;
}
div#header2 ul.font_size {
	position: absolute;
	top: 8px;
	right: 30px;
}
div#header2 ul.font_size li {
	float:left;
	margin-right: 2px;
}
div#header2 ul li.normal {
	margin-right: 4px;
}
div#header2 ul li.normal a:hover {
	background: url(../image/common/icon_normal_on.gif) no-repeat top left;
}
div#header2 ul li.big a:hover {
	background: url(../image/common/icon_big_on.gif) no-repeat top left;
}
div#header2 ul.font_size a { display:block; }
div#header2 ul.font_size a:hover { background-color:transparent; }
div#header2 ul.font_size a:hover img { visibility:hidden; }

/* #contents -----------------------------------------------*/

div#contents {
	background: #FFFFFF;
	padding: 30px 15px;
}
/* #side -----------------------------------------------*/

div#side_wrap {
	float: left;
	width: 200px;
	position: relative;
}
div.side_box {
	width: 100%;
	margin-bottom: 20px;
}
div.item p.item_text {
	margin-top: 10px;
	padding-left: 16px;
	background: url(../image/common/icon_arrow01.gif) no-repeat;
}
div.item ul,
div.info ul,
div.rank ul {
	width: 200px;
}
div.item ul li a {
	width: auto;
	height: 40px;
	margin-bottom: 6px;
	display: block;
}

/*インフォメーション*/
div.info ul {
	width: auto;
	margin-top: 10px;
}
div.info ul li.info1 a,
div.info ul li.info2 a,
div.info ul li.info3 a,
div.info ul li.info4 a {
	height: 30px;
	margin-bottom: 6px;
	display: block;
}
div.info ul li.info5 a {
	height: 72px;
	margin-bottom: 6px;
	display: block;
}

/*売れ筋ランキング*/
div.rank ul {
	margin-top: 10px;
}
div.rank ul li {
	clear: both;
	border: 1px solid #CCC9B6;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
div.rank_left {
	float: left;
	margin: 5px 0 0 5px;
}
div.rank_right {
	float: left;
	margin: 10px 0 0 5px;
}
div.rank_right p {
	text-align: center;
}
div.rank_right p a {
	color: #F00;
	font-weight: bold;
}

/* #main_wrap -----------------------------------------------*/

div#main_wrap {
	float: left;
	width: 740px;
	margin-left: 30px;
	letter-spacing: 0.1em;
	line-height: 1.4;
}
div#main_top {
	width: 740px;
	padding-top: 30px;
	background: url(../image/item/line_com1.gif) no-repeat top left;
}
body#soap h4 {
	font-size: 24px;
	padding-left: 30px; 
	background: url(../image/common/h4_soap.gif) no-repeat top left;
}
body#goods h4 {
	font-size: 24px;
	padding-left: 30px; 
	background: url(../image/common/h4_goods.gif) no-repeat top left;
}
body#cosme h4 {
	font-size: 24px;
	padding-left: 30px; 
	background: url(../image/common/h4_cosme.gif) no-repeat top left;
}
body#other h4 {
	font-size: 24px;
	padding: 20px 30px 10px;
	background: url(../image/item/line_com2.gif) no-repeat top left;
	border-bottom: 1px solid #ACA899;
}

/*商品購入ボタン（ページ下）*/
div.buttom_wrap {
	clear: both;
	width: 100%;
	margin: 20px 0px;
	}
	div.buttom_wrap table {
		width: 100%;
		}
		div.buttom_wrap table th {
			font-size: 14px;
			font-weight:bold;
			}
			body#soap div.buttom_wrap table th span.f_color {
				color: #FC3;
			}
			body#goods div.buttom_wrap table th span.f_color {
				color: #0CF;
			}
			body#cosme div.buttom_wrap table th span.f_color {
				color: #C9C;
		}
		div.buttom_wrap table td.price {
			padding-left: 20px;
}
/* 修正点始まり -----------------------------------------------*/

div.search{
	width: 200px;
	height: 40px;
	margin-bottom: 6px;
	display: block;
}

div.buttom_wrap table td img {
margin: 5px;
float: left;
}
div.buttom_wrap table td input {
margin: 5px;
float: left;
clear: both;
}

div#sitemap_wrap {
	float: left;
	width: 950px;
	margin-left: 30px;
	letter-spacing: 0.1em;
	line-height: 1.4;
}

div.propose_wrap table td img {
margin: 5px;
float: left;
}
div.propose_wrap table td input {
margin: 5px;
float: left;
clear: both;
}

.text_color_red {
	color: #C30;
	font-weight: bold;
}

.ko_title{
	float: left;
    padding:10px 20px 15px 0px; 
}

.ko_text_info{
	float: left;
    padding:15px 20px 0px 2px; 
	margin-left: 20px;
}

.koso_img{
	float: left;
    padding:10px 20px 0px 4px; 
}


.ko_text{
	float: left;
    padding:30px 10px 10px 4px; 
}

.ko_text2{
	float: left;
    padding:10px; 
}

/*成分説明*/
table.ingredient {
	width: 90%;
	margin: 20px 20px 0px;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #CCC9B6;
	}
	table.ingredient th,
	table.ingredient td {
	padding: 10px 20px;
	border: 1px solid #CCC9B6;
	font-size: small;
	}
	table.ingredient th {
		width: 25%;
		text-align: left;
		background: #ECEBE3;
	}
	table.ingredient td span.name {
		font-size: 16px;
}

/*セールスポイント*/
	div.salespoint {
		margin-top: 20px;
		width: 700px;
		padding: 20px 10px 4px 10px;
		border: 0px solid #CCC9B6;
		background: url(../image/common/menu_top4.gif) repeat top left;
		}

/*商品購入・案内*/
div.shoping_wrap {
		padding-top: 20px;
		background: url(../image/item/line_com1.gif) no-repeat top left;		
	}
	div.shoping_wrap table td img {
        margin: 5px;
        float: left;
		clear:both;
    }
    div.shoping_wrap table td text {
		padding-top: 0px 10px 0px 6px;
		margin: 4px;
    }
	
/*愛用者の声*/
	div.voice {
		margin-top: 20px;
		width: 700px;
		padding: 20px 10px 0px 10px;
		border: 1px solid #CCC9B6;
		background: url(../image/common/menu_top4.gif) repeat top left;
		}
		
/*indedxページ*/
.index_img {
	padding:10px;
	clear:both
}

.index_text {
	text-align: left;
	padding:2px 12px 6px 12px;
}

.footer_text {
	text-align: left;
	padding:60px 4px 4px 280px;
	font-size:10px;
}
		
/* 修正点終わり -----------------------------------------------*/
/* ページトップへ -----------------------------------------------*/
p.pagetop {
	clear: both;
	text-align: right;
	padding-top: 30px;
	font-size: 11px;
}

/*footer-----------------------------------------------*/

div#footer {
	clear: both;
	width: 1200px;
	background: url(../image/common/footer_bg.gif) no-repeat center top;
}
div#footer address {
	text-align : center;
	padding-top : 30px;
}
/* clearfix ----------------------------------------------------*/

.clearfix:after {  
  content: "";  
  clear: both;  
  display: block;
	line-height: 0;
  height: 0;
  visibility: hidden;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */