@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
Constructor
1.Header
2.grobal Navigation
3.breadCrumbs
4.mainContent
5.subContent
6.localNavigation--subContent(Under)--
7.footer
------------------------------------------------------------*/

/*------------------------------------------------------------
1.Header
------------------------------------------------------------*/
div#header div#logo{
position:absolute;
top:22px;
left:19px;
}
div#header #siteNav{
position:absolute;
top:47px;
right:19px;
zoom:1;
}
div#header #siteNav li{
float:left;
border-right:#dedede solid 1px;
padding:0 8px;
}
div#header #siteNav li.last{border:none;}

div#header #group{
position:absolute;
top:40px;
right:5px;
}
div#header #group p{text-align:right; margin-bottom:5px;}

/*------------------------------------------------------------
2.grobal Navigation
------------------------------------------------------------*/
div#grobalNav{background:#fff url(img/bg-grobalNav.png) repeat-x 0 bottom;}
div#grobalNav ul{width:960px; margin:0 auto; zoom:1;}
div#grobalNav ul li{float:left;}
div#grobalNav ul li a{
width:237px;
height:41px;
display:block;
background:url(img/grobalNav.png) no-repeat 0 0;
}

div#grobalNav ul li.home a{width:243px; background-position:0 -82px;}
div#grobalNav ul li.adv a{background-position:-243px -82px;}
div#grobalNav ul li.service a{background-position:-480px -82px;}
div#grobalNav ul li.company a{width:243px; background-position:-717px -82px;}
/*---hover-------------------------------------------*/
div#grobalNav ul li.home a:hover{background-position:0 -41px;}
div#grobalNav ul li.adv a:hover{background-position:-243px -41px;}
div#grobalNav ul li.service a:hover{background-position:-480px -41px;}
div#grobalNav ul li.company a:hover{background-position:-717px -41px;}
/*---active-------------------------------------------*/
div#grobalNav ul li.home a.current{background-position:0 0;}
div#grobalNav ul li.adv a.current{background-position:-243px 0;}
div#grobalNav ul li.service a.current{background-position:-480px 0;}
div#grobalNav ul li.company a.current{background-position:-717px 0;}


/*---nest---------------------------------------------*/

div#grobalNav ul li ul{display:none;}

div#grobalNav ul li.nest-view ul{
display:block;
width:238px;
background:#f4f4f4;
border:#c7c7c7 1px solid;
border-top:none;
padding:0;
margin-left:-1px;
position: absolute;
z-index:2; 
}

div#grobalNav ul li.nest-view ul li{
float:none;
border-bottom:#e8e8e8 1px solid;
background:#fff;
position:relative;
 zoom:1;
}
div#grobalNav ul li.nest-view ul li a{
background:#fff url(img/icon-link-03.gif) no-repeat 10px 1.3em!important;
padding:10px 8px 10px 25px;
height:auto;
width:204px!important;

}
div#grobalNav ul li.nest-view ul li a:hover{background:#f4f4f4 url(img/icon-link-03.gif) no-repeat 10px 1.3em!important;}


/*------------------------------------------------------------
3.breadCrumbs
------------------------------------------------------------*/
p#breadCrumbs{margin:10px 0;}

/*------------------------------------------------------------
4.mainContent
------------------------------------------------------------*/
body#idx .flaBox{position:relative;}
body#idx .flaBox h1{margin-bottom:0;}
body#idx .flaBox p{
position:absolute;
top:353px;
left:15px;
}

body#idx .contentsBox .hdg-2-01{margin-bottom:0;}
body#idx .contentsBox{zoom:1;}
body#idx .contentsBox .laycol .inner{
background:#f4f4f4;
padding:13px 13px;
}



/*------------------------------------------------------------
5.subContent
------------------------------------------------------------*/
#subContent .list-link-02 li{
background:#f4f4f4 url(img/line-dot-01.png) repeat-x 0 top;
padding:7px;
}


/*------------------------------------------------------------
6.localNavigation--subContent(Under)--
------------------------------------------------------------*/
div#localNav h2{margin-bottom:0;}
div#localNav ul{
border:#EFEFEF solid 1px;
margin-bottom:20px;
zoom:1;
}
div#localNav ul li{border-bottom:#EFEFEF solid 1px; zoom:1;}
div#localNav ul li.last{border-bottom:none;}
div#localNav ul li a span{
background:url(img/icon-link-02.png) no-repeat 0 0.5em;
display:block;
padding-left:15px;
}

div#localNav ul li a{
color:#535353;
display:block;
text-decoration:none;
padding:10px 6px;
zoom:1;
}

div#localNav ul li a:hover,
div#localNav ul li.selected a:hover,
div#localNav ul li.selected a.current{background:#f4f4f4;}

div#localNav ul li.selected{background:#8fc215;}
div#localNav ul li.selected a.current,
div#localNav ul li.selected a.current:hover{background:#8fc215;}
div#localNav ul li.selected a.current span{color:#fff;}

div#localNav ul li ul{
border:none;
border-top:#EFEFEF solid 1px;
margin-bottom:0;
}
div#localNav ul li.selected ul li{border-bottom:#fff 1px solid; padding:0; background:#fff;}
div#localNav ul li.selected ul li a{background:#f6ffdb; color:#7B848B; padding-left:15px;}
div#localNav ul li.selected ul li a:hover{background:#e3f5af;}
div#localNav ul li.selected ul li a span{background:url(img/icon-link-03.gif) no-repeat 0 0.5em; padding-left:12px;}
div#localNav ul li.selected ul li a.current span{font-weight:bold; color:#484848;}
div#localNav ul li.selected ul li a.current,
div#localNav ul li.selected ul li a.current:hover{background:#e3f5af;}

/*---only for four-tiered--------------------*/
div#localNav ul li.reload a{color:#fff; background:#8fc215;}
div#localNav ul li.reload a:hover{ background:#8fc215;}


/*------------------------------------------------------------
7.footer
------------------------------------------------------------*/
#footer #serviceLinkBox, #copyrightArea p{width:950px; margin:0 auto;}
#footer #serviceLinkBox{color:#969696; padding:24px 0 10px;}

#footer #serviceLinkBox h2{
background:#191919;
font-size:117%;
font-weight:bold;
padding:7px;
}
#footer #serviceLinkBox h2 a{
display:block;
background:url(img/icon-link-04.gif) no-repeat right 0.4em;
}

#footer #serviceLinkBox .col{
width:454px;
float:left;
margin-right:16px;
padding-right:26px;
background:url(img/line-footer-01.png) no-repeat right top;
min-height:170px;_height:170px;
}
#footer #serviceLinkBox .last{margin-right:0; padding-right:0; background:none;}

#footer #serviceLinkBox ul.col2{width:474px;}
#footer #serviceLinkBox ul.col2 li{width:217px;}

#copyrightArea p{
color:#fff;
font-weight:bold;
text-align:right;
padding:12px 0;
}

#copyrightArea ul li a{
color:#969696;
}

#copyrightArea ul li a:hover {
color:#8fc215;
}

#copyrightArea ul li.security{
float: left;
position:relative;
color:#fff;
text-align:right;
padding:12px 0;
}

#copyrightArea ul li.copyright{
float: right;
position:relative;
color:#fff;
font-weight:bold;
text-align:right;
padding:12px 0;
}

/*------------------------------------------------------------
Module
1. Paragraph(emphasis)
2. Heading
3. ListStyle
4. Definition List
5 .Table
6. Layout
7. imageLayout
8. Box

------------------------------------------------------------*/

/*------------------------------------------------------------
1. Paragraph(emphasis)
------------------------------------------------------------*/
p{margin-bottom:1.5em;}
p#categoryTitle{margin-bottom:20px;}

/* 120419 add*/
p.paragraphTitle{ margin-bottom: 0; font-weight: bold; font-size: 115%;}
/* /120419 add*/
p.lead-01{color:#61798C; font-weight:bold; margin-bottom:0.5em;}

em.em-01,em.em-02{font-style:normal; font-weight:bold;}
em.em-02{color:#6f9d00;}
strong{color:#e11f1e;}
sup{vertical-align:text-top;}
sub,sup{margin:0 0.2em 0 0.1em;}

.aleft{text-align:left;}
.aright{text-align:right;}
.acenter{text-align:center;}



img.icon{margin:0 0.3em 0.2em; vertical-align:middle; display:inline;}

.g-trust{color:#00a0e9;}
.techno{color:#e4007f;}
.full{color:#541b86;}

/*------------------------------------------------------------
2. Heading
------------------------------------------------------------*/

h1{margin-bottom:20px;}
h2,h3{margin-bottom:15px;}
h4{margin-bottom:10px;}

h2.hdg-2-01{
background:url(img/bg-hdg-2-01_bottom.png) no-repeat 0 bottom;
padding-bottom:8px;
zoom:1;
}
h2.hdg-2-01 span{
background:url(img/bg-hdg-2-01_top.png) no-repeat 0 top;
display:block;
padding:10px 10px 6px;
}
h2.hdg-2-01 span a{background:url(img/icon-link-01.gif) no-repeat right 0.4em;}

#idx h2.hdg-2-01{
background:url(img/bg-idx-hdg-2-01_bottom.png) no-repeat 0 bottom;
padding-bottom:10px;
}
#idx h2.hdg-2-01 span{
background:url(img/bg-idx-hdg-2-01_top.png) no-repeat 0 top;
padding-bottom:0;
}

#noNavi h2.hdg-2-01{background:url(img/bg-hdg-2-04_bottom.png) no-repeat 0 bottom;}
#noNavi h2.hdg-2-01 span{background:url(img/bg-hdg-2-04_top.png) no-repeat 0 top;}
#noNavi div.col2 .segment h2.hdg-2-01{background:url(img/bg-hdg-2-05_bottom.png) no-repeat 0 bottom;}
#noNavi div.col2 .segment h2.hdg-2-01 span{background:url(img/bg-hdg-2-05_top.png) no-repeat 0 top;}

h3.hdg-3-01{
border:#e8e8e8 1px solid;
background:#f4f4f4 url(img/bg-hdg-3-01.gif) no-repeat 0 1em;
padding:7px 16px;
}
h3.hdg-3-01 a{
background:url(img/bg-hdg-3-02.gif) no-repeat 0 4px;
margin-left:-16px;
padding-left:16px;
}

/* 120419 add*/
h3.hdg-3-02 {
color: #ff6633;
margin-bottom: 0;
}
/* /120419 add*/

h4.hdg-4-01{
background:url(img/bg-hdg-4-01.gif) no-repeat 0 1em;
border-bottom:#e8e8e8 1px solid;
padding:5px 17px;
}

h2.hdg-2-01 a,
h3.hdg-3-01 a,
h4.hdg-4-01 a{display:block; zoom:1;}

div#subContent h2.hdg-2-01,
div#subContent h3.hdg-3-01{margin-bottom:10px;}


/*------------------------------------------------------------
3. ListStyle
------------------------------------------------------------*/

/*---.ListStyleBase-----------------------------------------*/
ul.list-bullet-01,
ul.list-link-01,
ul.list-link-02{margin-bottom:1.5em; zoom:1;}

ul.list-bullet-01 li,
ul.list-link-01 li{padding-left:15px; zoom:1;}

ul.list-bullet-01 li{background:url(img/icon-bullet-01.gif) no-repeat 0 0.5em;}
ul.list-link-01 li{background:url(img/icon-link-01.gif) no-repeat 0 0.5em;}

ul.list-link-02 li a{
padding-left:16px;
background:url(img/icon-link-01.gif) no-repeat 0 0.3em;
min-height:9px;
_height:9px;
}

ul.list-bullet-01 li,
ul.list-link-01 li,
ul.list-link-02 li{position:relative; padding-bottom:0.5em; zoom:1;}

/* 120419 add*/
ul.list-link-01 li.textR { float: right;}
/* /120419 add*/




/*---ul.col1,2,3--------------------------------------------------*/
ul.col2, ul.col3{width:690px; margin-right:-20px; overflow:hidden; zoom:1;}
ul.col2 li, ul.col3 li{float:left; margin-right:20px;}

ul.col2 li{width:310px;}
ul.col3 li{width:195px;}

.col2 .segment ul.col2 li{width:130px;}

/* 120419 add*/
#idx div#contentArea .segment ul.col1{width:318px;}
/* /120419 add*/
#idx div#contentArea .segment ul.col2{width:318px;}
#idx div#contentArea .segment ul.col2 li{width:124px;}

#noNavi ul.col2{width:920px;}
#noNavi ul.col2 li{width:425px;}
#noNavi div.col2 .segment ul.col2{width:449px;}
#noNavi div.col2 .segment ul.col2 li{width:189px;}

ul.col1 { _margin-right:-20px;}

/*------------------------------------------------------------
4. Definition List
------------------------------------------------------------*/
dl dt{font-weight:bold; margin-bottom:0.3em; line-height:1.4;}
dl dd{margin-bottom:1.3em;}

/* 120419 add*/
dl.dl_index01 dt { font-weight: normal; margin-bottom: 0; line-height: 1;}
/* /120419 add*/

/*------------------------------------------------------------
5 .Table
------------------------------------------------------------*/
table.tbl-01,
table.tbl-address-01{
width:100%;
_width:99%;
margin-bottom:20px;
border-collapse:separate;
border-top:#d2d2d2 solid 1px;
border-bottom:#d2d2d2 solid 1px;
}
table.tbl-01 th,
table.tbl-address-01 th{vertical-align:middle;}

table.tbl-01 thead th{
background:#f6ffdb;
}
table.tbl-01 tbody{padding:5px 0; }
table.tbl-01 tbody th{
background:#f4f4f4;
border-right:#fff solid 1px;
border-bottom:#dfdfdf solid 1px;
font-weight:normal;
text-align:left;
}

table.tbl-01 tbody td{
border-bottom:#dfdfdf solid 1px;
border-left:#dfdfdf solid 1px;
vertical-align:top;
}

table.tbl-01 th.last,
table.tbl-01 td.last{border-bottom:none;}

table.tbl-01 th, table.tbl-01 td{padding:5px 10px;}
table.tbl-01 th.icon, table.tbl-01 td.icon{text-align:center; vertical-align:middle;}


table.tbl-address-01{
border-collapse:collapse;
border:none;
}
table.tbl-address-01 th{
background:url(img/dot-vertical-01.gif) repeat-y right top;
border-bottom:#fff 10px solid;
font-weight:bold;
padding-right:1em;
text-align:left;
vertical-align:top;
}
table.tbl-address-01 td{padding-left:1em; border-bottom:#fff 10px solid;}
/*------------------------------------------------------------
6. Layout
------------------------------------------------------------*/
p.image{margin-bottom:20px; text-align:center;}
p.image span{display:block;margin-top:8px;}
/*---.columnLayout------------------------------------------*/
.laycol{width:690px;}
#noNavi .laycol{width:938px;}

/* 120419 add*/
.secLv1{ margin-bottom: 30px;}
.secLv2{ margin-bottom: 20px;}
.secLv3{ margin-bottom: 10px;}
.secEnd{ margin-bottom: 50px;}
/* /120419 add*/

div.col2,
div.col3{overflow:hidden; margin-right:-20px; zoom:1;}

.segment{float:left; margin-right:20px;}
.segment p.image{margin-bottom:10px;}


div.col2 .segment{width:331px;}
div.col3 .segment{width:210px;}

#idx .laycol{width:702px;}
#idx div.col3 .segment{width:292px;}

#noNavi div.col2 .segment{width:449px;}
#noNavi div.col3 .segment{width:292px;}

div.inner{padding:10px 10px 0; zoom:1;}


/*-- in box------------------------------------------------*/
div.box-universal-01 div.col2 .segment,
div.box-idx-01 div.col2 .segment{width:325px;}

/*---.pictLayout-------------------------------------------*/
.pictLpos,
.pictRpos{width:100%;}

.pictRpos div.image{float:right; padding-left:15px;}
/* 120419 add*/
.pictRpos div.image2{float:right; padding-left:30px;}
/* /120419 add*/

.pictLpos div.image{float:left; padding-right:15px;}

.pictRpos div.txt,
.pictLpos div.txt{overflow:hidden; zoom:1;}

/*---.col3-------------------------------------------*/
div.col3 .segment .pictRpos div.image{width:60px;}
div.col3 .segment .pictLpos div.image{width:60px;}


/*------------------------------------------------------------
7. imageLayout
------------------------------------------------------------*/
/*---.list-image-01-----------------------------------------*/
ul.list-image-01{
margin-right:-14px;
overflow:hidden;
zoom:1;
}
ul.list-image-01 li{
float:left;
padding:0 12px 10px 0;
}
/* 120419 add*/
ul.list-image-01 li.li_advantage01{
padding: 0 20px 10px 0;
}
ul.list-image-01 li.li_advantage02{
padding: 0 22px 10px 0;
}
/* /120419 add*/


/*------------------------------------------------------------
8. Box
------------------------------------------------------------*/
div.box-relation-01{
margin-bottom:40px;
padding:5px 5px 0;
background:#f4f4f4;
zoom:1}
div.box-relation-01 ul{margin-bottom:0!important;zoom:1}
div.box-relation-01 ul li{
float:left;
margin:0 1.2em 0.5em 0;
/white-space:nowrap;
}
/*------------------------------------------------------------
8. Box
------------------------------------------------------------*/
div.box-banner-01{padding:15px 15px 0 15px; zoom:1; margin-top:40px;}
div.box-banner-01 ul{margin-right:-15px; zoom:1;} 
div.box-banner-01 ul li{float:left; padding:0 15px 15px 0;}

div.box-universal-01{
border:#e8e8e8 solid 4px;
padding:14px 11px 0;
margin-bottom:20px;
}
div.box-universal-01 h2.hdg-2-01{background:url(img/bg-hdg-2-02_bottom.png) no-repeat 0 bottom;}
div.box-universal-01 h2.hdg-2-01 span{background:url(img/bg-hdg-2-02_top.png) no-repeat 0 top;}

div.box-universal-01 .pictRpos h2.hdg-2-01,
div.box-universal-01 .pictLpos h2.hdg-2-01{background:url(img/bg-hdg-2-03_bottom.png) no-repeat 0 bottom;}
div.box-universal-01 .pictRpos h2.hdg-2-01 span,
div.box-universal-01 .pictLpos h2.hdg-2-01 span{background:url(img/bg-hdg-2-03_top.png) no-repeat 0 top;}

/*------------------------------------------------------------
9. Page Navigation
------------------------------------------------------------*/
/*---.page-anclist-01---------------------------------------*/
ul.page-anclist-01{overflow:hidden; margin-bottom:20px; zoom:1;}
ul.page-anclist-01 li{	
width:193px;
background:url(img/icon-link-05.gif) no-repeat 0 0.5em;
border-right:#D7D7D7 solid 1px;
line-height:1.2;
margin:0 0 7px 5px;
padding:1px 10px 1px 16px;
}
ul.page-anclist-01 li.nb3{ border-right:none;}
ul.page-anclist-01 li.last{border:none;}

/*---.list-nav-02------------------------------------------*/
ul.list-nav-02{
margin-bottom:10px;
padding:15px 0;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
zoom:1;}
ul.list-nav-02 li{
float:left;
margin-left:-1px;
border-left:1px solid #fff;
}