@charset "UTF-8";

/*
FONT CHART 13PX BASED STYLE
10px  77%    :[line-height]12px=1.2 14px=1.401 16px=1.6
11px  84.6%  
12px 	92.4%  :[line-height]14px=1.167 16px=1.355 18px=1.5 20px=1.666
13px 	100%   :[line-height]16px=1.23  18px=1.384 20px=1.538
14px 	107.8% :[line-height]16px=1.143 18px=1.286 20px=1.429
16px 	123.1% :[line-height]18px=1.124 20px=1.244 22px=1.374
18px 	138.5% :[line-height]20px=1.112 22px=1.224 24px=1.334
*/

/* BASE FONT SIZE
-----------------------*/
* html body {
font-size:small;
font-family: "ＭＳ Ｐゴシック", sans-serif;
} /* for lte ie6 */
*:first-child+html body {
font-size:small;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie7 */
html>/**/body {
font-size:small;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie8 */
html:not(:target) body {
font-size: 13px;
font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for modern browser not ie8 */

/* HTML ELEMENTS
-----------------------*/
html{
overflow-y: scroll;  
}
body{
color:#0c0c0c;
line-height:1.6;
background: url("../imgs/bg_header.gif") repeat-x scroll 0 0 #FFF;
}
strong,
em{
font-weight:bold;
font-style:normal;
}
a{
zoom:1;
vertical-align:baseline;
color:#497bcc;
text-decoration:underline;
outline: none;
}
a:visited{
color:#;
}
a:hover{
text-decoration:none;
}
/* LINK */
.m_opw{
background:transparent url(../imgs/m_opw.gif) no-repeat scroll center right;
padding:2px 16px 3px 0px;
}
a.m_pdf,
a.m_pdf .bg-r{
background:transparent url(../imgs/m_pdf.gif) no-repeat scroll center right;
padding:2px 21px 3px 0px;
}

/* LAYOUT
-----------------------*/
#wrapper{
width:px;
margin:0 auto;
}
#header{
width:964px;
margin:24px auto 4px;
}
#contents{
width:964px;
margin:auto;
}
#footer{
clear:both;
background: url("../imgs/bg_footer.gif") 0 24px;
padding-top:24px;
}
#mainarea{
clear:both;
}

/* HOME */
body#home #contents{
clear:both;
margin-top:13px;
}
body#home #subcol{
float:right;
width:237px;
}
body#home #maincol{
float:left;
width:682px;
margin:0px 22px 0px 13px;
display:inline;
}

/* ELSE */

#body_else #maincol{
float:right;
width:703px;
padding-right:16px;
}
#body_else #subcol{
float:left;
width:202px;
padding-left:16px;
padding-right:27px;
}

/* HEADER
-----------------------*/
h1.logo,
p.logo{
float:left;
height:82px;
width:358px;
}
.nav_area{
width:201px;
float:right;
}
.unav{
width:201px;
margin:4px 0px 0px;
text-align:right;
}
.gnav{
clear:both;
}
.gnav li{
height:42px;
}
.switchnav li,
.gnav li{
float:left;
}
#breadcrumb{
margin:14px 0px 10px 43px;
}
#breadcrumb a{
color:#a1b3cc;
text-decoration:none;
}
.gnav a{
display:block;
height:42px;
overflow:hidden;
text-indent:-9999px;
}
.gn_home a,
.gn_home a:link,
.gn_home a:visited{
background:url("../imgs/gnav_home.gif") no-repeat scroll 0 0 transparent;
width:134px;
}
.gn_company a,
.gn_company a:link,
.gn_company a:visited{
background:url("../imgs/gnav_company.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_solutions a,
.gn_solutions a:link,
.gn_solutions a:visited{
background:url("../imgs/gnav_solutions.gif") no-repeat scroll 0 0 transparent;
width:160px;
}
.gn_news a,
.gn_news a:link,
.gn_news a:visited{
background:url("../imgs/gnav_news.gif") no-repeat scroll 0 0 transparent;
width:180px;
}
.gn_publications a,
.gn_publications a:link,
.gn_publications a:visited{
background:url("../imgs/gnav_publications.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_careers a,
.gn_careers a:link,
.gn_careers a:visited{
background:url("../imgs/gnav_careers.gif") no-repeat scroll 0 0 transparent;
width:149px;
}
.gn_en_home a,
.gn_en_home a:link,
.gn_en_home a:visited{
background:url("../imgs/en_gnav_home.gif") no-repeat scroll 0 0 transparent;
width:134px;
}
.gn_en_company a,
.gn_en_company a:link,
.gn_en_company a:visited{
background:url("../imgs/en_gnav_company.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_en_solutions a,
.gn_en_solutions a:link,
.gn_en_solutions a:visited{
background:url("../imgs/en_gnav_solutions.gif") no-repeat scroll 0 0 transparent;
width:160px;
}
.gn_en_news a,
.gn_en_news a:link,
.gn_en_news a:visited{
background:url("../imgs/en_gnav_news.gif") no-repeat scroll 0 0 transparent;
width:180px;
}
.gn_en_publications a,
.gn_en_publications a:link,
.gn_en_publications a:visited{
background:url("../imgs/en_gnav_publications.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_en_careers a,
.gn_en_careers a:link,
.gn_en_careers a:visited{
background:url("../imgs/en_gnav_careers.gif") no-repeat scroll 0 0 transparent;
width:149px;
}
.gn_home a:hover,
.gn_home a:active,
.gn_home_stay a,
.gn_home_stay a:link,
.gn_home_stay a:visited,
.gn_home_stay a:hover,
.gn_home_stay a:active{
background:url("../imgs/gnav_home_on.gif") no-repeat scroll 0 0 transparent;
width:134px;
}
.gn_company a:hover,
.gn_company a:active,
.gn_company_stay a,
.gn_company_stay a:link,
.gn_company_stay a:visited,
.gn_company_stay a:hover,
.gn_company_stay a:active{
background:url("../imgs/gnav_company_on.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_solutions a:hover,
.gn_solutions a:active,
.gn_solutions_stay a,
.gn_solutions_stay a:link,
.gn_solutions_stay a:visited,
.gn_solutions_stay a:hover,
.gn_solutions_stay a:active{
background:url("../imgs/gnav_solutions_on.gif") no-repeat scroll 0 0 transparent;
width:160px;
}
.gn_news a:hover,
.gn_news a:active,
.gn_news_stay a,
.gn_news_stay a:link,
.gn_news_stay a:visited,
.gn_news_stay a:hover,
.gn_news_stay a:active{
background:url("../imgs/gnav_news_on.gif") no-repeat scroll 0 0 transparent;
width:180px;
}
.gn_publications a:hover,
.gn_publications a:active,
.gn_publications_stay a,
.gn_publications_stay a:link,
.gn_publications_stay a:visited,
.gn_publications_stay a:hover,
.gn_publications_stay a:active{
background: url("../imgs/gnav_publications_on.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_careers a:hover,
.gn_careers a:active,
.gn_careers_stay a,
.gn_careers_stay a:link,
.gn_careers_stay a:visited,
.gn_careers_stay a:hover,
.gn_careers_stay a:active{
background: url("../imgs/gnav_careers_on.gif") no-repeat scroll 0 0 transparent;
width:149px;
}
.gn_en_home a:hover,
.gn_en_home a:active,
.gn_en_home_stay a,
.gn_en_home_stay a:link,
.gn_en_home_stay a:visited,
.gn_en_home_stay a:hover,
.gn_en_home_stay a:active{
background:url("../imgs/en_gnav_home_on.gif") no-repeat scroll 0 0 transparent;
width:134px;
}
.gn_en_company a:hover,
.gn_en_company a:active,
.gn_en_company_stay a,
.gn_en_company_stay a:link,
.gn_en_company_stay a:visited,
.gn_en_company_stay a:hover,
.gn_en_company_stay a:active{
background:url("../imgs/en_gnav_company_on.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_en_solutions a:hover,
.gn_en_solutions a:active,
.gn_en_solutions_stay a,
.gn_en_solutions_stay a:link,
.gn_en_solutions_stay a:visited,
.gn_en_solutions_stay a:hover,
.gn_en_solutions_stay a:active{
background:url("../imgs/en_gnav_solutions_on.gif") no-repeat scroll 0 0 transparent;
width:160px;
}
.gn_en_news a:hover,
.gn_en_news a:active,
.gn_en_news_stay a,
.gn_en_news_stay a:link,
.gn_en_news_stay a:visited,
.gn_en_news_stay a:hover,
.gn_en_news_stay a:active{
background:url("../imgs/en_gnav_news_on.gif") no-repeat scroll 0 0 transparent;
width:180px;
}
.gn_en_publications a:hover,
.gn_en_publications a:active,
.gn_en_publications_stay a,
.gn_en_publications_stay a:link,
.gn_en_publications_stay a:visited,
.gn_en_publications_stay a:hover,
.gn_en_publications_stay a:active{
background: url("../imgs/en_gnav_publications_on.gif") no-repeat scroll 0 0 transparent;
width:170px;
}
.gn_en_careers a:hover,
.gn_en_careers a:active,
.gn_en_careers_stay a,
.gn_en_careers_stay a:link,
.gn_en_careers_stay a:visited,
.gn_en_careers_stay a:hover,
.gn_en_careers_stay a:active{
background: url("../imgs/en_gnav_careers_on.gif") no-repeat scroll 0 0 transparent;
width:149px;
}


/* FOOTER
-----------------------*/
#footer .footlink{
width:964px;
margin:0px auto;
padding:0px 35px 0px 16px;
line-height:0;
}
#footer .to-top{
text-align:right;
}
#footer .fnav li{
float: left;
padding:1px 0px;
}
#footer .footlink .copyright{
width:100%;
text-align:center;
font-size:92.4%;
padding:27px 0px 23px;
}

/* CONTENTS
-----------------------*/

/* UTILITY */
.crumb{

}
.page_top a{
}
.f_red{
color:#F00;
}
.f_blue{
color:#006;
}
.f_bold{
font-weight:bold;
}
.f70{
font-size:70%;
}
.lead02{
margin:16px 0px 41px 0px;
}
/* HEADINGS */

/* GATEWAY */

/* LIST */


/* MAIN COLUMN
-----------------------*/
#body_else .ttl01{
margin-top:2px;
}
#body_else .ttl02{
background:url(../imgs/bg_ttl02.jpg) 0 0 no-repeat;
color:#fff;
font-size:138.5%;
width:658px;
padding:8px 0px 6px 44px;
font-weight:bold;
}
#body_else .ttl03{
background:url(../imgs/bg_ttl03.jpg) 0 0 no-repeat;
color:#697a8a;
font-size:107.8%;
width:648px;
height:28px;
padding:3px 0px 0px 53px;
margin-top:11px;
}
#body_else .ttl04{
background:url(../imgs/bg_ttl04.jpg) 0 0 no-repeat;
color:#fff;
font-size:138.5%;
width:641px;
padding:11px 0px 17px 44px;
margin-top:27px;
}
#body_else .ttl05{
background:none;
border-bottom: 1px solid #010066;
color: #010066;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding-left:0px;
}
.block_txt{
padding:30px 18px 30px 25px;
}


/* SUB COLUMN
-----------------------*/
#subcol .sub_ttl{
background:url(../imgs/sub_ttl.jpg) 0 0 no-repeat;
width:202px;
color:#fff;
font-size:153%;
text-align:center;
padding:12px 0px 14px;
}
#subcol .sub_ttl a{
color:#fff;
text-decoration:none;
}
#subcol .sub_wrap{
background:url(../imgs/bg_subarea_end.jpg) 0 100% no-repeat;
padding-bottom:1px;
}
#subcol .sub_area{
background:url(../imgs/bg_subarea.jpg) 0 0 no-repeat;
padding:0px 0px 122px;
}
#subnav_bnr,
#subnav_bnr_en{
text-align:center;
padding-top:22px;
}
#subcol .sub_wrap .subnav li{
background:url(../imgs/subnav_line.gif) 0 100% no-repeat;
padding:18px 0px 17px;
margin:0px 7px;
}
.sub_area .select{
margin:18px 0px 5px;
}
.sub_area select{
margin:5px 0px 0px 20px;
}
.subnav li a{
background:url(../imgs/subnav_icon.gif) 4px 3px no-repeat;
color:#000;
padding-left:18px;
text-decoration:none;
display:block;
}
.subnav li.active a{
color:#268cc5;
}
.subnav li a:hover{
color:#268cc5;
}
#subcol .sub_wrap li.ssubnav{
padding:0px;
}
#subcol .sub_wrap li.ssubnav li{
padding:3px 0px 3px;
margin:0px 0px 0px 7px;
}
.sub_ttl02{
background:url(../imgs/bg_sttl.jpg) 0 0 no-repeat;
border:1px solid #5a83a1;
padding:5px 0px 5px 20px;
width:174px;
color:#fff;
margin-left:3px;
}
#subcol .sub_wrap02{
background:url(../imgs/bg_subarea_end.jpg) 0 100% no-repeat;
padding-bottom:1px;
}
.sub_wrap02 .subnav li{
padding:10px 0px 8px 0px;
margin-left:20px;
}
.sub_wrap02 .subnav li a{
background:url(../imgs/i_subnav.gif) 4px 50% no-repeat;
padding-left:11px;
}