@charset "UTF-8";
body { margin:0 0 200px 0;}
body,td {font-size: 14px;font-family: Arial , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;line-height: 1.8;color: #666;background-color: #FFF;}
img {border: 0px;}
/* header */
.headertext {	font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif; line-height:14px;	margin: 2px; padding: 3px;text-align: center;color: #999999;}
#header {height: 60px;width: 800px;margin:0 auto;display: block;}
#menu {	font-size: 12px; width: 800px; text-align: center;	margin: 2px auto;}
#menu a:link, #menu a:visited {padding:0 8px;text-decoration: none;	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;color: #999;text-align: center;}
#menu a:hover, #menu a:active {color: #b40000;}
#info {background-image: url(../img/info.gif);background-repeat: no-repeat;font-size: 12px;color: #333333;height: 20px;width: 760px;text-align: center;padding:0 20px;margin: 2px auto;overflow:hidden;}
#info900 { background-image: url(../img/info900.gif); background-repeat: no-repeat; font-size: 12px; color: #333333; height: 20px; width: 860px; text-align: center; padding:0 20px; margin: 2px auto; overflow:hidden; }
#copy {	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;font-size: 12px;color: #666666;width: 800px;margin: 5px auto 30px auto;text-align: center;}
#topreg{ width:724px; height:30px; margin:0 auto; padding:0; text-align:center; float:none;}
#ss,#sr,#br,#bs{ width:175px; height:20px; margin:0 2px; display:block; float:left;}
#ss a:link, #ss a:visited{ width:175px; background: url(../img/top/sup_out.gif) no-repeat; text-decoration:none; display:block;}
#ss a:hover{ background: url(../img/top/sup_outb.gif) no-repeat;}
#sr a:link, #sr a:visited{ width:175px; background: url(../img/top/topregsup.gif) no-repeat; text-decoration:none; display:block;}
#sr a:hover{ background: url(../img/top/topregsupb.gif) no-repeat;}
#br a:link, #br a:visited{ width:175px; background: url(../img/top/topregbuy.gif) no-repeat; text-decoration:none; display:block;}
#br a:hover{ background: url(../img/top/topregbuyb.gif) no-repeat;}
#bs a:link, #bs a:visited{ width:175px; background: url(../img/top/buy_out.gif) no-repeat; text-decoration:none; display:block;}
#bs a:hover{ background: url(../img/top/buy_outb.gif) no-repeat;}
/* content */
#content{text-align: left;width: 598px;border-right: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;margin: 0px 0px 0px 10px;padding: 0px 10px;}
/* content 800px header content footer*/
#conf_h {background-image: url(../img/conf_hf.gif);height: 10px;width: 800px;margin-top: 10px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-repeat: no-repeat;}
#conf {width: 798px;margin: 0 auto 0 auto;padding:10px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#conf_f {background-image: url(../img/conf_hf.gif);background-repeat: no-repeat;background-position: bottom;height: 10px;width: 800px;margin: 0px auto;padding: 0;}
/* content list image circle kome */
#content .disk_s, #content .disk_b, #content .kome_s, #content .kome_b {background-repeat: no-repeat;text-align: left;padding: 0 0 0 20px;margin: 0;}
#content .disk_s {background-image: url(../img/topsup/circle.gif);background-position: 2px 4px;}
#content .kome_s {background-image: url(../img/topsup/kome.gif);font-size: 12px;background-position: 2px 3px;}
#content .disk_b {background-image: url(../img/topbuy/circle.gif);background-position: 2px 4px;}
#content .kome_b {background-image: url(../img/topbuy/kome.gif);font-size: 12px;background-position: 2px 3px;}
#content_footer{width: 620px;height: 10px;margin:0 0 10px 10px;background-image: url(../img/top/footer_bar.png);background-repeat: no-repeat;background-position: top;}
/* Container 620px */
#container {text-align: left;width: 620px;margin: 0 auto;padding: 0 0 20px 0;}
.lineh {font-size: 14px;border-bottom: 1px solid #999;text-align: left;}
.t12 {font-size: 12px;text-align: left;vertical-align: top;line-height: 16px;_line-height: 18px;}
.s12 {
 font-size:12px;}
.t18 {font-size: 18px;text-align: left;vertical-align: top;line-height: 20px;font-weight: bold;}
/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {padding-bottom: 3px;padding-top: 3px;}
.leftbox {float: left;margin-right: 10px;}
.rightbox {float: right;margin-left: 10px;}
#clear{clear: both;}
/* login 共通*/
#side_login {background-image: url(../img/top/loginbg.gif);background-repeat: no-repeat;background-position: bottom;font-size: 12px; width:170px; margin:0; padding:0 0 8px 0;}
#side_footer {background-image: url(../img/topsup/bg_170.gif);background-repeat: no-repeat;background-position: bottom;height: 5px;width: 170px;}
#side_login form {margin:0; padding:3px 0 0 16px;}
/***************** index top **********************************/
.s_buy_txt, .s_sup_txt {font-size: 14px;_font-size: 15px;/*IE6以下*/line-height: 24px;color:#555;padding: 6px;vertical-align: top;border-left:1px dashed #999;border-right:1px dashed #999;border-bottom:1px dashed #999;background-repeat: repeat-x;}
.s_buy_txt { background-color:#fde7c6; }
.s_sup_txt { background-color:#d9e2f2; }
.s_buy_txt2, .s_sup_txt2 {font-size: 12px;font-weight: bold;line-height:14px;color: #FFFFFF;text-align: left;vertical-align: top;background-repeat: no-repeat;}
.s_buy_txt2{background-image: url(../img/top/s_buy3.gif);padding:45px 0px 30px 17px;}
.s_sup_txt2 {background-image: url(../img/top/s_sup3.gif);padding:45px 15px 25px 5px; }
.s_sup_logo {font-size: 14px;_font-size: 15px;vertical-align: top;border: 1px dashed #999999;text-align: center;line-height: 18px;padding:5px 0;}
#subtitle{background-image: url(../img/top/s_subtitlebg.gif);background-repeat: no-repeat;height: 33px;width: 600px;text-align: right;color: #333333;margin: 10px 0px 0px 0px;padding: 2px 30px 0px 0px;display: block;font-weight: bold;}
/**************** b_outline s_outline ******************/
.top_txt12 {font-size: 12px;text-align: left;vertical-align: top;line-height: 16px;padding: 10px;width: 600px;display: block;}
/****************  b_outline s_outline ******************/
#titlebar_blue, #titlebar_green, #titlebar_yellow {background-repeat: no-repeat;height: 33px;width: 610px;text-align: left;color: #FFFFFF;display: block;font-weight: bold;margin:10px 0 0 0;padding:0 0 0 20px;}
#titlebar_blue { background-image: url(../img/topsup/titlebar_blue.gif); }
#titlebar_green { background-image: url(../img/topsup/titlebar_green.gif); }
#titlebar_yellow { background-image: url(../img/topbuy/titlebar_yellow.gif); }
/****************  b_outline s_outline ******************/
#newreg_s a:link, #newreg_s a:visited, #newreg_b a:link, #newreg_b a:visited{background-repeat: no-repeat;background-position: 0px 0px;height: 90px;width: 170px;margin:0 auto;display:block;position: relative;z-index: 80;text-align: center;}
#newreg_s a:hover, #newreg_s a:active, #newreg_b a:hover, #newreg_b a:active {background-position: -170px 0px;}
#newreg_s a:link,#newreg_s a:visited {background-image: url(../img/topsup/reg.gif);}
#newreg_b a:link,#newreg_b a:visited {background-image: url(../img/topbuy/reg.gif);}
/****************  index ******************/
#top_s1 a:link, #top_s1 a:visited, #top_b1 a:link, #top_b1 a:visited {background-repeat: no-repeat;background-position: 0 0;height: 23px;width: 170px;margin:0 auto;display:block;position: relative;z-index: 9998;text-align: center;}
#top_s1 a:hover, #top_s1 a:active, #top_b1 a:hover, #top_b1 a:active {background-position: 0px -23px;}
#top_s1 a:link,#top_s1 a:visited {background-image: url(../img/top/login_header_s.gif);}
#top_b1 a:link,#top_b1 a:visited {background-image: url(../img/top/login_header_b.gif);}
/*top to supplier top buyer top2*/
#top_s a:link, #top_s a:visited, #top_b a:link, #top_b a:visited{background-repeat: no-repeat;background-position: 0px 0px;height: 53px;width: 292px;margin:0 auto;display:block;position: relative;z-index: 9998;text-align: center;}
#top_s a:link,#top_s a:visited {background-image: url(../img/top/button_sup.gif);}
#top_s a:hover, #top_s a:active {background-position: 0px -53px;}
#top_b a:link,#top_b a:visited {background-image: url(../img/top/button_buy.gif);}
#top_b a:hover, #top_b a:active {background-position: 0px -53px;}
.txt365{font-size: 16px; color: #FF6600; text-align: left; font-weight: bold; line-height: 18px; padding: 10px 2px; _font-family:HGGothicE,MS UI Gothic;}
.forget{font-size: 10px;_font-size: 12px;text-align: center;margin: 8px auto;}
/* title img border ********** company price security ********************/
#title_border{border-bottom:1px solid #ccc;_height:1px;padding: 2em 0 .2em 0;margin:0 0 10px 0;}
/* footer */
.t12c {font-size: 12px;text-align: center;vertical-align: top;line-height: 16px;_line-height: 20px;}
/*kiyaku*/
.kiyakuwaku{ border:1px solid #999;}
#kiyaku{ width:560px; padding:20px;}
#kiyaku #jo{ font-weight:bold; margin-top:8px;}
#kiyaku li{ list-style-type: decimal; }
#kiyaku .ind { display:block; width:560px; padding:10px 10px 0 10px;}
/************* inquiry ***************/
#inquiry table { width:100%; border:none; margin:0 auto; padding:0;}
#inquiry td { text-align: left; vertical-align:top; margin:0; padding:0 3px;}
/************* regist ***************/
#regist { width:80%; margin:0 auto;}
#regist table { width:100%; background-color:#ccc;}
#regist td { text-align:left; vertical-align:top; padding:3px;}
#regist input{ margin-right:3px;}
#regist .postal { ime-mode:disabled; width:80px; font-size:14px; _font-size:16px;}
/*********** form *******************/
input.postal,input.tel,input.url,input.est,input.txtj,input.txte,input.mail { font-size:14px; margin:3px;}
input.postal { ime-mode:disabled; width:80px;}
input.tel { ime-mode:disabled; width:120px;}
input.url { ime-mode:disabled; width:300px;}
input.est { ime-mode:disabled; width:50px; text-align:right;}
input.txtj { ime-mode:active; width:250px;}
input.txte { ime-mode:disabled; width:200px;}
input.mail { ime-mode:disabled; width:300px;}
input.button {font-size:12px; padding:3px 0 0 3px;}
/*************Q & A****************/
#qa{font-size: 14px;text-align: left;width: 90%;}
#qa .q{color: #b40000;}
#qa .q a{color: #b40000; text-decoration:underline;display: block;}
#qa .q a:hover{background-color:#EEEEEE;}
#qa .a{color: #0000b4;}
#qa .title{color: #333333; padding-top:15px;}
#qa .title a{color: #333333; text-decoration:underline;display: block;}
#qa .title a:hover{	background-color: #EEEEEE;}
#qa2{font-size: 14px;text-align: left;width: 90%;}
#qa2 .a{ background-image: url(../img/a.gif); background-repeat: no-repeat; text-align:left; padding:3px 0 3px 30px; margin:0 0 20px 0;}
#qa2 .q{ color: #b40000; background-image: url(../img/q.gif); background-repeat: no-repeat; text-align:left; padding:3px 0 3px 30px; background-color: #f2f0ec; }
.totop a{width:100%;color:#999999;text-decoration:underline;text-align: right;display: block; margin:15px;}
.totop a:hover{ color:#FFFFFF;background-color: #666666;}
#toptxt{font-size: 16px; line-height: 20px; text-indent: 16px; text-align: left; margin-left: 20px; _font-family:HGGothicE,MS UI Gothic;}
#toptxt .suptxt{color:#87abda;}
#toptxt .buytxt{color:#f7b249;}
#topsupbuy{width:800px; display:block; padding: 0px; margin:0 auto;}
#topsupbuy table{ width:800px;}
#topsupbuy td{ width:400px; background-color:#ceeaf5; text-align:center; padding:5px 0;}
#topsupbuy td a:link{ font-size:12px; color:#0059AA; font-weight:bold; text-decoration:none;}
#topsupbuy td a:visited{ color:#0059AA;}
#topsupbuy td a:hover{ color:#f7b249;}
/********supliyer info***********/
#l01{width:55px; height:75px; float:left; margin:0 4px 0 0; display:block; position:relative; _position:inherit; background-position: top center; background-repeat:no-repeat;}
#l01 img{ display:block; margin:0 auto;}
#l01 a { display:block; width:55px; height:55px; margin:0; padding:0; border-top:1px solid #000; border-left:1px solid #000;}
.poppic { display:none; position:absolute; margin:0 0 0 60px; *margin:0; z-index: 20; }
.poppic img{border:30px solid #333; background-color:#fff; padding:10px;}
/********BLOG info***********/
.blog { font-size:10px; line-height:14px;}
.blog a:link,.blog a:visited { color:#ff6666; font-size:14px; *font-size:15px; font-weight:bold; line-height:22px; text-decoration: none; padding:0 0 5px 0;}
.blog a:hover { color:#669933; }
.blog .sup { color:#84a664; font-size:14px; *font-size:15px; font-weight:bold; line-height:20px; text-decoration: none; padding:0 0 3px 0;}
.blog .sup small { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; font-weight:normal;}
.topwakug { border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #84a664; border-bottom-color: #84a664; border-left-color: #84a664; margin:0 0 15px 0; }
.topwakup { border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #ff6666; border-bottom-color: #ff6666; border-left-color: #ff6666; margin:0 0 15px 0; }
.catbtn { font-size:11px; line-height:16px; _font-size:12px; _line-height:18px; letter-spacing:1px;}
/*.catbtn a:link, .catbtn a:link{ font-size:11px; line-height:15px; _font-size:12px; _line-height:16px;}*/