/*HTML ver. - */

/*top_page - */
.top_image {  }

.top_navi { font-size: 12px; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.top_navi ul{margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.top_navi li { background-image: url(../img_top/icon_main_navi.gif); background-repeat: no-repeat; text-indent: 15px; float: left; margin: 0 15px 0 0; padding: 0; list-style: none; }


.top_navi_text { font-size: 12px; font-weight: bold; line-height: 16px; margin: 0; padding: 5px 0 0; }
.top_products { text-align: left; margin: 0; padding: 10px 0 0; }
.top_news { background-color: #fff; text-align: left; width:355px; float:left; margin-top: 5px; }
.top_news p { font-size: 11px; line-height: 16px; margin: 0 0 15px; padding: 0 5px; }
.top_news h2 { font-size: 12px; font-weight: bold; line-height: 16px; margin: 10px 0 5px; padding: 0 5px; }
.top_news h3 { color: #00001d; font-size: 11px; font-weight: bold; background-color: #fff; text-align: center; margin: 0 0 10px; padding: 5px; border: solid 1px #ccc; }
.top_more_unit { font-size: 12px; font-weight: bold; background-image: url(../sample/more.gif); width: 142px; margin-bottom: 10px; padding: 0; }


.top_banner { font-size: 12px; text-align: right; width:390px; float:right; margin: 5px 0 0; padding: 0; }
.top_banner img { margin-bottom: 10px; }
.top_banner_box { width: 380px; margin: 0 0 0 10px; padding: 0; }
.top_banner_box img {margin: 0 0 10px; padding: 0; }
/*navi - */
.navi_text { color: #333; font-size: 11px; font-weight: bold; background-color: #ccc; padding-left: 10px; }
.navi_text a:link { color: #666; text-decoration: none; }
.navi_text a:visited  { color: #666; text-decoration: none; }
.navi_text a:hover  { color: #333; text-decoration: none; }
.navi_text a:active  { color: #666; text-decoration: none; }
.navi_span { font-weight: normal; }
/* - navi */

/*not - */
.top_banner_l { font-size: 12px; text-align: right; width:195px; float:left; }
.top_banner_r { font-size: 12px; text-align: right; width:195px; float:right; }
/* - not*/
.products_content {  text-align: center; width: 760px; margin: 0 auto; padding: 0; }
.products_unit { background-image: url(../img/wood.jpg); width: 142px; margin-bottom: 10px; padding: 0; }
.products_unit_table { float: left; }

.products_unit_img { margin: 10px 10px 0; padding: 0; }
.products_unit_text { color: #333; font-size: 10px; line-height: 13px; overflow: hidden; padding-bottom: 3px; white-space: nowrap; }
.products_unit_icon img { margin-right: 3px; }
.products_unit_icon p { color: #fff; font-size: 10px; font-family: "Lucida Grande", sans-serif; font-weight: bold; line-height: 10px; margin: 0; padding: 0; }

/*help - */

.help_menu  { width: 170px; margin: 0; padding: 0; }
.help_menu h2 { font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 5px; padding: 0 0 0 2px; }
.help_menu ul  { margin: 0 0 15px; padding: 0  }
.help_menu li  { font-size: 11px; line-height: 24px; background-image: url(../img_top/icon_main_navi.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0 0 0 3px; padding: 0 0 0 18px; text-decoration: none; list-style-type: none; }
.help_main  { width: 550px; float: right; padding-left: 25px; border-left: 1px dotted #999; }
.help_main h1  { color: #333; font-size: 18px; font-weight: bold; margin: 0 0 25px; padding: 0; }
.help_main h2  { font-size: 12px; font-weight: bold; line-height: 150%; margin: 0 0 10px; padding: 0; }
.help_main h3  { font-size: 12px; font-weight: bold; line-height: 150%; margin: 0 0 25px; padding: 0; }
.help_main p  { font-size: 11px; line-height: 160%; margin: 0 0 20px; padding: 0 5px 0 10px; }
.help_main p.index  { font-size: 11px; line-height: 220%; margin: 0 0 20px; padding: 0 5px 0 10px; }

.help_main_pagetop  { font-size: 11px; text-align: right; width: 545px; margin: 0; padding: 10px 5px 0 0; }
/*shop - */
.shop_1 { font-size: 14px; font-weight: bold; line-height: 150%; margin: 0; padding: 0 0 15px; }
.shop_2 { font-size: 12px; line-height: 16px; margin: 0; padding: 10px 0 0; }
.shop_2 p { font-size: 12px; line-height: 160%; margin: 10px 0 20px; padding: 0 5px; }
.shop_2 h2 { font-size: 14px;  font-weight: bold; line-height: 150%; margin: 10px 0 0; padding: 0 0 0 5px; }
.shop_3 { font-size: 11px; line-height: 16px; }

/*Site - */
body { text-align:center; color: #333; font-family: sans-serif; margin: 0; padding: 0; }


#header { text-align: left; width: 750px; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 20px; }
.header_text { font-size: 11px; line-height: 15px; text-align: right; padding-top: 10px; padding-right: 5px; }
.header_text2 { text-align: right; padding-right: 3px; padding-bottom: 3px; border-bottom: 1px dotted #999; }
#footer { color: #333; font-size: 10px; background-color: white; text-align: center; width: 750px; margin: 25px auto 0; padding-top: 10px; padding-bottom: 20px; border-top: 1px dotted #999; }
#footer a:link { color: #333; background-color: #fff; text-decoration: none; }
#footer a:visited { color: #333; background-color: #fff; text-decoration: none; }
#footer a:hover { color: black; background-color: #fff; text-decoration: none; }
#footer a:active { color: #333; background-color: #fff; }


#content { width:750px; text-align:left; margin-right: auto; margin-left: auto; }


/*common - */
.clear { font-size: 1px; height: 0; clear:both; margin: 0; padding: 0; }
.center { text-align: center; }

a:link { color: #009; text-decoration: none; }
a:visited { color: #006; text-decoration: none; }
a:hover { color: #009; text-decoration: underline; }
a:active { color: #0039ff; }

.line_1{ text-align: center; width: 750px; clear: left; margin-top: 10px; margin-right: auto; margin-left: auto; border-top: 2px solid #ccc; }
.text_back { font-size: 12px; padding-top: 15px; padding-bottom: 2px; }
.pad_5 { padding: 5px;   }
.pad_w_10 { padding: 0 10px 0;   }
.title_textimg { padding-top: 5px; padding-bottom: 2px; }
.text { font-size: 12px;  }
.text_11PX { font-size: 11px;  }
.text_10PX { font-size: 10px;  }
.text_14PX { font-size: 14px;  }
.text_10_16 { font-size: 10px; line-height: 16px }
.text_12_16 { font-size: 12px; line-height: 16px }

#information_content { margin: 0 auto; width: 750px; text-align: left; padding: 15px; font-size: 12px; line-height: 160%;  }