@charset "UTF-8";

/*--------------------------------------------------------------------
common
-----------------------------------------------------------------------*/
.conBoxm10 { clear:both; margin:10px 0;}
.conBoxm10c { clear:both; text-align:center; margin:10px 0;}
.conBoxm20s { clear:both; margin:20px 5px;}
.conBoxm20b { clear:both; margin:20px 0; padding:20px; border:2px solid #ccc; background:#F7FCFF;}

.boxL { float:left; margin:0 20px 20px 0;}
.boxR { float:left;}

/*table*/
table.tbl01{ width:660px; line-height:1.2em; margin:20px; border-collapse:collapse;}
table.tbl01 td,table.tbl02 td{ border:1px solid #ccc; border-collapse:collapse; background:#fff; padding:10px;}
table.tbl01 th,table.tbl02 th{ width:150px; background:#F1F1F1; padding:10px; border:1px solid #ccc; border-collapse:collapse;}

table.tbl02{ width:100%; line-height:1.2em; margin:20px 0; border-collapse:collapse;}

table.tbl03{ width:460px; line-height:1.2em; margin:20px; border-collapse:collapse;}
table.tbl03 td,table.tbl02 td{ border:1px solid #ccc; border-collapse:collapse; background:#fff; padding:10px; text-align:right;}
table.tbl03 td,table.tbl02 td.center{ border:1px solid #ccc; border-collapse:collapse; background:#fff; padding:10px; text-align:center;}
table.tbl03 th,table.tbl02 th{ width:320px; background:#F1F1F1; padding:10px; border:1px solid #ccc; border-collapse:collapse;}

/*linkR*/
.linkR { text-align:right; clear:both;}
.linkR img { padding-top:5px;}



/*--------------------------------------------------------------------
top
-----------------------------------------------------------------------*/
/*gListTop*/
#gListTop { margin:0 0 10px 8px;}
#gListTop li { float:left; width:230px; margin-right:9px;}
#gListTop li.last { margin-right:0;}

/*comArea*/
#comArea { margin:0 0 10px 10px;}
#comArea li { float:left; margin:0 5px;}

/*lineUp*/
#lineUp { clear:both; margin:10px 0;}
#lineUpL { float:left; width:350px; margin-right:10px;}
#lineUpR { float:left; width:350px;}

.lineUpImg { float:left; width:76px; margin-right:10px;}
.lineUpTxt { float:left; width:264px;}
.lineUpTxt dt { padding-left:12px; background:url(../images/common/icon01.gif) 0 5px no-repeat;}

/*newsBox*/
#newsBox { clear:both; margin:10px 0;}

/*newsList*/
#newsList { float:left; width:472px; margin-left:28px;}
#newsList ul li { list-style:none; clear:both;}
#newsList ul li dl dt{ float:left; width:158px; padding:0 10px 10px 0;}
#newsList ul li dl dd{ float:left; width:304px;}
#newsList ul li dl dd h4{ font-size:14px; font-weight:normal; margin:0; padding:0; background:none; line-height:1.4em;}
#newsList ul li dl dt img { margin-bottom:5px;}
#newsList ul li dl dd p { margin:0; padding:0;}


/*--------------------------------------------------------------------
sub
-----------------------------------------------------------------------*/
/*aboutBtn*/
#aboutBtn { clear:both; margin:20px 0; padding-top:20px; border-top:2px dotted #ccc;}
#aboutBtn li { float:left; width:220px; margin:0 10px 20px 0;}

/*collectBtn*/
#collectBtn { clear:both; margin:20px 0; padding-left:20px; padding-top:20px; border-top:2px dotted #ccc;}
#collectBtn li { float:left; width:100px; margin:0 10px 20px 0;}
#collectBtn2 { clear:both; margin-bottom:20px;  border-top:2px dotted #ccc;}


/*cateBan*/
#cateBan { margin:10px 0;}
#cateBan li{ float:left; width:340px; border:1px solid #ccc; margin:0 5px 10px 0; padding:4px;}
#cateBan li dl dd { font-size:90%; float:left; margin:0 5px; padding-left:8px; background:url(../images/common/icon01.gif) 0 4px no-repeat;}

/*goodsList*/
.total { font-size:12px; font-weight:normal; margin:5px 10px;}
.total strong { color:#AC0000;}

/*sort*/
#sortBox { position:relative;}
#sort { position:absolute; top:6px; right:17px;}
#sort li { float:left; width:105px; margin:2px 0; height:25px; padding-left:25px; list-style:none; background:url(../images/common/icon08.gif) 0 0 no-repeat;}

#goodsIndex { margin:20px 0 30px;}
#goodsIndex li { display:inline; margin-right:5px; padding-right:5px; list-style:none; border-right:1px solid #6699CC;}
#goodsIndex li.under { border-bottom:1px dotted #ccc; margin:10px 10px 15px; padding-bottom:5px;}


/*ページャー*/
div.pager {
	clear:both;
	font-size:12px;
	text-align:right;
	padding:0 10px;
}
div.pager p {
	text-align:right;
	padding:2px 0;
}
div.pager ul {
	background:#f2f2f2;
	padding:2px;
}
div.pager ul li{
	display:inline;
	margin:0;
	padding:0px 5px;
	border-right:1px solid #333;
}

/*newsArea*/
#newsArea li dl dt { float:left; width:80; padding:0 10px 10px 0;}
#newsArea li dl dd { float:left; width:390;}

#main #newsArea li dl{ width:700px;}
#main #newsArea li dl dd { width:600px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}

/*goodsList*/
#goodsList { margin:10px 0;}
#goodsList li { list-style:none; clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:6px dotted #afafaf;}
#goodsList li dl dt{ float:left; width:240px; padding:0 10px;}
#goodsList li dl dd{ float:left; width:440px;}

#oemFlow { margin:10px 0;}
#oemFlow li { margin:0 0 10px 40px; padding-bottom:10px; width:610px; border-bottom:2px dotted #ccc;}
#oemFlow li p { color:#F550A6; margin:4px; padding:5px 0 10px 30px; background:url(../images/parts/oemIco.gif) 0 0 no-repeat;}

#caseBox { margin:10px 0;}
#caseBoxL { float:left; color:#fff; width:90px; background:#ff0066; padding:10px 0; text-align:center;}
#caseBoxR { float:left; color:#F550A6; width:560px; margin:2px 10px;}

#oemBox { clear:both; margin:20px 0; padding:10px 20px; color:#fff; background:#604B3B;}

/*size*/
#goodsList li dl dd ul.size { margin-top:10px;}
#goodsList li dl dd ul.size li { list-style:circle; clear:none; margin-bottom:0; margin-left:20px; padding-bottom:0; border-bottom:none;}

#main #goodsList li dl dd h4{ font-size:18px; margin:10px 0; padding:0; background:none; line-height:1.4em;}
#main #goodsList li dl dd p.h4{ font-size:18px; margin:10px 0; padding:0; background:none; line-height:1.4em; font-weight:bold;}

#main #goodsList li dl dd h4 a{ color:#6E3232;}
#main #goodsList li dl dd p.h4 a{ color:#6E3232; font-weight:bold;}

#goodsList li dl dt img { margin-bottom:5px;}
#goodsList li dl dd p { margin:0; padding:0;}
#goodsList li dl dd p.price { font-size:14px; margin:10px 0;}
#goodsList li dl dd p.price strong { color:#BD0000;}
#goodsList li dl dd div.btnBox { text-align:right; margin:10px;}
#goodsList li dl dd div.btnBox img { margin-right:10px;}

#main p.large { padding-left:18px; background:url(../images/common/icon09.gif) 0 8px no-repeat;}

#goodsImages li { float:left; clear:none; list-style:none; width:330px; margin:10px; border-bottom:none;}

ul.point01{
	color:#FFFCF7;
	width:550px;
	border:2px solid #FF3300;
	padding:10px;
	margin:10px 30px;
	list-style:none;
	background-color:#FFF0F0;
}
ul.point01 li{ color:#000000; line-height:1.4em;}

ul.point02{
	color:#FFFCF7;
	width:550px;
	border:2px solid #006600;
	padding:10px;
	margin:10px 30px;
	list-style:none;
	background-color:#E1FFE1;
}
ul.point02 li{ color:#000000; line-height:1.4em;}

/*shopIndex*/
#shopIndex { margin:10px 0;}
#shopIndex li { float:left; width:170px; margin:0 5px 5px 0;}
#shopIndex li a{ text-align:center; text-decoration:none; color:#fff; height:24px; padding-top:8px; display:block; background:url(../images/btn/btnBg01_off.jpg) 0 0 no-repeat;}
#shopIndex li a:hover{ text-decoration:underline; background:url(../images/btn/btnBg01_on.jpg) 0 0 no-repeat;}

/*shopBox*/
.shopBox { clear:both; margin:10px 0;}
.shopBoxL { float:left; width:250px; margin-right:10px;}
.shopBoxR { float:left; width:440px;}
#main p.shopMap { margin:10px; padding:5px 0 0 20px; height:23px; background:url(../images/common/icon10.gif) 0 0 no-repeat;}

.shopBox div.btnBox { float:right; margin:10px; width:270px;}
.shopBox div.btnBox a{ text-align:center; text-decoration:none; color:#fff; height:24px; padding-top:8px; display:block; background:url(../images/btn/btnBg02_off.jpg) 0 0 no-repeat;}
.shopBox div.btnBox a:hover{ text-decoration:underline; background:url(../images/btn/btnBg02_on.jpg) 0 0 no-repeat;}

/*kizunaBox*/
.kizunaBox { clear:both; margin:10px 0; padding-bottom:20px;}
.kizunaBox p.name { font-size:14px; border-bottom:2px dotted #ccc;}
.kizunaBoxL { float:left; width:276px; margin-right:10px;}
.kizunaBoxR { float:left; width:414px;}
#main p.shopMap { margin:10px; padding:5px 0 0 20px; height:23px; background:url(../images/common/icon10.gif) 0 0 no-repeat;}

.shopBox div.btnBox { float:right; margin:10px; width:270px;}
.shopBox div.btnBox a{ text-align:center; text-decoration:none; color:#fff; height:24px; padding-top:8px; display:block; background:url(../images/btn/btnBg02_off.jpg) 0 0 no-repeat;}
.shopBox div.btnBox a:hover{ text-decoration:underline; background:url(../images/btn/btnBg02_on.jpg) 0 0 no-repeat;}


/*haiku*/
.haiku { margin:10px 0 20px;}
.haiku li { margin-bottom:20px; text-align:center;}
.haiku li div { font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size:24px; font-weight:bold; margin:10px 20px 0; padding:30px 0; border:2px solid #9D9866; background:url(../images/parts/haiku_bg.gif) 0 0 no-repeat;}
#main .haiku li p { text-align:right; font-weight:bold; color:#666; margin-right:20px; padding:5px;}

/*faq*/
#qList { margin-bottom:30px;}
#qList li { line-height:2em;}
#qaList dt { font-size:120%; font-weight:bold; color:#0066CC; margin-bottom:10px;}
#qaList dd { padding:10px 10px 40px; border-bottom:1px dotted #ccc; margin-bottom:10px;}


/*-----------------------------------------------------------------------
inq
-------------------------------------------------------------------------*/
#error{	color:#FF0000; width:610px; margin:10px 30px; padding:10px; border:2px solid #FF3300; background-color:#FFF0F0; list-style:none;}
.cap{font-size:10px; color:#999; margin:5px;}

/*field*/
.tbl01 input,.tbl01 select,.tbl01 textarea { border:1px solid #ccc; padding:4px;}

.textBox50,.textBox200,.textBox400 { color:#333; font-size:120%;}
.textBox50{	width:50px; margin-bottom:10px;}
.textBox200{ width:200px;}
.textBox400{ width:400px;}
.selectBox200 {
	color:#333;
	width:200px;
	font-size:120%;
	margin-bottom:10px;
}
.textArea400{ width:400px; height:100px; font-size:120%;}
.textArea400s{ width:400px; height:50px; font-size:120%;}

/*input*/
input { margin-bottom:10px;}
input.sendBtn,input.resetBtn{
	font-size:120%;
	height:50px;
	border:none;
	margin-top:10px;
	cursor:pointer;
}
input.sendBtn{ background:url(../images/btn/sendBtn_off.jpg) 0 0 no-repeat; width:260px;}
input.sendBtn:hover{ background:url(../images/btn/sendBtn_on.jpg) 0 0 no-repeat;}

input.resetBtn{ background:url(../images/btn/resetBtn_off.jpg) 0 0 no-repeat; width:120px; margin-right:20px;}
input.resetBtn:hover{ background:url(../images/btn/resetBtn_on.jpg) 0 0 no-repeat;}

/*btnBox*/
#btnBox1{ clear:both; text-align:center; margin:15px 0;}
#btnBox2{ clear:both; padding:10px 110px; margin-bottom:10px;}
#btnBox2 form input{ float:left; margin-left:10px;}

/*exe*/
#exeBox { width: 670px; height: 300px;}
#exeBox #exeBoxIn {	width:400px;}