@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /*ol,*/ ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: none; list-style-type: none; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
a:hover { text-decoration:none; color:#00C; }


span a { color:#039/*#03F*/; }
span a:hover { text-decoration:underline; color:#00f/*#F33*/; }
.clear { clear: both; font-size: 0; }
.small { font-size:10px }
.wdt15{ width:80px;}
.wdt20{ width:100px;}
.small_center { font-size:10px; text-align:center; }
.large_center { font-size:14px; text-align:center; font-weight:bold; margin:10px 0 }
.red { color:#F00 }
.red_large{color:#F00; text-align:center; font-size:16px; font-weight:bold; margin:20px 0}
.left { float:left }
.alcenter{text-align:center}
.center { text-align:center}
.num { text-align:right }
.right_small { float:right; font-size:small }
.right { float:right; }
.floatR{float:right;}
.errmes{margin-top:5px; color:#f00; clear:both;}
.errmes img{margin-right:5px;}
.emphatic{padding:1px 3px; border:1px solid #900; color:#900;}
.pricefont{ font-size:125%; font-weight:bold; text-align:right; }
#contents th.arrival{ color:#FFF; background:#c00;}
h2.top_header2 img{ float:right; margin-top:7px}
h2.top_header2 span{ float:left; font-size:16px; width:600px}

/*ol li a{ display:inline}*/
p { font-size:12px }
.hidden{ display:none}
.deeppink { font-size:16px; color:#c00; }
body { }
body sidebar form { margin:0; padding:0; border:none; }
#wrapper { margin:0 auto 0 auto; background-color:#fff; width:950px; padding-bottom:10px; }
#wrapper p { line-height:20px; }
#wrapper2 { margin:0 auto 0 auto; width:950px; padding-bottom:10px; }
#header { background:url(../img/bg_header.gif) repeat-x left top; }
#header #header_inner { margin:0 auto 0 auto; width:950px; }
#header #header_inner #header_top { height:80px; }
#header #header_inner #header_top h1 { float:left; }
#header #header_inner #header_top h2 { float:left; font-size:12px; border-left:1px; border-left-color:#666; border-left-style:solid; margin-top:25px; padding-left:10px; width:220px; }
#header #header_inner #header_top #header_right { font-size:10px; text-align:right; float:right; margin-top:20px; width:380px; }

/*global_menu_set*/
#header #header_inner #global_menu { background-color:#C00}
#header #header_inner #global_menu li { float:left; list-style:none; }
#header #header_inner #global_menu li a { width:190px; height:30px; display:block; line-height:30px; text-align:center; text-decoration:none; font-weight:bold; color:#FFF; font-size:14px }
#header #header_inner #global_menu li.btn_left a { background:url(../img/btn_left.gif) no-repeat 0 0; }
#header #header_inner #global_menu li.btn_center a { background:url(../img/btn_center.gif) no-repeat 0 0; }
#header #header_inner #global_menu li.btn_right a { background:url(../img/btn_right.gif) no-repeat 0 0; }
/* hover */
#header #header_inner #global_menu li a:hover { background-position:0 -30px; }
#header #header_inner #global_menu li a:active { background-position:0 -60px; }
/* drop down menu */

#header #header_inner #global_menu ul li a.menu { color: #FFF; text-decoration: none; display:block; }
#header #header_inner #global_menu li div.submenu { border: 1px solid #999; visibility: hidden; position:absolute; z-index: 3; width: 190px; }
#header #header_inner #global_menu li div.submenu a { display: block; text-align:center; color: #000; height:auto; width:190; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color:#999; background-image:none; background-color:#FFC; }
#header #header_inner #global_menu li div.submenu a:hover { background-color:#C00; color: #fff; }

/*download_menu_set*/
#download_menu { }
#download_menu li { float:left; list-style:none; }
#download_menu li a { width:276px; height:45px; display:block; line-height:45px; text-align:center; text-decoration:none; font-weight:bold; color:#FFF; font-size:14px }
#download_menu li.btn a { background:url(../img/btn_download.gif) no-repeat 0 0; }
#download_menu ul li a.menu { color: #FFF; text-decoration: none; display:block; }
#download_menu li div.submenu { border: 1px solid #999; visibility: hidden; position:absolute; z-index: 3; width: 270px; }
#download_menu li div.submenu a { display: block; text-align:center; color: #000; height:auto; width:270px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color:#999; background-image:none; background-color:#FFC; }
#download_menu li div.submenu a:hover { background-color:#C00; color: #fff; }

#top_image { }
#sub_top_image { margin:0 0 10px 15px; }
#breadcrumbs { line-height:20px; font-size:10px; margin:5px 0 0 10px; }
#breadcrumbs li { font-size:10px; }
#breadcrumbs li a { font-size:10px; color:#039/*#00C*/; }
#page { padding-top:3px }
/* table set */
#contents table { border:1px solid #ccc; border-collapse:collapse; width:100%; font-size:90%; }
#contents table td { padding:5px; border:1px solid #ccc; border-collapse:collapse; line-height:135%; }
#contents table th { padding:5px; border:1px solid #ccc; border-collapse:collapse; background-color:#EEE; color:#333; }
#contents .width15 { width:15%; }
#contents .width35 { width:35%; }
/*sidebar*/
#page #side_bar { float:left; color:#FF0; width:290px; margin-top:2px;}
#page #side_bar #side_menu #list_box { }
#page #side_bar #side_menu #list_box ul { }
#page #side_bar #side_menu #list_box ul li { padding: 5px 0 0 0; border-bottom-style:dotted; border-bottom-color:#333; border-bottom-width:1px; line-height:20px; }
#page #side_bar #side_menu #list_box ul li a { color:#f63; }
#page #side_bar #side_menu #list_box ul li a:hover { color:#900; }
#page #side_bar #side_menu_bottom { padding-top:0; height:18px; }
/*mypage*/
/*logout*/
#mypage { background:url(../img/bg_mypage_body.gif) repeat-y; padding-bottom:0; }
#mypage li a { display:block; overflow:hidden; }
#side_bar #mypage.logout  #mp_header { background:url(../img/bg_top_mypage_top.gif) no-repeat; padding:0; height:55px }
#side_bar #mypage.logout  h2.mypage { margin:0; font-size:20px; }
#side_bar #mypage.logout  p.mypage { margin:0 0 0 55px; }
#side_bar #mypage.logout  h3 { margin:0 0 0 60px; font-size:18px; }
#side_bar #mypage.logout #mypage_bottom { background:url(../img/bg_mypage_bottom.gif); height:11px; width:290px; font-size:0 }
/*login*/
#side_bar #mypage.logout  #login { background:url(../img/bg_login_body.gif) no-repeat; height:240px; padding:0 }
#side_bar #mypage.logout  #login h3.login { margin:0; font-size:20px; color:#E60012 }
#side_bar #mypage.logout  #login p.login { margin:0 0 0 60px; font-size:10px }

#side_bar #mypage.login #mp_header { background:url(../img/bg_mypage_header.gif) no-repeat; height:60px }
#side_bar #mypage.login h2.mypage { margin:0; float:left; width:60px; }
#side_bar #mypage.login p.mypage { float:left; margin:10px 0 0 0; color:#FFF }
#side_bar #mypage.login span.icon { float:left; margin-right:10px }
#side_bar #mypage.login #mp_container h3 { font-size:18px; padding:13px 0 5px 0 }
#side_bar #mypage.login #mypage_bottom { background:url(../img/bg_mypage_bottom.gif); height:11px; width:290px; font-size:0 }
/*no_member*/
#side_bar #mypage.no_member #mp_header { background:url(../img/bg_mypage_header.gif) no-repeat; height:60px }
#side_bar #mypage.no_member h2.mypage { margin:0; float:left; width:60px; }
#side_bar #mypage.no_member p.mypage { float:left; margin:10px 0 0 0; color:#FFF }
#side_bar #mypage.no_member p a { color:#039/*#00F*/ }
#side_bar #mypage.no_member span.icon { float:left; margin-right:10px }
#side_bar #mypage.no_member #mypage_bottom { background:url(../img/bg_mypage_bottom.gif); height:11px; width:290px; font-size:0 }
/*no_member_login*/
#side_bar #mypage.no_member  #login { background:url(../img/bg_login_body.gif) no-repeat; height:240px; padding:0 }
#side_bar #mypage.no_member  #login h3.login { margin:0; font-size:20px; color:#E60012 }
#side_bar #mypage.no_member  #login p.login { margin:0 0 0 60px; font-size:10px }
#side_bar #mypage.no_member #mp_container h3 { font-size:18px; padding:0px 0 5px 0 }

/*mypage_container*/
#side_bar #mypage #mp_container { padding:10px 10px 0 10px }


/*login_form*/
#login_form { width:255px; padding-top:10px }
#login_form form { text-align:right }
#login_form form p { margin-bottom:5px; padding-bottom:5px; clear:both; }
#login_form form p input{ width:140px; }
#login_form form p.nobdr { margin-bottom:5px; padding-bottom:5px; border-bottom:0 dotted #FFF; clear:both; }

form input#btn_login { margin-left:15px; display: block; text-indent: -9999px; border: none; overflow: hidden; cursor: pointer; background:url(../img/btn_login.gif) no-repeat left top; height:28px; width:241px; margin-bottom:10px }




/*entry*/
#page #side_bar #mypage #entry { height:64px; padding-top:10px }
#page #side_bar #mypage #entry li a { display:block; background:url(../img/btn_entry.gif) no-repeat 0 0; height:64px; width:274px; }
#page #side_bar #mypage #entry li a:hover { background-position:0 -64px; }
#page #side_bar #mypage #entry li a:active { background-position:0 0; }
/*keyword_src*/
#keyword_src { border-bottom:1px dotted #000; }
#contents #keyword_src { border:none; padding-top:5px }
#keyword_src li a { display:block; overflow:hidden; background:url(../img/btn_shouhin.gif) no-repeat 0 0; height:68px; width:276px; }
#keyword_src li a:active { background-position:0 -68px; }
/*keyword_src_s*/
#keyword_src_s { border-bottom:1px dotted #000; }
#contents #keyword_src_s { border:none; padding-top:5px }
#keyword_src_s li a { background:url(../img/btn_shouhin_s.gif) no-repeat 0 0; height:35px; width:140px; }
#keyword_src_s li a:active { background-position:0 -35px; }
/*side_mail*/
#side_mail { border-bottom:1px dotted #000; margin-top: 5px; border-top:1px dotted #000 }
#side_mail  h4{ margin-top:5px}
#contents #side_mail { border:none; padding-top:5px }
#side_mail li a { margin:5px 0; height:45px; width:276px; }

/*member_login*/
#member_login {  margin-top: 5px;}
#member_login  h4{ margin-top:5px}
#member_login li a { margin:5px 0; background:url(../img/btn_member_login.gif) no-repeat 0 0; height:45px; width:276px; }
#member_login li a:active { background-position:0 -45px; }

/*back_order*/
#back_order { padding:5px 0 5px 0; border-bottom:1px dotted #000 }
#contents #back_order { border:none }
#contents #container.info #back_order ul li { float:left; padding:0; background:none; list-style:none; border:none;}
#back_order li { float:left;}
#back_order li a{ float:left; width:67px; }
#back_order h4 { padding-bottom:5px }
/*weight*/
#weight { padding-top:5px; border-bottom:1px dotted #000 }
#contents #weight { border:none; padding:0 0 0 10px }
#weight table { border:1px solid #999; width:290px; float:left; }
#weight td, th { padding:2px; }
#weight th.nendo { background-color:#dcdcdc; font-weight:bold }
#weight th { text-align:left; padding:2px; font-weight:normal; background-color:#dcdcdc }
#weight td { text-align:right; padding:2px }
#weight h4 { padding-bottom:5px }
#weight td.total { text-align:center; border-top:1px solid #fff; font-weight:bold }
/*side_cart*/
#side_cart { background:url(../img/bg_sc_body.gif) repeat-y; margin-top:10px; }
#side_cart #sc_header { background:url(../img/bg_sc_header.gif) no-repeat; height:36px; }
/*#side_cart #sc_body { margin:0 auto 0 auto }*/

#sc_body table { width:95%; _width:90%;margin:0 auto; }
*:first-child+html #sc_body table{ width:90%;  margin:0 auto;/*margin-bottom:10px;*/ }/*IE7 hac*/
#sc_body table th { text-align:left; font-weight:normal;}
#sc_body table.total th { text-align:left; font-weight:bold;}
#sc_body #show_goods_list table.total th { text-align:left; font-weight:}
#sc_body table td { text-align:right;}
#side_cart #sc_footer { background:url(../img/bg_sc_footer.gif) no-repeat; height:11px; font-size:0; }
#side_cart #textarea { margin:0 auto; padding:5px 0; width:240px; /*padding:5px;*/ background:#FFF; }
#side_cart #textarea p{ padding:5px }
*:first-child+html #side_cart #textarea { margin:0 auto; }/*IE7 hac*/

/*buttons*/
#side_cart #sc_header ul { padding:40px 0 10px 15px; _padding:40px 0 5px 15px }
ul li.register { /*margin:10px 0 0 5px;*/ /*background:url(../img/btn_register_g_over.gif) no-repeat left top;*/ height:28px; width:240px; }
ul li.register_w{ /*background:url(../img/btn_register_over.gif) no-repeat left top;*/ height:67px; width:276px; margin:0 0 20px 190px;  }
ul li.cart { background:url(../img/btn_cart_over.gif) no-repeat left top; height:28px; width:204px;}
#side_cart #sc_body ul { /*height:28px*/}
#side_cart #sc_body ul li.register{ margin:5px auto;}
#side_cart #sc_body ul li.cart{ margin:5px auto;}
*:first-child+html #side_cart #sc_body ul li.register input { margin:5px auto;}/*IE7*/
*:first-child+html #side_cart #sc_body ul li.cart input { margin:5px auto;}/*IE7*/
*:first-child+html #side_cart #sc_body ul li.register{ margin:5px auto;}/*IE7*/
*:first-child+html #side_cart #sc_body ul li.cart{ margin:5px auto;}/*IE7*/
ul li.cart { background:url(../img/btn_cart_over.gif) no-repeat left top;}

ul.back li a { display:block; overflow:hidden; background-image:url(../img/btn_back.gif); height:28px; width:204px; }
ul.back li a:hover { background-position:0 -28px; }
ul li.print { /*background:url(../img/btn_print_over.gif) no-repeat left top;*/ height:67px; width:276px; margin:0 0 20px 190px }

ul.submit li a { display:block; overflow:hidden; background-image:url(../img/btn_form_send_gray.gif); height:28px; width:142px; margin-left:220px }
ul.submit li a:hover { background-position:0 -28px; }
/*cart*/
ul li.cart_in  { /*background:url(../img/btn_cart_in_over.gif) no-repeat left top;*/ height:67px; width:276px; margin-left:170px }

/*cart*/
#submit { margin-left:170px;}

/*order*/
div.order { padding:10px 0; text-align:center}
div.order p { font-size:16px; font-weight:bold }
ul li.buy { /*background:url(../img/btn_buy_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}

/*mp_menu*/
#mp_menu { }
#mp_menu ul { }
#mp_menu ul li { background:url(../img/img_arrow.gif) no-repeat 0 10px; line-height:30px; padding-left:20px; border-bottom:1px dotted #000 }
#mp_menu ul li a { font-size:14px; font-weight:bold; color:#03C }
/*btn_logout*/

input.btn_logout { margin:10px 0 10px 15px; _margin:2px 0 2px 15px;display: block; text-indent: -9999px; border: none; overflow: hidden; cursor: pointer; height:31px; width:242px;}


#side_bar #mypage.logout  ul { padding_bottom:0; }
#side_bar #mypage.logout  li { color:#FF0; margin-bottom:5px; text-align:center; }
#side_bar #mypage.logout  li span { font-size:10px; }
#side_bar.logout li.bangkok a { background:url(../img/ban_bangkok.gif) no-repeat 0 0; width:290px; height:50px; display:block; line-height:80px; overflow:hidden; }
p.forgot { margin:0 0 0 50px; background:url(../img/img_arrow2.gif) no-repeat 0 4px; padding-left:20px; line-height:12px }
p.forgot a:hover { text-decoration:underline; color:#00f; }
/*banner*/
#side_bar #banner { padding-top:10px }
/*contents*/
#contents { float:right; width:654px; }


#page #contents h1 { font-size:20px; border-bottom:#F00 solid 3px; margin-bottom:10px; }
#page #contents h1 img { margin: 0 5px 0 0; }
/*no_entry*/
#contents #entry_no { background:url(../img/bg_no_mypage.gif); height:140px; margin-bottom:5px }
#contents #entry_no p span.large { padding:0 10px 0 20px; font-size:16px; line-height:40px; font-weight:bold; height:36px; }
#contents #entry_no p span.small  { font-size:12px;}
#contents #entry_no #shopping {  height:65px; width:630px; margin-left:15px }
#contents #entry_no #shopping li { float:left; }
#contents #entry_no #shopping li.online_shop a { margin-right:15px; display:block; /*background-image:url(../img/btn_entry_no.gif);*/ height:65px; width:305px; }
/*#contents #entry_no #shopping li.online_shop a:active { background-position:0 -67px; }*/
#contents #entry_no #shopping li.mail a { display:block; /*background-image:url(../img/btn_mail.gif);*/ height:65px; width:305px; }
/*#contents #entry_no #shopping li.mail a:active { background-position:0 -67px; }*/

#contents #entry_no div.ind_entry_att{padding:0 0 10px 20px; font-size:14px; font-weight:bold;}
#contents #entry_no div.ind_entry_att span{color:#F00; font-size:14px;}

/*container*/
#page #contents #container { }
#page #contents #container h2 { padding:0 0 0 20px; margin:0; font-size:16px; background:url(../img/bg_container_tit.gif) no-repeat; line-height:36px; height:36px; }
#page #contents #container h2 a { font-size:16px; }
#page #contents #container h3 { font-size:14px; font-weight:bold; border-bottom:dotted 1px; margin:5px 0; }

#container_body { _height: 1%; /*win-hac*/ background:url(../img/bg_cntainer_body.gif) repeat-y; padding:10px 20px 1px 20px }
*:first-child+html #container_body { height: 1%;}/*IE7*/
#container_body a, #text_area a { color:#03F; font-weight:bold; }
#container_body a:hover, #text_area a:hover { color:#00f/*#F33*/; text-decoration:underline }
#container_body a:visited, #text_area a:visited { color:#63C/*#909*/; }

#page #contents #container #container_bottom { background:url(../img/bg_container_bottom.gif) no-repeat; height:18px; }

/*infobox*/
#infobox{ margin:0 0 5px 0;}
#infobox #infobox_top { background:url(../img/bk_infobox_top.gif) no-repeat;height:10px; font-size:0px; }
#infobox #infobox_body { _height: 1%; /*win-hac*/ background:url(../img/bk_infobox_body.gif) repeat-y; padding:0 20px 0px 20px; color:#00f;font-size:14px;font-weight:bold; }
#infobox #infobox_bottom { background:url(../img/bk_infobox_bottom.gif) no-repeat; height:10px;  font-size:0px; }

/*text_area*/
#page #contents #text_area { padding:0 0 10px 5px }
#page #contents #text_area h2 { font-size:18px; border-bottom: solid 1px; font-weight:bold; padding:8px 0 3px 0 }
#page #contents #text_area dl { }
#page #contents #text_area dt { font-size:14px; border-bottom: dotted 1px; font-weight:bold; padding:8px 0 3px 0 }
#page #contents #text_area dt a { background:url(../img/img_arrow.gif) no-repeat 0 1px; padding-left:20px; font-size:14px; font-weight:bold; color:#03C }
#page #contents #text_area h3 { font-size:16px; padding:5px 0 5px 0 }


/*infomation*/
#page #contents #container.infomation { }
#page #contents #container.infomation img { float:left }
#page #contents #container.infomation ul { list-style-position:outside; }
#page #contents #container.infomation ul li { line-height:40px; border-bottom:dotted 1px }
#page #contents #container.infomation ul li span.left { font-family : 'arial narrow', 'ＭＳ Ｐゴシック', sans-serif; float:left; color:#333 }
#page #contents #container.infomation ul li span.left p { font-family : 'arial narrow', 'ＭＳ Ｐゴシック', sans-serif; float:left; color:#333 }
#page #contents #container.infomation ul li span.date { font-family : 'arial narrow', 'ＭＳ Ｐゴシック', sans-serif; float:left; margin-right:20px; color:#333 }
/*topix*/
#page #contents #container.topix { }
#page #contents #container.topix div.thumb { float:left; padding-right:10px; }
#page #contents #container.topix div.right { float:right; width:466px }
#page #contents #container.topix a { border:none }
#page #contents #container.topix p { }
#page #contents #gototop { padding:0 0 20px 0px; text-align:right; }
#page #contents #gototop a { font-size:12px; }
#page #contents #gotodetail { line-height:20px; height:20px; padding:0 0 20px 0px; /*background:url(file:///Macintosh%20HD/job/PETRA/web/html/petra_web/image/bg_list_mark.gif) no-repeat left 5px;*/ _background-position:left 7px; padding: 5px 0 5px 20px; float:right; }
#page #contents #gotodetail a { font-size:12px; }
/*footer*/
#footer { border-top:#DF002D 3px solid; height:55px; text-align:center; padding-bottom:10px; width:100%; }
#footer #footer_container { height:55px; width:950px; margin:0 auto; }
#footer #footer_container div.credit { float:left; margin-top:10px; font-size:10px; }
/*footer_menu*/
#footer #footer_container #footer_menu { float:right; margin-top:10px; }
#footer #footer_container #footer_menu ul { float:right; }
#footer #footer_container #footer_menu ul li { display:inline }
#footer #footer_container #footer_menu ul li a { background:url(../img/bg_listmark.gif) no-repeat 4px; padding:0 10px 0 10px; font-size:10px; }
#footer #footer_container #footer_menu ul li a:hover { text-decoration:underline; }
/*top*/


.clearB { clear:both; }
#navi { width:800px; margin:0 auto; height:60px; line-height:60px; text-align:left; font-size:75%; }
#navi a { font-size:10px; color:#f63; }
/*#navi*/
#navi span { color:#f63; }



/*weight*/
#weight #textarea { margin-bottom:5px; padding:5px; background:#FFF; text-align:center }
#weight table { margin-bottom:5px }
/*keyword_src_box*/
#keyword_src_box { background:url(../img/bg_serch_box.gif) no-repeat; height:44px; width:644px; margin:15px 0 0px 0; padding-top:5px; }
#keyword_src_box input{ color:#fff}
p.keyword_src_box { margin:0 0 5px 150px;}
#keyword_src_box input.keyword_srce_text { margin:5px 0 0 146px; width:380px; float:left; margin-right:10px; color:#333; background-color:#FFF }
#keyword_src_box ul { float:left; margin:3px }

input.serch_btn { height:23px; width:64px; float:left;}

/* category menu */
#container #category { width:auto; }
#container #category ul { margin:0; padding:0; }
#container #category ul li { border:0; display:inline; background-image:none; padding:0; }
#container #category ul li a { display:block; overflow:hidden; margin:5px 5px 10px 0px; padding-left:15px; float:left; width:182px; height:20px; line-height:20px; background:url(../img/bg_listmark_l.gif) no-repeat 3px 3px; color:#333; font-weight:bold; }
#container #category ul li a:hover { color:#00F; text-decoration:underline; }
#container #category ul li.list a {padding-left:40px;background:url(../img/img_xls.gif) no-repeat 3px 2px;width:142px; }
#container #category p { clear:both; margin-bottom:3px; font-size:87%; }
#container #category p.secondline { margin-bottom:35px; }
/* category_s */
#container #category_s { padding:0; width:620px; _width:610px; }
#container #category_s ul { margin:0; padding:0; width:620px; _width:610px;}
#container #category_s ul li { border:0; display:inline; background-image:none; padding:0; white-space:nowrap;}
#container #category_s ul li a {display:inline; overflow:hidden; margin:0 5px 5px 0px; padding-left:10px; float:left; line-height:15px; background:url(../img/bg_listmark_l.gif) no-repeat 0 0; color:#039/*#00F*/; font-weight:normal; }
#container #category_s ul li a:hover { color:#00f; text-decoration:underline; }
#container #category_s p { clear:both; margin-bottom:3px; font-size:87%; }
#container #category_s p.secondline { margin-bottom:35px; }
/*personal*/
#personal table { margin-bottom:5px; }
#personal table th { width:200px; }
#personal table td { text-align:left }
/* contents */
#contents { }

#contents th.bk { background-color:#666; color:#FFF }
#contents th.headline { background-color:#999; color:#FFF }
ul.goods_control { float:right; margin:10px 0 0 0 }
ul.goods_control li { float:left; width:auto; clear:right }
/*ul.goods_control li.g_add { height:28px; width:91px; background:url(../img/btn_g_add_over.gif) no-repeat 0 0;}
ul.goods_control li.i_boxadd { height:28px; width:109px; background:url(../img/btn_i_boxadd_over.gif) no-repeat 0 0;}
ul.goods_control li.g_change { height:28px; width:91px; background:url(../img/btn_g_change_over.gif) no-repeat 0 0; }
ul.goods_control li.i_change { height:28px; width:184px; background:url(../img/btn_i_change4_over.gif) no-repeat 0 0; }
ul.goods_control li.g_delete { height:28px; width:110px; background:url(../img/btn_g_delete_over.gif) no-repeat 0 0; }
ul.goods_control li a:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; }*//*role_over*/
textarea.ordermsg { width:400px }
/*topix*/
#contents table.topix { /*border:none*/
3px; border-color:#FFF; }
#contents table.topix th, #contents table.topix td { border:none; border-color:#FFF }
/* subcategory menu */
#text_area #subcategory { padding:5px 0 0; margin-bottom:0; }
#text_area #subcategory ul { margin:0; padding:0; clear:both; }
#text_area #subcategory ul li { border:0; margin-bottom:0; display:inline; background-image:none; padding:0; }
#text_area #subcategory ul li a { margin:0; text-decoration:none; text-align:center; border:1px solid #fff; float:left; width:212px; height:30px; line-height:30px; display:block; font-weight:bold; background:#F99 url(../img/img_list_white.gif) no-repeat 199px 18px; color:#000; font-size:100%; }
#text_area #subcategory ul li a:hover { background-color:#C00; color:#fff }
#text_area #subcategory ul li a.shtspace { letter-spacing:-1.5px; }
#text_area #subcategory p { margin:0; padding:0; height:1px; line-height:1px; clear:both; }
#otherinfo { margin:10px 0 0 15px; }

/* list set */
#contents #container.info ul { margin:15px 0 15px 30px; }
#contents #container.info ul li { padding-left:15px; list-style:outside none; border-bottom:1px dotted #999; line-height:140%; background:url(../img/arw_gray_10px.gif) no-repeat left top; margin-bottom:5px; }
#contents #container.info ul li.no_mark { padding:0; background:none; list-style:none; border:none;}/**/
#contents #container.info ul li.redarw { background-image:url(../img/arw_red_small.gif); }
#contents #container.info ol { margin:15px 0 15px 0; _margin-left:30px;}
*:first-child+html #contents #container.info ol{ margin-left:30px; }/*IE7 hac*/
#contents #container.info ol li { margin-bottom:15px; list-style:outside decimal none; line-height:140%; }


#contents #container.info li ul li { list-style:outside none none; }
/* dl set */
#contents #container.info dl { margin:15px 0 30px; }
#contents #container.info dl dt { padding-left:5px; margin-bottom:10px; line-height:150%; background-color:#EEE; border-left:5px solid #ccc; }
#contents #container.info dl dd { margin-left:15px; margin-bottom:15px; }
#contents #container.info div#newshonmon { margin:15px 15px 30px; }
#container ol li ul li strong { padding-bottom:3px; margin-bottom:5px; display:block; border-bottom:1px solid #CCC; }
/* sample imagese for blank window */
a.iconsample { margin-top:5px; border:1px solid #C00; display:block; width:100px; }
a:hover.iconsample { border:1px solid #03F; }
.emphasis { color:#CC0000; }
th.emphasis { color:#000; }
.arwlinkArea li { border-bottom:1px dotted #ccc; line-height:20px; }
.arwlinkArea a { background:url(../img/arw_red_small.gif) no-repeat right center; padding-right:10px; border-bottom:1px dotted #ccc; }
.arwnextArea { background:url(../img/arw_gray_grad2_10px.gif) no-repeat right center; padding-right:13px; clear:both; }
/* form set */
#contents.contuct_form #container form { margin:0px 0; padding:5px 0px; }
#contents.contuct_form #container h2 { clear:both; }
#contents.contuct_form #container form h3 { width:100%; margin-right:10px; }
#contents.contuct_form #container form h4 { margin-bottom:10px; color:#C33; clear:both; }
#contents.contuct_form #container form div.payset h4 { background-color:#C66; margin-bottom:15px; padding:3px 5px; color:#FFF; }
/*#contents.contuct_form #container form*/ legend{ margin-bottom:15px; padding:0 5px; font-weight:bold; font-size:120%; line-height:135%; color:#333; /* win ie hack */ _margin-left:-5px;}

#show_goods_list{ max-height:200px; overflow-y:auto; _overflow-y:scroll; }
/*IE7*/
*:first-child+html #contents #show_goods_list{ overflow-x:hidden; }


#contents.contuct_form #container form p { margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #DDD; clear:both; }
#contents.contuct_form #container form p.nobdr { margin-bottom:10px; padding-bottom:5px; border-bottom:0 dotted #FFF; clear:both; }
#contents.contuct_form #container form span { display:block; margin-top:3px; font-size:80%; line-height:135%; font-weight:normal; _font-size:90%; }
#contents.contuct_form #container form p.alignC { text-align:center; }
#contents.contuct_form #container form label { margin:0 10px 5px 0; padding:2px 0 0 18px; width:170px; height:30px; float:left; line-height:100%; font-weight:bold; background:url(../img/bk_form_label.gif) no-repeat top left; display:block; }
#contents.contuct_form #container form span { display:block; margin-top:3px; font-size:80%; line-height:135%; font-weight:normal; _font-size:90%; }
#contents.contuct_form #container input, #contents.contuct_form #container textarea { border:1px solid #CCC; background-color:#EEE; }
#contents input{background-color:#FFC}
#contents input.ckbox { background-color:#FFF; border:0; width:auto; }
#contents input.yellow_m { width:100px; text-align:left; background-color:#FFC }
#contents input.smlsize { width:50px; text-align:right; background-color:#FFC }
#contents input.ss { width:30px; text-align:right; background-color:#FFC }
#contents input.fullsize{width:95%;}
#contents.contuct_form #container select { border:1px solid #CCC; }
#contents.contuct_form #container input, #contents.contuct_form #container textarea, #contents.contuct_form #container select { margin-bottom:5px; line-height:145%; width:310px; _width:311px; }
#contents.contuct_form #container form input.choice { width:auto; }
#contents.contuct_form #container form label.radioset { margin-bottom:5px; margin-right:5px; padding-left:0; width:auto; float:left; line-height:100%; font-weight:bold; background-image:none; display:inline; }
#contents.contuct_form #container form label.radioset_block { margin-bottom:5px; margin-right:5px; padding-left:0; width:auto; line-height:100%; font-weight:bold; background-image:none; display:block; }
#contents.contuct_form #container form label.radioset input { vertical-align:middle; border:0; margin-right:3px; background-color:#FFF; width:auto; }
#contents.contuct_form #container form label.ckstyle { padding-left:165px; margin-bottom:50px; font-size:70%; }
#contents.contuct_form #container .txtshort { width:42px; }
#contents.contuct_form #container .txtshort_plus, #contents.contuct_form #container .txtshort_plus { width:65px; }
#contents.contuct_form #container .txtshortentr { width:40px; }
.addcart { margin-top:3px; text-align:right; background-color:#999; font-size:85%; color:#FFF; }
.addcart input { margin:2px 5px; border:1px solid #666; vertical-align:middle; }
.pluscell { text-align:right; }
.moreInfomsg span { }
.moreInfomsg span em { color:#CC0000; font-style:normal; }
.nwrp { white-space:nowrap; }
.formsfont { font-size:94%; }
.colorgray { color:#999; }
.colorred { color:#900; }
.email { vertical-align:top }

div.input_area { margin:10px 0 0 80px; }
div.input_area ul{ margin-left:50px;}
div.input_area ul li{ float:left}
#contents #container.info div.input_area ul li{ background-image:none; border:none}
ul li.send { /*background:url(../img/btn_form_send_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}
#contents #container.info div.input_area ul li.send { /*background:url(../img/btn_form_send_over.gif) no-repeat left top;*/ padding:0; height:67px; width:276px; float:left;}
#contents.contuct_form #container ul li.send input{ width:276px; border:none}
ul li.send_b { /*background:url(../img/btn_form_send_over.gif) no-repeat left top;*/ height:67px; width:276px; margin:0 0 20px 190px }
ul li.confirm { /*background:url(../img/btn_form_check_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}
#contents.contuct_form #container ul li.confirm input{ width:276px; border:none}
ul li.no { margin-top:18px}
#contents #container.info div.input_area ul li.no { /*background: url(../img/btn_form_back.gif) no-repeat left top;*/ padding:0; margin-top:18px}

ul li.registration { /*background:url(../img/btn_registration_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}
#contents #container ul li.registration input{ width:276px; border:none}
#contents #container.info div.input_area ul li{ margin:0; padding:0;}
#contents #container.info div.input_area ul li.registration { /*background:url(../img/btn_registration_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}
#contents #container.info div.input_area ul li.registration input{ width:276px; border:none;}

ul li.next { /*background:url(../img/btn_next_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}
#contents.contuct_form #container ul li.next input{ width:276px; border:none}
#contents #container.info div.input_area ul li.next { /*background:url(../img/btn_next_over.gif) no-repeat left top;*/ height:67px; width:276px; float:left;}
#contents #container.info div.input_area ul li.next input{ width:276px; border:none}

#contents #container.info.mypage ul li, #contents #container.info.order_list ul li { padding-left:0px; list-style:outside none none; border:none; background:none; margin-bottom:5px; }
/*container_mail*/
#container ul li.mail a { display:block; overflow:hidden; margin:5px 0; /*background:url(../img/btn_mail_side.gif) no-repeat 0 0;*/ height:45px; width:276px; }
/*#container ul li.mail a:hover { background-position:0 -45px; }*/

/*order_list*/
#container ul li.show_order a { display:block; overflow:hidden; /*background:url(../img/btn_show_order.gif) no-repeat 0 0;*/ height:30px; width:161px; }
/*#container ul li.show_order a:hover { background-position:0 -31px; }*/

/* add cart */
#container_body table caption{background-color:#ccc; line-height:180%;}
#container_body #listAdd table{ width:100%; margin-bottom:0;}
#container_body #listAdd table.mb15{margin-bottom:15px;}
#container_body #listAdd table th{white-space:nowrap; width:77px; text-align:center;}
#container_body #listAdd table td {font-size:105%;}
#container_body #listAdd table td input{width:auto; border:1px solid #ccc; background-color:#FFC;}
#container_body #listAdd table td textarea{width:auto; border:1px solid #ccc; background-color:#FFC; width:100%;}
#container_body #listAdd table td select{width:auto; margin:0 2px; border:1px solid #ccc; }
#container_body #listAdd table td .smlsize{width:50px;}
#container_body #listAdd table td .halfsize{width:155px;}
#container_body #listAdd table td input.fullsize{width:95%;}
#container_body table .selectcl{background-color:#666; color:#FFF;}
#container_body textarea.ordermsg{width:450px; border:1px solid #ccc; background-color:#FFC;}

/* kmt 110613 */
p.listBuyKinshi{background:url(../img/outside_kinshi.gif) 0 3px no-repeat; padding:1px 0 2px 22px;}

/* kmt 110727 shortInfo*/
#page #contents div#shortInfo{float:left; width:463px;}
#page #contents div#shortInfo h2.top_header2 span{ float:left; font-size:16px; width:409px}
#page #contents div#shortInfo #container h2.top_header2 { padding:0 0 0 20px; margin:0; font-size:16px; background:url(../img/bg_container_titS.gif) no-repeat; line-height:36px; height:36px; }
#page #contents div#shortInfo #container #container_body { _height: 1%; /*win-hac*/ background:url(../img/bg_cntainer_bodyS.gif) repeat-y; padding:10px 20px 1px 20px }
#page #contents div#shortInfo #container #container_bottom { background:url(../img/bg_container_bottomS.gif) no-repeat; height:18px;}
div.camInd{float:left; padding:34px 0 0 4px;}

/* kmt jinji */
p.jj_mn a{display:block; margin:20px 0 0 14px; padding:13px 0 0 33px; width:230px; height:32px; background:url(../img/jj_mn_index.gif) no-repeat; color:#333; text-decoration:none; font-weight:bold;}
p.jj_mn a:hover{background:url(../img/jj_mn_index_on.gif) no-repeat; color:#666;}

#side_bar #mypage.logout  #mp_header_jj { background:url(../img/jj_bg_top_mypage_top.gif) no-repeat; padding:0; height:55px }
#side_bar #mypage.login #mp_header_jj { background:url(../img/jj_bg_top_mypage_top.gif) no-repeat; height:60px }
#side_bar #mypage.no_member #mp_header_jj { background:url(../img/jj_bg_top_mypage_top.gif) no-repeat; height:60px }

p.forgot_jj { margin:0 0 0 50px; background:url(../img/jj_img_arrow2.gif) no-repeat 0 4px; padding-left:20px; line-height:12px }

div.jj_left_login{margin:10px 7px 0; padding:8px 10px; background-color:#FFF; border:solid 2px #CCC;}
div.jj_left_login p span{font-weight:bold; color:#C00;}

/* kmt jinji top */
p#jjTtl{padding:20px 0 0 8px;}
p.jjBody{padding:10px 0 30px 8px;}
div.jjSendPic p{float:left; padding:5px 15px 10px 0;}
div.jjSendPic p span{ display:block; text-align:center; padding:3px 0 0;}

/* kmt jinji member */
div.jjMemLeftBnr{padding:0 0 20px;}
div.jjMemLeftBnr p{padding:20px 0 0 14px; width:263px;}
div.jjMemLeftBnr p span{display:block; background-color:#FFF; padding:5px 8px 5px; border-right:solid 2px #3665D7; border-bottom:solid 2px #3665D7; border-left:solid 2px #3665D7;}
div.jjMemLeftBnr p span a{font-weight:bold; color:#03F; padding:0 3px;}

p.konnanTtl{width:630px; height:30px; margin:20px 0 0 7px; padding:10px 0 0 10px; letter-spacing:0.1em; background:url(../img/jj_konnan_area.gif) repeat-x; font-size:16px; font-weight:bold; color:#FFF;}
table#konnanTbl{width:640px; margin:0 0 30px 7px;}
table#konnanTbl tr th{text-align:left; white-space:nowrap;}
p.difnew{padding-left:32px; background:url(../img/jj_new.gif) 0 3px no-repeat;}


/* kmt jinji Inquiry */
#contents.contuct_form #container form label.jjInqLbl{width:120px; background:url(../img/jj_bk_form_label.gif) no-repeat top left;}

table#jjInq{border:none; width:100%;}
table#jjInq tr th, table#jjInq tr td{border:none; border-bottom:dotted 1px #CCC; background-color:#FFF; vertical-align:top;}
table#jjInq tr th{padding:9px 10px 3px 20px; background:url(../img/jj_bk_form_label.gif) no-repeat 0 9px; text-align:left; white-space:nowrap;}
table#jjInq tr td{padding:7px 0 3px;}

div.jjInqFrmSubT{margin:15px 0 0; padding:4px 0 3px; color:#FFF; background-color:#3360cc; text-align:center; font-weight:bold;}

div.jjInqTaishoSubT{padding:7px 10px 6px 20px; margin:12px 0 2px; background:url(../img/jj_bk_form_label.gif) no-repeat 0 6px; font-weight:bold;}

table#jjInqTaisho{border:none; width:100%; border-top:dotted 1px #CCC; border-right:dotted 1px #CCC;}
table#jjInqTaisho tr th, table#jjInqTaisho tr td{border:none; border-bottom:dotted 1px #CCC; border-left:dotted 1px #CCC;}
table#jjInqTaisho tr th{padding:4px 0 3px; white-space:nowrap; border-bottom:dotted 1px #CCC; border-left:dotted 1px #CCC;}
table#jjInqTaisho tr td{padding:4px 0 3px; text-align:center;}

#container #container_body table#jjInqTaisho tr td{padding:6px 0 1px;}
#container #container_body table#jjInqTaisho tr td input.jjTshL{width:180px;}
#container #container_body table#jjInqTaisho tr td input.jjTshS{width:40px; vertical-align:middle;}

#container #container_body table#jjInq tr td input.jjTshInpt{width:15px; background-color:#FFF; border:none; vertical-align:text-top;}

#page #contents #container.infomation ul li span.leftNew { padding-left:32px; font-family : 'arial narrow', 'ＭＳ Ｐゴシック', sans-serif; float:left; color:#333; background:url(../img/jj_new.gif) 0 13px no-repeat; }