/* ----------------------   共通スタイル   ---------------------------- */

/*    基本レイアウト    */

body {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #444;
    font-size: 13px;
	line-height: 130%;
    background-color:#EEEEEE;
}

table,tr,td,th {
	margin:0;
	padding:0;
    border-spacing:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #444;
    font-size: 13px;
	line-height: 130%;
}

p {
	text-align:justify;
    text-justify:inter-ideograph;
}

div {
	margin:0;
	padding:0;
}

img { border:none}

h1,h2,h3,h4,h5 {margin:0; padding:0}
h2 {font-size: 11px;font-style: normal;font-weight: normal;color: #EEEEEE;}
h4 {font-size: 16px;font-style: normal;font-weight: bold;  color: #444;}
h5 {font-size: 10px;font-style: normal;font-weight: normal;color: #CCCCCC;}

h3.h3stl1 {margin: 20px 0 0 0}
h4.h4stl1 {margin: 20px 0 7px 0}

/*   LINK STYLE     */
a {color: #3300FF}
a.HD {color: #EEEEEE; text-decoration: none}
a.DG {color: #999999; text-decoration: none}

/*      大枠      */
#contena {background:#EEEEEE url(../img/bk.gif) repeat-y center}

/* 背景1pxずれ対応 */
/*IE7のみ適用*/  
*+html #contena { padding-left: 1px; }   
/*IE6以前のみ適用*/  
* html #contena { padding-left: 1px; } 


/*      ヘッダー      */
#header  {width:750px; background-color: #444;text-align: right}
#header h2{padding: 1px 10px 0px 10px}
#head    {width:750px}
#headnavi{width:750px}

.HImg01 {width:13px;  height:81px; background: url(../img/himg/head_img1.gif) no-repeat}
.HImg03 {width:339px; height:81px; background: url(../img/himg/head_img3.jpg) no-repeat}
.HImg04 {width:263px; height:81px; background: url(../img/himg/head_img4.jpg) no-repeat}
.size_header {font-size: 11px; line-height: 18px; color: #FFFFCC; margin-top: 5px; margin-right: 10px; text-align: right}


/*    ヘッダーナビ    */
.hnaviLine01  {background: url(../img/line/line01.gif) repeat-x}
.hnaviBackImg {background: url(../img/hnavi/hnavi_back.jpg) repeat-x}
.hnaviLine02  {background: url(../img/line/line02.gif) repeat-x}

/*    パンくず        */
.pankuzu  {width:750px; height:20px; background-color:#FFFFFF; text-align:left}
.pankuzu p{margin: 1px 15px}

/*    メイン          */
#main{width:487px}
.hnaviLine03 {width:750px; height:3px; background: url(../img/line/line03.gif) repeat-x; margin:0; padding:0}

/*    サイド          */
#side{width:auto; background: url(../img/comment/CmentBack.gif) repeat-y}

/*      フッター      */
.footImg {background: url(../img/foot/foot_back.jpg) repeat-x}
.footMsg {font-size: 75%; color: #999999; line-height: 100%; margin: 8px}
.footDG  {margin-left: 10px; margin-bottom: 3px}
#footer {width:752px; text-align: right; background-color: #444}
#footer h5 {padding: 2px 10px 2px 10px}

/*      その他タグ定義      */
ul, li, em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	position: static;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

/* ----------------------   個別スタイル   ---------------------------- */

/*   コメント欄       */
.sidecmt  {margin: 20px 0 20px 23px; width:218px; background: url(../img/comment/ctbk02.gif) repeat-y}
.sidecmt tr td {padding:5px 10px}
.sidecmt h4 {margin:10px 0 0 0; font-size:110%; line-height:170%;}
.sidecmtma{height:28px; color:#990000; background: url(../img/comment/ctbk01a.gif) no-repeat;}
.sidecmtmb{height:28px; color:#990000; background: url(../img/comment/ctbk01b.gif) no-repeat;}
.sidecmtmc{height:28px; color:#900; background: url(../img/comment/ctbk01c.gif) no-repeat; text-align:center; font-size:110%; font-weight:bold; line-height:20px;}
.sidecmtf {height:10px; background: url(../img/comment/ctbk03.gif)  no-repeat}
.sidecmt ul li {margin:6px 0 6px 14px; line-height:150%; list-style-type:square}


/*    TOPICS     */
#topicsbar   {width:750px; height:44px; background: url(../img/topics/topicsbar.jpg) no-repeat}
.topicsBase  {line-height: 110%; background: #CBDECB url(../img/topics/sidenewbk.jpg) repeat-y right}
.topicsBase  tr td{padding-left:15px}
.whatsnewImg {height:60px;  background: url(../img/topics/WhatsNew.gif) no-repeat}
.commodityImg{margin:2px 0 5px 0; height:50px; background: url(../img/topics/Commodity.gif) no-repeat}
.equipmentImg{margin:2px 0 5px 0; width:178px; height:50px; background: url(../img/topics/Equipment.gif) no-repeat}
.spartImg    {margin:2px 0 5px 0; height:57px; background: url(../img/topics/netordre.gif) no-repeat}
.topicsLine01{background: url(../img/line/line04.gif) no-repeat}
.topicsLine02{background: url(../img/line/line05.gif) repeat-y}

.WNpadd   {padding-left: 23px}
.WNLColor {color: #339900}
.WNDColor {color: #3333CC}
.WNRColor {color: #AA0000; font-weight: bold}
.RColor   {color: #FF0000}
.CMpadd   {text-align: right; vertical-align: top}
.CMLColor {color: #0066CC}
.CMBstyle {font-size: 70%; line-height: 100%; text-align: left; vertical-align: middle}
.EQpadd   {text-align: right; vertical-align: top}
.EQLColor {color: #CC9900}

/*   新着情報ページ     */
#new {
	overflow:auto; width:350px; height:600px;
	margin:10px 16px 0 11px;
	background-color:#f2fcf2;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #4D7834;
	scrollbar-track-color: #f2fcf2;
	scrollbar-darkshadow-color: #ffffff;
/*	border: 2px solid #445844; */
}
p.newmsg {margin:0 0 20px 18px;color:#444433; font-size:110%; font-weight:bold}
.newmark {background: url(../img/topics/listmark01.gif) no-repeat; color: #3333CC; font-weight:bold}
.newline {height:26px; background: url(../img/topics/line01.gif) no-repeat}
.wntbl   {width:322; margin:10px 0 0 5px}
.wntbl img{margin-right:5px}
.newkako {margin:15px 15px 10px 0; text-align:right}
.newudline img {margin-top:15px;}
.sdnew   {margin:10px 0 4px 20px; font-size:16px; font-weight:bold; color:#990000}

/*    特集部品     */
#p_mtbl  {margin:10px 0 0 11px; padding:10px 0; width:350px; border: solid 1px #666; background-color:#FEFDF1;}
#p_mtbl table.p_mbdy {margin:0 8px; width:334px;}
#p_mtbl table.p_mbdy p {margin:0 0 3px 0; font-size:110%; font-weight:bold;}
#p_mtbl table.p_mbdy p span {margin:0 0 0 10px;}
#p_mtbl table.p_mbdy .p_mbmj {padding-right:3px; width:260px;}
#p_mtbl table.p_mbdy .p_mbpc {text-align:right;}
#p_mtbl table.p_mbdy .p_mline {height:19px; background: url(../img/topics/line03.gif) no-repeat}
#p_mbtn {margin:15px 0 0 12px; height:29px; line-height:29px; width:350px; background: url(../img/topics/btn01.gif) no-repeat; text-align:center; color: #fff;}
#p_mbtn a{color: #fff;}
#p_mbtn a:hover {color: #f93; text-decoration:none}
.pttl_01 {padding:0 0 5px 20px; color:#5A604A; font-size:110%; font-weight:bold}

/*    取扱商品     */
#takmktbl {width:178px; margin-left:7px; margin-bottom:30px}
#takmktbl tr td{padding-left:17px}
.takmkmark   {background: url(../img/topics/listmark03.gif) no-repeat}
.takmkmark p {margin:0 0 0 0px}
.takmkimg    {text-align:center}
.takmkimg img{margin:6px 0}

/*    設備     */
#setubitbl {width:160px; margin-left:7px}
.setmark   {background: url(../img/topics/listmark02.gif) no-repeat}
.setmark p {margin:0 0 0 15px}
.setimg    {text-align:center}
.setimg img{margin:5px 0}

/*     ご挨拶ページ      */
.aisatu    {line-height: 120%; color: #333333; font-family: 平成明朝,"ＭＳ Ｐ明朝", serif}
.aisatuTtl {font-size: 130%; font-weight: bold}

/*     店舗案内＆料金表ページ      */
.TenTtl    {font-size: 110%}
.TenColor  {background-color: #C7EB89; padding: 5px}
.TenColor1 {background-color: #D7FFD7; padding: 5px; text-align: center}
.TenColor2 {background-color: #A5BF55; padding: 5px}
.TenImgPadd {padding: 15px 5px 1px 40px}
.TenTizuPadd {padding: 1px 110px 30px}
.TenColorW   {background-color: #FFFFFF; padding: 5px}
.TenMenuPadd {padding-left: 22px}
.TenLinePadd {padding: 10px; padding-left: 16px}
.TenCyu {color: #0066CC; line-height: 110%; font-size: 70%}

/*   お問合わせ       */
.ToiLinePadd{padding: 10 10 0 25px}
.Toimidasi  {border-bottom: 1px dotted #77685C; font-size: 12px; line-height: 12px; color: #67594F; font-weight: bold}
#toitbl p   {padding: 15 25 15 25px}	/* 上 右 下 左 */
.ToiColor   {background-color: #E0F4BF; padding: 5px}
.Toiform    {background-color: #FFFCFF; padding: 5px 5px 5px 10px}
.Toisubmit  {padding: 15px}
.ToiPColor  {color: #0000FF; font-weight: bold}

/*   サイトマップ     */
.SiteFont {font-size: 13px}
.SiteLmB  {margin: 10px 10px 10px}
.SiteColor{background-color: #EFEFEF}
.SitePadd {padding-left: 20px}

/*   フィッティング    */
table#acutbl {border-collapse:collapse; width:420px; margin-bottom:50px}
#acutbl tr td,th {border: 1px #999999 solid; padding:5px}
#acutbl th {height:50px; text-align:center; font-size:18px; color:#ff3; background-color:#2F6250} 

/*   過去の一言     */
.kakohito    {margin:10px 0 0 0}
.kakohito img{margin:10px 0 10px 0}
.kakohito p  {text-align:center; margin:15px 0 0 20px; font-size:130%}
.kakohito span{text-align:center; font-size:89%; color:#0000FF; text-decoration:underline}

/*   特集部品ページ     */
.parts    {line-height: 120%; color: #333333; font-family : 平成明朝,"ＭＳ Ｐ明朝", serif}
.partsttl {width:auto; height:40px; background: url(../img/parts/ttlbk.gif) no-repeat; vertical-align:middle; padding:0 10px 0 20px}
.p_font01 {color:#dddd55; font-size:15px; font-weight:bold}
.psubttl {
	width:auto;
	height:30px;
	background: url(../img/parts/subttlbk.gif) no-repeat bottom;
	vertical-align:middle;
	padding:0 10px 0 0px;
	font-size:16px;
	font-weight:bold;
	color:#333333;
}

.p_tokcyo   {padding:15px 20px 0 20px}
.p_tenpoint {font-weight:bold; line-height:160%}
.p_tenpoint em{color:#D56F2B; font-weight:bold}
.p_tokcyo span{margin:0 30px 0 0}
.p_line01 img {margin:25px 0 25px 0}
.p_bar01      {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:5px 0 0 20px;
	width:445px;
	height:29px;
	background: url(../img/parts/bar01.gif) no-repeat;
}
.p_bar02 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:5px 0 0 20px;
	width:445px;
	height:29px;
	background: url(../img/parts/bar02.gif) no-repeat;
}
.p_bar03 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:5px 0 0 20px;
	width:445px;
	height:29px;
	background: url(../img/parts/bar05.gif) no-repeat;
}

.p_name  {float:left; font-size:10px}
.p_f2    {font-size:15px; font-weight:bold}
.p_f3    {color:#666600; font-size:13px; font-weight:bold}
.p_f4    {color:#444; font-size:12px; font-weight:normal; margin-left:20px}
.p_price {font-size:100%; float:right; color:#CC0000}
.p_tbl   {line-height:120%}
.p_tbl img{margin:2px 0 0px 0}
.p_tbl p {margin:5px 10px 5px 10px; color:#666666}
.p_spec  {text-align:center; background-color:#6c6c6c}
.p_spec_w{background-color:#ffffff}
.p_spec span{color:#FFFFFF}
.p_side tr td{padding:5px; vertical-align:top}

/*   クラブネットオーダー    */

#order {}
#order h2 {padding:0 0 0 20px; width:auto; height:42px; line-height:42px; background: #444 url("../img/netorder/line01.gif") repeat-x left bottom; color:#dd5; font-size:120%; font-weight:bold; letter-spacing:2px;}
#order #order_body {margin:20px 0 40px 20px; width:440px;}
#order #order_body h3 {padding-left:45px; width:auto; height:40px; line-height:42px; background: url("../img/netorder/bar03.gif") no-repeat left; font-size:170%; font-weight:bold; letter-spacing:2px;}
#order #order_body p.odr_pglk {text-align:right;}

#order div.itemlist {
/*	overflow:auto; width:430px; height:350px; */
	width:430px;
	margin:5px 0 30px 10px;
	background-color:#f8f8f8;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #4D7834;
	scrollbar-track-color: #f2fcf2;
	scrollbar-darkshadow-color: #ffffff;
    border: 1px solid #666;
}

#order div.itemlist table.itemlisttbl {margin:20px 10px 10px; border-bottom: 1px dotted #666;}
#order div.itemlist table.itemlisttbl th.ilstimg {text-align:right;}
#order div.itemlist table.itemlisttbl img.newicon {margin-left:15px;}

#order div.itemlist table.itemlisttbl th,
#order div.itemlist table.itemlisttbl td{padding:5px 7px; border:none; text-align:left;}
#order div.itemlist table.itemlisttbl th{font-size:130%; vertical-align:top;}
#order div.itemlist table.itemlisttbl th h4{margin-bottom:0.4em; font-size:90%; vertical-align:top;}
#order div.itemlist table.itemlisttbl td.ilstbody {padding-bottom:25px;}


#order div.itemlist table.itemlisttbl td table {margin:5px 0 5px; width:100%; border-collapse:collapse; border: 1px solid #666;}
#order div.itemlist table.itemlisttbl td table th{width:110px; padding-left:5px; background: #E0F4BF; font-size:100%; font-weight:normal; border-bottom: 1px solid #666; border-right: 1px solid #666;}
#order div.itemlist table.itemlisttbl td table td{ padding-left:10px; background: #FEFDF1;border-bottom: 1px solid #666;}

#item_btn { margin:30px 0 20px 0;}





.netod_menu {margin-left:3px; padding-bottom:15px; background: #FEFDF1 url("../img/netorder/smenu_bk02.jpg") no-repeat left bottom;}
.netod_menu h3{padding-left:20px; height:40px; line-height:40px; background: url("../img/netorder/smenu_bk011.jpg") no-repeat; font-size:120%;}
.netod_menu ul {} 
.netod_menu ul li {margin:0 0 10px 25px; padding:0 0 0 20px; background: url("../img/netorder/listmk01.gif") no-repeat 0 0.3em;  list-style: none; }


/*   取引の確認事項    */

.odhp_by {margin:22px 0 0 25px;}
#odhp_srtb {border-collapse:collapse; text-align:left;}
#odhp_srtb th{background: #E0F4BF; font-weight:normal;}
#odhp_srtb th,
#odhp_srtb td{border: solid 1px #666; padding:7px;}

#odhp_sttb {margin:15px 0; width:400px; border-collapse:collapse; text-align:left;}
#odhp_sttb th{width:120px; background: #E0F4BF; font-weight:normal;}
#odhp_sttb th,
#odhp_sttb td{border: solid 1px #666; padding:7px;}

/*   詳細    */

#dtl_head {width:750px; height:90px; background: #E0F4BF url(../img/line/line03.gif) repeat-x top left; margin:0; padding:0; text-align:left}
#dtl_head  p{margin:0 20px 0 0; padding:15px 0 0 0; text-align:right}
#dtl_head h3{margin:0 0 0 40px; padding-left:30px; height:36px; line-height:36px; border-left: solid 7px #444; font-size:160%;}
#dtl_head span{margin-left:20px;}

#dtl_body {width:670px; margin:30px 0; padding:0 15px; text-align:left;}

#dtl_body table.dtl_stbl {margin:15px 0; width:600px; border-collapse:collapse; text-align:left;}
#dtl_body table.dtl_stbl th{width:120px; background: #E0F4BF; font-weight:normal;}
#dtl_body table.dtl_stbl th,
#dtl_body table.dtl_stbl td{border: solid 1px #666; padding:7px;}

#dtl_body h4 {margin:30px 0 10px -15px; padding-left:35px; background: url(../img/netorder/bar02.gif) no-repeat; letter-spacing:3px;}


#dtl_foot {width:750px; height:80px; background: #EBEDD6 url(../img/line/line03.gif) repeat-x top left; margin:0; padding:0; text-align:left}
#dtl_foot ul {clear:both; margin:0;}
#dtl_foot ul li{float:left; margin:15px 0 0 25px; padding:0 0 0 20px; background: url("../img/netorder/listmk01.gif") no-repeat 0 0.3em;  list-style: none; }