@charset "shift_jis";
/* 基本設定 */
html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
body {
	background: #D1D1D1 url(../image/background.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
body, p, td, th {
	color: #333;
	font-size: 12px;
	line-height: 145%;
}
.p12-180 {
	font-size: 12px;
	line-height: 180%;
}
.p14-160 {
	font-size: 14px;
	line-height: 200%;
}
.p14-130 {
	font-size: 14px;
	line-height: 130%;
}
.p18-130 {
	font-size: 18px;
	line-height: 130%;
}
.p10-130 {
	font-size: 10px;
	line-height: 130%;
}
.white {
	color: #ffffff;
}
.red {
	color: #cc0000;
}
.blue {
	color: #1E68B7;
}
.orange {
	color: #D76C18;
}
.green {
	color:#339933;
}
a:link {
	color:#0000cc;
	text-decoration:underline;
}
a:visited {
	color: #993399;
	text-decoration:underline;
}
a:hover {
	color:#3366CC;
	text-decoration:underline;
}
a:active {
	color:#3366CC;
	text-decoration:underline;
}
ul,
li {
	margin: 0;
	padding: 0;
}
.bspace10 {
	margin-bottom: 10px;
	padding: 0;
}
.bspace20 {
	margin-bottom: 20px;
	padding: 0;
}
.lspace10 {
	padding-left: 10px;
}
.pad10 {
	padding: 10px;
}
.pad55 {
	padding: 5px 0;
}
.alignright {
	text-align:right;
}
.tab10 {
	text-indent: 10px;
}


/* hx用 */
h1,
h2,
h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* センタリング */
#container {
	width: 700px;
	margin: 0 auto;
	padding: 0;
}

/* menu */
ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.menu {
	margin: 0;
	padding: 0;
}
li.en {
	margin: 20px 0 0 0;
	padding: 0;
}
li.menu img {
	border: none;
	vertical-align:top;
}

/* トップページおすすめ用 */
#recommend td.space {
	width: 160px;
	margin: 0;
	padding-top: 18px;
	padding-right: 11px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#recommend a:link,
#recommend a:visited,
#recommend a:hover,
#recommend a:active {
	color:#0000cc;
	text-decoration:none;
}
#recommend p {
	margin: 0;
	padding: 0 3px 3px 3px;
	text-align: right;
}

/* コンテンツ用 */
#main {
	margin: 0;
	padding: 0;
	border-top: #d9d9d9 solid 1px;
	border-bottom: #aaa solid 1px;
	background-color: #fff;
}
#whatsnew li {
	margin: 0;
	padding-bottom: 10px;
	list-style: none;
}
.midashi {
	margin: 0;
	padding: 5px 5px 5px 10px;
	border: #ccc solid 1px;
	background-color: #f5f5f5;
}
.indent {
	border-left: #1D67B6 solid 5px;
	padding-left: 5px;
	font-size: 14px;
}


/* 取引先・メーカー一覧のテーブル装飾用 */
tr.odd { background-color:#fff }
tr.even { background-color:#f1f1f1 }


/* 営業品目テーブル装飾用 */
.bg_pink {
	background: #FFF url(../image/td_bg_pink.gif) no-repeat;
}
.bg_blue {
	background: #FFF url(../image/td_bg_blue.gif) no-repeat;
}


/* 営業品目リスト */
#catalog ul {
	margin: 0;
	padding: 0;
}
#catalog li {
	margin: 0 0 0 16px;
	padding: 0 0 5px 0;
}
#catalog li img {
	vertical-align: middle;
}

/* ヘッダー用 */

/* フッター用 */
#footer {
	margin-top: 5px;
	padding: 0;
}

/* form */
form {
	margin: 0;
	padding: 0;
}
.input1 {
	width: 200px;
}
.input2 {
	width: 450px;
}
textarea {
	width: 450px;
	height: 100px;
}

.waku-gray {
	border: 1px solid #dddddd;
}
.p11 {
	font-size: 11px;
}