@charset "utf-8";
@import url("reset.css");
@import url("utility.css");


/*基本
=============================================================*/
html {-webkit-text-size-adjust:none; }
body { font:13px/1.5 "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: #333333; background-color: #FFFFCC; }

* html body {font-size: small;}
*:first-child+html body {font-size: small;}
table { font-size:inherit; font:100%; padding:0; margin:0; }
a { color: #3399CC; }
a:hover { color: #FF3366; text-decoration: underline; }
#wrapper a:hover img{ opacity:0.8; filter: alpha(opacity=75); -ms-filter: "alpha( opacity=75 )";  }
div#wrapper { width: 950px; margin-right: auto; margin-left: auto; margin-top: 15px; }
noscript>p { display: block; background-color: #ffc0cb; color: #f00000; border: 2px solid #f00000; text-align: center; }

/*ヘッダ
=============================================================*/

/*ヘッダカラーバー・レフトナビ枠色個別設定
=============================================================*/
nav.index,nav.present,nav.watch,nav.mobile{ background-color: #996666 }
#left .watch { border-color:#996666; }
nav.visual { background-color: #6666cc }
#left .visual { border-color:#6666CC; }
nav.audio { background-color: #669966 }
#left .audio { border-color:#669966; }
nav.cable { background-color: #666666 }
#left .cable { border-color:#666666; }
nav.oa_kaden { background-color: #996600 }
#left .oa_kaden { border-color:#996600; }
nav.house { background-color: #cc6600 }
#left .house { border-color:#CC6600; }
nav.music { background-color: #cc6600 }
#left .music { border-color:#cc6600; }
nav.bicycle { background-color: #999966 }
#left .bicycle { border-color:#999966; }
nav.scope { background-color: #663399 }
#left .scope { border-color:#663399; }
nav.pc { background-color: #336699 }
#left .pc { border-color:#336699 }
nav.pc_option { background-color: #996699 }
#left .pc_option { border-color:#996699; }
nav.furniture { background-color: #cc9900 }
#left .furniture { border-color:#CC9900; }
nav.season { background-color: #cc33ff}
#left .season { border-color:#CC33FF; }
nav.ref { background-color: #6666cc}
#left .ref { border-color:#6666CC; }
nav.sentaku { background-color: #999999}
#left .sentaku { border-color:#999999; }
nav.cook { background-color: #009933}
#left .cook { border-color:#339933; }
nav.light { background-color: #cc9933}
#left .light { border-color:#CC9933; }
nav.security { background-color: #669999}
#left .security { border-color:#669999; }
nav.brand { background-color: #cc0066}
#left .brand { border-color:#CC0066; }
nav.baggage { background-color: #993333}
#left .baggage { border-color:#993333; }
nav.ribiyou { background-color: #9900cc}
#left .ribiyou { border-color:#9900CC; }
nav.hobby { background-color: #6699ff}
#left .hobby { border-color:#6699FF; }
nav.novelty { background-color: #33cc33}
#left .novelty { border-color:#33CC33; }
#left .hikouki { border-color: #CC6666 }
nav.tool_work_goods { background-color: #3333ff }
#left .tool_work_goods { border-color:#3333ff; }
nav.carpenters_tools { background-color: #009933 }
#left .carpenters_tools { border-color:#009933; }
nav.food { background-color: #cc9900 }
#left .food { border-color:#cc9900; }
nav.baby { background-color: #ff6600 }
#left .baby { border-color:#ff6600; }
nav.education { background-color: #993333 }
#left .education { border-color:#993333; }


/*緊急告知
=============================================================*/
section#topInfo { border: 1px solid #b7b7b7; background-image: url(../img/common/topinfo_bg.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 950px; margin-right: auto; margin-left: auto; margin-top: 15px; background-color: #e1e1e1;}
#topInfo h2 { float: left; width: 240px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
#topInfo  p { width: 690px; float: left; padding-top: 16px; padding-bottom: 16px; }

/*レフトカラム共通
=============================================================*/
div#left { float: left; width: 200px; margin-right: 15px; }
#left .mini_cart {border-color: #FF9900; font-size: 12px; margin-bottom: 15px; border-width: 0px 1px 1px; border-style: solid; padding: 9px 9px 0px; background-color: #FFFFFF;}
.mini_cart p { padding-bottom: 10px; line-height: 1.2; word-wrap: break-word; word-break: break-all; }
#left .mypagenavi { border-color: #26DC1D; font-size: 12px; margin-bottom: 15px; border-width: 0px 1px 1px; border-style: solid; padding: 9px 9px 0px; background-color: #FFFFFF; }
.mypagenavi p { padding-bottom: 10px; line-height: 1.2; }
#left .calnavi { border-color: #1da8dc; font-size: 12px; margin-bottom: 15px; border-width: 0px 1px 1px; border-style: solid; padding: 9px 9px 0px; background-color: #FFFFFF; }
#right .calnavi { border-color: #1da8dc; font-size: 12px; margin-bottom: 15px; border-width: 0px 1px 1px; border-style: solid; padding: 9px 9px 0px; background-color: #FFFFFF; }
.calnavi p { padding-bottom: 10px; line-height: 1.2; }
#left .kw_search { background-color: #996666; padding-top: 0px; margin-bottom: 15px; }
.kw_search .kw input  { width: 160px; margin-right: auto; margin-left: auto; margin-bottom: 5px; padding: 2px; margin-top: 0px; }
.kw_search .submit input  { margin-bottom: 10px; padding: 2px; display: block; margin-right: auto; margin-left: auto; width: 80px; }
.kw_search p img { margin:auto; padding-bottom: 9px; }
#sideCate  div   { -moz-border-radius: 0px 0px 5px 5px; /* Firefox */ -webkit-border-radius: 0px 0px 5px 5px; /* Safari and Chrome */ border-radius: 0px 0px 5px 5px; border-width:0px 1px 1px 1px; border-style:solid; background-color: #FFFFFF; padding: 9px; margin-bottom: 10px; }
#sideCate p { background-image: url(../img/common/arrow1.gif); background-repeat: no-repeat; background-position: 0px 6px; font-size: 13px; padding-left: 8px; line-height: 1.5; }
#sideCate_mini  div { margin-bottom: 10px; }
#sideNavi a { color: #333333; text-decoration: none; }
#sideNavi a:hover    { color: #FF3366; text-decoration: underline; }
.verisign { margin-top: 20px; margin-bottom: 20px; text-align: center; }
.blogbnr { margin-top: 10px; margin-bottom: 10px; text-align: center; }

/*左カラムetc用
=============================================================*/
#sideCate p.ar { background-image: none; }


/*レフトカラム一覧・詳細用
=============================================================*/
#left .cat_box { -moz-border-radius: 0px 0px 5px 5px; /* Firefox */ -webkit-border-radius: 0px 0px 5px 5px; /* Safari and Chrome */ border-radius: 0px 0px 5px 5px; border-width:0px 1px 1px 1px; border-style:solid; background-color: #FFFFFF; line-height: 1.2; }
#left .cat_box h3 { font-weight: bold; background-color: #FFCC66; padding-top: 8px; padding-right: 9px; padding-bottom: 8px; padding-left: 22px; background-image: url(../img/common/arrow3.gif); background-repeat: no-repeat; background-position: 3px 7px; }
.cat_box ul { padding: 9px 9px 4px; }
.cat_box li { background-image: url(../img/common/arrow1.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 8px; padding-bottom: 5px; }
/*レフトカラムコメント用
=============================================================*/
#left .cat_box h4 { font-weight: normal; font-size: 11px; padding: 3px; }

/*メインカラム
=============================================================*/
div#main { float: right; width: 720px; }

/*パンくずリスト
=============================================================*/
#plist   { background-color: #FFFFFF; border: 1px solid #CCCCCC; background-image: url(../img/common/pl_home.png); background-repeat: no-repeat; background-position: 5px 11px; padding-left: 30px; margin-bottom: 15px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
#plist li { font-size: 13px; padding-left: 5px; display: inline; height: 30px; line-height: 30px; }
#plist a { color: #666666; text-decoration: none; background-image: url(../img/common/pl_arrow.png); background-repeat: no-repeat; background-position: right center; display: inline; padding-right: 15px; padding-left: 0px; height: 30px; }
#plist a:hover { color: #FF3366; text-decoration: underline; }
#plist .home { }

/*おすすめ＆ランキング共通
=============================================================*/
#osusume { padding-left: 10px; padding-top: 10px; border-width:0px 1px 1px; border-style:solid; border-color:#666699; background-color: #FFFFFF; margin-bottom: 10px; }
#osusume .thumb, #ranking .thumb{ margin-bottom: 5px; }
#osusume p, #ranking p{ text-align: center; }
#osusume .price, #ranking .price{ font-size: 14px; color: #CC0000; font-weight: bold; }
#osusume .price span, #ranking .price span{ font-size: 11px; color: #666666; margin-top: 5px; }
#osusume .kataban, #ranking .kataban{ margin-bottom: 5px; word-wrap: break-word; word-break: break-all; }
#ranking{ padding-left: 10px; padding-top: 10px; border-width:0px 1px 1px ; border-style:solid; border-color:#FF9933; background-color: #FFFFFF; margin-bottom: 10px;  }
h3.rank img { margin: auto auto 5px; }

 /*おすすめ＆ランキング２カラム用＋一部商品一覧兼用
=============================================================*/
#main #osusume li,#main  #ranking li{ width: 165px; font-size: 11px; line-height: 1.2; float: left; display: block; padding: 0px 5px 15px; }
#main #osusume p.teika, #main #ranking p.teika, #mainList p.teika { font-size: 11px; color: #666666; margin-bottom: 3px; }
#osusume .thumb img, #ranking .thumb img, #mainList .thumb img { margin-right: auto; margin-left: auto; }

/*ラインナップ共通
=============================================================*/
#lineup h3 { background-color: #e7e0d2; background-image: url(../img/common/leaf_brwn.png); background-repeat: no-repeat; background-position: 5px 4px; padding: 5px 5px 5px 19px; font-size: 12px; line-height: 1em; color: #666633; margin-right: 9px; }
#lineup div { border: 1px solid #996666; padding-left: 9px; background-color: #FFFFFF; padding-top: 9px; }
#lineup ul { padding-top: 10px; font-size: 11px; line-height: 1.2; padding-bottom: 4px; }
#lineup a { color: #666666; text-decoration: none; }
#lineup a:hover { color: #FF3366; text-decoration: underline; }
#lineup li { font-size: 11px; line-height: 1.2; background-image: url(../img/common/arrow1.gif); background-repeat: no-repeat; background-position: 0px 4px; display: inline-block; vertical-align: top; padding-bottom: 6px; padding-left: 6px; }

/*ラインナップ２カラム用
=============================================================*/
#main #lineup h2  { background-image: url(../img/common/lineup_title.png); background-repeat: no-repeat; background-position: 0px 0px; color: #FFFFFF; text-align: right; font-size: 13px; line-height: 1em; font-weight: normal; padding-top: 21px; height: 19px; padding-right: 43px; }
#main #lineup li { width: 210px; padding-right: 10px; }
/* ↓リスト整列用ハック↓ */
* html #lineup li { /* IE 6 */
 display:inline;
 zoom:1;
 }
 *:first-child+html #lineup li{ /* IE 7 */
 display:inline;
 zoom:1;
 }
 
 /*２カラム自由HTML部
=============================================================*/
#main .free img { display: inline; }
#main .free { margin-bottom: 15px; text-align: left; }
#main .free  p { margin-bottom: 10px; }
#main .free table { border-collapse:separate; margin-right: auto; margin-left: auto; }
#main .free td { text-align: left; }

/*フッタ
=============================================================*/
footer#foot { margin-right: auto; margin-left: auto; background-image: url(../img/common/foot_bg.jpg); background-repeat: repeat-x; border-top-width: 6px; border-top-style: solid; border-top-color: #996666; padding-top: 10px; padding-bottom: 10px; }
footer .mark { background-image: url(../img/common/foot_logo.png); background-repeat: no-repeat; width: 950px; margin-right: auto; margin-left: auto; }
footer .left { float: left; padding-left: 100px; width: 280px; }
footer .left p a { font-size: 18px; color: #663333; font-weight: bold; margin-bottom: 5px; text-decoration: none; }
footer .right p { font-size: 11px; line-height: 1.3; }
footer .right { float: right; width: 560px; }
footer address { font-size: 12px; font-style: normal; }
footer ul { padding-bottom: 10px; }
footer  li { background-image: url(../img/common/leaf_brwn.png); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 13px; float: left; font-size: 11px; line-height: 1; width: 117px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; }
footer a { color: #333333; text-decoration: none; }
.pagetop { text-align: right; padding-top: 20px; height: 13px; padding-bottom: 10px; }
.pagetop2 { text-align: right; padding-top: 10px; height: 13px; padding-bottom: 10px; }
.pagetop  img, .pagetop2 img { display: inline; }
h2.hbg_vlt { background-image: url(../img/common/hbg_violet.png); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; font-size: 15px; color: #FFFFFF; line-height: 1em; padding-top: 20px; padding-left: 46px; font-weight: bold; letter-spacing: 0.1em; }
h2.hbg_org { background-image: url(../img/common/hbg_yellow.png); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; font-size: 15px; color: #FFFFFF; line-height: 1em; padding-top: 20px; padding-left: 46px; font-weight: bold; letter-spacing: 0.1em; }
h2.hbg_red { background-image: url(../img/common/hbg_red.png); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; font-size: 15px; color: #FFFFFF; line-height: 1em; padding-top: 20px; padding-left: 46px; font-weight: bold; letter-spacing: 0.1em; }

/*表テーブル用装飾
=============================================================*/
table.hyou { }
.hyou td, .hyou th { border: 1px solid #BFBFBF; padding: 3px; }
.hyou th { font-weight: normal; background-color: #eeeeee; }
.hyou      .noborder_L       { border-left-style: none; }
.hyou    .noborder_R   { border-right-style: none; }
.hyou    .noborder_LR   { border-right-style: none; border-left-style: none; }

/*2カラム 共通バナー用
=============================================================*/
.bnr720 li { margin-bottom: 6px; }
.bnr357 li { margin-bottom: 6px; }
.bnr236 li { margin-bottom: 6px; }
.bnr142 li { margin: 1px; }
#main aside.bnrbox td { padding-bottom: 6px; }
#main aside.bnrbox { padding-bottom: 15px; }

/*2ボックス
=============================================================*/
.box_white { background-color: #FFFFFF; padding: 15px; border: 1px solid #BFBFBF;  -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari and Chrome */ border-radius: 5px; }

/*その他ページ共通
=============================================================*/
h1.page_title { font-size: 18px; line-height: 1.5; background-repeat: repeat-x; background-position: left bottom; background-color: #FFFFFF; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; -moz-border-radius: 5px 5px 0px 0px; /* Firefox */ -webkit-border-radius: 5px 5px 0px 0px; /* Safari and Chrome */ border-radius: 5px 5px 0px 0px; padding-top: 10px; background-image: url(../img/common/pl_bg.jpg); border: 1px solid #BFBFBF; }
h1.page_title2 { font-size: 18px; line-height: 1.5; background-repeat: repeat-x; background-position: left bottom; background-color: #FFFFFF; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari and Chrome */ border-radius: 5px; background-image: url(../img/common/pl_bg.jpg); border: 1px solid #BFBFBF; padding: 10px; margin-bottom: 20px; }
h1.page_title span, h1.page_title2 span { border-left-width: 5px; border-left-style: solid; border-left-color: #FF6600; padding-left: 10px; display: block; }

/*SNSボックス
=============================================================*/
#snsbox { background-color: #FFFFFF; border-right: 1px solid #bfbfbf; border-bottom: 0px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-top: 0px solid #bfbfbf; -moz-border-radius: 0px 0px 0px 0px; /* Firefox */ -webkit-border-radius: 0px 0px 0px 0px; /* Safari and Chrome */ border-radius: 0px 0px 0px 0px;  padding: 0px; margin: 0px; }
#social-buttons { background-color: #ffffff; border-color:#6699ff; border-width:0px 0 2px; border-style:dotted; position:relative; padding-left:10px; padding-top:3px; padding-bottom:2px; padding-right:10px; margin:0px; }
#social-buttons ul li { margin: 0; padding: 2px 10px 0 0; display:block; float:left; }







/*営業日カレンダー用
=============================================================*/

div.cal_wrapper {
	padding: 0px 0px;
}
div.schedule_wrapper {
	padding: 10px 0px;
	width: 180px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
}
div.schedule_wrapper h3 {
	padding: 0px 10px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
div.schedule_wrapper div.schedule_list {
	padding: 0px 10px;
	margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
	text-decoration: underline;
}
div.cal_wrapper table.cal tr th {
	float: center;
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 12px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 5px;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td {
	border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
	font-size: 10px;
	text-align: center;
	padding: 2px
}
div.cal_wrapper table.cal tr.headline td {
	padding: 1px 0px;
	color: #666;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #EEE;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 2px 4px;
	font-size: 10px;
	text-align: center;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}

span.cal_com {
	font-size: 10px;
	color: #f00;
	line-height: 10px;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat {
	color: #00F;
}
div.cal_wrapper table.cal tr td div.Sun {
	color: #F00;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
	background-color: #EFF;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
	font-weight: bolder;
	color: #F00;
	background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
	border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}