@charset "utf-8";

* {margin:0px; padding:0px;}

/* ------ ページ全体 ------ */

body {
clear:both;
width:810px;
margin: 0px auto;
font-size:12px;
line-height:18px;
position:relative;
}

img{border:none;}

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

#header{
clear:both;
width:800px;
height:165px;
padding-right:10px;
background:url(../img/head_bg.jpg) no-repeat 0px 25px;
}
#header div.headnavi {
clear:both;
width:800px;
height:60px;
padding-right:10px;
}
#header h1 {font-size:12px; font-weight:normal; color:#009900; margin:5px 5px;}
#header a.toplogo {width:320px; height:60px; display:block; z-index:1; float:left;}
#header a.toplogo span {z-index:-1; position:relative; top:5px; width:300px; height:40px;}

ul.uemenu {float:right; height:40px; margin:18px 0px 0px 45px; padding-right:10px; list-style-type:none;}
ul.uemenu li {float:left;}
ul.uemenu li a {height:27px; float:left; font-size:11px;}
ul.uemenu li a:hover { text-decoration:underline;}
li.hn01 a {
width:90px;
padding:13px 0px 0px 40px;
display:block;
background:url(../img/top_cartnaka.gif) no-repeat;
}
li.hn02 a {
width:60px;
padding:13px 0px 0px 50px;
display:block;
background:url(../img/top_qa.gif) no-repeat;
}
li.hn03 a {
width:75px;
padding:13px 0px 0px 45px;
display:block;
background:url(../img/top_sitemap.gif) no-repeat;
}
ul.sitamenu {float:right; width:360px; height:25px; padding:9px 0px 0px; list-style-type:none;}
ul.sitamenu li {float:left; color:#ffffff; font-size:11px;}

.search {width:300px; clear:both; padding-left:500px;}
.search input[type=text] { width: 168px; }


/* ------ pagebody ------ */

#pagebody {
width: 800px;
height:auto;
clear:both;
margin:0px;
padding-right:10px;
background: url(../img/pagebody_bg.jpg) repeat-y 0px 0px;
}


/* ------ leftbox ------ */

#leftbox, section {width:170px; float:left;}
#leftbox p.all, section p.all {margin:10px 5px;}
#leftbox p.all a, section p.all a {
background:url(../img/menuall_bg.gif) no-repeat;
width:130px;
height:18px;
padding:6px 15px;
display:block;
}
#leftbox p.all a:hover, section p.all a:hover {background:url(../img/menuall_bg.gif) 0px -30px;}
#leftbox dt, section dt {
background:url(../img/menu_bg.gif) no-repeat;
padding:7px 20px 0px;
margin:3px 5px 0px;
height:23px;
}
#leftbox dd, section dd {margin:1px 10px;}
#leftbox dd.nallow a, section dd.nallow a {
background:url(../img/menu01.gif) no-repeat;
display:block;
padding:4px 0px 0px 25px;
height:21px;
}
#leftbox dd.wide a, section dd.wide a {
background:url(../img/menu01-b.gif) no-repeat;
display:block;
padding:5px 0px 5px 25px;
height:40px;
}
#leftbox dd.nallow a:hover, section dd.nallow a:hover {background-image:url(../img/menu02.gif); text-decoration:none;}
#leftbox dd.wide a:hover, section dd.wide a:hover {background-image:url(../img/menu02-b.gif); text-decoration:none;}

/*--ネット会員募集--*/
.member {border:1px solid #0033cc; width:160px; margin:10px 4px;}
.member h3 {background:#0033cc; color:#fff; font-size:14px; margin:0px; padding:4px 3px 3px;}
.member p {margin:0px; padding:5px; background:url(../img/menber_b.gif) no-repeat;}
.member ul {padding:0px 12px 3px; list-style-type:none; text-align:center; font-weight:bold;}

li.submit a {background:#ff7a21; display:block; height:23px; padding-top:4px; margin-bottom:1px;}
li.submit a:hover {background:#fc993e;}
li.logon a {background:#109d3f; display:block; height:23px; padding-top:4px;}
li.logon a:hover {background:#33bf5f;}


/*--お問合せ先--*/
.combox {border:1px solid #ff6600; width:160px; margin:0px 4px 10px;}
.combox h3 {background:#ff6600; font-weight:normal; margin:0px; padding:5px; font-size:14px;}
.combox h4 {color:#ff6600; margin:0px; padding:5px; font-size:14px;}
.combox p { margin:0px;padding:0px 10px 5px;}


/*--entry--*/
#entry {width:630px; height:auto; float:right;}
#entrywide {width:800px; height:auto; clear:both;}
h3.mem_bl {border-bottom:1px dotted #0066cc; color:#0066cc; font-size:14px;}

div.screen {/*border:1px solid #c0c0c0; width:608px; height:203px;*/ margin:0px auto;}
div.holiday {border:1px solid #f00; margin:10px; padding:10px; background:#FEEFFC;}

/*-- recommend items --*/
.recommend {width:90%; margin:0 5%; over-flow:hidden; display:table; table-layout: fixed;}
.recommend a {display:table-cell; width:80px; height:80px; margin-right:3px; vertical-align:middle; text-align:center; }
.recommend img {display:block; max-width:80px; max-height:80px; }

/*--footer--*/
#footer {
clear:both;
width: 800px;
height: 20px;
background: url(../img/footer_bg.jpg) no-repeat;
z-index:1;
}
#footer p {z-index:-1; position:relative; margin:0px;}


/*--リンク--*/
a:link {color:#333333; text-decoration:none;}
a:active {text-decoration:none; color:#333333;}
a:visited {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline; color:#333333;}

a:link.wh {color:#ffffff;}
a:hover.wh {color:#ffffff;}
a:active.wh {color:#ffffff;}
a:visited.wh {color:#ffffff;}

a:link.dbl {color:#014d73; text-decoration:underline;}
a:hover.dbl {color:#014d73; text-decoration:none;}
a:active.dbl {color:#014d73; text-decoration:none;}
a:visited.dbl {color:#014d73; text-decoration:underline;}

a:hover.toplogo {text-decoration:none; color:#333333;}



/*--What's new--*/
.news {width:610px; margin-left:10px;}
.news h2 {background:#ff9900; padding:8px; color:#ffffff; font-size:16px;}
.news ul {height:150px; overflow:auto; border:2px solid #ff9900; background:#FFF; padding:5px;}
.news li {border-bottom:1px dotted #666666; padding-bottom:3px; margin-bottom:3px; clear:both; height:auto;}
span.bold_red {color:#990000; font-weight:bold; font-size:14px;}


/*--おすすめ商品--*/
h3.osusume {background:#ff6600; margin:10px; padding:5px; color:#ffffff; font-size:14px;}
table.toptable {margin:10px auto;width:600px;}
.toptable td {text-align:center; padding:3px;}
.toptable img {border:none;}

.top_oBox {border-top:1px solid #ff6600; width:420px; height:120px; padding:5px; margin:0px 5px;}
.top_oBox h3 {background:#00ccff; width:244px; float:right; font-size:14px; padding:3px; color:#ffffff;}
.top_oBox img {float:left; border:none;}
.top_oBox p {width:250px; float:right; padding:5px 0px 0px;}


/*--用途ごと--*/
div.youto {height:180px;}
.youto h2 {padding:5px; background-color:#99ff66; font-size:16px; margin:10px 10px 0px;}
.youto ul {list-style-type:disc; margin:5px 20px 10px; clear:both;}
.youto li {float:left; width:145px; display:block;}

.youto a:link {color:#333333;}
.youto a:hover {text-decoration:underline;}
.youto a:active {text-decoration:underline;}
.youto a:visited {color:#333333;}


/*--調色始めました--*/
.tyousyoku {width:500px; margin:10px auto; background:#F60;}
.tyousyoku td {background:#FFF; padding:5px;}
.tyousyoku td.t_shina {vertical-align:top; font-weight:bold;}
.tyousyoku ul {list-style-type:none;}


/*--お休み(年末年始、ゴールデンウィーク、夏期休暇）--*/
p.oyasumi{
    border: 2px solid #CC0000;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto 20px;
    padding: 10px;
    width: 570px;
}
p.oyasumi strong{color:#990000;}

.Ftrap {display:none;}

/*-- メーカー欠品 -各商品indexと画像間の余白に警告表示--*/
.stockout {
	position:absolute;
	top:230px; left:230px;
	float:right;
	width:230px;
	height:54px;
	padding:10px;
	color:red;
	font-weight:900;
	border:solid 1px red;
}

/*-- 刷毛 -商品indexとnaviの余白に警告表示--*/
.notice {
	position:absolute;
	top:180px; right:50px;
	float:right;
	width:250px;
	height:38px;
	padding:10px;
	font-weight:900;
	border:solid 1px red;
}

.notice span{
	color:red;
}

/*-- 特別販売 -各商品indexと画像間の余白に優先表示--*/
.top_info {
	position:absolute;
	top:230px; left:280px;
	float:right;
	width:230px;
	height:54px;
	padding:10px;
	/*color:red;*/
	font-weight:900;
	border:solid 1px red;
	border-radius:10px;
	background-color:#E12F31;
	color:white;
	font-size:14px;
	text-align:center;
}

/*--　メーカーロゴと文字の高さの調整　--*/
.logotxt img {margin-bottom:-6px; margin-right:5px;}
.logotxt {line-height:3;}

.logotxt1 img {margin-bottom:-10px; margin-right:5px;}
.logotxt1 {line-height:3;}

.logotxt2 img {margin-bottom:-12px; margin-right:5px;}
.logotxt2 {line-height:4;}


/*--　カラー注意喚起　--*/
.c_note {margin-left:40px;}
.c_note li {color:#ff3300; font-size:larger; font-weight:500; line-height:1.8;}
.c_note a {background:#3399ff; padding:5px; margin:0px 5px; color:#ffffff; border-radius:2px;}
.c_note span {display:block; color:#3a79c9; font-weight:900; font-size:1em; margin:0 2em;}


/*-- css 背景画像切替 --*/
.tel {display:block; width:300px; height:120px; margin:-10px 8px 0 -22px; float:left; text-indent:-1000px;}

.tel a {display:block; width:300px; height:120px; margin:0; padding:0; background:url(https://www.paint-eshop.com/img/tel_top.jpg) no-repeat;} 
.tel a:hover {display:block; width:300px; height:120px; background:url(https://www.paint-eshop.com/img/tel_top_on.jpg) no-repeat;} 

.fax {display:inline-block; width:300px; height:120px; margin-top:-10px; text-indent:-2000px;}
.fax a {display:block; width:300px; height:120px; background:url(https://www.paint-eshop.com/img/fax_top.jpg) no-repeat;}
.fax a:hover {display:block; width:300px; height:120px; background:url(https://www.paint-eshop.com/img/fax_top_on.jpg) no-repeat;} 

.faxorder {display:block; width:613px; height:65px; margin:14px 10px 10px 20px; text-indent:-2000px;}
.faxorder a {display:block; width:613px; height:65px; margin-left:8px; background:url(https://www.paint-eshop.com/img/fax_top.png) no-repeat;}
.faxorder a:hover {display:block; width:613px; height:65px; background:url(https://www.paint-eshop.com/img/fax_top_on.png) no-repeat;}