﻿@charset "utf-8";
*{margin:0;padding:0;letter-spacing:0px;font-size:100%;}
html{overflow-y:scroll;height:100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,select,textarea,address,strong,em,th,td{
margin:0;
padding:0;
font:normal 100%/1 Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック','MS PGothic','メイリオ',Meiryo,Verdana,Arial,san-serif;
}
body,img,a,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,select,textarea,address,th,td{_behavior:url(http://kanto-l.com/css/iepngfix.htc);}
body{color:#333;letter-spacing:0;}
body,li{_behavior:url(http://kanto-l.com/css/csshover.htc);_behavior:url(http://kanto-l.com/css/csshover2.htc);}
br{letter-spacing:0;}
p,ul,dl,th,td{font-size:75%;line-height:1.2;color:#333;}
th,td{vertical-align:top;}
ul,ol{list-style:none outside none;}
input,select,textarea{font-size:75%;line-height:1.3;border:1px solid #666;color:#333;}
img{vertical-align:top;border:0;}
a{text-decoration:none;}
a:link{color:#69c;text-decoration:none;}
a:visited{color:#69c;text-decoration:none;}
a:active{color:#36f;text-decoration:underline;}
a:hover{color:#36f;text-decoration:underline;}
h1{font-size:105%;}
h2{font-size:100%;}
h3{font-size:90%;}
h4{font-size:85%;}
h5{font-size:80%;}
h6{font-size:75%;}
h1 a:active,h1 a:hover,
h2 a:active,h2 a:hover,
h3 a:active,h3 a:hover,
h4 a:active,h4 a:hover,
h5 a:active,h5 a:hover,
h6 a:active,h6 a:hover{color:#333;text-decoration:none;}
/* float */
.clearboth{clear:both;}
div.clearboth br{display:none;}
div.clearboth hr{display:none;}
/* kome */
dl.kome dt, dl.kome dd{line-height:1.25em;padding-bottom:6px;}
dl.kome dt{width:1.25em;_width:0.5em;float:left;}
dl.kome dd{padding-left:1.25em;_padding-left:0.25em;zoom:1;}
/* footer */
address{font:55%/1.25 Verdana;color:#999;}
address span{font:110%/1.25 Arial,Helvetica,sans-serif;}
hr{position:absolute;top:-5000px;left:-999px;}
/* clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
body{
scrollbar-face-color:#fff;
scrollbar-highlight-color:#69c;
scrollbar-shadow-color:#36f;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#36f;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

body{text-align:center;background:url(../common/bg.jpg) left 96px repeat-x;}
#box{}
#head,#main,#foot{width:900px;margin:0 auto;text-align:left;}
#head{height:96px;position:relative;}
#head h1 a#klc{
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../common/logo.gif) no-repeat;
width:160px;
height:65px;
float:left;
zoom:1;
margin-top:27px;
}
#head p.pan{
font-size:10px;/*font-size:65%;*/
color:#999;
position:absolute;
top:147px;
left:0px;
display:block;
padding:0px 0px 2px 2px;
margin:0px;
}
ul#menu{
float:right;
zoom:1;
margin:41px 0px 0px 10px;
}
ul#menu li{
display:inline;
height:45px;
font-size:10px;/*font-size:85%;*/
}
ul#menu li a{
display:block;
float:left;
zoom:1;
padding:32px 9px 4px 26px;
background:url(../common/menu_off.gif) left bottom no-repeat;
font-family:Verdana;
}
ul#menu li a:link{color:#369;text-decoration:none;}
ul#menu li a:visited{color:#369;text-decoration:none;}
ul#menu li a:active{color:#039;text-decoration:underline;}
ul#menu li a:hover{background:url(../common/menu_on.gif) left bottom no-repeat;color:#039;text-decoration:underline;}
#main{
background:url(../common/bg_worldmap.jpg) no-repeat;
padding-left:1px;
position:relative;
}
#main h2{
background:url(../common/line_w.png) left bottom no-repeat;
padding:10px 0px;
}
#main h2 a{
display:block;
text-indent:-9999px;
overflow:hidden;
height:40px;
}
#main h2 a#pro{background:url(../img/pro/title.png) no-repeat;}
#main h2 a#ser{background:url(../img/ser/title.png) no-repeat;}
#main h2 a#sol{background:url(../img/sol/title.png) no-repeat;}
#main h2 a#net{background:url(../img/net/title.png) no-repeat;}
#main h2 a#com{background:url(../img/com/title.png) no-repeat;}
#main h2 a#con{background:url(../img/contact/title.png) no-repeat;}
#main h2 a#pol{background:url(../img/pol/title.png) no-repeat;}
#main h2 a#map{background:url(../img/map/title.png) no-repeat;}
#main ul#submenu{
position:absolute;
top:0px;
left:570px;
width:330px;
height:110px;
z-index:3;
background:url(../common/bg_sub2.jpg) left top no-repeat;
}
#main ul#submenu li{width:330px;display:block;margin:0;padding:0px;}
#main ul#submenu li.s2,#main ul#submenu li.end{width:330px;display:block;margin:0;line-height:1;}
#main ul#submenu li:hover{background:url(../common/bg_select.jpg) repeat-x;}
#main ul#submenu li a{display:block;background:url(../common/arrow.gif) 8px 7px no-repeat;padding:5px 0px 5px 24px;line-height:1.2;}
#main ul#submenu li a:link,
#main ul#submenu li a:visited{color:#000;text-decoration:none;}
#main ul#submenu li a:active,
#main ul#submenu li a:hover{color:#fff;text-decoration:none;background:url(../common/arrow_on.gif) 8px 7px no-repeat;}
#main ul#submenu li.s2 a{background:url(../common/eda_of.gif) 12px 7px no-repeat;}
#main ul#submenu li.s2 a:hover{background:url(../common/eda.gif) 12px 7px no-repeat;}
#main ul#submenu li.end a{background:url(../common/eda_end_of.gif) 12px 7px no-repeat;}
#main ul#submenu li.end a:hover{background:url(../common/eda_end.gif) 12px 7px no-repeat;}
#main .txt-box{padding:25px 30px;}
#main .txt-box h3{
display:block;
background:url(../common/i_block.png) no-repeat;
padding:0px 15px;
}
#main .txt-box h3 a{
display:block;
text-indent:-9999px;
overflow:hidden;
height:19px;
}
#main .txt-box h3.h2 a{
height:40px;
}
#main .txt-box p{padding:15px 0px 20px 0px;line-height:1.5;}
#main .txt-box .txt-list{}
#main .txt-box .txt-list h4{
display:block;
background:url(../common/line_txt.jpg) no-repeat;
width:800px;
padding:5px 10px;
margin:10px 0px;
}
#main .txt-box h4 a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:800px;
height:14px;
}
#main .txt-box .txt-list p{padding:6px 15px;line-height:1.5;text-align:left;}
#main .txt-box .txt-list ul{margin-left:15px;}
#main .txt-box .txt-list ul li{
background:url(../common/i_list.jpg) 0px 6px no-repeat;
padding:0px 0px 6px 12px;
width:800px;
line-height:1.5;
}
#main .txt-box .txt-list2 ul{margin:20px 5px 0px 5px;}
#main .txt-box .txt-list2 ul li{
background:url(../common/i_list.png) no-repeat;
padding:0px 0px 3px 12px;
width:800px;
line-height:1.5;
}
.up{
border:1px solid #69c;
border-width:0px 0px 1px 0px;
text-align:right;
background:url(../common/up.gif) right top no-repeat;
font-size:65%;
margin-bottom:10px;
}
.up a{display:block;padding:7px 28px 11px 7px;font-family:Verdana;}
#foot address{float:left;zoom:1;padding-top:35px;}
#foot ul#menu{margin:0px;}

@media print{
body{background:none;}
/*
#head,#foot,#main ul#submenu{display:none;}
#head h1 a#klc,
#main h2 a,
#main .txt-box h3 a,
#main .txt-box h4 a{
text-indent:0px;
background:none;
}*/
}
@media handheld{
img,input,textarea{max-width:95%;}
}