@import url("page.css");

#leftcolumn {
	float:left; 
	width: 700px;
}

/**********************************************************************　基本　***/

body { padding:0;  margin:0; 
	   font-size: 100%;  line-height: 140%; font-family: Verdana, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	   letter-spacing: 0.5px;  vertical-align: baseline;}

#bace, x:-moz-any-link { padding:0;  margin:0;  background : #fff url(../img/top/bace.jpg) repeat-x center top;  
	   font-size: 12pt;  line-height: 140%; font-family: Verdana, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	   letter-spacing: 0.5px;  vertical-align: baseline;}
/*** FireFoxだけ読ませるハック。MacのFireFoxの文字サイズの小ささを解消する　***/

*  {	padding:0;	margin:0; }
h1,h2,h3,h4,h5,h6 {	padding:0;	margin:0;	font-size: 95%; color: #333; }

p  {	padding:0;	margin:0;   font-size: 90%; line-height:140%;	color: #333; }
ul,ol,dl{ padding:0; margin:0; }
li      { padding:0; margin:0; 	font-size: 78%;  list-style-type: none; }
dt,dd   { padding:0; margin:0; 	font-size: 78%; }
table,th,tr,td { margin:0; padding:0; }
img {border:0;}
.big {font-size:120%; font-weight:bold;padding-left:5px;}
a {color:#04c;}
a:visited {color:#800080;}
a:hover{color: #FF0000;}
.clear {clear: both;}

/**********************************************************************　全体　***/
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.f8    { font-size: 8pt;	 line-height: 12pt; }
.f10   { font-size: 10pt; line-height: 14pt; }
.pd10  {padding:10px;}
.red   { color:#FF0000; }
.green { color:#339900;}
.center{ text-align:center; }
.left  { float:left;  }
.right { float:right; }
.sp10{
	padding-top: 10px;
}
.mg10 {margin-top:10px;}
.no_image {background:url(../images/sprite/common.gif) no-repeat 0 -300px; text-indent:-9999px; width:100px; height:75px; display:block;}

/*******************************************************************　ヘッダ *******/
#head {background:url(../images/shared/head.jpg) no-repeat; height: 120px; width: 900px;}
#head h1 {font-size:9px; color:#fff; font-weight:normal; text-align:right; margin:2px 15px 5px 0; float:right; overflow:hidden; white-space:nowrap; width:430px;}
#head h2 {background:url(../images/sprite/common.gif) no-repeat 0 0; text-indent:-9999px; height:74px; width:432px; float:left;}

div#topmenu {float:right; display:block; width:400px;}
#head ul.topmenu {margin-right:15px; padding-top:3px;}
#head ul.topmenu li {float:right; margin-right: 0px;}
#head ul.topmenu li a {text-indent: -9999px; display:block; background:url(../images/sprite/common.gif) no-repeat; height:30px; width:84px;}
#head ul.topmenu li.guide a {background-position:-0 -200px;}
#head ul.topmenu li.register a {background-position:-84px -200px;}
#head ul.topmenu li.login a {background-position:-168px -200px;}
#head ul.topmenu li.logout a {background-position:-252px -200px;}
#head ul.topmenu li.guide a:hover {background-position:0 -230px;}
#head ul.topmenu li.register a:hover {background-position:-84px -230px;}
#head ul.topmenu li.login a:hover {background-position:-168px -230px;}
#head ul.topmenu li.logout a:hover {background-position:-252px -230px;}

#head ul.menu {margin-left:15px; background-color: #FFFFFF; width: 870px; height: 30px; clear:both;}
#head ul.menu li {float:left;}
#head ul.menu li a {background:url(../images/sprite/common.gif) no-repeat; height:30px; text-indent:-9999px; display:block;}
#head ul.menu li.menu_01 a {background-position:0 -76px; width:90px;}
#head ul.menu li.menu_02 a {background-position:-90px -76px; width:120px;}
#head ul.menu li.menu_03 a {background-position:-210px -76px; width:120px;}
#head ul.menu li.menu_04 a {background-position:-330px -76px; width:145px;}
#head ul.menu li.menu_05 a {background-position:-475px -76px; width:130px;}
#head ul.menu li.menu_06 a {background-position:-605px -76px; width:110px;}
#head ul.menu li.menu_07 a {background-position:-715px -76px; width:120px;}
#head ul.menu li.menu_01 a:hover {background-position:0 -106px; width:90px;}
#head ul.menu li.menu_02 a:hover {background-position:-90px -106px; width:120px;}
#head ul.menu li.menu_03 a:hover {background-position:-210px -106px; width:120px;}
#head ul.menu li.menu_04 a:hover {background-position:-330px -106px; width:145px;}
#head ul.menu li.menu_05 a:hover {background-position:-475px -106px; width:130px;}
#head ul.menu li.menu_06 a:hover {background-position:-605px -106px; width:110px;}
#head ul.menu li.menu_07 a:hover {background-position:-715px -106px; width:120px;}

#head ul.menuJoinus {margin-left:15px; background-color: #FFFFFF; width: 870px; height: 30px; clear:both;}
#head ul.menuJoinus li {float:left;}
#head ul.menuJoinus li a {background:url(../images/sprite/common.gif) no-repeat; height:30px; text-indent: -9999px; display:block;}
#head ul.menuJoinus li.menu_01 a {background-position:0 -136px; width:80px;}
#head ul.menuJoinus li.menu_02 a {background-position:-80px -136px; width:88px;}
#head ul.menuJoinus li.menu_03 a {background-position:-168px -136px; width:151px;}
#head ul.menuJoinus li.menu_04 a {background-position:-319px -136px; width:95px;}
#head ul.menuJoinus li.menu_05 a {background-position:-414px -136px; width:120px;}
#head ul.menuJoinus li.menu_06 a {background-position:-534px -136px; width:60px;}
#head ul.menuJoinus li.menu_07 a {background-position:-594px -136px; width:96px;}
#head ul.menuJoinus li.menu_08 a {background-position:-690px -136px; width:83px;}
#head ul.menuJoinus li.menu_09 a {background-position:-773px -136px; width:97px;}
#head ul.menuJoinus li.menu_01 a:hover {background-position:0 -166px; width:80px;}
#head ul.menuJoinus li.menu_02 a:hover {background-position:-80px -166px; width:88px;}
#head ul.menuJoinus li.menu_03 a:hover {background-position:-168px -166px; width:151px;}
#head ul.menuJoinus li.menu_04 a:hover {background-position:-319px -166px; width:95px;}
#head ul.menuJoinus li.menu_05 a:hover {background-position:-414px -166px; width:120px;}
#head ul.menuJoinus li.menu_06 a:hover {background-position:-534px -166px; width:60px;}
#head ul.menuJoinus li.menu_07 a:hover {background-position:-594px -166px; width:96px;}
#head ul.menuJoinus li.menu_08 a:hover {background-position:-690px -166px; width:83px;}
#head ul.menuJoinus li.menu_09 a:hover {background-position:-773px -166px; width:97px;}

/********************************************************* 左コラム *********/

#leftcolumn .partsNum p{
	font-size: 80%;
	font-weight: bold;
	margin: 5px 0px;
	padding:0 0 0 15px;
	background: url(../images/sprite/top.gif) no-repeat 0 -540px;
}
.all{
	font-size: 110%;
	color: #FF0000;
}
/********************************************************* 右コラム *********/
#rightcolumn {
	float:right;
	width: 195px;
	padding-top: 10px;
	text-align: center;
}

/*****************************************  パンくず  */
/*#topicPath {
	font-size: 80%;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
  line-height: 120%;
}*/

#breadcrumbs {}
#breadcrumbs li {float:left; margin:6px 5px 6px 0;}


.c_back {
	font-size: 100%;
	background-color: #CCCCCC;
	padding: 3px;
	border: 1px solid #999999;

}
/*****************************************　フッター　*/
#gototop {clear:both; height:31px; margin:8px 0 0;}
#gototop a {background:url(../images/sprite/top.gif) no-repeat 0 -158px; display:block; float:right; height:31px; width:122px; text-indent:-9999px;}
#gototop a:hover {background-position:0 -189px;}

#foot {
  border-top: 2px solid #3366CC;
	padding-bottom: 10px;
	clear: both;
  /*background-color:#eff4ff;*/
}
#foot h4 {font-size:11px; font-weight:bold;}
#foot .footLink {margin:3px auto; width:900px;}
.footLink ul{
	padding-top: 5px;
	padding-bottom: 5px;
	/*border-top:2px solid #3366cc;*/
}
.footLink li{
	background: url(../images/sprite/top.gif) no-repeat 0 -496px;
	float: left;
	padding:0 10px 0 18px;
	margin-bottom:8px;
  font-size:90%;
}
.footNavi {margin:3px 5px; padding:5px; border-top:1px solid #909090; line-height:100%;}
.footNavi h5 {float:left; font-size:10px; font-weight:bold; margin:3px 7px 3px 0;}
.footNavi ul {}
.footNavi li {border-left: 1px solid #666666; display:inline-block; /display:inline; /zoom:1; margin:3px 4px 3px 0; padding: 0 0 0 4px;}
.footNavi a {color:#808080; text-decoration:none;}
.footNavi a:hover {color:#ff0000; text-decoration:underline;}

#foot a.logo {background:url(../images/sprite/top.gif) no-repeat 0 -441px; display:block; float:right; text-indent:-9999px; width:320px; height:51px;}
.footLink2 {border-top:1px solid #909090; margin:5px; padding:5px;}
.footLink2 ul {list-style:none;}
.footLink2 li {border-left: 1px solid #666666; display:inline-block; /display:inline; /zoom:1; margin:2px 3px 2px 0; padding: 0 0 0 3px;}

.shop_list ul{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eeeeee;
	border-bottom-color: #eeeeee;
	height: 24px;
	margin-bottom: 15px;
}
.shop_list li{
	background-image: url(../images/shared/tri.gif);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
	padding-left: 18px;
	background-position: 1px;
}
/************************　フォームの画像ボタン *********************************/
.searchButtonBox{text-align:center; margin: 0 auto; width: 330px; height:30px; padding:0;}
input#btn_parts_search {background: url(../images/sprite/top.gif) no-repeat 0 -380px; width:230px;height:30px; border:none; overflow:hidden; cursor:pointer; padding:0; text-indent:-9999px; display:block; margin:0; float:left;}
input#btn_parts_search:hover {background-position:0 -410px;}
input#btn_search_reset {background: url(../images/sprite/top.gif) no-repeat -231px -380px; width:77px; height:29px; border:none; overflow:hidden; cursor:pointer; padding:0; text-indent:-9999px; display:block; margin:0; float:right;}
input#btn_search_reset:hover {background-position:-231px -410px;}

/* Operaのみ適用*/
*+html:first-child body form input.input_btn {
	padding-left: 300px;
}

/************************　テーブル *********************************/
.outer {width:100%; border-collapse:collapse; margin:10px 0 15px;}
.outer caption {color:#666; font-weight:bold; text-align:center;}
.outer th, .outer td {padding:3px; border:1px solid #999; font-size:12px;}
.outer th, .outer td.head {background:url(../images/shared/bg_stripeBlack.gif) repeat 0 0 #737373; color:#fff; padding:2px 4px; font-weight:bold;}
.outer th {text-align:center;}
.outer th a:visited, .outer td.head a:visited {color:#0000ee;}
.outer th a:hover, .outer td.head a:hover {color:#fff;}
.outer td.number {text-align:right; padding-right:6px;}
.outer td.foot {text-align:center; border:none; padding:5px;}
.outer td.splitRowTop {border-bottom:1px dotted #999;}
.outer td.splitRow {border-top:1px dotted #999; border-bottom:1px dotted #999;}
.outer td.splitRowBottom {border-top:1px dotted #999;}

/************************　ページナビ *********************************/
.pagenavi {text-align:center; font-size:93%;}
.pagenavi strong {font-weight:bold; font-size:108%;}
.pager {clear:both;}
.pager .amount {float:right;}
.pager .amount .count {font-weight:bold; font-size:110%; color:#ff0000; margin-right:5px;}
.pager .pagenavi {margin:0 auto;}


/************************　注意文など *********************************/
/*.error {border:1px solid #ff0000; font-weight:bold; color:#ff0000; background-color:#fff09e; list-style:none; padding:5px; margin:5px 0 10px;}*/
.error {border-top:1px dotted #ff0000; border-bottom:1px dotted #ff0000; font-weight:bold; color:#ff0000; background:url(../images/mypage/bg_error.gif) repeat-x 0 0; padding:10px 10px 10px 42px; margin:8px 0 15px;}
.error li {list-style:disc inside;}
/*.confirm {border:1px solid #ff0000; font-weight:bold; background-color:#fff09e; padding:5px; margin:5px 0 10px;}*/
.confirm {border-top:1px dotted #ff7000; border-bottom:1px dotted #ff7000; font-weight:bold; color:#dc6000; background:url(../images/mypage/bg_confirm.gif) repeat-x 0 0; padding:10px 10px 10px 42px; margin:8px 0 15px;}
/*.info {border:1px solid #bfbfbf; color:#244d0c; font-size:90%; background-color:#efefef; padding:10px; margin:5px 0 10px;}*/
.info {color:#244d0c; font-size:11px; font-weight:bold; background:url(../images/mypage/bg_info.gif) repeat-x 0 0; padding:10px 10px 10px 42px; margin:5px 0 10px; border-top:1px dotted #cbcbcb;}
.required {font-weight:bold; color:#ff0000; font-size:90%;}
.note {margin-left:5px; font-weight:bold; color:#666; fomt-size:85%;}
/*.editorCtrl {border:1px solid #e16745; background-color:#fff9d3; margin:8px 0 14px; padding:6px 3px;}*/
.editorCtrlHead {background:url(../images/mypage/bg_editorCtrl_head.gif) no-repeat 0 0; height:38px; margin-top:8px;}
.editorCtrl {background:url(../images/mypage/bg_editorCtrl_body.gif) repeat-y 0 0; padding:0 10px;}
.editorCtrlBottom {background:url(../images/mypage/bg_editorCtrl_bottom.gif) no-repeat 0 0; height:12px; margin-bottom:10px;}
.editorCtrl a {margin-right:5px; padding-left:15px; background:url(../images/shared/editorCtrlArrow.gif) left center no-repeat; font-size:14px;}
/*.notice {border:1px solid #dc6000; font-weight:bold; font-size:90%; color:#dc6000; background-color:#fff7cc; padding:5px; margin:5px 0 10px;}*/
.notice {border-top:1px dotted #ffec67; border-bottom:1px dotted #ffec67; font-weight:bold; font-size:90%; color:#dc6000; background:url(../images/mypage/bg_notice.gif) repeat-x 0 0; padding:10px 10px 10px 42px; margin:8px 0 15px;}
span.price, span.unreply, span.endShow {font-weight:bold; color:#ff0000;}

/************************　タブ *********************************/
.tab {border-bottom:3px solid #3366cc; clear:both;}
.tab ul {margin-left:5px;}
.tab li {float:left; margin-right:5px;}
.tab a {background-color:#999; background-image:url(../images/corner_r.gif); background-repeat:no-repeat; background-position:right top; font-weight:bold; color:#fff; display:block; padding:0; text-decoration:none;}
.tab a:hover, .tab .on {background-color:#3366cc; text-decoration:none; color:#fff;}
.tab a:visited {text-decoration:none; color:#fff;}
.tab span {padding:8px; display:block; background:transparent url(../images/corner_l.gif) no-repeat left top;}
.tab .shopManual {height:28px;}
.tab .shopManual a {display:block; float:right; text-indent:-9999px; background:url(../images/mypage/shop_manual.gif) no-repeat 0 0; height:28px; width:84px;}
.tab .shopManual a:hover {background-position: 0 -28px;}

.subtab {clear:both; margin:5px 0 20px;}
.subtab li {list-style:none; margin:0; display:inline;}
.subtab a {font-size:120%; padding:4px; background-color:#e6e6e6; color:#3366cc; margin-right:5px; text-decoration:none; border:2px solid #3366cc;}
.subtab a:hover, .subtab a.on {background-color:#3366cc; text-decoration:none; color:#fff;}
.subtab a:visited {text-decoration:none;}
.subtab span {}

.pagetab {clear:both; margin:5px 0 20px;}
.pagetab li {list-style:none; margin:0; display:inline;}
.pagetab a {padding:4px; background-color:#d1df9c; color:#244d0c; margin-right:5px; text-decoration:none; border:1px solid #244d0c;}
.pagetab a:hover, .pagetab a.on, .pagetab a:visited {background-color:#244d0c; color:#fff;}
.pagetab span {}

/************************　文章 *********************************/
.item {clear:both; margin-top:5px;}
.item .itemHead {clear:both; background:url(../images/shared/bg_stripeWhite.gif) repeat 0 0 #E7EFEB; padding:3px 5px;}
.item .itemHead .itemPosterImage {float:right; background:#fff; border:1px solid #ccc; margin:1px; padding:1px;}
.item .itemHead .itemTitle {color:#333; font-size:90%; font-weight:bold;}
.item .itemBody {clear:both;}
.item .itemBody .itemInfo {color:#666;font-size:85%; text-align:right;}
.item .itemBody .itemInfo .itemPosttime {margin-left:10px; font-size:85%;}
.item .itemBody .itemInfo .itemPoster {}
.item .itemBody .itemText {}
.item .itemFoot {clear:both; font-size:85%; text-align:right;}

/************************　フォーム *********************************/
input[type="text"], textarea {font-family: "ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; /*line-height:100%;*/ margin:4px 0; padding:1px;}
input[type="file"] {width:300px;}

input.bt {background:url("../images/sprite/button.gif") no-repeat; width:77px; height:28px; text-indent:-9999px; cursor:pointer; border:none; margin:0 5px; display:inline;}
input#login {background-position:0 0;}
input#login:hover {background-position:0 -28px;}
input#send {background-position:0 -56px;}
input#send:hover {background-position:0 -84px;}
input#confirm {background-position:0 -112px;}
input#confirm:hover {background-position:0 -140px;}
input#retry {background-position:0 -168px; width:111px;}
input#retry:hover {background-position:0 -196px; width:111px;}
input#cancel {background-position:0 -224px;}
input#cancel:hover {background-position:0 -252px;}
input#delete {background-position:0 -280px;}
input#delete:hover {background-position:0 -308px;}
input#search {background-position:0 -336px;}
input#search:hover {background-position:0 -364px;}

.ime_number {ime-mode:disabled;}
.ime_active {ime-mode:active;}
.ime_inactive {ime-mode:inactive;}

.form_display_none {display:none;}
.form_display_block {display:block;}

/************************　検索フォーム *********************************/
/*.formBox {background-color:#efefef; border:2px solid #009999; font-size:92%; padding:5px 5px 8px; margin:0 0 10px;}*/
.formBox {background:url(../images/mypage/bg_formBox.gif) no-repeat 0 0; border-bottom:3px solid #009999; font-size:92%; padding:40px 5px 8px; margin:0 0 10px;}
.formTbl {border-collapse:collapse; margin:0; width:100%;}
.formTbl th, .formTbl td {border-bottom:1px dotted #666; padding:4px 3px; font-size:90%;}
.formTbl th, .formTbl td.head {font-size:100%;}
.formTbl td.foot {border:none; text-align:center; font-size:110%;}
.formTbl a:visited {color:#0000ff;}
.formTbl a:hover {color:#FF0000;}

/************************ ブロック内アイコン *********************************/
td.maker, td.truckmodel, td.main_cat, td.parts_name, td.price, td.nensiki, td.nidai {padding:1px 0 2px 20px; font-size:8pt; color:#333;}
td.maker {background:url(../images/shared/icon_m.gif) no-repeat left center;}
td.truckmodel {background:url(../images/shared/icon_n.gif) no-repeat left center;}
td.main_cat {background:url(../images/shared/icon_s.gif) no-repeat left center;}
td.parts_name {background:url(../images/shared/icon_p.gif) no-repeat left center;}
td.price {background:url(../images/shared/icon_price.gif) no-repeat left center; color:#ff0000; font-weight:bold;}
td.nensiki {background:url(../images/shared/icon_y.gif) no-repeat left center;}
td.nidai {background:url(../images/shared/icon_k.gif) no-repeat left center;}


/************************ リストソート *********************************/
div.listSort {margin:0 auto; width:37px;}
div.listSort a {background-image:url("../images/sprite/common.gif"); background-repeat:no-repeat; width:16px; height:16px; text-indent:-9999px; border:none; display:block; float:left; overflow:hidden;}
a.listSortUp {background-position:-16px -264px; margin-right:5px;}
a.listSortUpOn {background-position:-16px -280px; margin-right:5px;}
a.listSortDown {background-position:0 -264px;}
a.listSortDownOn {background-position:0 -280px;}
a.listSortUp:hover {background-position:-16px -280px;}
a.listSortDown:hover {background-position:0 -280px;}


/************************ 共通 *********************************/
h4.dataTitle {background:url(../images/shared/data_title.gif) no-repeat 0 0; border:none; color:#333; font-size:14px; font-weight:bold; margin:10px 0 0 5px; padding:5px 0 0 20px; height:28px;}
h4.dataTitle span.desc {float:left;}
h4.dataTitle span.subTitle {float:right; font-weight:normal; font-size:10px; color:#999; margin-right:15px;}
.print {float:right; margin-left:20px;}
.print a{background: url(../images/search/print.gif) no-repeat; text-indent:-9999px; display:block; height:30px; width:28px;}
.print a:hover{background-position:0 -30px;}

a #bread_home {text-indent:-9999px; background:url(../images/icon_home.gif) 0 0 no-repeat; display:block; height:20px; width:16px;}
a:hover #bread_home {background-position:-16px 0;}
.noscriptList {}
.noscriptList dt {font-weight:bold; clear:both;}
.noscriptList dd {float:left;}
.noscriptList li {float:left; margin-right:3px;}
.noscriptList ul {}