@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%}
body{font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif; background:#efefef;}
a{ color: #000; text-decoration:none; }
a:hover{ color: #cb100a; text-decoration:underline; }
#main2column a{ color: #330066; text-decoration:underline; }
.topbox ul li p .imgmini{ width: 60px;  }


/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* COMMON =======================================*/

h1{ margin: 0.25em 0; padding: 0 0 10px 0; line-height: 110%; font-size: 200%;  }
h2{ margin: 10px 0; padding: 0.5em 0; border-top: 1px dotted #999; border-bottom: 1px dotted #999; line-height: 140%; background: #fff; color: #000; font-size: 150%;  }
h2 a{ text-decoration:none; }
h3{ border-bottom: 1px solid #000; line-height: 150%; font-size: 105%;  }
h4{ line-height: 120%;  }
p{ margin: 1em 0; line-height: 140%; font-size: 100%; text-align: justify; text-justify: inter-ideograph;  }
p.description{ margin: 0; font-size: 90%;  }
address{ font-style: normal; }
input.radio{ width: auto;  }
input.reset{ width: 25%;  }
input.button{ width: 25%;  }
textarea{ width: 320px;  }
ul{ margin: 0 0 1em 0;  }
li{ margin: 0.5em 0 0 0; line-height: 125%;  }
dt{ margin: 1em 0 0 0; padding: 0; line-height: 100%; color: #333; font-weight: bold; }
dd{ margin: 0.3em 0 0 0; padding: 0; line-height: 130%;  }
dl.flow dt{ margin: 0; float: left;  }
ol{ margin: 0 0 0 0.25em; list-style: decimal;  }
ol li{ margin: 0 0 0 1.25em;  }
.toggle{ display: none;  }
.forToggle{ display: none;  }
#wrapper{ width: 980px; margin: 0 auto; background: #fff;  }
#header{ width: 960px; height: 70px; margin: 0; padding: 5px 10px; background: #fff; position: fixed ; top:0; }
#header h1{ padding: 0; line-height: 100%; color: #333; font-size: 80%; font-weight:normal; }
#header p{ margin: 0.5em 0; padding: 0; line-height: 100%; font-size: 100%; font-weight:normal; }
#header input{ padding: 0 10px; background: url("./images/l_e_company_5111.png") no-repeat #eee; background-size:contain; }
#title{ width: 200px; margin: 0 20px 0 0 ; padding: 0; color: #000; font-size: 200%; float: left; text-decoration:none; }
#title img{ max-height:58px; }
#siteName{ margin: 0.25em 0; padding: 0 0 10px 0; line-height: 110%; font-size: 200%; font-weight:bold; }
#header .header_es{ width: 200px; margin: 0 0 15px 5px; float: right;  }
#header .header_es a{ width: 300px; color: #036; text-decoration:underline; }
#header .header_es input .word{ width: 50px;  }
#header .header_es img{ width: 15px;  }
#globalNav{ text-align: center;  }
#globalNav ul{ margin: 0 auto; padding: 0;  }
#globalNav li{ width: 16.5%; margin: 0; border-right: 1px solid #fff; background: #326633; color: #333; float: left; list-style: none;  }
#globalNav li a{ margin: 0 1px 0 0; padding: 10px; line-height: 1.5; color: #fff; display: block; text-decoration:none; }
#globalNav li a:hover{ color: #ddd;  }
#globalNav ul:after{ height: 0; display: block; content:""; clear:both; visibility:hidden; }
#pankuzu{ width: 98%; margin: 0.25em; padding: 0.5em 0.5em 0; border-bottom: solid 1px #ccc; font-size: 90%; float: left;  }
#contents:after{ height: 0; display: block; content:""; clear:both; visibility:hidden; }
#maincontents1column{ width: 100%; margin: 75px 0 0 0;;  }
#maincontents2column{ width: 100%; margin: 75px 0 0 0;;  }
#maincontents3column{ margin: 75px 0 0 0;; float: left;  }
#main1column{ width: auto; margin: 10px 0 0 0; padding: 20px; background: #ffffff;  }
#main2column{ width: 700px; margin: 5px 0 0 0; padding: 20px; background: #ffffff; float: right;  }
#main3column{ width: 570px; margin: 10px 0 0 0; padding: 10px; background: #ffffff; float: right;  }
#sideNav{ width: 200px; margin: 5px 10px 0 0; padding: 10px; background: #ffffff; float: left;  }
#subcontents{ width: 160px; margin: 10px 0 0 10px; padding: 10px; background: #ffffff; float: right;  }
#subcontents h2{ font-size: 105%;  }
#sideNav ul li{ padding: 0.3em; border-bottom: dotted 1px #666; font-size: 13px; list-style: none;  }
#sideNav ul li h3{ margin: 0; padding: 0.5em; border-left: solid 2px #f30; border-bottom: solid 1px #f30; background: url("./images/Side_bg_h2.png") repeat-x left bottom; color: #ffffff; font-size: 16px; font-family:"Lora","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
#sideNav ul li a:hover{ text-decoration:none; }
#subcontents img{ width: 100%; max-width:173px; }
#subcontents h2{ text-align: center;  }
#subcontents p{ padding: 10px;  }
#pageTop{ width: 960px; padding: 10px; text-align: right;  }
#pageTop a{ padding: 0 0 0 12px; background: url("./images/bg_pagetop.gif") 0 60% no-repeat;  }
.topbox{ margin: 0; background: #fff; float: left; clear:left; }
.topbox ul{ width: 320px; height: 620px; margin: 10px 25px 10px 0; padding: 1px; border: 1px groove #666; background: #eee; float: left; display: inline-block; }
.topbox ul h3{ padding: 2px; border: #000 solid 1px; background: #000; color: #fff; font-size: 20px; font-family:"Lora","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.topbox ul a:hovor{ background: #ccc; color: #000; text-decolation: none; }
.topbox ul li{ width: 300px; height: 120px; margin: 5px; padding: 5px; border: #666 solid 1px; background: #fff; float: left; list-style: none;  }
.topbox ul li h4{ color: #309; font-size: 15px; text-decolation: bold; }
.topbox ul li p{ font-size: 12px;  }
.topbox ul li p .imgmini{ width: 60px; margin: 1px; float: right;  }
.indbox{ width: 700px; margin: 10px 25px 30px 0; padding: 1px; border: 1px groove #666; background: #fff; float: left; display: inline-block; }
.indbox h3{ padding: 2px; border: #000 solid 1px; background: #000; color: #fff; font-size: 20px; font-family:"Lora","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.indbox h4{ padding: 10px; font-size: 18px;  }
.indbox .imgproduct{ width: 100px; margin: 5px; float: left;  }
.indbox table{ width: 680px; margin: 10px 0 10px 10px; padding: 8px 3px; line-height: 1.5; table-layout:fixed; border-spacing:0; border-collapse:collapse; }
.indbox table th{ padding: 5px 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; font-size: 16px; text-align: right;  }
.indbox table th .forset{ text-align: left;  }
.indbox table td{ padding: 5px 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; font-size: 14px; text-align: left; vertical-align: top; }
.indbox table td.case{ border-top: 1px solid #666; border-bottom: 1px solid #666; background: #eee; text-align: center;  }
.indbox p{ width: 650px; margin: 5px; padding: 5px; font-size: 14px; float: left;  }
.indbox2{ width: 700px; margin: 10px 25px 10px 0; padding: 1px; border: 1px groove #666; background: #fff; float: left; display: inline-block; }
.indbox2 h3{ padding: 2px; border: #000 solid 1px; background: #000; color: #fff; font-size: 20px; font-family:"Lora","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.indbox2 .imgproduct{ width: 100px; margin: 5px; float: left;  }
.indbox2 table{ width: 580px; margin: 10px 0 10px 110px; padding: 8px 3px; line-height: 1.8; table-layout:fixed; border-spacing:0; border-collapse:collapse; }
.indbox2 table th{ width: 260px; padding: 5px 0; font-size: 14px; text-align: left;  }
.indbox2 table td{ padding: 5px 0; border-left: 1px dotted #666; font-size: 14px; text-align: center; vertical-align: top; }
.indbox2 p{ width: 650px; margin: 5px; padding: 5px; font-size: 14px; float: left;  }
#main2column p{ margin-bottom:30px; }
#main2column dl{ min-height:70px; }
#main2column dd{ margin-left:250px; }
#main1column h3{ border-bottom: none;  }
.standard table{ width: 100%; margin: 0 0 20px 0; border: 1px solid #eee; line-height: 1.8; font-size: 12px; table-layout:fixed; border-spacing:0; border-collapse:collapse; }
.standard table th{ width: 180px; padding: 5px; border: 1px solid #fff; background: #eee; text-align: left; font-weight: normal; vertical-align: top; }
.standard table td{ padding: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: left;  }
.standard table td a{ color: #cb100a; text-decoration:underline; }
.standard table input{ width: 95%;  }
.standard table textarea{ width: 95%; height: 10em;  }
#main1column table{ width: 100%; border: 1px solid #aaa; line-height: 1.8; font-size: 12px; margin-bottom:10px; }
#main1column table th{ padding: 10px; border: 1px solid #aaa; background: #eee; text-align: left; font-weight:normal; vertical-align:top; }
#main1column table td{ padding: 10px; border: 1px solid #aaa; vertical-align:top; border-width:0 0 1px 1px; }
#main1column table th.koumoku{ width: 150px;  }
#main1column table td ol{ margin: 0; padding: 0 0 0 30px;  }
#main1column table td li{ margin: 0; padding: 0;  }
table.panel{ margin: 1.5em auto; border: 0px !important; font-size: 14px; text-align: center !important;  }
table.panel th{ width: 100px; padding: 0.5em; border: 0px !important; background: #f2ab00 !important; color: #fff; text-align: center !important; font-weight:bold; border-radius: 50%; }
table.panel td{ padding: 0.5em; border: 0px !important; border-radius: 50%; }
td.panel-off{ width: 100px; border: 0px !important; background: #a8a8a8; color: #fff;  }
td.panel-arrow{ width: 20px; border: 0px !important;  }
#main1column textarea{ width: 90%;  }
.err-addr{ color: #f30; font-weight:bold; }
#footer{ width: 940px; padding: 20px; border-top: 8px solid #efefef; line-height: 130%; font-size: 85%; text-align: center; clear:both; }
#footer .box3{ width: 32%; padding: 5px; text-align: left; float: left;  }
#footer .copyright{ margin: 10px 0 0 0; padding: 5px 0; border-top: 1px solid #999; font-size: 90%; clear:both; }
#footer nav{ padding: 0 0 30px 0;  }
#footer li{ margin: 0; float: left; list-style: none;  }
#footer li + li{ border-left: 1px solid #666;  }
#footer a{ margin: 0 1px 0 0; padding: 0 10px; line-height: 100%; color: #333; display: block; text-decoration: none; }


@media screen and (max-width: 980px) { 
/* SmartPhone Display - width:640px under - */

/*========================================
BASIC
=======================================*/
img{ width:100%; height:auto; }

img{ height: auto; border: none; display: inline; max-width:100%; }
body{ background: #ffffff;  }
.small{ font-size: 50%;  }
h1{ padding: 1em 0 0 0; font-size: 120%;  }
h2{ font-size: 110%;  }
h3{ font-size: 105%;  }
textarea{ width: 90%;  }
.toggle{ width: 100%; height: 35px; background: #333; color: #ffffff; font-size: 130%; display: block; position: fixed ; top:0; left:0;  }
.toggle figcaption{ position: fixed; top: 10px; left: 45px; }
.toggle img{ width: auto; max-height:35px ; }
.forToggle{ padding: 5px 8px 2px 2px; background: #eeeeee; color: #ffffff; font-size: 120%; display: block; position: fixed ; opacity:0.9 ; }
.forToggle li h2{ padding: 5px; border-top: none; font-size: 14px; font-weight:bold; }
#wrapper{ width: auto; margin: 0; padding: 0; font-size: 90%;  }
#header{ width: 93%; margin: 30px 0 0 0; padding: 10px 10px 0 10px; min-width:300px; }
#header h1{ width: 65%;  }
#header .catch{ width: 65%; display: none;  }
#title{ width: 150px; max-width:50%; }
#siteName{ font-size: 170%;  }
#header .header_es{ width: 40%;  }
#globalNav{ text-align: left;  }
#globalNav li{ width: 45%; padding: 0; border-bottom: 1px solid #fff; font-size: 90%;  }
#globalNav li a{ padding: 5px; line-height: 1.25;  }
#pankuzu{ display: none;  }
#main1column{ width: 93%; margin: 0; padding: 0 10px;  }
#main2column{ width: 93%; margin: 40px 0 0 0; padding: 0 10px; float: right;  }
#main3column{ width: 93%; margin: 0; padding: top:0; float: left;  }
#sideNav,#subcontents{ display: none;  }
#subcontents h2{ text-align: left;  }
#subcontents h2{ font-size: 120%;  }
#pageTop{ width: 93%; margin: 0; clear:both; }
.topbox ul{ width: auto; height: auto;  }
.indbox{ margin: 0 0 10px 0; padding: 0;  }
.indbox .imgproduct{ width: 80px;  }
.indbox table{ margin: 0 0 10px 120px;  }
.indbox2{ margin: 0 0 10px 0; padding: 0;  }
.indbox2 .imgproduct{ width: 80px;  }
.indbox2 table{ margin: 0 0 10px 120px;  }
#main2column p,#main1column p{ margin-right:10px; }
#main2column dd{ margin-right:10px; }
.standard table th{ width: 35%;  }
#main1column table{ font-size: 10px; word-wrap:break-word; }
#main1column table th{ padding: 5px;  }
#main1column table td{ padding: 5px;  }
#main1column table th.koumoku{ width: 15%;  }
#main1column table th.nyuryoku{ width: 40%;  }
#main1column table th.setsumei{ font-size: 10px;  }
#main1column select{ font-size: 10px;  }
#footer{ width: auto; margin: 10px 0 10px 0; padding: 10px; border-top: 1px solid #999; background: #efefef; font-size: 70%;  }
#footer .box3{ width: 100%;  }
#footer li + li{ margin: 0 0 1.5em 0; border-left: 1px solid #666;  }