/* ........................................tag reset */
* {
margin: 0;
padding: 0;
list-style: none;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, li, ol, dl, dt, dd,
address, form, blockquote {
margin: 0;
padding: 0;/* margin&padding reset */
line-height: 1.6;/* base line height */
text-align: left;
display: block;
font-size:100%;
list-style: none;
}
table {
margin:0;
empty-cells:show;
font-size:100%;
}
hr {
display:none;
}
acronym,abbr {
cursor:help;
}
img {
border: none;
vertical-align: bottom;
}
/*
a img {
border: none;
vertical-align: baseline;
}
*/
em {
font-weight: bold;
font-style: normal;
}


/* ........................................global */
body {
margin: 0;
padding: 0;
background: #fff;
font-family: "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3", sans-serif;
text-align: center;
color: #333;
font-size: 83%;
}
.fL{
float: left;
}
.fR{
float: right;
}
.tL{
text-align: left;
}
.tR{
text-align: right;
}
/* ........................................link */
a:link {
color: #1d1d1d;
text-decoration: underline;
}
a:visited {
color: #1d1d1d;
}
a:hover {
color: #999;
}

/* ........................................float clear */

.clearfix {
zoom:1;/*for IE 5.5-7*/
min-height:1%;
}
.clearfix:after {/*for modern browser*/
content:"";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
* html .clearfix {
display:inline-table;
/*\*/display:block;/**/
}

.cleaner {
clear: both;
font-size: 1px;
line-height: 1px;
heiht: 1px;
background-color: #FFF;
}

.fnormal{
font-weight: normal;
}

/* ........................................ skin */
/* ........................................layout */

#whole {
margin: 0 auto;
width: 781px;
background: #fff;
text-align: left;
}
#header_wrapper {
background: #696c70;
text-align: center;
}
#header {
margin: 0 auto;
width: 781px;
vertical-align: bottom;
}
#footer_wrapper {
margin: 50px 0 0 0;
background: #96999c;
text-align: center;
}

#footer{
margin: 0 auto;
width: 781px;
}

/* ........................................common */

.font_red{
color: #dd0505;
}
.font_dblue{
color: #154473;
}
.font_s{
font-size: 80%;
}
.arrow_gray{
background: url(../image/free/arrow_gray2.gif) no-repeat left 6px;
padding: 0 0 0 15px;
}

/* ........................................header */

#header{
background: url(../image/skin/back_header.jpg) no-repeat right top #696c70;
}

#header .fL{
width: 470px;
padding: 20px 0 4px 0;
}
#header .fL h1{
margin: 0 0 0 20px;
font-weight: normal;
font-size: 70%;
color: d9d9d9;
line-height: 1.0;
}
#header .fR{
width: 310px;
padding: 20px 0 4px 0;

}
#header .fR img{
margin: 0;
float: right;
}
#header .fR img.header_inquiry{
margin: 0 14px 0 0 ;
}
#header .fR img.header_eng{
margin: 0 18px 0 0;
}

/* ........................................gnavi */

#gnavi{
margin: 38px 0 16px 19px; 
}
#gnavi ul li{
float: left;
}
#gnavi ul li a{
width: 98px;
height: 48px;
display: block;
text-indent: -9999px;
}
#gnavi ul li.menu5 a{width: 102px;}
#gnavi ul li.menu1{background: url(../image/skin/gnavi_company.gif) no-repeat 0 0;}
#gnavi ul li.menu2{background: url(../image/skin/gnavi_products.gif) no-repeat 0 0;}
#gnavi ul li.menu3{background: url(../image/skin/gnavi_technology.gif) no-repeat 0 0;}
#gnavi ul li.menu4{background: url(../image/skin/gnavi_principle.gif) no-repeat 0 0;}
#gnavi ul li.menu5{background: url(../image/skin/gnavi_recruit.gif) no-repeat 0 0;}

#gnavi ul li.menu1 a.selected,#gnavi ul li.menu1 a:hover{background: url(../image/skin/gnavi_company0.jpg) no-repeat 0 0;}
#gnavi ul li.menu2 a.selected,#gnavi ul li.menu2 a:hover{background: url(../image/skin/gnavi_products0.jpg) no-repeat 0 0;}
#gnavi ul li.menu3 a.selected,#gnavi ul li.menu3 a:hover{background: url(../image/skin/gnavi_technology0.jpg) no-repeat 0 0;}
#gnavi ul li.menu4 a.selected,#gnavi ul li.menu4 a:hover{background: url(../image/skin/gnavi_principle0.jpg) no-repeat 0 0;}
#gnavi ul li.menu5 a.selected,#gnavi ul li.menu5 a:hover{background: url(../image/skin/gnavi_recruit0.jpg) no-repeat 0 0;}

/* ........................................top_banner */
#top_banner{
margin: 0 0 0 0; 
}

/* ........................................main_contents */
#main_contents{
margin: 16px 0 16px 19px;
}

/* ........................................top_page */
#main_contents .top_page .fL{
width: 502px;
}
#main_contents .top_page .fR{
width: 236px;
}

/* ........................................top_product */

#main_contents .top_page .top_product_wrapper{
background: url(../image/skin/product_mid.jpg) repeat-y left;
}
#main_contents .top_page .top_product_top{
background: url(../image/skin/product_top.jpg) no-repeat left top;
}
#main_contents .top_page .top_product_btm{
background: url(../image/skin/product_btm.jpg) no-repeat left bottom;
}
#main_contents .top_page .top_product{
padding: 10px 0;
}
#main_contents .top_page .top_product_line{
background: url(../image/skin/product_line.jpg) no-repeat left bottom;
}
#main_contents .top_page .top_product .product{
padding: 5px 8px;
}
#main_contents .top_page .top_product .product .fL{
width: 160px;
}
#main_contents .top_page .top_product .product .fR{
width: 320px;
}
#main_contents .top_page .top_product .product .fR h3{
margin: 0 0 3px 0;
}
#main_contents .top_page .top_product .product .fR div.productwaku{
background: #fff;
padding: 3px 5px;
line-height: 100%;
}
#main_contents .top_page .top_product .product .fR strong.arrow{
background: url(../image/free/arrow_gray.gif) no-repeat left;
padding: 0 8px;
font-size: 80%;
color: #000;
font-weight: normal;
}

/* ........................................top_info */

#main_contents .top_page .top_info h4{
border-bottom: 3px solid #696c70;
}
#main_contents .top_page .top_info dl{
/*margin: 5px 5px 20px 5px;*/
margin: 5px 5px 5px 5px;
}
#main_contents .top_page .top_info dt{
margin: 5px 0 0 0;
font-size: 80%;
color: #989898;
}
#main_contents .top_page .top_info strong{
font-weight: normal;
}
#main_contents .top_page .top_info p.arrow{
margin: 0 4px;
padding: 0 0 0 12px;
background: url(../image/free/arrow_gray2.gif) no-repeat 0 7px;
font-size: 86%;
}

/* ........................................top_company */

#main_contents .top_page .top_company_wrapper{
background: url(../image/skin/company_mid.jpg) repeat-y left;
}
#main_contents .top_page .top_company_top{
background: url(../image/skin/company_top.jpg) no-repeat left top;
}
#main_contents .top_page .top_company_btm{
background: url(../image/skin/company_btm.jpg) no-repeat left bottom;
}
#main_contents .top_page .top_company{
padding: 10px;
font-size: 80%;
}
#main_contents .top_page .top_company p{
padding: 4px 0 0;
}
#main_contents .top_page .top_company_line{
background: url(../image/skin/company_line.jpg) repeat-x left bottom;
}

/* ........................................footer */

#footer .fL{
width: 400px;
padding: 2px 0 50px 0;
}
#footer .fR{
width: 300px;
padding: 2px 0 50px 0;
text-align: right;
background: url(../image/skin/back_footer.jpg) no-repeat right top #96999c;
}
#footer .fR img{
margin: 0 10px 0 0;
}
#footer .fL p{
margin: 0 0 0 20px;
}



/* ........................................free */
/* ........................................page */
#page{
margin: 50px 0 0 0;
}
#page #menu{
float: left;
width: 150px;
}
#page #contents{
float: right;
width: 572px;
}


/* ........................................menu */
#menu h3{
margin: 10px 0 0 0;
border-bottom: 4px solid #515151;
font-weight: bold;
font-size: 115%;
}
#menu p{
font-size: 75%;
color: #9d9d9d;
}
#menu ul{
margin: 15px 0;
}
#menu ul li{
font-weight: bold;
padding: 10px 3px;
background: url(../image/free/line_dot.gif) repeat-x left bottom;
}
#menu ul li.submenu{
font-weight: normal;
padding: 10px 3px 10px 19px;
background: url(../image/free/line_dot.gif) repeat-x left bottom;
}
#menu ul li h4{
padding: 0 0 0 15px;
background: url(../image/free/arrow_gray2.gif) no-repeat 0 7px;
}
#menu ul li h4 a{
text-decoration: none;
}
#menu ul li.submenu a{
padding: 0 0 0 0;
background: #fff;
text-decoration: none;
}
#menu ul li a.select{
color: #154473;
font-weight: bold;
}
#menu ul li.menukind{
margin: 5px 0 0 0;
background: #C8CFD9;
color: #333;
padding: 1px 3px 1px 17px;
font-weight: normal;
}

#menu .product_bnr{
border: 1px solid #c9c9c9;
background: #f4f4f4;
margin: 0;
padding: 0;
}
#menu .product_bnr h3{
margin: 0 0 0 0;
border-bottom: 1px solid #c9c9c9;
font-weight: bold;
font-size: 100%;
padding: 2px 6px;
background: #696c71;
color: #fff;
}
#menu .product_bnr p{
color:#666;
}
#menu .product_bnr .product_bnr_cont{
padding: 6px;
}
/* ........................................contents */

#contents .entry_title h2{
font-weight: bold;
font-size: 130%;
padding: 0 0 5px 30px;
background: url(../image/free/arrow_blue.gif) no-repeat 5px;
}
#contents .entry_title .pankuzu{
background:url(../image/free/back_title.jpg) no-repeat left top;
text-align: right;
font-size: 75%;
color: #9d9d9d;
padding:7px 15px;
}
#contents .entry_title .pankuzu a{
text-decoration: none;
}
#contents .entry_title .arrow_pankuzu{
padding: 0 5px 0 15px;
line-height: 12px;
background: url(../image/free/arrow_pankuzu.jpg) no-repeat left;
}

#contents .entry{
margin: 30px 0;
}


/* ........................................waku */
#contents .entry .waku_wrapper{
margin: 0 35px;
background: url(../image/free/waku_mid.jpg) repeat-y left;
}
#contents .entry .waku_top{
background: url(../image/free/waku_top.jpg) no-repeat left top;
}
#contents .entry .waku_btm{
background: url(../image/free/waku_btm.jpg) no-repeat left bottom;
/*padding: 10px 10px 15px 10px;*/
}
#contents .entry .waku{
width: 480px;
}
#contents .entry .waku table{
margin: 10px 10px 15px 10px;
}
#contents .entry .waku_line{
background: url(../image/free/waku_line.jpg) repeat-x left bottom;
}
#contents .entry .waku th ,
#contents .entry .waku td{
background: url(../image/free/waku_line.jpg) repeat-x left bottom;
}
#contents .entry .waku th{
/*background: url(../image/free/arrow_gray.gif) no-repeat 10px;*/
padding: 10px 0;
text-align: left;
vertical-align: top;
}
#contents .entry .waku th strong,
#contents .entry .waku th div{
background: url(../image/free/arrow_gray.gif) no-repeat 10px;
padding: 0 0 0 20px;
text-align: left;
}
#contents .entry .waku td{
padding: 10px 5px;
}


/* ........................................other */
#contents .entry p{
padding: 0 10px;
}
#contents .entry h3{
padding: 0 0 5px 0;
margin: 0 10px 8px 10px;
background: url(../image/free/line_dot.gif) repeat-x left bottom;
}
#contents .entry h3 strong{
padding: 0 0 0 20px;
background: url(../image/free/arrow_white.gif) no-repeat 0;
font-size: 115%;
}
#contents .entry .principle h3 strong{
color: #336666;
}
#contents .entry ul{
padding: 10px 15px;
}
#contents .entry ul li{
background: url(../image/free/arrow_gray2.gif) no-repeat left 8px;
padding: 0 0 0 20px;
}
#contents .entry .pdf{
margin: 10px 10px 30px;
border: 2px solid #ccc;
padding: 10px;
}
#contents .entry .pdf img{
float: left;
padding: 5px 15px 5px 0;
}

#contents .entry .recruit img{
float: right;
border: 1px solid #ccc;
margin: 10px;
}

#contents .entry .pagetop{
text-align: right;
margin: 0 20px;
}
#contents .entry .pagetop img{
border: none;
}
/* ........................................waku2 */

#contents .entry .waku2{
margin: 15px 10px;
}
#contents .entry .waku2 table{
width: 550px;
}
#contents .entry .waku2 td ,
#contents .entry .waku2 th{
padding: 8px 5px;
text-align: left;
background: url(../image/free/line_dot.gif) repeat-x left bottom;
}
#contents .entry .waku2 th strong{
padding: 0 0 0 30px;
background: url(../image/free/arrow_gray.gif) no-repeat 10px;
text-align: left;
}

#contents .entry .tech th{
font-weight: normal;
font-size: 90%;
}

/* ........................................waku3 */

#contents .entry .waku3{
margin: 15px 20px;
}
#contents .entry .waku3 table{
width: 530px;
}
#contents .entry .waku3 td ,
#contents .entry .waku3 th{
padding: 8px 0px;
text-align: left;
/*background: url(../image/free/line_dot.gif) repeat-x left bottom;*/
border-bottom: 1px solid #ccc;
vertical-align: top;
}
#contents .entry .waku3 th{
padding: 8px 0 8px 15px;
background: url(../image/free/arrow_gray.gif) no-repeat 5px 12px;
text-align: left;
}
#contents .entry .waku3 th.kind{
background: #D8D8EB;
padding: 5px 5px;
border-bottom: none;
}
#contents .entry .waku3 td.tR{
text-align: right;
}

#contents .entry .btn_product{
margin: 0 0 30px 0;
}

/* ........................................waku_product */

#contents .entry div.waku_product{
margin: 15px 10px;
}
#contents .entry div.waku_product table.productt{
width: 550px;
}
#contents .entry div.waku_product table .pL{
width: 330px;
vertical-align: top;
}
#contents .entry div.waku_product table .pR{
width: 220px;
vertical-align: top;
}
#contents .entry div.waku_product .pR .text{
float: right;
width: 200px;
margin: 0 0 20px 0;
}

#contents .entry div.waku_product ul.ul1{
margin: 0 0 20px 0;
}
#contents .entry div.waku_product ul.ul1 li{
padding: 0 0 0 10px;
background: url(../image/free/arrow_gray.gif) no-repeat 0 5px;
}
#contents .entry div.waku_product ul.ul2{
margin: 0 0 20px 0;
}
#contents .entry div.waku_product ul.ul2 li{
padding: 3px 0 3px 15px;
background: url(../image/free/arrow_gray2.gif) no-repeat 0;
font-weight: bold;
}
#contents .entry div.waku_product .parrow{
margin: 13px 13px 0 13px;
padding: 3px 0 3px 15px;
background: url(../image/free/arrow_gray2.gif) no-repeat 0;
font-weight: bold;
}

#contents .entry div.waku_product h4{
background: #D8D8EB;
padding: 3px 5px;
font-size: 110%;
}

#contents .entry div.waku_product table.siyo{
margin: 0 0 0 13px;
}
#contents .entry div.waku_product table.siyo th,
#contents .entry div.waku_product table.siyo td{
padding: 8px 0px;
text-align: left;
border-bottom: 1px solid #ccc;
vertical-align: top;
}
#contents .entry div.waku_product table.siyo th{
color: #1b4366;
font-weight: normal;
width: 40%;
}
#contents .entry div.waku_product table.siyo td{
width: 60%;
}
.page_normal_content{
padding: 15px 5px;
}
.page_normal_content2{
padding: 7px 5px;
}
.page_ytitle{
padding: 3px 0 0px 15px;
background: url(../image/free/arrow_gray2.gif) no-repeat 0;
font-weight: bold;
}
.page_ycontent{
padding: 3px 0 6px 15px;
}
.page_ycontent_tp{
padding: 10px 0 10px 15px;
}
.page_ycontent_arrow{
padding: 0 0 5px 10px;
background: url(../image/free/arrow_gray.gif) no-repeat 0 5px;
line-height: 1.3;
}
.dpmtable tr td{
line-height: 1.3;
vertical-align: top;
background: url(../image/free/img_ydot_gray.gif) repeat-y right top;
}
.dpmtext{
padding: 1px 4px;
}
.pcenter{
text-align: center;
}
.nonetable{
margin: 0 !important;
}
.nonetable tr td{
padding: 2px 0 !important;
background: none !important;
vertical-align: top;
}