@charset "utf-8";
/* ----------------------------------------------------- タグデフォルト無効 -- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,div{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
ul,li{list-style-type:none;}

/*clearfix*/
/*
.clearfix {width:100%;}
.clearfix:after{
   content: "";
   display: block;
   clear: both;
}
*/
/*wrapper*/
.wrapper{
width:960px;
margin:0 auto;
}

/*行揃え*/
.txtL{
text-align:left;
}
.txtC{
text-align:center;
}
.txtR{
text-align:right;
}

/*フォント*/
.fc_red{
color:#ed1c24;
}
em{
font-weight:bold;
}

/* リンク */
a:link{
color:#0186c1; /* 色 */
}
a:visited{
color:#0186c1; /* 色 */
}
a:hover {
color:#06b1fd; /* 色 */
text-decoration:underline;
}
a:active {
color:#06b1fd; /* 色 */
text-decoration:underline;
}

a.smlink:link{
color:#333333; /* 色 */
text-decoration:none;
}
a.smlink:visited{
color:#333333; /* 色 */
text-decoration:none;
}
a.smlink:hover {
color:#0186c1; /* 色 */
text-decoration:none;
}
a.smlink:active {
color:#0186c1; /* 色 */
text-decoration:none;
}

a.smlinkac:link{
color:#0186c1; /* 色 */
text-decoration:none;
}
a.smlinkac:visited{
color:#0186c1; /* 色 */
text-decoration:none;
}
a.smlinkac:hover {
color:#0186c1; /* 色 */
text-decoration:none;
}
a.smlinkac:active {
color:#0186c1; /* 色 */
text-decoration:none;
}

a.blankLink{
text-decoration:none;
}

a.blankLink .anchorIn{
text-decoration:underline;
}

a.blankLink:hover .anchorIn{
text-decoration:none;
}

a.blankLink .pdfIcon{
margin-left:5px;
vertical-align:-2px;
}


body {
background-color:#FFFFFF;
margin:0;
padding:0;
color:#333333; /* グレー */
font-family:Arial,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
font-size: 75%; /* 14px */
line-height: 1.4em; /* 18px */
text-align: center;
}

h1{
line-height:0;
font-size:0;
width:690px;
}

#cts-area h1{
display:block;
margin:0 0 30px;
width:690px;
height:120px;
}

h2{
display:block;
margin-top:30px;
margin-bottom:15px;
border-top:2px solid #00a0e4;
border-bottom:1px solid #e1e1e1;
padding-top:20px;
padding-left:34px;
padding-bottom:20px;
background:url(/img/templete/icon_h2.gif) no-repeat;
background-position:14px 22px;
font-size:130%;
}
h2 span{
color:#7c7c7c;
font-size:80%;
}

h3{
max-width:690px;
margin-top:30px;
margin-bottom:15px;
color:#038ac4;
border-bottom:2px solid #00a0e4;
padding:10px 20px 10px 15px;
font-size:116%;
line-height:1.2em;
}

h4{
margin-top:30px;
margin-bottom:5px;
margin-left:15px;
color:#038ac4;
padding-top:3px;
padding-bottom:3px;
}
h5{
margin-top:28px;
}
#cts-area p{
margin:0 0 1.2em 0px;
}

#cont_textbox_waku{
margin-top:30px;
width:690px;
background:url(/img/templete/cont_textbox_buttom.gif) bottom no-repeat;
}
#cont_textbox{
width:666px;
background:url(/img/templete/cont_textbox_top.gif) top no-repeat;
padding:12px;
line-height:2.0em;
}
#cont_textbox h3{
margin-top:0;
}

/* list */
.list_number{
margin-top:30px;
}
.list_number li{
list-style-type:decimal;
list-style-position:inside;
color:#008ac5;
margin-top:10px;
text-indent:-1.5em;
padding-left:1.5em;
}
.list_number li span{
color:#292a2d;
}

.list_normal{
margin-top:30px;
}
#sitemap .list_normal{
margin-top:0px;
}
.list_normal li{
padding-left:10px;
background:url(/img/templete/icon_list.gif) left 7px no-repeat;
line-height:1.2em;
margin-top:10px;
}

.list_link{
margin-top:30px;
}
.list_link li{
padding-left:20px;
background:url(/img/templete/icon_linklist.gif) left 3px no-repeat;
line-height:1.2em;
margin-top:10px;
}
.list_link a{
text-decoration:none;
padding:4px 20px 4px 0;
background-position:100% 50%;
background-repeat:no-repeat;
}
.list_link a:hover{
text-decoration:underline;
}

.list_link a[href$=".doc"]{
background-image:url(/img/templete/icon_word.gif);
}
* html a.doc{
background:url(/img/templete/icon_word.gif) no-repeat 100% 50%;
}
.list_link a[href$=".pdf"]{
background-image:url(/img/templete/icon_pdf.gif);
}
* html a.pdf{
background:url(/img/templete/icon_pdf.gif) no-repeat 100% 50%;
}
.list_link a[href$=".xls"]{
background-image:url(/img/templete/icon_exl.gif);
}
* html a.xls{
background:url(/img/templete/icon_exl.gif) no-repeat 100% 50%;
}
.list_link a[href^="http"]{
background-image:url(/img/templete/icon_out.gif);
}
* html a.external{
background:url(/img/templete/icon_out.gif) no-repeat 100% 50%;
}

* html .list_link a{ /* IEのみ */
    behavior: expression(
    this.className += this.getAttribute("href").match(/^http.*/) && (!this.getAttribute("href").match("webbibo.com")) ? " external" : "",
    this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : '',
    this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : '',
    this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : '',
    this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : '',
    this.style.behavior = "none"
    );
}


/*===header =================================================================================*/
#hd_p1{
width:100%;
height:30px;
background-color:#e9e9e9;
border-bottom:solid 1px #d4d4d4;
text-align:left;
}
#hd_p1 p{
width:960px;
margin:0 auto;
padding:6px 0px;
font-size:80%;
color:#292a2d;
}

#hd_p2{
width:960px;
height:94px;
margin:0 auto;
text-align:left;
}
#hd_p2 div{
float:left;
}

#hd_p2_logo{
width:374px;
height:auto;
margin:29px 0 0;
padding:0;
float:left;
}

#hd_p2_size{
width:146px;
margin-top:38px;
}

#hd_p2_link{
width:176px;
margin-top:40px;
}
#hd_p2_link li{
float:left;
line-height:0;
}
#hd_p2_link img{
padding-right:6px;
}

/*------ fontsizechanger -- */
#fontchange{
background:url(/img/templete/fontttl.gif) left center no-repeat;
padding-left:63px;
height:18px;
}
#fontchange ul li{
float:left;
}
#switchFontSizeSmall a,
#switchFontSizeMedium a,
#switchFontSizeBig a,
#switchFontSizeSmall.active a,
#switchFontSizeMedium.active a,
#switchFontSizeBig.active a{
text-indent: -9999px;
width:18px;
height:18px;
display:block;
line-height:0;
overflow:hidden;
}
#switchFontSizeSmall a{
background:url(/img/templete/font_s.gif) left top no-repeat;
}
#switchFontSizeMedium a{
background:url(/img/templete/font_m.gif) left top no-repeat;
}
#switchFontSizeBig a{
background:url(/img/templete/font_b.gif) left top no-repeat;
}
#switchFontSizeSmall.active a{
background:url(/img/templete/font_s.gif) left bottom no-repeat;
}
#switchFontSizeMedium.active a{
background:url(/img/templete/font_m.gif) left bottom no-repeat;
}
#switchFontSizeBig.active a{
background:url(/img/templete/font_b.gif) left bottom no-repeat;
}

#fontchange a:hover,
#fontchange a:active{
background-position:0 -18px;
}


/*===grobal menu =================================================================================*/
#gnavi-area{
width:100%;
height:74px;
background-color:#01a0e4;
}
#gnavi-area ul{
width:960px;
margin:0 auto;
}
#gnavi-area li{
float:left;
}


/* cse-search-box
------------------------------------------------------------ */

#hd_p2_search{
width:248px;
height:29px;
padding:6px 6px 0;
margin-top:30px;
background-color:#e8e8e8;
}
#cse-search-box{
}

#cse-search-box p{/* clearfix */
width:248px;
margin:0px 0 0 0px;
}

#cse-search-box p input#keywords{
width:187px !important;
height:21px !important;
line-height:21px !important;
float:left;
border:none !important;
border:1px solid #d5d5d5 !important;
border-right:none !important; 
padding:0 0 0 5px !important;
display:inline;
}

#cse-search-box p button{
text-indent:-9999px !important;
width:55px !important;
height:23px !important;
cursor:pointer !important;
background:url(/img/templete/btn_search.gif) 0 0 no-repeat !important;
border:0 !important;
float:right !important;
cursor:pointer !important;
padding:0 !important;
display:inline;
}

#cse-search-box p button:hover{
background-position:left bottom !important;
}

#cse-search-results, #cse-search-results iframe{
padding:1em 0px !important;
margin:0px !important;
none repeat scroll 0 0 #FFFFFF !important;
width:690px;
}


/*new style yoko
====================================================*/
/*footer & pageTop*/
#ft_p1{
margin-top:104px;
border-top:solid 5px #00a0e4;
padding-top:10px;
}
#ft_p1 div.wrapper{
position:relative;
overflow:visible;
height:40px;
}
#ft_p1 #ft_p1_lst1{
position:absolute;
left:-15px;
top:0;
width:600px;
line-height:1.1;
}

#ft_p1 #ft_p1_lst1 ul{/*clearfix*/
line-height:1.1;
}
#ft_p1 #ft_p1_lst1 ul li{
float:left;
display:inline;
border-left:solid 1px #969696;
padding:0 15px;
line-height:1.1;
}
#ft_p1 #ft_p1_lst1 ul li.first{
border-left:none;
}
#ft_p1 #ft_p1_lst2 ul li a,
#ft_p1 #ft_p1_lst1 ul li a{
line-height:1;
font-size:80%;
color:#292a2d;
text-decoration:none;
}
#ft_p1 #ft_p1_lst2 ul li a:hover,
#ft_p1 #ft_p1_lst1 ul li a:hover{
text-decoration:underline;
line-height:1;
}
#ft_p1 .wrapper #pageTop{
position:absolute;
right:0;
top:-50px;
z-index:99;
width:96px;
height:22px;
}
#ft_p1 #ft_p1_lst2{
position:absolute;
right:0px;
top:0;
width:380px;
line-height:1.2;
}
#ft_p1 #ft_p1_lst2 ul{/*clearfix*/
line-height:1.2;
}
#ft_p1 #ft_p1_lst2 ul li{
float:right;
display:inline;
width:auto;
line-height:1.2;
}
#ft_p1 #ft_p1_lst2 ul li a{
background:url(/img/templete/footer_icon.gif) left center no-repeat;
display:block;
padding:0 0px 0 12px;
text-align:left;
line-height:1.2;
margin:0 0 0 18px;
}
#ft_p1 #ft_p1_lst2 ul li a:hover{
line-height:1.2;
}

/* footer div2*/

#ft_p2{
width:100%;
margin-top:0px;
border-top:solid 1px #d5d5d5;
background-color:#e9e9e9;
padding-top:15px;
color:#292a2d;
padding-bottom:100px;

}

#ft_p2_div1{
width:50%;
float:left;
text-align:left;
}
#ft_p2_div1 address{
line-height:1.4;
font-size:80%;
}
#ft_p2_div2{
width:50%;
float:left;
text-align:right;
}
#ft_p2_div2 p{
font-family:Verdana;
font-size:75%;
line-height:1.2;
}
/* end footer*/



/* contents
------------------------------------------------------------ */
#contents{ /* clearfix */
text-align:left;
width:960px;
margin:0 auto;
padding:0 0 35px;
position:relative;
}

#contents h2{ /* clearfix */
position:relative;
padding:0 0 5px;
margin:0 0 15px;
height:38px;
border-top:2px solid #00a0e4;
border-bottom:0;
background:url(/img/products/title_line.gif) repeat-x left bottom;
}

#contents h2 a{
font-size:12px;
position:absolute;
top:0;
right:10px;
line-height:38px;
padding:0 0 0 7px;
background:url(/img/templete/footer_icon.gif) no-repeat  left center;
}

#contents #feature{
margin:0 0 35px;
padding:5px 0 5px;
border-bottom:5px solid #00a0e4;
}

#contents #feature img{
}

#products{
position:absolute;
width:960px;
top:355px;
left:0;
}

#products  #slider{
position:relative;
width:939px !important;
margin:0 auto;
z-index:99;
}

#products  #slider ul li{
text-align:center;
width:159px;
margin:0 -3px 0 0;
background:url(/img/bg_products.gif) no-repeat left top;
}

#products  #slider ul li dl{
padding:0 0 15px;
}

#products  #slider ul li dl dt{
margin:0 auto 10px;
height:102px;
width:145px;
overflow:hidden;
}

#products  #slider ul li dl dt img{

}

#products  #slider ul li dl dd{
font-size:11px;
line-height:1.2;
padding:0 25px;
}

#products ul#button{
width:960px;
position:absolute;
top:108px;
left:0;
z-index:100;
}

#products ul#button li{
position:absolute;
top:0;
z-index:999;
}

#products ul#button li.prev{
left:0;
}

#products ul#button li.next{
right:0;
}

#products ul#button li span{
z-index:999;
}

.tooltip{
position:absolute;
padding:0 0 11px;
z-index:9999;
background:url(/img/arrow_tooltip.gif) no-repeat center bottom;
}

.tooltip .toolInner{
width:150px;
padding:10px;
background:#2a2a2a;
color:#fff;
}

#main{
float:left;
width:660px;
margin:250px 0 0;
}

#pickup{
margin:0 0 30px;
padding:5px;
background:#e9e9e9;
}

#testcenter{
position:relative;
margin:-31px 0 0;
}

#testcenter p{
margin:0 0 5px;
}

#kawata{
margin:5px 0 0;
width:650px;
height:105px;
background:url(/img/bg_kawata.jpg) no-repeat right top;
}

#contents #kawata h2{
padding:22px 0 0 19px;
line-height:1;
margin:0;
height:auto;
background:none;
border:0;
float:left;
}

#kawata p{
float:left;
padding:22px 0 0 20px;
}

#kawata ul{ /* clearfix */
clear:both;
padding:0 0 0 22px;
}

#kawata ul li{
float:left;
margin:15px 10px 0 0;
display:inline;
}

#news{
margin:0 0 30px;
}

#news dl{ /* clearfix */

}

#news dl dt{
float:left;
padding:0 0 0 20px;
}

#news dl dt img{
vertical-align:-1px;
margin:0 0 0 20px;
}

#news dl dd{
margin:0 0 10px;
padding:0 0 10px 200px;
border-bottom:1px dotted #d9d9d9;
}

#news dl dd a{
padding:0 0 0 10px;
background:url(/img/templete/footer_icon.gif) no-repeat  left center;
}

#topics ul li{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px dotted #d9d9d9;
}

#topics ul li.noLink{
padding:0 0 10px 30px;
background:url(/img/templete/footer_icon.gif) no-repeat  20px 0.5em;
}

#topics ul li a{
padding:0 0 0 30px;
background:url(/img/templete/footer_icon.gif) no-repeat  20px center;
}

#sub{
float:right;
width:250px;
margin:250px 0 0;
}

#contents #sub h2{
margin:0 0 10px;
}

#directSearch{
margin:0 0 20px;
padding:0 0 25px;
background:url(/img/products/title_line.gif) repeat-x left bottom;
}

#directSearch dl#directLink{
margin:0;
padding:0 10px;
}

#directSearch dl#directLink dd dl{
position:relative;
}

#directSearch dl#directLink dd dl dt{
display:inline-block;
font-size:80%;
border:1px solid #ccc;
margin:0 0 5px;
padding:0.3em 10px;
cursor:pointer;
background:url(/img/arrow_under.gif) no-repeat 95% center;
}

#directSearch dl#directLink dd dl dt{
display:block;
}

#directSearch dl#directLink dd dl dt.hover{
background:#f9f9f9 url(/img/arrow_under_on.gif) no-repeat 95% center;
}

#directSearch dl#directLink dd dl dd{
margin:0 0 5px;
background:#e9e9e9;
}

#directSearch dl#directLink dd dl dd ul li{
font-size:80%;
border-bottom:1px solid #d9d9d9;
border-top:1px solid #fff;
display:inline-block;
}

#directSearch dl#directLink dd dl dd ul li{
display:block;
}

#directSearch dl#directLink dd dl dd ul li a{
display:inline-block;
color:#333;
text-decoration:none;
padding:0.5em 10px 0.5em 30px;
background:url(/img/templete/icon_linklist.gif) no-repeat scroll  10px center;
}

#directSearch dl#directLink dd dl dd ul li a{
display:block;
}

#directSearch dl#directLink dd dl dd ul li a:hover{
background-color:#f9f9f9;
}

#inquiry{
margin:0 0 20px;
background:#e9e9e9;
}

#inquiry li{
display:inline-block;
border-bottom:1px solid #d9d9d9;
border-top:1px solid #fff;
}

#inquiry li{
display:block;
}

#inquiry li a{
display:inline-block;
}

#inquiry li a{
display:block;
}

#inquiry li.banner{
padding:3px;
text-align:center;
border-bottom:0;
}

#inquiry li.banner a{
display:block;
background:#fff;
}

#banners{
padding:5px 5px 0;
background:#e9e9e9;
}

#banners li{
display:inline-block;
padding:0 0 5px;
}

#banners li{
display:block;
}

#banners li a{
display:block;
background:#fff;
}



/* clearfix base
------------------------------------------------------------ */
.clearfix:after,
ul.ckList:after,
#ft_p1 #ft_p1_lst2 ul:after,
#ft_p1 #ft_p1_lst1 ul:after,
.imgBox:after,
.sp_list02:after,
.sp_list01:after,
#contents:after,
#contents h2:after,
#kawata ul:after,
#news dl:after{
content:url(/img/common/pixel.gif);
display:block;
clear:both;
height:0;
}
.clearfix,
ul.ckList,
#ft_p1 #ft_p1_lst2 ul,
#ft_p1 #ft_p1_lst1 ul,
.imgBox,
.sp_list02,
.sp_list01,
#contents,
#contents h2,
#kawata ul,
#news dl{
display:inline-block;
}
.clearfix,
ul.ckList,
#ft_p1 #ft_p1_lst2 ul,
#ft_p1 #ft_p1_lst1 ul,
.imgBox,
.sp_list02,
.sp_list01,
#contents,
#contents h2,
#kawata ul,
#news dl{
display:block;
}
@media print{
#ft_p2{
overflow:hidden !important;
}
body{
zoom:75%;
}
html:lang(ja) body{
zoom:1;
}
}