@charset "utf-8";

/* ===========================================================
   Base Style
============================================================== */
	/* *{ margin: 0; padding: 0; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif; } */
* {
	font-family: 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

body,h1,h2,h3,p,ul,li,div,form,input {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	color: #333333;
}

img {
	border: none;
}

h1,h2,h3,p,li {
	text-align: left;
}

ul,li {
	list-style: none;
}

.clear {
	clear: both;
	line-height: 1;
}

.nobr {
	white-space: nowrap;
}

/* -------------------------------------------------- Text */
.reg {
	font-size: 12px;
	font-weight: normal;
}

.sml {
	font-size: 12px;
	font-weight: normal;
}

.sml_h {
	font-size: 10px;
	font-weight: normal;
}

.reg_blueb {
	font-size: 12px;
	font-weight: bold;
	color: #0035a1;
}

.bluetext {
	color: #0035a1;
}

.redtext {
	color: #db3836;
}

.orangetext {
	color: #ff6000;
}

.boldtext {
	font-weight: bold;
}

/* オバーしたメッセージを切る */
.message-cut {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* ツールチップ */
.toolTip {
	position: relative;
}

.toolTip span {
	display: block;
	border: solid 2px #000000;
	background-color: #eeeeee;
	color: #000000;
	text-decoration: none;
	position: absolute;
	top: 20px;
	left: 10px;
	padding: 5px;
	visibility: hidden;
	width: 200%;
}

.toolTip:hover    , .toolTip:hover span {
	visibility: visible;
	z-index: 100;
}

/* ---------------------------------------------Product Photo */
.ad_ph img {
	border: 1px solid #cfcfcf;
	margin: 0 4px 4px 0;
}

.ad_ph_l img {
	border: 1px solid #cfcfcf;
	margin: 0 12px 4px 0;
}

.ad_ph_b img {
	border: 1px solid #cfcfcf;
	margin: 0 0 10px;
}

/* -------------------------------------------------- Link */
a:link,a:visited,a:hover,a:active {
	color: #192a7c;
}

a.white:link,a.white:visited,a.white:hover,a.white:active {
	color: #FFFFFF;
}

img.arrow_icon {
	margin-right: 3px;
}

/* --------------------------Header・Footer / Permanent Menu */
ul.permanentmenu li a:link,ul.permanentmenu li a:visited,ul.permanentmenu li a:hover,ul.permanentmenu li a:active
	{
	color: #7e333a;
	text-decoration: none;
	padding: 0 5px;
}

ul.permanentmenu {
	margin: 4px 2px 3px;
}

ul.permanentmenu li {
	display: inline;
	margin: 0;
	padding: 0;
	border-right: 1px solid #7e333a;
}

ul.permanentmenu li.list_last {
	border-right: none;
}

/* ===========================================================
   Other Style
============================================================== */
	/* -------------------------------------------------- Line */
div.dotline {
	background: url(../images/common/dotline.gif) repeat-x center left;
	margin: 0 auto;
}

div.blueline {
	border-top: 1px solid #bbc8ec;
}

div.orangeline {
	border-top: 1px solid #ece0ae;
}

/* -------------------------------------------------- Error */
.tbl_error {
	border-width: 0 3px;
	border-style: solid;
	border-color: #a7a7a7;
	background: #fff1f1;
}

.tbl_error td {
	padding: 15px 20px;
	font-size: 12px;
	line-height: 1.8;
}

.error_txt {
	font-weight: bold;
	color: #db3836;
}

/* -------------------------------------------------- Pager */
.pager_link {
	font-size: 12px;
	color: #0035a1;
	margin: 4px 0;
}

.pager_link a {
	font-size: 12px;
	margin: 3px 0 4px 3px;
}

.pager_link .page_num {
	padding: 2px 6px;
	white-space: nowrap;
}

.pager_link .page_num a {
	border: 1px solid #636363;
	padding: 1px 4px;
}

.pager_text td {
	padding: 2px 0 8px;
}

.pager_text a {
	font-size: 12px;
	border: 1px solid #636363;
	padding: 2px 6px;
	margin-left: 8px;
}

/* ---------------------------------------------------- Sort */
.sort td,.sort th {
	color: #0035a1;
	text-align: center;
}

.sort div {
	display: inline;
}

div.sort_r {
	display: inline;
}

/* ----------------------------------------------- Area Box */
.graybox {
	margin: 8px 0 0;
	_margin-bottom: 5px;
	height: 27px;
	background: url(../images/common/graybox_r.gif) no-repeat top right
		#838383;
}

.graybox .searchBox {
	padding: 3px;
	width: 100%;
	background-image: none;
}

.graybox .leftarea {
	background: url(../images/common/graybox_l.gif) no-repeat top left
		#838383;
	padding: 0 5px;
}

.graybox .searchBox .leftarea {
	background: #838383;
	padding: 0 5px;
}

.graybox .side_dot {
	background: url(../images/common/dotline_white_side.gif) repeat-y top
		left;
	padding: 0 5px;
}

.graybox .searchBox .side_dot {
	background: none;
	padding: 0 5px;
}

.graybox td {
	color: #FFFFFF;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
}

.graybox .searchBox .graybox td {
	color: #FFFFFF;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
}

/* Form Text */
.graybox input,.graybox select,.graybox option {
	font-size: 15px;
}

/* ------------------------------------------------ Kewwords */
div.keywords {
	margin: 3px 0 5px;
	padding: 5px;
	width: 98%;
	_width: 100%;
	background-color: #FFFFCC;
}

div.keywords ul li {
	display: inline;
	margin: 3px 5px 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
}

#top div.keywords {
	margin: 0 0 5px;
	width: 100%;
	background-color: #FFFF99;
}

div.keywords h3 {
	margin: 3px;
	padding: 3px;
	width: 95px;
	background: url(../images/buyer/mark_white.gif) repeat top left;
	font-size: 12px;
}

/* ===========================================================
   Form Style
============================================================== */
	/* Input Text */
.textform01 input {
	width: 500px;
}

.textform02 input {
	width: 350px;
}

.textform03 input {
	width: 200px;
}

/* checkbox ・　Radio Button */
.checkform01 input {
	margin: 0 4px;
}

input [type=button] {
	font-size: 13px;
}

input [type=submit] {
	font-size: 13px;
}

input.button {
	font-size: 13px;
}

/* ===========================================================
   Table Layout
============================================================== */
.columnlayout {
	width: 970px;
}

.columnlayout td.sidecontent {
	width: 190px;
	padding-left: 1px;
	background-color: #FFFFFF;
}

.columnlayout td.maincontent {
	width: 605px;
	padding-right: 5px;
	text-align: left;
}

/* -------------- width:760px / th: LightBlue / border: gray */
.tablelayout01 {
	clear: both;
	width: 760px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #cfcfcf;
	font-size: 12px;
}

.tablelayout01 th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	background: #deeaf6;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
}

.tablelayout01 td {
	text-align: left;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	word-break: break-all;
}

.tablelayout01 td.textcenter {
	text-align: center;
}

.tablelayout01 th img {
	vertical-align: middle;
}

.tablelayout01 table td,.tablelayout01 table th {
	padding: 0 2px;
	border: none;
}

.tablelayout01 th.inbox {
	text-align: left;
	padding: 0;
	background: #deeaf6;
	border: none;
}

.tablelayout01 th.inbox th {
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
}

.tablelayout01 td.inbox {
	text-align: left;
	padding: 0;
	border: solid;
}

.tablelayout01 td.inbox td {
	text-align: center;
	padding: 5px;
	word-break: break-all;
}

.tablelayout01 td.carriage td {
	border: 1px solid #cfcfcf;
}

/* -------------- width:760px / th: LightBlue / border: none */
.tablelayout01_02 {
	clear: both;
	width: 760px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #cfcfcf;
	font-size: 12px;
}

.tablelayout01_02 th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	background: #deeaf6;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
}

.tablelayout01_02 td {
	text-align: left;
	padding: 5px;
	word-break: break-all;
}

.tablelayout01_02 td.textcenter {
	text-align: center;
}

.tablelayout01_02 th img {
	vertical-align: middle;
}

.tablelayout01_02 table td {
	padding: 0 2px;
	border: none;
}

/* -------------- width:--- / th: LightBlue・BlueText / border: gray */
.tablelayout_c01 {
	clear: both;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #cfcfcf;
}

.tablelayout_c01 th {
	text-align: left;
	font-size: 10px;
	color: #0035a1;
	font-weight: normal;
	padding: 5px;
	background: #e1e7f7;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
}

.tablelayout_c01 td {
	text-align: left;
	font-size: 12px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	word-break: break-all;
}

/* -------------- width:--- / th: LightBlue・BlueText / border: gray */
.tablelayout_c01new {
	clear: both;
	border: 1px solid #cfcfcf;
}

.tablelayout_c01new th {
	text-align: left;
	font-size: 10px;
	color: #0035a1;
	font-weight: normal;
	padding: 2px;
	background: skyblue;
	white-space: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cfcfcf;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	border-left-color: #cfcfcf;
}

.tablelayout_c01new td {
	border: 1px solid #cfcfcf;
	text-align: left;
	font-size: 12px;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cfcfcf;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	border-left-color: #cfcfcf;
}

.tablelayout_bg_c {
	border: 1px solid #cfcfcf;
	text-align: left;
	font-size: 10px;
	color: #0035a1;
	font-weight: normal;
	padding: 5px;
	background: #e1e7f7;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: normal;
	line-height: 150%;
}

/* -------------- width:--- / th: LightBlue / border: gray */
.tablelayout_s01 {
	clear: both;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #cfcfcf;
}

.tablelayout_s01 th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	background: #deeaf6;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: normal;
}

.tablelayout_s01 td {
	text-align: left;
	font-size: 12px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
}

/* -------------- width:--- / th: LightOrange / border: gray */
.tablelayout_b01 {
	clear: both;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #cfcfcf;
}

.tablelayout_b01 th {
	text-align: left;
	font-size: 10px;
	color: #0035a1;
	font-weight: normal;
	padding: 5px;
	background: #f6f0de;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
}

.tablelayout_b01 td {
	text-align: left;
	font-size: 12px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	word-break: break-all;
}

.tablelayout_b01 td.textcenter,.tablelayout_b01 th.textcenter {
	text-align: center;
}

.tablelayout_b01 th img {
	vertical-align: middle;
}

.tablelayout_b01 table {
	border: none;
}

.tablelayout_b01 table td {
	padding: 0 2px;
	border: none;
}

/* -------------- width:760px / th: TextBlue / border-bottom */
.tablelayout02 {
	clear: both;
	width: 760px;
	font-size: 12px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #bfcbeb;
}

.tablelayout02 th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 6px;
	white-space: nowrap;
	color: #0336a1;
	background: #e1e7f7;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #FFFFFF #FFFFFF #bfcbeb;
}

.tablelayout02 td {
	text-align: left;
	padding: 5px 5px;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
}

.tablelayout02 td table td {
	background: #f5f5f5;
	padding: 5px 5px;
}

/* ------- width: -- / th: -- / TextBlue / border : LightBlue / Text : Bold */
.tablelayout_total {
	color: #0336a1;
	border-bottom: 1px solid #bfcbeb;
}

.tablelayout_total th {
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	padding: 4px 3px 4px 6px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #bfcbeb;
}

.tablelayout_total td {
	text-align: right;
	font-size: 12px;
	padding: 4px 3px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #bfcbeb;
}

/* -------- width: -- / th: -- / border: TdDotline  */
.tbl_dotline th.list01 {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	background: #f6f0de;
	border-width: 1px;
	border-style: solid;
	border-color: #cfcfcf #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
	color: #0035a1;
}

/**/
.tbl_dotline td {
	padding: 6px 5px;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
	text-align: left;
}

.tbl_dotline td.nobg {
	background: none;
}

.tbl_dotline table,.tbl_dotline table td {
	background: none;
	padding: 0;
}

.tbl_dotline input {
	font-size: 10px;
	padding: 2px 0;
}

/* */
.tbl_dotline table td.b01 {
	width: 80px;
	color: #0035a1;
	text-align: left;
}

.tbl_dotline table td.b02 {
	width: 100px;
	color: #0035a1;
}

/* */
td.ranking_tbl {
	padding: 6px 5px;
	text-align: left;
}

td.ranking_tbl .right {
	text-align: right;
}

/* -------- width: -- / th: -- / border: TrDotline / Padding: 4px;*/
.tbl_dotline_s {
	background: url(../images/common/dotline.gif) repeat-x top left;
}

.tbl_dotline_s tr {
	background: url(../images/common/dotline.gif) repeat-x bottom left;
}

.tbl_dotline_s td {
	padding: 4px 3px 5px;
}

.tbl_dotline_s td table tr {
	background: none;
}

.tbl_dotline_s td table td {
	padding: 0;
}

/* ProductDetail　*/
div.productdetail {
	margin-left: 18px;
	text-align: left;
}

/* -------- width: -- / th: -- / border: line / Padding: 4px;*/
.tbl_line td {
	padding: 4px 3px;
	border: 1px solid #bfcbeb;
	text-align: left;
}

.tbl_line th.text_blue {
	padding: 2px 3px 0;
	text-align: left;
	font-weight: normal;
	color: #0035a1;
}

.tbl_line td table td {
	border: none;
}

/*  Admin Product Delete */
.tbl_line td table.tbl_s_product th {
	color: #0035a1;
	font-weight: normal;
	padding: 3px 6px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	background: #EEEEEE;
	border-color: #FFFFFF;
}

.tbl_line td table.tbl_s_product td {
	text-align: center;
	padding: 3px 4px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #EEEEEE;
}

/* ------------------ width: -- / th: LightOrange・OrangeText / border: Gray*/
.tbl_mb01 {
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #cfcfcf;
	font-size: 12px;
}

.tbl_mb01 th {
	text-align: left;
	font-weight: normal;
	padding: 5px 6px;
	background: #fff9e9;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	white-space: nowrap;
	color: #bc6303;
}

.tbl_mb01 td {
	text-align: left;
	padding: 5px 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	word-break: break-all;
}

.tbl_mb01 table th {
	border: none;
	color: #0035a1;
	background: none;
	padding: 3px;
}

.tbl_mb01 table td {
	border: none;
	padding: 3px 3px 3px 12px;
}

.tbl_mb01 input,select {
	font-size: 10px;
}

/* --------------------------------------- Admin Auto Apply */
.tbl_box {
	width: 632px;
	margin: 2px 0 0 128px;
}

.tbl_box td.entry {
	color: #0035a1;
	font-weight: normal;
	padding: 4px 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #cfcfcf;
	text-align: left;
	font-size: 10px;
	background: #EEEEEE;
}

.tbl_box td.select {
	font-weight: normal;
	padding: 4px 12px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #cfcfcf;
	text-align: left;
}

.tbl_box td input {
	margin-right: 3px;
}

.tbl_box td select {
	font-size: 12px;
}

.tbl_box td.reasoncomment {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #cfcfcf;
	text-align: center;
	padding: 10px 0;
}

/* ---------------------------------- Monthly Trade Report */
.report_total {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #bbc8ec;
}

.report_total td {
	text-align: left;
}

.report_total table td {
	padding: 6px 20px 6px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #0035a1;
	text-align: left;
}

.tbl_report {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #bbc8ec;
}

.tbl_report th.total {
	padding: 6px;
	text-align: left;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #FFFFFF #bbc8ec;
	background: #e1e7f7;
	color: #0035a1;
	font-weight: normal;
}

.tbl_report td.p_total {
	padding: 6px;
	font-size: 12px;
	color: #0035a1;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #bbc8ec;
	text-align: right;
}

.tbl_report_d th.total {
	padding: 6px;
	text-align: left;
	font-size: 12px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background: #EEEEEE;
}

.tbl_report_d td.p_total {
	padding: 6px;
	font-size: 12px;
	color: #0035a1;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	background: #EEEEEE;
}

div.section_s_orange .tbl_report_d th.total {
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
	background: #fff9e9;
}

div.section_s_orange .tbl_report_d td.p_total {
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d1d1d1;
	background: #fff9e9;
	color: #0035a1;
}

.tbl_report_d th {
	padding: 3px 6px;
	color: #0035a1;
	text-align: left;
	font-weight: normal;
	font-size: 10px;
}

.tbl_report_d td {
	padding: 3px 6px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
}

.tbl_report_d td.naiyou {
	text-align: left;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
}

/* ------------------------------------------ Rating Table */
.tbl_rating td {
	padding: 8px 4px;
	text-align: left;
}

.tbl_rating td.a01 {
	padding: 0 4px 8px 30px;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
}

.tbl_rating td table td {
	background: none;
	padding: 0;
}

/* --------------------------------------- Evaluation Table */
.tbl_evaluation th {
	background: url(../images/common/dotline.gif) repeat-x bottom left
		#deeaf6;
	padding: 14px 18px;
	width: 200px;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
}

.tbl_evaluation td {
	background: url(../images/common/dotline.gif) repeat-x bottom left;
	padding: 6px 20px 4px;
}

.tbl_evaluation td.point {
	color: #0035a1;
	font-size: 14px;
	font-weight: bold;
	border-left: 1px solid #eeeeee;
}

.tbl_evaluation02 {
	clear: both;
	width: 760px;
	font-size: 12px;
}

.tbl_evaluation02 th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	background: #deeaf6;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #cfcfcf;
	white-space: nowrap;
}

.tbl_evaluation02 td {
	text-align: left;
	padding: 5px;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #FFFFFF #cfcfcf #cfcfcf #FFFFFF;
	word-break: break-all;
}

/* -------------------------------------- Estimate Table */
.tablelayout_estimate th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 2px 2px;
	color: #0336a1;
}

.tablelayout_estimate td {
	font-size: 10px;
	text-align: left;
	padding: 5px 4px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #bfcbeb;
}

.tablelayout_estimate td.textcenter {
	text-align: center;
}

.tablelayout_estimate td.date {
	border-left: 1px solid #bfcbeb;
	text-align: center;
}

.tablelayout_estimate td.detail_link {
	width: 58px;
	padding-right: 0;
}

.tablelayout_estimate td.c_color {
	border-left: 1px solid #FFFFFF;
	text-align: center;
}

/* ---------------------------- Supplier Design Template */
.tablelayout_temp {
	clear: both;
	font-size: 12px;
}

.tablelayout_temp th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 6px;
	white-space: nowrap;
	color: #0336a1;
	background: #e1e7f7;
	border-width: 1px;
	border-style: solid;
	border-color: #bfcbeb;
}

.tablelayout_temp td {
	text-align: center;
	padding: 5px 0;
}

.tablelayout_temp td table td {
	padding: 0;
}

/* ---------------------------- Supplier Change Trade */
.tablelayout_trade {
	clear: both;
}

.tablelayout_trade td {
	text-align: left;
	padding: 5px;
}

.tablelayout_trade td table.shipfee {
	border-width: 1px;
	border-style: solid;
	border-color: #dde3f5;
	border-collapse: collapse;
}

.tablelayout_trade td table.shipfee  td {
	font-size: 12px;
	padding: 5px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #dde3f5;
	border-left-style: none;
}

.tablelayout_trade td table.shipfee  td.bluetext {
	font-size: 10px;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #dde3f5;
}
.tablelayoutsift{}

.tablelayout_trade td table.shipfee  td.c_color {
	background: #dde3f5;
	text-align: center;
	width: 150px;
	padding: 0;
	border-width: 1px 3px 1px 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.tablelayout_trade td table.shipfee  td.no_border {
	border-style: none;
}

.tablelayout_trade td table.shipfee  td.bluetext_no_border {
	font-size: 10px;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
	border-style: none;
}

/* -------------------------------- : Background Color (Check box...) */
	/* Common Blue Color */
.c_color,td.c_color {
	background: #dde3f5;
	text-align: center;
}

.s_color,td.s_color {
	background: #edf7df;
	text-align: center;
}

/* Buyer Color */
.b_color {
	background: #ecdfbb;
	text-align: center;
}

.tbl_dotline .b_color {
	background: url(../images/common/dotline.gif) repeat-x bottom left
		#ecdfbb;
}

/* ===========================================================
   Section Style
============================================================== */
	/* ---------------------------------------- Gray / width:600px */
.main .section_s_gray {
	_width: 600px; /* IE6 */
	margin: 0 auto;
	padding: 8px 10px;
	background: url(../images/common/block_gray_s_bg.jpg) no-repeat top
		center;
}

/* ----------------- Gray Gradation / width:600px Height: 232px */
.main .section_sp {
	width: 600px; /* IE6 */
	height: 232px;
	margin: 0 auto;
	padding: 3px 0;
	background: url(../images/common/block_sp_bg.jpg) no-repeat top center;
}

/* ---------------------------------------- Blue / width:780px */
.main .section {
	_width: 780px; /* IE6 */
	margin: 0 auto;
	padding: 8px 10px;
	background: url(../images/common/block_blue_bg.jpg) no-repeat top center
		;
}

/* ---------------------------------------- Blue / width:600px */
.main .section_s {
	width: 580px;
	_width: 600px; /* IE6 */
	margin: 0 auto;
	padding: 8px 10px;
	background: url(../images/common/block_blue_s_bg.jpg) no-repeat top
		center;
}

/* ---------------------------------------- Blue / width:580px */
.main .section_ss {
	_width: 580px; /* IE6 */
	margin: 0 auto;
	padding: 8px 20px;
	background: url(../images/common/block_blue_ss_bg.jpg) no-repeat top
		center;
}

/* ---------------------------------------- Blue / width:760px */
.main .section_category {
	width: 730px;
	_width: 760px; /* IE6 */
	margin: 8px auto 0;
	padding: 0 15px;
	_padding-left: 20px;
	background: url(../images/common/block_blue_bg_bs.jpg) no-repeat top
		center;
}

/* -------------------------------------- Orange / width:780px */
.main .section_orange {
	_width: 780px; /* IE6 */
	margin: 0 auto;
	padding: 8px 10px;
	background: url(../images/common/block_orange_bg.jpg) no-repeat top
		center;
}

/* -------------------------------------- Orange / width:600px */
.main .section_s_orange {
	_width: 600px; /* IE6 */
	margin: 0 auto;
	padding: 8px 10px;
	background: url(../images/common/block_orange_s_bg.jpg) no-repeat top
		center;
}

/* ---------------------------------------- nothing / width:600px */
.main .section_h {
	width: 580px;
	_width: 600px; /* IE6 */
	margin: 0 auto;
	padding: 8px 10px;
}

.main .section_s_orange td {
	text-align: left;
}

/* ----------------------------------------------------- Share */
td.right,.main .section_s_orange td.right,.right,.tablelayout_estimate td.right
	{
	text-align: right;
}

td.price,.tablelayout_estimate td.price {
	color: #0336a1;
	font-weight: bold;
	text-align: right;
}

td.expiration_date {
	color: #0336a1;
	font-weight: bold;
	text-align: center;
}

td.tblsp,.tablelayout_estimate td.tblsp {
	padding: 0;
	border: none;
}

.h_catch {
	padding-top: 1px;
	text-align: left;
}

.h_txtlink {
	font-size: 10px;
	padding-right: 8px;
	text-align: right;
}

.textarea {
	margin-bottom: 10px;
	font-size: 12px;
	clear: both;
	line-height: 1.5;
	color: #0035a1;
	text-align: left;
}

.btnarea {
	width: 760px;
	margin: 12px 0;
}

.btnarea input {
	font-size: 12px;
}

.btnarea p {
	text-align: right;
}

.leadtxt_line {
	font-size: 10px;
	line-height: 1.5;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
	padding: 0 0 8px;
	margin: 4px 0 8px;
}

.c_bg_r {
	background: url(../images/common/c_bg_r.jpg) no-repeat top right #bbc8ec
		;
	padding: 1px 2px;
}

/*  */
.grayline_box {
	border: 1px solid #d1d1d1;
}

.grayline_box td {
	padding: 3px 8px;
	font-size: 10px;
	border-left: 1px solid #d1d1d1;
	text-align: left;
}

.grayline_box td.r_box {
	border-right: 1px solid #d1d1d1;
}

.grayline_box td.box_bg {
	background: #EEEEEE;
	border: 1px solid #FFFFFF;
}

/* 
---------------------------------------------------------------*/
	/* Comment Box */
.b_box,.tbl_dotline table.b_box {
	border: 1px solid #d1d1d1;
	background: #fff9e9;
	font-size: 10px;
}

.b_box td,.tbl_dotline table.b_box td {
	text-align: left;
}

.c_box,.tbl_dotline table.c_box {
	border: 1px solid #d1d1d1;
	background: #dde3f5;
	font-size: 10px;
}

.c_box td,.tbl_dotline table.c_box td {
	text-align: left;
}

.b_s_box {
	border: 1px solid #d1d1d1;
	font-size: 12px;
	color: #333333;
}

.s_box {
	border: 1px solid #d1d1d1;
	font-size: 10px;
	color: #333333;
}

.s_box td {
	text-align: left;
	padding: 3px 6px;
	line-height: 1.4;
	background: #edf7df;
}

.s_box td label {
	color: #0035a1;
}

.s_box td div {
	display: inline;
}

td.cm_box,.tbl_dotline table td.cm_box {
	border-width: 0 1px;
	border-style: solid;
	border-color: #d1d1d1;
	padding: 0 6px;
	line-height: 1.4;
	text-align: left;
	color: #333333;
}

/* ===========================================================
   FAQ
============================================================== */
p.faq_ttl {
	font-weight: bold;
	font-size: 15px;
	padding: 4px;
	margin-bottom: 3px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #bbc8ec;
	width: 580px;
	color: #0035a1;
}

.faq_layout td {
	padding: 5px 0;
	font-size: 13px;
	background: url(../images/common/dotline.gif) repeat-x bottom left;
}

.faq_layout .faq_num {
	border: 1px solid #617fca;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	background: url(../images/common/faq_bg.jpg) repeat-x left bottom
		#ed9d9c;
	text-align: center;
	width: 43px;
	padding: 1px 0;
}

.faq_layout .question {
	padding: 4px 6px;
	color: #617fca;
}

.faq_layout .answer {
	padding: 8px 6px;
	margin-bottom: 12px;
}

.faq_f_link {
	margin-bottom: 18px;
}

.faq_f_link table {
	font-size: 14px;
}

/* ===========================================================
   ERROR
============================================================== */
#allMessages {
	font-size: 12px;
	color: #FF0000;
}

.msgArea {
	font-size: 12px;
	text-align: center;
	color: #FF0000;
}

.msgArea ul {
	
}

.msgArea li {
	font-size: 12px;
	text-align: center;
}

.msgAreaLeft {
	font-size: 12px;
	text-align: left;
	color: #FF0000;
}

/* ===========================================================
   AGREEMENT
============================================================== */
.agreement {
	font-size: 12px;
}

.agreement h3 {
	font-size: 14px;
}

.agreement ol {
	margin-bottom: 20px;
	padding-right: 20px;
}

.agreement ol li {
	margin-bottom: 5px;
	list-style-type: decimal;
}

.agreement ol ul li {
	margin-left: 5px;
	width: 650px;
	list-style-type: disc;
}

.agreement ul {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	padding-right: 10px;
}

.agreement ul li {
	margin-left: 15px;
	line-height: 120%;
}

.agreement ul {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	padding-right: 10px;
}

.agreement ul li {
	margin-left: 15px;
	line-height: 120%;
}

.agreement ul.point li {
	list-style-type: disc;
}

.main-banner {
	margin: 0 3px;
}

/*
*html div.split-div h3,h4,p{
	margin-left:10px;
}
.split-div h4{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:#BBC8EB dashed 1px;
	font-size:12px;
}
div.split-bottom{
	position:relative;
	top:-15px;
	left:-10px;
	_left:0;
	margin-bottom:0;
	padding:0;
	width:780px;
	height:30px;
	background:url(../images/common/block_blue_bottom.gif) no-repeat bottom left;
}*/ /* ===========================================================
   SITEMAP
============================================================== */
div.sitemap {
	text-align: left;
	font-size: 14px;
}

div.sitemap h3,h4,dl,dd,dt {
	text-align: left;
}

div.sitemap h4 {
	margin: 5px 0 -15px 0;
	font-size: 14px;
}

/*	modern browser only	*/
html> /**/ body div.sitemap h4 {
	margin: 5px 0 -5px 0;
}

div.sitemap dl {
	margin-left: 15px;
	padding-bottom: 10px;
	width: 90%;
	border-bottom: #EEEEEE solid 1px;
	font-size: 12px;
}

div.sitemap dt {
	margin: 5px 0 3px 0;
}

div.sitemap dd {
	margin-left: 15px;
	margin-bottom: 2px;
	padding-left: 10px;
	background: url(../images/buyer/icon_list_b_tree.gif) no-repeat 0 -20%;
}

div.sitemap01 {
	float: left;
	margin: 10px 0;
	width: 48%;
	border-right: #CCCCCC dashed 1px;
}

div.sitemap02 {
	float: left;
	margin: 10px 0;
	width: 48%;
	padding-left: 10px;
}

/* ===========================================================
   forbuyer,forsuppier
============================================================== */
p.wellcome-message {
	margin: 0 auto 0;
	_margin: 0 10px 0;
	padding: 10px;
	width: 558px;
	_width: 578px;
	line-height: 120%;
	font-size: 12px;
	background-color: #FFFF99;
	border: solid #FF9900 1px;
}

.campaign-banner {
	margin: 0 auto;
	width: 556px;
}

div.section_ss p.wellcome-message {
	margin: 0 auto;
	padding: 5px;
	width: 551px;
	line-height: 120%;
	font-size: 12px;
	background-color: #FFFF99;
	border: solid #FF9900 1px;
}

.note {
	text-align: left;
	font-size: 11px;
}

p.campaign-banner span.note {
	position: relative;
	top: -15px;
	width: 100%;
	text-align: left;
	font-size: 10px;
}

p.campaign-lead {
	margin: 0 auto 0;
	_margin: 0 10px 0;
	padding: 10px;
	width: 558px;
	_width: 578px;
	line-height: 120%;
	font-size: 12px;
}

_p.campain-lead {
	margin: 0 auto;
	padding: 5px;
	width: 551px;
	line-height: 120%;
	font-size: 12px;
	background-color: #FFFF99;
	border: solid #FF9900 1px;
}

div.display_contact {
	margin: 0 auto;
	padding: 5px;
	width: 550px;
	font-size: 12px;
	text-align: left;
	line-height: 120%;
	background-color: #FFFF99;
	border: solid #FF9900 1px;
}

div.display_contact h4 {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
}

hr.clear {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: 0 none;
}

/*	080603 TOPcampaignbanner	*/
.combinedbanner {
	position: relative;
	margin: 0;
	padding: 0;
	width: 600px;
	height: 120px;
}

.split-banner01 {
	position: absolute;
	top: 1px;
	left: 0;
}

.split-banner02 {
	position: absolute;
	top: 53px;
	left: 463px;
}

/*	080617 Informing to entry image with mobile	*/
div#entry-image {
	font-size: 12px;
	color: #333333;
	z-index: 1;
}

*+html div#entry-image {
	width: 98%;
}

div#entry-image div.contents01,div.contents02 {
	float: left;
	margin: 10px 11px 0;
	_margin: 15px 0 5px;
	padding: 8px;
	_padding: 10px;
	width: 340px;
	min-height: 260px;
	_height: 245px;
	background: url(../images/supplier_admin/background-div.gif) repeat-x 0
		0;
	border: #CCCCCC solid 1px;
	_font-size: 12px;
}

*+html div#entry-image div.contents01,div.contents02 {
	min-height: 225px;
}

* html div#entry-image div.contents01 {
	margin-right: 15px;
	margin-left: 10px;
}

* html div#entry-image div.contents02 {
	margin-left: 25px;
}

div#entry-image div.contents01 p,div.contents02 p {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: #CCCCCC solid 1px;
}

div#entry-image div.contents01 table th,div.contents02 table th {
	width: 30%;
	background-color: #e1e6f9;
	_font-size: 12px;
}

div#entry-image div.contents01 img,div.contents02 img {
	margin: 5px 10px;
	text-align: left;
	border: #999999 solid 1px;
}

div#entry-image div.contents01 table caption,div.contents02 table caption
	{
	margin: 10px 0 5px;
	_margin: 10px 0 10px;
	font-weight: bold;
	text-align: left;
	_font-size: 12px;
}

div#entry-image div.contents01 table tr td,div.contents02 table tr td {
	font-size: 12px;
}

div#entry-image div.contents01 h4,div.contents02 h4 {
	margin: 5px 3px 5px;
	_font-size: 12px;
}

div#entry-image p.redtext {
	margin: 5px 0 3px;
	font-size: 10px;
}

/*	080617	Adding  help-icon	*/
th.helpico {
	clear: both;
}

span.help-ico {
	width: 100px;
	float: left;
}

img.help-ico {
	float: right;
	margin-top: 0;
}

/* ===========================================================
   SideSubContents
============================================================== */
html body td.maincontent td.subContents div#viewtop {
	margin-top: 0px;
}

.recommendSupplier {
	margin-bottom: 8px;
	padding: 5px;
	width: 150px;
	background: #c4e0f2 repeat 0 0;
	border: #7ba9c4 solid 1px;
	text-align: left;
	font-size: 12px;
}

.recommendSupplier table {
	margin: 0 auto;
	_margin-left: 8px;
	width: 110px;
	_font-size: 12px;
}

.recommendSupplier table img {
	border: 1px solid #cfcfcf
}

.recommendCategory {
	margin-bottom: 8px;
	padding: 5px;
	width: 150px;
	background: #FAA7A7 repeat 0 0;
	border: #FF3E43 solid 1px;
	text-align: left;
	font-size: 12px;
}

.recommendCategory table {
	margin: 0 auto;
	_margin-left: 8px;
	width: 110px;
	_font-size: 12px;
}

.recommendCategory table img {
	border: 1px solid #cfcfcf
}

.recentlyChecked {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
	width: 150px;
	background: #FEEDF7 repeat 0 0;
	border: #FF3E43 solid 1px;
	text-align: left;
	font-size: 12px;
}

/*	forIE7	*/
*+html .recentlyChecked {
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0;
	padding: 5px;
	width: 150px;
	background: #FEEDF7 repeat 0 0;
	border: #FF3E43 solid 1px;
	text-align: left;
	font-size: 12px;
}

#viewtop .recentlyChecked {
	margin-top: 0;
}

.recentlyChecked table {
	margin: 0 auto;
	_margin-left: 8px;
	width: 110px;
	_font-size: 12px;
	margin-bottom: 2px;
	border-top: dashed #FF3E43 1px;
}

.recentlyChecked table td {
	padding: 3px 0;
}

.recentlyChecked table img {
	border: 1px solid #cfcfcf
}

/* ===========================================================
   CategorySearch
============================================================== */
.searchCategoryList {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: 33%;
}

* html .searchCategoryList {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	width: 33%;
}

*+html .searchCategoryList {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	width: 33%;
}

.searchCategoryList h3 {
	margin: 3px 0 3px 0;
	padding: 2px 2px 2px 6px;
	width: 95%;
	background: #EAEAEA repeat 0 0;
	border-left: #990000 solid 3px;
	font-size: 14px;
}

.searchCategoryList dl {
	margin-top: 0;
	padding-left: 8px;
	width: 95%;
	background: #EAEAEA repeat 0 0;
}

.searchCategoryList dl dt {
	margin: 3px 3px 3px 18px;
	font-weight: bold;
	font-size: 12px;
}

.searchCategoryList dl dd {
	margin-top: 3px;
	margin-left: 15px;
	padding-left: 18px;
	width: 80%;
	background: #FAFAFA url(../images/buyer/symbol_key.gif) no-repeat 0 0;
	font-size: 11px;
}

/* ===========================================================
   SortofSearch
============================================================== */
.sortofSearch {
	text-align: left;
}

ul.topicPath {
	margin-top: 3px;
}

ul.topicPath li {
	display: inline;
	font-size: 11px;
}

ul.topicPath li.top {
	display: inline;
	font-size: 11px;
}

ul.topicPath li.bottom {
	display: inline;
	font-size: 11px;
}

.sortofSearch table {
	margin: 0 0 5px;
	width: 100%;
	background: #CCCCCC url(../images/buyer/mark_white.gif) repeat 0 0;
	text-align: left;
	font-size: 12px;
}

.sortofSearch table th {
	width: 100px;
	text-align: left;
}

.sortofSearch table td {
	background: #EEEEEE url(../images/buyer/mark_white.gif) repeat 0 0;
}

.sortofSearch table td img {
	margin: 0 3px 0 3px;
	vertical-align: middle;
}

.sortofSearch table td span.paging {
	position: relative;
	padding: 0 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}

.sortofSearch table td span.paging img {
	margin-right: 10px;
}

html> /**/ body .sortofSearch table td span.paging img {
	margin-bottom: 2px;
}

.sortofSearch table td span.paging a {
	text-decoration: none;
}

table.imageonly {
	margin-top: 3px;
	margin-left: 8px;
	width: 95%;
	font-size: 12px;
}

table.imageonly tr td {
	width: 25%;
}

table.imageonly thead tr td img {
	margin: 0 auto;
	text-align: center;
}

/*	login-EntryNOW	*/
.EntryNow {
	margin: 0 auto;
	padding: 10px;
	width: 580px;
	background-color: #FCF1F0;
	border: #FB8CAD 1px solid;
	font-size: 12px;
	line-height: 180%;
}

.EntryNow h3 {
	margin: 0 0 10px;
	font-weight: bolder;
	font-size: 18px;
	color: #CC3300;
}

.EntryNow ul {
	margin-left: 20px;
	_margin-left: 40px;
}

.EntryNow ul li {
	list-style-type: disc;
}

.EntryNow span {
	margin: 10px auto 18px;
	display: block;
}

.EntryNow p.adjust-leading {
	margin-left: 20px;
}

.EntryNow p strong {
	display: block;
	margin: 10px 0 3px;
	font-weight: bolder;
	font-size: 16px;
}

.EntryNow p hr {
	background-color: #D0111B;
	border: #D0111B solid 1px;
}

.EntryNow .verisign {
	margin: 20px 0 0;
	padding: 5px 5px 0;
	width: 97%;
	background-color: #FFFFFF;
	border-top: #D0111B solid 3px;
	font-size: 12px;
}

.EntryNow .verisign .explain {
	float: left;
	margin: 20px 0 0;
	width: 70%;
}

.EntryNow .verisign .script {
	float: right;
	margin: 0 0 -5px;
	width: 132px;
}

* html .EntryNow .verisign .script {
	float: right;
	margin: 0 0 -20px;
	width: 132px;
}

*+html .EntryNow .verisign .script {
	float: right;
	margin: 0 0 -20px;
	width: 132px;
}