@charset "shift_jis";

/* CSS Document */


/* ************************************************************************** */
/* ページ全体の設定 */
/* ************************************************************************** */

*{
	margin:0;
	padding:0;
	border:0;
}
html,body {
	height: 100%;
	font-size:10pt;
	font-family:"メイリオ", Avenir , "Open Sans" , "Helvetica Neue" ,Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"Meiryo UI" , Avenir , Meiryo , "ＭＳ Ｐゴシック" ,"MS PGothic" , sans-serif;
	color:#333333;
	background-color:#FFFFFF;
}

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

a:visited {
	color:#006633;
	text-decoration:none;
} 
a:active {
	color: #FF0000;
	text-decoration:underline;
} 
a:hover {
	color: #cccccc;
	text-decoration:underline;
} 

img{
	border:none;
}

dt{
	font-weight:bold;
	line-height: 1.4em;
	
}


/* ************************************************************************** */
/* レイアウト設定 */
/* ************************************************************************** */

/*　ヘッダー用　*/
#header{
	width:100%;
}
/*　左カラム用　*/	
#sidebarLeft{
	width:21%;
	float:left;
	text-align:center;
}
/*メインコンテンツ用*/
div#container{
	position:relative;
	width:900px;
	top:10px;
}
/*　インデックスページ用　*/	
#content{
	left:21%;
	width:49%;
	float:left;
	text-align:center;
}
/*　コンテンツページ用　*/
#content02{
	left:21%;
	width:75%;
	float:left;
	text-align:left;
}

#content02 p,ol,ul,li,dl,dd,dt{
	line-height:1.5em;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	margin-bottom:10px;
}

/*　右カラム用　*/	
#sidebarRight{
	width:21%;
	float:right;
}
/*　フッター用　*/	
#footer{
	width:100%;
	clear:both;
	height:35px;
	color: #73BE1E;
	text-align: center;
	vertical-align:middle;
}
	
/* ************************************************************************** */
/* ヘッダー部分の設定 */
/* ************************************************************************** */

/*ロゴ表示設定*/
div#logo{
	width:300px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
	background:#fff url(img/title-300-60.jpg) no-repeat top left;
	text-indent:-9999px;
}
div#logo a{
	display:block;
	width:300px;
	height:60px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
div#logo p{
	margin:0;
	padding:0;
}

/*キャッチコピー*/
div#catchcopy{
	float:left;
	font-size:12pt;
 	margin:0;
             color:blue;
}

/*カートの中身アイコン*/
.cart{
	padding: 0px 0px 5px 0px;
}

/*グローバルナビゲーション設定*/
div#menu{
	text-align:left;
}

/*パンくずリスト*/
div#navi{
	clear:both;
	width:900px;
	height:34px;
	background:#73BE1E url(img/green_bar.gif) no-repeat top right;
	color:#CCCCCC;
}

.gnavi{
	width:900px;
	height:10px;
	background-color:#FFFFFF;
	color:#CCCCCC;
}
.gnavi a{
	padding-left:180px;
	vertical-align:middle;
	color:#CCCCCC;
	text-decoration:underline;
}

/* ************************************************************************** */
/* 左カラムの設定 */
/* ************************************************************************** */

/*左カラム設定*/
#left_menu {
	width:150px;
	margin:auto;
	margin-bottom:10px;
	background:#fff url(img/l_box_bg.gif) repeat-y;
	border-style:none none solid ;
	border-width:1px;
	border-color:#CCCCCC;	
}
.l_box {
	width:138px;
}

p.osusume {
	line-height: 1.4em;
	text-align:left;
	padding:5px;
	margin:auto;	
}
span.point{
	padding:5px;
}

/*　ベリサイン用　*/
.verisign{
	width:150px;
	text-align:left;
	margin:auto;	
	font-size:12px;
}

.verisign h6{
	font-weight:bold;
	color:#FF9900;
	font-size:12px;
}




/* ************************************************************************** */
/* インデックスの商品表示設定 */
/* ************************************************************************** */

/* ネスケでのズレ対策 */
.main_box{
	width:500px;
}

/*一押し商品用*/

div#main_item{
	width:500px;
	height:310px;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff;
	border-color:#999999;
           
}

/*　一押し商品名　*/
.main_name{
	width:500px;
	height:20px;
	color:#FFFFFF;
	background-image:url(img/itiosi.gif);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	padding-bottom:5px;     
}

/*　バナー表示用　*/
div#item_container{
	width:500px;
	margin:auto;
}

/*　バナーまとめ用　*/
.item_box{
	width:50%;
	float:left;
	padding-top:5px;
}

/*　商品名 01〜08　*/
.item_name01{
	width:245px;
	height:28px;
	color:fuchsia;
	background:#ffcedc url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	text-align:left;
	font-size:9px;
}

.item_name02{
	width:245px;
	height:28px;
	color:green;
	background:#8FBC8F url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

.item_name03{
	width:245px;
	height:28px;
	color:blue;
	background:#98ccff url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

.item_name04{
	width:245px;
	height:28px;
	color:black;
	background:#ccc url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

.item_name05{
	width:245px;
	height:28px;
	color:#99FFFF;
	background:#98ccff url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

.item_name06{
	width:245px;
	height:28px;
	color:#99FF66;
	background:#ccc url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

.item_name07{
	width:245px;
	height:28px;
	color:#FFFF00;
	background:#98ccff url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

.item_name08{
	width:245px;
	height:28px;
	color:#FF66FF;
	background:#ccc url(img/midasi.gif) no-repeat top left;
	vertical-align:middle;
	font-size:9px;
	text-align:left;
}

/*　商品バナー表示 01〜08　*/

.item_bar01{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
     /*	background-image:url(mtncoffee/mtncoffee_bar.jpg);   */
	color:#999999;
}
.item_bar02{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
    /*	background-image:url(img/bar/hairmax_bar.jpg);   */
	color:#999999;
}
.item_bar03{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
   /*	background-image:url(img/bar/drpet_bar.jpg);   */
	color:#999999;
}
.item_bar04{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
   /*	background-image:url(img/bar/irav_bar.gif);    */
	color:#999999;
}
.item_bar05{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
   /*	background-image:url(img/bar/drpet_bar.jpg);   */
	color:#999999;
}
.item_bar06{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
   /*	background-image:url(img/bar/irav_bar.gif);    */
	color:#999999;
}
.item_bar07{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
   /*	background-image:url(img/bar/drpet_bar.jpg);   */
	color:#999999;
}
.item_bar08{
	width:243px;
	height:65px;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
   /*	background-image:url(img/bar/irav_bar.gif);    */
	color:#999999;
}
/* ************************************************************************** */
/* 右カラムの設定 */
/* ************************************************************************** */

/*右カラム設定*/
#right_menu {
	width:180px;
	margin:auto;
	margin-bottom:10px;
	background:#fff url(img/r_box_bg.gif) repeat-y;
	border-style:none none solid ;
	border-width:1px;
	border-color:#CCCCCC;	
	text-align:center;
}
.r_box {
	width:168px;
	padding:5px;
	text-align:left;
}


/* ************************************************************************** */
/* ページ装飾の設定 */
/* ************************************************************************** */

/*　見出し装飾　*/
h1 {
	font-size:14pt;
	color: #009900;
	padding: 8px;
	border-top: 1px solid #009900;
	border-bottom: 1px solid #009900;
	border-left: 10px solid #009900;
	border-right: 10px solid #009900;
}

h2 {
	font-size:13pt;
	color: #009900;
	padding: 8px;
	border-bottom: 1px solid #009900;
	border-left: 10px solid #009900;
}

h3 {
	font-size:12pt;
	color: #009900;
	padding: 8px;
	border-left: 10px solid #009900;
}

/*　ライン装飾　*/
hr {
	border-style: dotted none none none; 
	border-top-width: 3px; 
	border-top-color: #73BE1E; 
	height: 3px;
	padding:5px;
}

/*　サイトマップ配置用　*/
.three_parts{
	float:left;
	width:33%;
}

/* ************************************************************************** */
/* 商品ページの装飾設定 */
/* ************************************************************************** */

/*　******** 商品部分 ********　*/

.item_float{
	float:left;
	width:49%;
}

.float_clear{
	clear:both;
}

/*　成分表示　*/
.element {
	background-color:#E6F2F0;
	border-style:dashed;
	border-width:1px;
	padding:5px;
	line-height: 1.4em;	
	float:left;
	margin:0;
}

/*　商品情報まとめ背景設定　*/
.buy{
	padding:5px;
	background-color:#E7E7E7;
	border-bottom:5px solid #FF3300;
	clear:both;
	margin-top:10px;
}

/*　販売個数　*/
.sales_number{
	font-size:20pt;
}

/*　商品名　*/
.commodity_name{
	font-size:15pt;
	font-weight:bold;
	color: #FF3300;
	padding:5px;
}

/*　価格　*/
.price{
	font-size:13pt;
	font-weight:bold;
	color: #333333;
}

/*　商品説明装飾　*/
.item_txt {
	color: #FF7171;
	font-weight: bold;
	font-size: 14pt;
}