/* --- 基本設定 ---------------------------------------------- */

html{ min-width: 860px; }

body{
	font-size:12px;
	line-height:13px;
	color:#666;
	background : url(image/decoration/bg.gif) repeat-y center top;
	scrollbar-3dlight-color:#999;
	scrollbar-arrow-color:#999;
	scrollbar-base-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-face-color:#FFF;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#999;
}

table{
	font-size:12px;
	line-height:13px;
	color:#666;
}

a{ color:#F60; }
a:active{ color:#e00; }
a:hover{ color:#F93; }


/* --- タグ設定 ---------------------------------------------- */

a.noline{ text-decoration:none; }
a:hover.noline{ color:#F93;text-decoration:underline; }
a.noline2{ text-decoration:none; }
a:hover.noline2{ color:#F93;text-decoration:none; }

hr{ width:840px; }

input,textarea{
	font-size:13px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
}


/* --- 個別設定 ---------------------------------------------- */

.red{ color:#C00; }
.darkorange{ color:#F60; }
.orange{ color:#F93; }
.lightorange{ color:#FC6; }
.darkbrown{ color:#300; }
.brown{ color:#630; }
.lightbrown{ color:#C96; }
.kahki{ color:#DC9; }
.purple{ color:#865; }
.darkgray{ color:#333; }
.gray{ color:#666; }
.normalgray{ color:#999; }
.lightgray{ color:#CCC; }
.dark{ color:#321; }
.normal{ color:#654; }
.light{ color:#987; }
.white{ color:#FFF; }

.ft10{ font-size:10px; }
.ft11{ font-size:11px; }
.ft12{ font-size:12px; }
.ft13{ font-size:13px; }
.ft14{ font-size:14px; }
.ft15{ font-size:15px; }
.ft16{ font-size:16px; }
.ft17{ font-size:17px; }
.ft18{ font-size:18px; }
.ft19{ font-size:19px; }
.ft20{ font-size:20px; }

.lh10{ line-height:10px; }
.lh11{ line-height:11px; }
.lh12{ line-height:12px; }
.lh13{ line-height:13px; }
.lh14{ line-height:14px; }
.lh15{ line-height:15px; }
.lh16{ line-height:16px; }
.lh17{ line-height:17px; }
.lh18{ line-height:18px; }
.lh19{ line-height:19px; }
.lh20{ line-height:20px; }

.gothic{ font-family:'ＭＳ ゴシック','Osaka−等幅'; }
.verdana{ font-family:verdana,'ms ui gothic'; }
.bold{ font-weight:bold; }
.unknown{ display:none; }
.block{ display:block; }
.inline{ display:inline; }

.shadow{
	padding-left:20px;
}
.shadow div{
	padding:0 15px 15px 0;
	background:url(image/decoration/hotitem_back.gif) no-repeat;
	float:left;
}
.shadow a{
	display:block;
}

.image_shadow{
	padding:0 5px 5px 0;
	background:url(image/decoration/image_back.gif) no-repeat;
}
.image_shadow a{
	display:block;
}

.image_shadow2{
	margin-top:10px;
}
.image_shadow2 a{
	display:block;
}
.image_shadow2 a img{
	border-style:dashed;
	border-width:1px 1px 1px 1px;
	border-color:#CCC;
}
.image_shadow2 a:hover img{
	border-color:#FC6;
}

/* NEW!! */

.news{ color:#F30;font-size:10px; }

/* HIT! */

.hits{ color:#F60;font-size:10px; }
}

/* 枠(実線) */

.solid{
	padding:10px;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
}

/* 枠(点) */

.dash{
	padding:10px;
	border-style:dashed;
	border-width:1px;
	border-color:#CCC;
}

/* 枠(丸) */

.dot{
	padding:10px;
	border-style:dotted;
	border-width:2px;
	border-color:#CCC;
}

/* 枠(二重) */

.double{
	padding:10px;
	border-style:double;
	border-width:3px;
	border-color:#CCC;
}

/* サイドライン(実線) */

.side_solid{
	border-style:solid;
	border-width:0px 1px;
	border-color:#CCC;
}

/* アンダーライン(実線) */

.under_solid{
	line-height:20px;
	padding-bottom:2px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#CCC;
}

/* アンダーライン(点) */

.under_dash{
	line-height:20px;
	padding-bottom:2px;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#CCC;
}

/* アンダーライン(丸) */

.under_dot{
	line-height:20px;
	padding-bottom:2px;
	border-bottom-style:dotted;
	border-width:2px;
	border-color:#CCC;
}

/* アンダーライン(二重) */

.under_double{
	line-height:20px;
	padding-bottom:2px;
	border-bottom-style:double;
	border-width:3px;
	border-color:#CCC;
}

/* 上ライン(実線) */

.top_solid{
	line-height:20px;
	border-top-style:solid;
	border-top-width:1px;
	border-color:#CCC;
}

/* 上下ライン(実線) */

.tu_solid{
	padding:2px 0px;
	border-style:solid;
	border-width:1px 0px;
	border-color:#CCC;
}

/* ++ 背景ライン(F:13px L:20px) ++ */

.back_line{
	background-image:url(image/decoration/back_line_20_eeeeee.gif);
}

/* ++ 矢印 ++ */

.yajirusi{ background:url(image/icon/yajirusi.gif) no-repeat; }
.yajirusi a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi0{ background:url(image/icon/yajirusi0.gif) no-repeat; }
.yajirusi0 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi1{ background:url(image/icon/yajirusi1.gif) no-repeat; }
.yajirusi1 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi2{ background:url(image/icon/yajirusi2.gif) no-repeat; }
.yajirusi2 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi3{ background:url(image/icon/yajirusi3.gif) no-repeat; }
.yajirusi3 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi4{ background:url(image/icon/yajirusi4.gif) no-repeat; }
.yajirusi4 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi5{ background:url(image/icon/yajirusi5.gif) no-repeat; }
.yajirusi5 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.yajirusi6{ background:url(image/icon/yajirusi6.gif) no-repeat; }
.yajirusi6 a:hover{ background:url(image/icon/yajirusi6-1.gif) no-repeat; }
.paw{ background:url(image/icon/paw.gif) no-repeat; }
.paw a:hover{ background:url(image/icon/paw-1.gif) no-repeat; }

/* ++ 注意事項 ++ */

.caution{
	font-size:13px;
	line-height:16px;
	color:#666;
	text-align:left;
	width:625px;
	max-width:605px;
	padding:50px 10px 10px 10px;
	margin-top:10px;
	border-style:solid;
	border-color:#CCC;
	border-width:0 0 2px 0;
	background:url(image/decoration/caution.gif) no-repeat #F5F5F5;
}
.caution b{ color:#555; }
.caution img{
	margin-right:10px;
	border:solid 1px #CCC;
}
.caution a:hover img{ border-color:#FC6; }



/* =========================================================== */


/* --- ヘッダー ---------------------------------------------- */

.header{
	background:url(image/decoration/bg_head.gif) repeat-y center top #FFF;
}

.header a.link{ 
	font-size:25px;
	background-color:#FFF;
	text-decoration:none;
}
.header a:hover.link{
	background-color:#FC6;
	text-decoration:none;
}

.header a.kago{ 
	display:block;
	width:122px;
	height:38px;
}
.header a:hover.kago{
	background:url(image/top/join_us_11_2.gif) no-repeat;
}


/* --- フッターリンク ---------------------------------------- */

a.footer{
	font-size:12px;
	color:#333;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-decoration:none;
}
a:hover.footer{ color:#333;text-decoration:underline; }


/* --- 検索フォーム ------------------------------------------ */

input.search{
	font-size:13px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
}


/* --- 左メニュー -------------------------------------------- */


/* Shopping Menu */

a.menu{
	display:block;
	width:100%;
	font-size:12px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-decoration:none;
	color:#444;
}
a:hover.menu{
	color:#F60;
	text-decoration:none;
	background-color:#F5F5F5;
}

.menu_side{
	border-style:solid;
	border-width:0px 1px;
	border-color:#DDD;
}

.menu_side2{
	margin:2px 0px;
	padding-top:0px;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#DDD;
	background-color:#FFF;
}

.menu_side_bg{
	background-color:#DDD;
}


/* 階層 */

a.menu2{
	text-decoration:none;
	color:#444;
	display:block;
	padding:3px 0px 3px 5px;
}
a:hover.menu2{
	color:#F60;
	text-decoration:none;
	background-color:#F5F5F5;
}

.select{
	visibility:hidden;
	position:absolute;
}

.kaiso{
	position:absolute;
	width:170px;
	top:-10px;
	left:-11px;
	padding:0px;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	border-color:#CCC;
	font-size:10px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	line-height:15px;
	text-align:left;
	background-color:#FFF;
	/* filter: Alpha(opacity=90); */
}

.border{
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
}


/* Quick Search & Information */

.menu_margin_l{ margin:0 5px; }
.menu_line{
	padding-bottom:6px;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#DDD;
}

a.menu0{
	font-size:12px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-decoration:none;
	color:#444;
	display:block;
	padding-left:15px;
	margin-top:6px;
}
	a:hover.menu0{
	color:#F60;
	text-decoration:none;
	background-color:#FFF;
}


/* Pick Up!! */

a.menu1{
	font-size:12px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-decoration:none;
	color:#444;
	display:block;
	width:158px;
}
a:hover.menu1{
	color:#F60;
	text-decoration:none;
}


/* --- WHAT'S ------------------------------------------------ */

.whats{
	padding:10px 0 0 0;
	border-top-style:solid;
	border-top-width:3px;
	border-color:#DDD;
	background-image:url(image/decoration/leaf.gif);
	float:left;
}

.whats div{
	width:350px;
	max-width:340px;
	padding:0 5px 7px 5px;
	margin-bottom:7px;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-color:#DDD;
}

.whats div.whats_borderline{
	border-bottom-style:solid;
	border-bottom-width:2px;
}

.whats div.whats_end{
	margin-bottom:0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.whats a{ 
	font-size:13px;
	color:#444;
	text-decoration:none;
	display:block;
}
.whats a:hover{
	color:#CCC;
}

.whats span{ 
	font-size:11px;
	font-family:verdana,'ms ui gothic';
	color:#F93;
}

.whats img{ 
	margin-right:5px;
}


/* --- HOT ITEM ---------------------------------------------- */

.hotitem{
	float:left;
	padding:7px;
	margin:0px 0 0 20px;
	border-style:solid;
	border-width:3px;
	border-color:#DDD;
}

.hotitem a{
	width:260px;
	max-width:253px;
	height:60px;
	padding:3px;
	font-size:10px;
	color:#666;
	text-decoration:none;
	background-color:#F5F5F5;
	display:block;
}
.hotitem a:hover{
	text-decoration:none;
	color:#F93;
	background-color:#FFF;
}

.hotitem div{
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-color:#DDD;
}

.hotitem_text{
	margin:-60px 5px 0 80px;
	display:block;
}

.hotitem_textline{
	color:#666;
	font-size:12px;
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#CCC;
	padding-bottom:3px;
	margin:5px 0 5px 0;
	display:block;
}


/* --- カテゴリーリンク -------------------------------------- */

.category{
	font-size:10px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	float:left;
}

.category a{
	width:180px;
	max-width:170px;
	padding:3px 5px;
	margin:0 10px;
	color:#DDD5C5;
	text-decoration:none;
	margin-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#DDD;
	display:block;
}
.category a:hover{
	color:#FC6;
	text-decoration:none;
	border-color:#FC6;
}
.category a:hover span{
	color:#F93;
}

.category span{
	color:#666;
	font-size:12px;
}

.category_space{
	margin:0 5px;
}


/* --- NEW ITEMS --------------------------------------------- */

.new{
	width:200px;
	max-width:174px;
	padding:5px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-color:#DDD;
}

.new table{
	padding:5px 0;
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#DDD;
}

.new table.end{
	border-width:0;
	padding-bottom:0;
}

.new a img{
	border-style:solid;
	border-width:1px;
	border-color:#EEE;
}
.new a:hover img{
	border-color:#FC6;
}

a.new_text{
	width:117px;
	padding:5px 0;
	margin-left:5px;
	font-size:13px;
	line-height:15px;
	color:#666;
	text-decoration:underline;
	display:block;
}
a:hover.new_text{
	color:#F93;
	text-decoration:underline;
}


/* --- バナー ------------------------------------------------ */

a.banner{
}


a.trial{
	width:420px;
	color:#666;
	font-size:13px;
	line-height:20px;
	text-decoration:none;
	background-image:url(image/decoration/back_line_20_eeeeee.gif);
	display:block;
}
a:hover.trial{
	color:#F93;
	text-decoration:none;
	background-image:url(image/decoration/back_line_20_ffcc66.gif);
}

a.trial img{
	margin-right:10px;
	float:left;
}


/* --- PICK UP ITEMS ----------------------------------------- */

a.pickup{
	display:block;
	padding:5px;
	color:#666;
	font-size:10px;
	line-height:11px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-decoration:none;
}
a:hover.pickup{
	color:#654;
	text-decoration:none;
	background-color:#F5F0E5;
}

.pick_img{
	display:block;
	padding:0px 3px;
}

.pick_title{
	display:block;
	padding:5px 0px 3px;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-color:#DDD5C5;
	color:#654;
	font-size:12px;
}

.pick_title2{
	color:#FC6;
	font-size:10px;
}

.pick{
	display:block;
	padding:5px 3px 3px;
}



/* === 情報ページ ============================================ */


/* 項目タイトル */

.komoku{
	width:640px;
	max-width:630px;
	padding:5px;
	font-size:13px;
	line-height:20px;
	padding-bottom:2px;
	border-bottom-style:dotted;
	border-width:2px;
	border-color:#CCC;
	background-color:#F0F0F0;
}



/* === カテゴリページ ======================================== */


/* ++ 階層リンク ++ */

.kaiso_link{
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-align:left;
	color:#999;
	padding-left:15px;
	background:url(image/icon/yajirusi0.gif) no-repeat left center;
}

.kaiso_link span{
	color:#654;
}

.kaiso_link a.item{
	color:#654;
	text-decoration:none;
}
.kaiso_link a:hover.item{
	color:#F93;
	text-decoration:underline;
}


/* ++ タイトルテキスト ++ */

.title_text{
	width:650px;
	padding:5px 5px 4px 5px;
	border-style:solid;
	border-width:0 1px 1px 0;
	border-color:#CCC;
	background-color:#EEE;
	background-image:url(image/decoration/back_slash_155.gif);
}

.title_text h1{
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	color:#666;
	text-align:left;
	display:inline;
}

.title_text span{
	color:#CCC;
}

.title_text_sub{
	padding-top:5px;
	text-align:right;
}


/* 商品名 */

a.item_name{
	width:305px;
	max-width:291px;
	height:30px;
	max-height:22px;
	padding:8px 0 0 14px;
	font-size:13px;
	color:#333;
	display:block;
	text-decoration:none;
	background:url(image/decoration/back_title_650.gif) no-repeat #FFF;
}
a:hover.item_name{
	color:#F60;
	background-color:#F93;
}

a.item_name img{
	margin-right:3px;
}


/* コメント */

.comment{
	padding-bottom:5px;
	color:#333;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#CCC;
}

.comment0{
	padding:5px;
	font-size:11px;
	line-height:15px;
}


/* お試し画像の枠 */

.sample_img{
	color:#333;
	font-size:11px;
	border-style:dashed;
	border-width:1px;
	border-color:#CCC;
	display:block;
}
a.sample_img:hover{
	border-color:#FC6;
}

.sample_img img{
	margin-right:3px;
}



/* === 商品ページ ============================================ */


/* ページタイトル */

.page_title{
	width:625px;
	color:#321;
	font-size:32px;
	line-height:35px;
	margin:0px 0px 5px 0px;
	padding-bottom:2px;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#987;
}


/* 説明文上 */

.explain1{
	padding:0px 20px;
	color:#555;
	font-size:13px;
	line-height:15px;
}


/* 説明文下 */

.explain2{
	width:625px;
	max-width:573px;
	padding:5px 25px;
	font-size:13px;
	line-height:16px;
	border-style:solid;
	border-width:0px 1px;
	border-color:#CCC;
	background-color:#F5F5F5;
}

.explain2_bg{
	background-color:#F5F5F5;
}


/* 商品名 */

h3{
	margin-bottom:7px;
	padding:7px 0px 4px 7px;
	color:#654;
	font-size:16px;
	line-height:22px;
	border-style:double;
	border-width:0px 0px 0px 7px;
	border-color:#654;
	background : url(image/decoration/back.gif);
	/* background-color:#F5F0E5; */
}


/* コメント */

.comment1{
	width:625px;
	font-size:10px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	text-align:right;
}

.comment2{
	width:625px;
	padding:0px;
	font-size:12px;
}

.comment3{
	padding:10px;
	color:#6F6666;
	line-height:20px;
	border-style:dotted;
	border-width:2px;
	border-color:#CFCCCC;
	background-color:#F9F5E9;
}


/* ++ お知らせページ ++ */

.info{
	padding:12px;
	font-size:13px;
	border-style:double;
	border-width:4px;
	border-color:#CCC;
	background-color:#F9F9F9;
}

.info2{
	color:#444;
	font-size:13px;
	line-height:25px;
	padding-bottom:3px;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#CCC;
}


/* サブタイトル */

.sub1{
	color:#987;
	font-size:12px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
}

.sub2{
	padding-bottom:3px;
	color:#987;
	font-size:12px;
	font-family:'ＭＳ ゴシック','Osaka−等幅';
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#CCC5B5;
}


/* 画像の枠 */

.border_img{
	display:block;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
}


/* 画像2 */

.etc_image{
	color:#321;
	font-size:13px;
	line-height:16px;
}

.etc_image2{
	font-size:10px;
	line-height:13px;
}


/* 画像について */

.screen{
	padding:10px;
	font-size:11px;
	line-height:12px;
	color:#999;
	border-style:dashed;
	border-width:1px;
	border-color:#CCC;
	background-color:#FFF;
}


/* 成分等 */

.material{
	padding:0px 10px;
	line-height:16px;
	border-style:solid;
	border-width:0px 1px;
	border-color:#CCC;
	background-color:#F5F5F5;
}

.material_bg{
	background-color:#F5F5F5;
}


/* 種類別 */

.kinds{
	padding:1px 0px 1px 2px;
	font-size:13px;
	color:#654;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#DDD5C5;
	background-color:#F5F0E5;
}