body { margin: 0pt; padding: 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: rgb(77, 77, 77); background-color: rgb(244, 241, 236); background-position: 0%; }
h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd, address, form, th, td { margin: 0; padding: 0; line-height: 180%; font-size: 12px; }
img { border: 0; margin: 0px; }
a { text-decoration: none; color: #966; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
.left { float: left; }
.right { float: right; }
.ta-right { text-align: right; }
.clear { clear: both; }
.border { border: 1px solid #CCC; }
.caution { color: #FF0000; }
.bold { font-weight: bold; }
.hidden { display: none; }
em { color: #F86082; font-style: normal; font-weight: bold; }
/*
------------------------------------------------------
WIRE
------------------------------------------------------
*/

#container { width: 820px; margin: 0 auto 20px auto; background-repeat: repeat-y; background-position: center top; background-image: url(../images/container_bg.jpg); }
#header { height: 250px; background-image: url(../images/header_bg.jpg); background-repeat: no-repeat; background-position: left center; background-attachment: scroll; padding-left: 20px; margin-bottom: 10px; }
#header h1 { width: 120px; float: left; padding-top: 30px; padding-right: 0; padding-left: 0; }
#header h1 a { display: block; height: 70px; text-indent: -9999px; }
#header p { display: none; }
#main-menu { background: url(../img/header_bg.jpg) center -135px no-repeat; height: 29px; padding-left: 235px; }
#main-menu li { float: left; padding-top: 2px; margin-left: 15px; }
#main-menu li a { height:19px; display: block; text-indent: -9999px; background-image: url(../img/main_menu.jpg); background-repeat: no-repeat; }
#main { text-align: left; clear: both; }
.content { width: 629px; float: right; }
h2 { font-size: 14px; background-image: url(../images/h4title.gif); background-repeat: no-repeat; color: #FFF; padding-left: 22px; }
h3 { font-size: 15px; }
h4 { font-size: 20px; color: #FFF; padding-left: 25px; background-image: url(../images/h2title.gif); background-repeat: no-repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 3px; margin-bottom: 15px; background-color: #0B7ED0; padding-top: 5px; }
h5 { font-size: 14px; background-color: #0065ca; color: #FFF; padding-left: 10px; margin-top: 20px; margin-bottom: 20px; margin-right: 10px; margin-left: 20px; }
h6 { font-size: 14px; background-color: #F60; color: #FFF; padding-left: 10px; margin-top: 20px; margin-bottom: 20px; margin-right: 10px; margin-left: 20px; padding-top: 3px; padding-bottom: 3px; }
.r_photo { float: right; margin-left: 1em; }
.l_photo { float: left; }
.l_box { float: left; width: 295px; margin-top: 20px; }
.r_box { float: right; width: 295px; }
.l_product_box { float: left; width: 230px; margin-top: 20px; }
.r_product_box { float: right; width: 360px; margin-top: 20px; }
.use_box { }
.use_box .r_txt { float: right; width: 170px; }
#content-body .lang { position: relative; }
#content-body .lang_txt { position: absolute; width: 360px; left: 49px; top: 385px; z-index: 1; }
#content-body .lang_txt2 { position: absolute; width: 360px; left: 232px; top: -1px; z-index: 1; }
#content-body .lang_txt3 { position: absolute; width: 360px; left: 233px; top: 144px; z-index: 1; }
.cap { margin-bottom: 15px; }
.pro { font-size: 16px; margin-top: 10px; }
.na { margin-bottom: 10px; margin-top: 10px; }
.name { font-weight: bold; font-size: 24px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.tel { font-weight: bold; font-size: 20px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 2px; display: block; margin-bottom: 10px; }
.mail { font-size: 20px; display: block; margin-top: 10px; }
.sub { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 16px; color: #C93; margin-top: 10px; margin-bottom: 10px; }
.blue { color: #0B7ED0; }
.orange { color: #F60; font-size: 14px; font-weight: bold; }
.Led { color: #F00; display: block; text-align: center; margin-bottom: 10px; }
.kome { font-size: 10px; padding-top: 10px; padding-right: 20px; padding-left: 20px; color: #C00; }
.block_kome { font-size: 10px; padding-top: 10px; color: #333; }
.pro_cap { margin-top: 10px; margin-bottom: 10px; }
.end { text-align: right; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
.mr20 { }
#content-body .use { padding-right: 20px; padding-left: 20px; }
#content-body .use li { list-style-type: disc; list-style-position: inside; padding-top: 1px; padding-bottom: 1px; }
#content-body table { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; }
#content-body table tr td { border: 1px solid #0B7ED0; color: #0B7ED0; text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: 12px; }
#content-body table tr th { background-color: #0B7ED0; color: #FFF; padding-top: 5px; padding-bottom: 5px; font-size: 14px; text-align: center; }
#content-body .hanyou_table th { color: #000; border-collapse: collapse; border: 1px solid #CFCFCF; font-weight: normal; background-color: #FFF; text-align: left; padding-left: 5px; font-size: 12px; padding-right: 5px; }
#content-body .hanyou_table td { color: #000; border-collapse: collapse; border: 1px solid #CFCFCF; text-align: left; padding-left: 5px; padding-right: 5px; }
#content-body .contents { padding-top: 20px; padding-right: 20px; padding-left: 20px; }
#flashcontent { padding-left: 50px; padding-right: 50px; padding-top: 15px; padding-bottom: 30px; }
#content-body { padding-right: 17px; padding-bottom: 0; padding-left: 12px; margin-top: 12px; }
#content-body p { padding-right: 20px; padding-left: 20px; }
.qaTitle { padding-bottom: 10px; }
.qaText { padding-bottom: 20px; padding-left: 50px; }
ul#banner { clear: both; }
ul#banner li { width: 300px; float: left; padding-top: 7px; }
ul#banner a { margin-right: 7px; height: 103px; display: block; border: 1px solid #CCC; text-indent: -9999px; }
a#b1 { background-image: url(../images/main.banner.jpg); background-repeat: no-repeat; background-position: 0px -1px; }
a#b1:hover { background-image: url(../images/main.banner.jpg); background-repeat: no-repeat; background-position: 0px -106px; }
a#b2 { background-image: url(../images/main.banner2.jpg); background-repeat: no-repeat; background-position: 0px -1px; }
a#b2:hover { background-image: url(../images/main.banner2.jpg); background-repeat: no-repeat; background-position: 0px -106px; }
a#b3 { background-image: url(../images/main.banner3.jpg); background-repeat: no-repeat; background-position: 0px -1px; }
a#b3:hover { background-image: url(../images/main.banner3.jpg); background-repeat: no-repeat; background-position: 0px -105px; }
a#b4 { background-image: url(../images/main.banner4.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
a#b4:hover { background-image: url(../images/main.banner4.jpg); background-repeat: no-repeat; background-position: 0px -105px; }
p#to-top { text-align: right; background: url(../img/mark_up.jpg) 573px 11px no-repeat; padding: 12px 30px 2px 0; clear: both; }
/*===============================サイド===============================*/


#side { width: 190px; float: left; padding-top: 10px; }
#side p { margin-right: 0; margin-bottom: 5px; margin-left: 20px; margin-top: 5px; }
p#eoa-button a:hover { background: url(../img/button_eoa.jpg) left bottom no-repeat; }
ul#side-menu { padding: 0 0 0 20px; }
ul#side-menu li { margin: 3px 0; }
#side-menu li a { display: block; height: 19px; line-height: 100%; color: #FFFFFF; background-image: url(../images/side_menu_bg.jpg); background-repeat: no-repeat; padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 25px; }
#side-menu li a:hover { text-decoration: none; color: #000; background-image: url(../images/side_menu_bg.jpg); background-repeat: no-repeat; background-position: left bottom; }
p#link-button a { display: block; text-indent: -9999px; height: 55px; background-image: url(../images/banner.gif); background-repeat: no-repeat; }
p#link-button a:hover { background-image: url(../images/banner.gif); background-repeat: no-repeat; background-position: left bottom; }
#page-header { background: url(../img/page_header.gif) 0px -1px no-repeat; }
p#link { margin-top: 50px; text-align: center; }
/*
------------------------------------------------------
TOP
------------------------------------------------------
*/

p#top-copy { text-indent: -9999px; background-image: url(../images/text_top_copy.jpg); background-repeat: no-repeat; background-position: 0px 15px; margin-top: 0; margin-right: 0; margin-bottom: 5; margin-left: 0; padding-top: 15px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
h2#syouhin { text-indent: -9999px; padding: 5px; margin-top: 10px; background-image: url(../images/text_H2_1.jpg); background-repeat: no-repeat; }
h2#mamechishiki { text-indent: -9999px; padding: 5px; margin-top: 10px; background-image: url(../images/text_H2_2.jpg); background-repeat: no-repeat; }
#footer { clear: both; padding: 5px 20px 20px 20px; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; background-position: center bottom; }
address { font-style: normal; font-size: 10px; padding: 5px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #0065ca; }
.contBox { width: 570px; background-image: url(../images/atop02.jpg); background-repeat: no-repeat; background-position: left top; height: 230px; position: relative; }
.approach02 { background-attachment: scroll; background-color: transparent; background-image: url(../images/approach02.jpg); background-repeat: no-repeat; background-position: 0% 0%; }
.approach02_inner { padding-right: 360px; width: 330px; }
.concept02 { background: url(../images/concept02.jpg) no-repeat scroll 0% 0% transparent; height: 85px; position: relative; }
.concept02_inner { width: 338px; line-height: 120%; font-size: 72%; position: absolute; left: 237px; top: 5px; }
.concept04 { width: 570px; line-height: 180%; background-attachment: scroll; background-color: transparent; background-image: url(../images/concept04.jpg); background-repeat: no-repeat; background-position: 0% 0%; height: 230px; }
.atpFl { margin: 0pt; padding: 0pt; }
.atpFlText { margin: 0pt; padding: 0pt 70px 0pt 0pt; float: left; width: 274px; height: 204px; line-height: 120%; font-size: 72%; position: absolute; top: -7px; left: 241px; }
.voiceImg { float: left; width: 260px; }
.stepTbl { margin: 10px 21px 0pt 20px; padding: 0pt; width: 738px; border: 1px solid rgb(153, 153, 153); }
.stepTd { padding: 10px; width: 140px; }
.stepTitTd { padding: 10px 0pt 0pt 10px; width: 441px; height: 64px; }
.stepTdBtn { padding: 0pt 25px; width: 120px; font-size: 0.1em; vertical-align: bottom; }
.stepTdText { padding: 15px 25px 10px 10px; width: 596px; vertical-align: top; line-height: 135%; }
#footer { width: 800px; margin-top: 50px; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.footLogo { margin: 0pt; padding: 0pt; float: left; width: 100px; }
.footCopy { margin: 0pt; padding: 0pt; float: left; width: 678px; color: rgb(153, 153, 153); font-weight: bold; text-align: right; line-height: 160%; }
.txAtt01 { color: rgb(255, 0, 153); }
.txAtt02 { color: rgb(255, 102, 51); }
.txAtt03 { color: rgb(0, 51, 204); line-height: 120%; }
/*商品関連*/
.item-box { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; }
.item-box_l1 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img1.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l2 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img2.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l3 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img3.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l4 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img4.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l5 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img5.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l6 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img6.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l7 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img7.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l8 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img8.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l9 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img9.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l10 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img10.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l11 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img11.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l12 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img12.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l13 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img13.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l14 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img14.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box_l15 { clear: both; padding: 10px 0pt; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-attachment: scroll; background-image: url(../images/ligament/img15.jpg); background-repeat: no-repeat; background-position: right top; }
.item-box2 { clear: both; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-image: url(../images/img_eoa.jpg); background-repeat: no-repeat; background-position: right center; height: 140px; padding-top: 10px; padding-right: 0pt; padding-bottom: 10px; padding-left: 0pt; }
.item-box3 { clear: both; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-image: url(../images/img_et.jpg); background-repeat: no-repeat; background-position: right center; height: 140px; padding-top: 10px; padding-right: 0pt; padding-bottom: 10px; padding-left: 0pt; }
.item-box4 { clear: both; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-image: url(../images/img_egt.jpg); background-repeat: no-repeat; background-position: right center; height: 140px; padding-top: 10px; padding-right: 0pt; padding-bottom: 10px; padding-left: 0pt; }
.item-box5 { clear: both; margin-top: 10px; border-top-width: 6px; border-top-style: dotted; border-top-color: #CCC; background-image: url(../images/img_eoa_b.jpg); background-repeat: no-repeat; background-position: right center; height: 140px; padding-top: 10px; padding-right: 0pt; padding-bottom: 10px; padding-left: 0pt; }
.item-box img { margin-right: 20px; margin-bottom: 5px; }
.button-desc { padding: 0pt; margin-top: 10px; margin-right: 0pt; margin-bottom: 0pt; margin-left: 160px; }
.button-desc a { display: block; width: 102px; height: 22px; background: url(../images/button_desc.jpg) no-repeat scroll 0% 0% transparent; text-indent: -9999px; }
.button-desc a:hover { background: url(../images/button_desc.jpg) no-repeat scroll left bottom transparent; }
#content-body .item-box ul li { list-style-position: inside; list-style-image: url(../images/h4_bg.gif); }
.item-left { text-align: center; width: 190px; float: left; padding-top: 10px; }
.item-right { width: 390px; float: left; background-attachment: scroll; background-image: url(../images/img_eoa.jpg); background-repeat: no-repeat; background-position: right top; }
.item-right2 { width: 390px; float: left; background-attachment: scroll; background-image: url(../images/img_et.jpg); background-repeat: no-repeat; background-position: right top; }
.item-right3 { width: 390px; float: left; background-attachment: scroll; background-image: url(../images/img_eoa-egt2.jpg); background-repeat: no-repeat; background-position: right top; }
.spec { clear: both; background: url(../images/hamon.gif) no-repeat scroll 10px 17px transparent; margin-bottom: 20px; padding-top: 15px; padding-right: 13px; padding-bottom: 0pt; padding-left: 110px; }
.item-right h3 { background: url(../images/h4_bg.gif) no-repeat scroll 0px 4px transparent; padding-left: 13px; color: rgb(90, 61, 27); margin-top: 15px; font-size: 14px; }
.item-right dt { font-weight: bold; margin-top: 10px; margin-right: 0pt; margin-bottom: 3px; margin-left: 0pt; padding-left: 20px; }
.item-right dl dd { padding-left: 20px; }
.book_section { margin-top: 15px; padding: 10px; width: 600px; height: 200px; float: left; }
.book_section1 { margin-top: 15px; padding: 10px; width: 560px; height: 200px; float: left; background-color:#FFE9E8; }
.book_section2 { margin-top: 15px; padding: 10px; width: 560px; height: 200px; float: left; background-color:#FFEEDA; }
.book_title { color: #093; font-size: 14px; font-weight: bold; display: block; }
.book_text { float: left; font-size: 11px; line-height: 120%; width: 400px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }