@charset "Shift_JIS";

/* reset */
*{margin:0;padding:0}
html,body{height:100%}
table{empty-cells:show;font-size:100%}
img{border:0;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{vertical-align:baseline}
acronym,abbr{cursor:help}
a{color:#3d3d3d;text-decoration:underline}
a:visited,a:active{color:#3d3d3d}
a:hover{color:#458ecc;text-decoration:underline}
.cbox,#gnavi,.fbox{zoom:100%}
.cbox:after,#gnavi:after,.fbox:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clear{clear:both;font-size:1px;height:1px}
.clear hr{display:none}
.tablecell{display:table-cell;vertical-align:middle}
* html .cbox,:first-child+html .cbox{zoom:1}
* html .tablecell,:first-child+html .tablecell{display:inline;zoom:1}

/* layout */
body{background:#fff;color:#3d3d3d;font:93%/1.4 'ヒラギノ角ゴシック',Hiragino Sans,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;text-align:center}
#container,#footer,#gnavi{min-width:900px;width:100%}
#contents,#footer .fbox,#gnavi ul,#header,#pankuzu,p#pagetop,#backtop{width:900px}
#header div.cbox p{font-size:12px;padding-bottom:6px}
#header div.cbox span a{float:left;font-size:12px;margin-right:13px;padding:6px 0 0 21px;text-decoration:none}
#header div.cbox{float:right;padding:13px 0}
#header form input#word{height:24px;padding-left:5px;text-align:left;width:150px}
#header form input#btn{cursor:pointer;height:24px;width:24px;text-align:center}
#header form input{border:none;float:left;font-size:12px;margin:0;padding:0}
#header form{float:right}
#header h1,#header strong{display:block;float:left}
#header{margin:0 auto;text-align:left}
#gnavi ul{margin:0 auto}
#gnavi ul li{float:left;font-size:14px;list-style:none;text-align:center}
#gnavi ul li a{border-right:1px dashed #fff;display:block;margin:0;padding:13px 0;text-decoration:none;text-shadow:1px 1px 0 #fff;width:148px}
#gnavi ul li#now a,#gnavi ul li a:hover,#gnavi ul li a:active{color:#3d3d3d}
#gnavi ul li.fir a{border-left:none}
#contents,#pankuzu{margin:0 auto;text-align:left}
#contents{background:#fff;padding:13px 0}
#pankuzu p{margin:0;padding:10px 13px;font-size:80%}
#top #contents{padding-top:0}
#top-left{_display:inline;float:left;width:620px;margin-left:13px}
#top-left h2{position:relative;border-bottom:3px solid #afd2f2;margin-bottom:3px;padding:0 5px 2px 8px}
#top-left h2 span a{position:absolute;right:0;background:url(../image/tombow_list.gif) no-repeat 100% 50% #fff;font-size:80%;text-decoration:none;padding-right:21px}
#top-left h2 span a:hover{background-image:url(../image/tombow_list_r.gif)}
#top-news dl{height:294px;overflow:auto;padding:10px 20px 5px 8px}
#top-news dt{font-weight:bold;margin-bottom:2px;padding-bottom:0}
#top-news dd{margin:0 0 10px 88px;text-indent:-88px}
#top-news dd img{margin-right:5px}
#top-news dd span{color:#C00;font-size:80%;font-weight:bold}
#top-right{_display:inline;float:right;width:233px;margin-right:13px}
#top-right p{font-size:12px;margin-bottom:8px}
#top-right p img{margin-bottom:5px}
#top-customer{margin-bottom:13px;text-align:center}
#top-customer h2{clear:both;font-weight:normal;margin:0;padding:0;text-align:center}
#top-customer h2 a{display:block;padding:10px 0;text-decoration:none;width:100%}
#top-customer h2 a:hover{color:#3d3d3d}
#top-customer div{padding:13px 0}
#footer{background:#fff;clear:both;font-size:90%;}
#footer .fbox{margin:0 auto;padding:13px 0;text-align:left}
#footer address{float:right;font-style:normal}
#footer2{clear:both;color:#fff}
#footer2 ul{float:right;text-align:right}
#footer2 ul li{display:inline;padding-left:21px}
#footer2 ul li a{color:#fff}
#footer2 ul li a:hover{text-decoration:none}
#footer img,#footer2 p{float:left}
.pagetop{clear:both;padding:21px 0;text-align:right;zoom:100%}
p#pagetop{clear:both;margin:0 auto;padding:21px 0 0;text-align:right;zoom:100%}
#backtop{clear:both;margin:0 auto;padding:13px 0 0;zoom:100%;overflow:hidden}
#backtop a{border-radius:5px 5px 0 0;color:#fff;display:block;float:right;font-size:12px;padding:8px 0 6px;text-decoration:none;width:10em}
.space{padding:10px 10px 250px}
#products #main,#company #content-body,#company #content-body,#line_main,#flow .main,#customer #content-body{_display:inline;float:right;margin-right:13px;width:644px}
#company #corner_menu,#products #submenu,#corner_menu,#line_menu,#flow #submenu,#customer #corner_menu{_display:inline;float:left;margin-bottom:13px;margin-left:13px;width:217px}
#customer #corner_menu{margin-bottom:20px}
#company #corner_menu h2,#submenu h2,#customer #corner_menu h2{font-size:19px;padding:13px}

/* form */
#inquiry #content_body{padding:0 89px}
#form .lead{padding:0 13px 13px}
#form .submit{position:relative}
#form .ssl{font-size:90%;left:540px;position:absolute;top:35px;width:200px}
#form .sslnote{margin-top:40px}
#form .secureseal{float:right}
#form .notice{font-size:83%;font-weight:bold;padding:10px}
#form .check{padding:0 34px;line-height:1.75}
#form .thanks{padding:89px 0;text-align:center}
#form th span,#form h4 span{background:#fff;border:1px solid #c00;color:#c00;font-size:83%;font-weight:normal;margin-left:4px;padding:0 2px}
#form th p,#form td span{color:#777;font-size:83%;font-weight:normal}
#form .err{color:#c00;font-size:83%}
#form table{border-collapse:collapse;722px}
#form th,#form td{border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4}
#form th{width:14.5em}
#form th,#form td{padding:5px 13px;text-align:left}
#form .text_input,#form .select_box,#form .text_area{margin-bottom:2px;margin-top:2px;padding:5px 0.2em}
#form #birth_y,#form #birth_m,#form #birth_d,#form #now2,#form #now4{width:40px}
#form #name1,#form #name2,#form #kana1,#form #kana2{width:70px}
#form #phone,#form #cellphone,#form #fax,#form #company,#form #company_kana,#form #division,#form #reqdiv,#form #school,#form #course,#form #now5,#form #now6{width:180px}
#form #email,#form #email2,#form #addr1,#form #addr2,#form #url{width:280px}
#form #birth_year,#form #birth_month,#form #birth_day,#form #age{width:40px}
#form #zipcode{width:80px}
#form #comment{height:200px;width:420px}
#form .foot_note,#form .button{padding-bottom:1em;padding-top:1em;text-align:center}
#form ul{list-style:none;padding-left:1.5em}
#form ul li strong{display:block;float:left;width:350px}
#form ul li .value{float:left}
#form label{display:block;margin:8px 0;width:95%}
#form label input{margin-right:4px}
#form p.button input{margin:13px 0;background: -moz-linear-gradient(top,  #faa51a,  #f47a20);background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));border:1px solid #da7c0c;border-radius:8px;box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #fff;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');font-size:110%;font-weight:bold;height:3em;-moz-border-radius:8px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);text-decoration:none;-webkit-border-radius:8px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);background:#f78d1d;width:12em}
#form p.button input:hover{background:#f47c20;background: -moz-linear-gradient(top,  #f88e11,  #f06015);background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');text-decoration:none}
#form p.button input#breturn{background:#fff;background: -moz-linear-gradient(top,  #ffffff,  #edf3f9);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edf3f9));border-color:#ccc;color:#3d3d3d;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf3f9')}
#form p.button input#breturn:hover{background: #afd2fa;background: -moz-linear-gradient(top,  #edf3f9,  #afd2fa);background: -webkit-gradient(linear, left top, left bottom, from(#edf3f9), to(#afd2fa));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf3f9', endColorstr='#afd2fa')}

/* system */
#news-detail{margin:0 60px;padding-top:13px}
#news-detail .title{padding:13px 8px;margin-bottom:5px;zoom:100%}
#news-detail .title:after{content:" ";clear:both;height:0;display:block}
#news-detail h2{font-size:19px;float:left;width:675px}
#news-detail .category{float:right;padding-top:5px;width:77px}
#news-detail .corner{font-weight:bold;margin-bottom:-25px;text-align:right}
#news-detail .date{border-bottom:1px solid #458ecc;font-weight:bold;margin-bottom:13px;padding:5px 13px;text-align:left}
#news-detail .link{margin:8px 13px 21px}
#news-detail table p{padding:8px}
.img1,.img2,.img3,.img4{font-size:85%}
.img1{float:right;margin-bottom:1.5em;margin-left:13px}
.img2{float:left;margin-right:13px}
.img3{float:left;margin-right:13px}
.img4{float:left}
.img5{margin-bottom:1em}
.summery{line-height:1.5;margin:0 13px 13px;word-wrap:break-word}
.summery p{padding-bottom:1em}
.summery p img.i_left{float:left;margin-right:13px}
.summery p img.i_right{float:right;margin-left:13px}
.summery h3{font-size:19px;margin:1.5em 0 1em;padding:5px 9px}
.summery h4{font-size:110%;margin:8px 0;padding:0}
.summery ul{margin-bottom:21px}
.summery ul li{margin-left:21px}
.summery h3,.summery h4{_zoom:1;overflow:hidden}
#toi{border:1px solid #ccc;clear:both;margin:13px auto 5px;padding:8px 0 0;text-align:center;width:60%}
#news-detail dl{line-height:2em;margin-bottom:21px;margin-top:0;width:auto}
#news-detail dt{font-weight:bold;padding:3px;width:7em}
#news-detail dd{margin-top:-2.5em;padding:3px 3px 3px 8em}
.newoem{background:#a7d1e8;clear:both;margin:0 auto 13px;padding:0;width:100%;height:240px}
.newoem_txt{background:#fff;float:left;margin:8px;width:280px}
.newoem_txt p{padding:3px 13px}
.newoem_img{padding:8px 0}
.newoem_txt h4{clear:both;margin:8px 0 5px;padding:5px;text-align:center}
#news-list{margin:0 89px;padding-top:13px}
#news-list dl{padding:13px 13px 8px}
#news-list dt{font-weight:bold;margin-bottom:3px}
#news-list dd{margin:0 0 21px 88px;padding:0;text-indent:-88px}
#news-list dd img{margin-top:1px;margin-right:8px}
#news-list dd span{color:#C00;font-size:85%;font-weight:bold}
.navi{font-size:85%;padding:8px 0;text-align:center}
.navi .now{font-weight:bold}
.navi .prev span,.navi .prev a{padding-bottom:8px;padding-left:22px;padding-top:8px}
.navi .next span,.navi .next a{padding-bottom:8px;padding-right:22px;padding-top:8px}
#customer #corner_menu .voice{margin-top:21px}
#customer #content-body h1,#customer #content-body h2,#customer #content-body h3{margin-bottom:0}
#customer ul.list{background:#fff;list-style:none;margin:0;padding:8px 13px}
#customer ul.list li{margin:0;padding:5px 0}
#customer #content-body h4{font-size:110%;margin-bottom:8px;margin-top:13px;padding:8px 13px}
#customer .navi{margin-bottom:34px;margin-top:0;padding-bottom:8px;padding-top:8px;text-align:center}
#customer #faq_body #content-body .summery,#customer #contents #voice_body .impression{line-height:1.5;padding:0 0 8px}
#customer #contents #voice_body .impression{padding-left:13px}
#customer .link,#customer .file{padding:13px}
#customer p.pagetop{display:none}
#customer #voice_body .navi{margin-top:15px}