@charset "UTF-8";

@import "thickbox.css";

/* Thickbox Additional
---------------------------- */
.zoom_body{
padding:15px 0;
}
/* Mega Menu
---------------------------- */
.megamenu{
position: absolute;
display: none;
left: 0;
top: 0px;
background: white;
border: 1px solid #39c;
border-width: 5px;
padding:10px;
z-index:100;
font-size:70%;
line-height:1.2;
}
.megamenu .column{
float:left;
width:210px;/*width of each menu column*/
margin-right:10px;
}
.megamenu .column ul{
margin:0;
padding:0;
list-style-type: none;
}
#megamenu3 .column p{
margin-bottom:30px;
}
.megamenu .column ul ul{
margin:10px 0 0 0px;
border-left:2px solid #39c;
}
.megamenu .column ul li{
padding-bottom:5px;
}
.megamenu .column ul li li{
padding-bottom:0;
margin-bottom:5px;
}
.megamenu .column h3{
padding-bottom:5px;
border-bottom:2px solid #39c;
}
.megamenu .column h3 a{
font-weight:bold;
display: inline-block;
}
.megamenu .column h4 a{
font-weight:bold;
}
.megamenu .column ul li a{
background:url(../imgs/arrow_next.gif) no-repeat center left ;
padding-left:15px;
display:inline-block;
}
.megamenu .column ul li li a{
background:none;
padding-left:12px;
display:inline-block;
}
.megamenu .column ul ul ul{
margin-left:12px;
}

/* Tooltip
---------------------------- */
.tip,
.tip2{
cursor:help;
border-bottom:1px solid #39c;
}
.imgtips .tip2{
border:none;
}
.tooltip{
position: absolute;
top: 0; left: 0;
z-index: 3; 
display: none;
border:1px solid #ccc;
background:#39c;
color:#fff;
padding:10px;
text-decoration:none;
width:200px;
font-weight:normal;
}
.tip .tooltip{
background:#39c url(../pbo/imgs/icon_teigi_file.gif) no-repeat right center;
padding-right:100px;
}

/* CLEAR FIX
---------------------------- */
.flow_navi:after,
.step_navi:after,
.step:after,
.screen_list:after,
.control:after,
.index_list ul:after,
.footnavi:after,
.logo_area:after,
#header:after,
#gnavi:after,
#fsizechange:after,
#footer:after,
#contents:after{
clear:both;
display:block;
height:0px;
visibility:hidden;
content:".";
}
* html .flow_navi,
* html .step_navi,
* html .banner dl,
* html .step,
* html .screen_list,
* html .control,
* html .logo_area,
* html .index_list ul,
* html .footnavi,
* html #fsizechange,
* html #gnavi,
* html #header,
* html #footer,
* html #contents{
height:1%;
zoom:1;
}
.flow_navi,
.step_navi,
.banner dl,
.step,
.screen_list
.control,
.index_list ul,
.footnavi,
#fsizechange,
#gnavi,
#header,
#footer,
#contents{
min-height:1%;
}

/* HYPERLINK
---------------------------- */
a,
a:link,
a:visited{
color:#666;
vertical-align:baseline;
}
a:hover,
a:active{
color:#333;
}
a:link,
a:active,
a:visited,{
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a.opw{
background:url(../imgs/m_opw.gif) no-repeat left bottom;
padding-left: 16px;
}
#gnavi a.opw{
background:url(../imgs/m_opw.gif) no-repeat 5% 50%;
padding-left: 21px;
}
a:hover img{/*
filter : alpha(opacity=60) ;
-moz-opacity : 0.8 ;
opacity : 0.75 ;
*/}

* +html body a img{
color : #fff ;
}
/* Font Size Changer
---------------------------- */
#fsizechange{
float:right;
width:174px;
height:24px!important;
padding:10px 0;
overflow:hidden;
display:inline;
}
#fsizechange dt{
width:66px;
margin:0 0 0 20px;
}
#fsizechange dd{
width:24px;
margin-right:5px;
}
#fsizechange dt,
#fsizechange dd{
display:inline;
float:left;
height:24px;
}
/* Structure
---------------------------- */
body{
background:#fff;
color:#666;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,Arial,helvetica,sans-serif;
line-height:1.4;
font-size:100%;
vertical-align: baseline; 
}
.wrapper,
#header,
#contents,
#gnavi{
width:760px;
}
#header,
#footer{
line-height:1;
clear:both;
}
#header{
border-top:10px solid #39c;
background:url(../imgs/bg_dot_h.gif) repeat-x bottom center;
padding-bottom:0px;
}
#footer{
background:url(../imgs/bg_dot_h.gif) repeat-x top center;
border-bottom:5px solid #666;
padding:20px 10px 10px 10px;
width:740px;
}
#contents{
background:url(../imgs/bg_cont.gif);
float:left;
}
.home #contents{
background:none;
}
#maincol{
width:560px;
float:right;
}
#subcol{
width:180px;
float:left;
}
/* Header Area
---------------------------- */
.logo_area{
overflow:hidden;
border-bottom:5px solid #555;
padding:17px 4px 10px 10px;
}
.sitettl{
float:left;
height:58px;
margin:0;
padding:0 0 6px;
width:197px
}
.group_logo{
float:right;
margin-bottom:18px;
}
#header .unavi{
float:right;
clear:right;
}
#header .unavi li{
float:left;
line-height:1.2;
}
#header .unavi .megaanchor{

}
.unavi .contact,
.unavi .sitemap{
border-right:2px solid #ddd;
padding-right:5px;
margin-right:10px;
}
#header .unavi .megaanchor a{
background:url(../imgs/arrow_down.gif) no-repeat right center;;
padding-right:15px;
}
.control{
padding:0px 0;
}
/* Footer Area
---------------------------- */
#footer .unavi li{
float:left;
}
.copyright{
float:right;
color:#777;
}
.footnavi{
clear:both;
width:560px;
float:right;
margin:20px 0 10px;
}
.footnavi .home{
float:left;
}
.footnavi .page_top{
float:right;
}
/* Breadcrumb Navigation
---------------------------- */
.crumb{
padding:10px 0 15px 10px;
width:570px;
float:left;
clear:both;
margin:0;
background:url(../imgs/bg_dot_v.gif) repeat-y 100% 0%
}
/* Global Navigation
---------------------------- */

#gnavi{
clear:both;
background:url(../imgs/bg_gnavi.gif) no-repeat bottom;
padding:0 0 0px;
height:42px;
overflow:hidden;
}
#gnavi li{
float:left;
}
#gnavi li a{
background-image:url(../imgs/gnavi.jpg);
text-indent:-9999em;
display:block;
height:38px;
text-decoration:none;
}
#gnavi .home a{
background-position:0px 0px;
width:55px;
}
#gnavi>.home.stay a{
background-position:0px -38px;
}
#gnavi .home a:hover{
background-position:0px -38px;
}

#gnavi .pbo a{
background-position:-55px 0;
width:185px;
}
#gnavi>.pbo.stay a{
background-position:-55px -38px;
}
#gnavi .pbo a:hover{
background-position:-55px -38px;
}

#gnavi .consult a{
background-position:-240px 0;
width:200px;
}
#gnavi>.consult.stay a{
background-position:-240px -38px;
}
#gnavi .consult a:hover{
background-position:-240px -38px;
}
#gnavi .seminar a{
background-position:-440px 0;
width:160px;
}
#gnavi>.seminar.stay a{
background-position:-440px -38px;
}
#gnavi .seminar a:hover{
background-position:-440px -38px;
}
#gnavi .company a{
background-position:-600px 0;
width:160px;
}
#gnavi>.company.stay a{
background-position:-600px -38px;
}
#gnavi .company a:hover{
background-position:-600px -38px;
}
#gnavi .biznews{
display:none;
}/*
#gnavi .biznews a{
background-position:-657px 0;
width:103px;
}
#gnavi .biznews a:hover{
background-position:-657px -38px;
}*/

/* Image Frame
---------------------------- */
.imgL{
float:left;
margin-right:10px;
line-height:1;
}
.imgR{
float:right;
margin-left:10px;
line-height:1;
}
img.photo{
border:1px solid #ccc;
padding:3px;
}
/* Headings
---------------------------- */
h1, h2, h3, h4{
font-weight:bold;
margin-bottom:5px;
}
h1{
font-size:190%;
margin-bottom:5px;
}
#maincol h2{
padding-left:40px;
font-size:130%;
margin-bottom:20px;
background:url(../imgs/i_hd_02.jpg) no-repeat left center;
}
#maincol h3{
background:url(../imgs/i_hd.jpg) no-repeat left center;
padding-left:38px;
clear:both;
font-size:130%;
}
#maincol h3.phrase{
background:url(../imgs/i_hd_02.jpg) no-repeat left center;
}
#maincol h4{
background:url(../imgs/m_bracket_01.gif) no-repeat left center;
padding-left:20px;
font-size:120%;
}
#maincol h2.sub_ttl{
border:none;
padding:0;
background:none;
}
/* Contents
---------------------------- */
.lead{
clear:both;
font-size:110%;
margin-bottom:20px;
font-weight:bold;
border-bottom:3px double #ccc;
padding-bottom:5px;
}
p{
margin-bottom:10px;
line-height:1.6;
}
.section_body li{
margin-bottom:10px;
}
.index-navi{
clear:both;
width:560px;
zoom:1;
}
.index_list{
width:560px;
margin:0px 0 20px;
padding:15px 0;

zoom:1;

}
.section_body{
width:560px;/*
margin-right:15px;*/
}
.index_list *{
zoom:1;
}
#maincol .index_list h4{
background:none;
padding:0;
}
.section{
margin-bottom:20px;
}
.section_foot{
clear:both;
}
sup{
margin:0 3px 0 0px;
color:#777;
font-size:70%;
vertical-align:super;
}
/* Index-List
---------------------------- */
.index_list li{
width:270px;
float:left;
margin-right:20px;
padding-bottom:40px; 
display:inline;
}
.index_list li.even{
margin-right:0;
}
.index_list h4{
margin-bottom:5px;
width:270px;
}
.index_list h4 p{
.index_list h4
}
/* Horizontal Graph List
---------------------------- */
.horizontal_graph li{
float:left;
}
.horizontal_graph .even{
float:right:0;
}
/* Local Hyperlink
---------------------------- */
.land_top_last,
.land_top,
p.page_top{
text-align:right;
padding:10px 0;
clear:both;
}
.land_top{
margin-bottom:-10px;
}
.land_top_last a,
.land_top a,
p.page_top a{
display:inline;
}
.land_top_last{
margin-bottom:0;
}
.context_link,
.direct_link,
.cross_link{
background:url(../consult/imgs/bg_dot.gif) repeat-x;
text-align:right;
}
.context_link a{
background:#efc476 url(../imgs/arrow_context.gif) no-repeat center left ;
padding:0 0 0 15px;
text-decoration:none;
color:#000;
}
.context_link a:hover{
background:#e39335 url(../imgs/arrow_context.gif) no-repeat center left ;
}
.cross_link,
.detail_link{
text-align:right;
}
.detail_link a{
background:url(../imgs/arrow_next.gif) no-repeat center left ;
padding-left:15px;
}
.cross_link a{
background:#3b9c66 url(../imgs/arrow_cross.gif) no-repeat 0 13%;
padding:0 0 0 15px;
text-decoration:none;
color:#fff;
}
.cross_link a:hover{
background:#1c5736 url(../imgs/arrow_cross.gif) no-repeat 0 87% ;
}
.p_next{
background:url(../imgs/arrow_next.gif) no-repeat center left ;
padding-left:15px;
}
.next{
background:url(../imgs/arrow_next.gif) no-repeat center right ;
padding-right:15px;
}
.prev{
background:url(../imgs/arrow_prev.gif) no-repeat center left ;
padding-left:15px;
}
.top{
background:url(../imgs/arrow_top.gif) no-repeat center right ;
padding-right:15px;
}
.paging{
overflow:hidden;
margin:40px 0;
zoom:1;
padding:1px 0 0;
}
.paging .backward{
float:left;
text-align:left;
}
.paging .backward a{
background:#f5d394 url(../imgs/m_paging.gif) no-repeat 0% 11% ;
padding:0px 2px 2px 18px;
border:1px solid #d5ab5f;
zoom:1;
text-decoration:none;
}
.paging .backward a:hover{
background:#ca9a44 url(../imgs/m_paging.gif) no-repeat 0% 89% ;
padding:0px 2px 2px 18px;
border:1px solid #d5ab5f;
}
.paging .forward{
float:right;
text-align:right;
}
.paging .forward a{
background:#f5d394 url(../imgs/m_paging.gif) no-repeat 100% 11% ;
padding:0px 18px 2px 2px;
border:1px solid #d5ab5f;
zoom:1;
text-decoration:none;
}
.paging .forward a:hover{
background:#ca9a44 url(../imgs/m_paging.gif) no-repeat 100% 89% ;
border:1px solid #b3832c;
}
.paging a{
text-decoration:none;
}
.paging a:hover{
color:#efefef;
}
.related_link a{
color:#3366FF;
}

/* Lists 
---------------------------- */
ul.basic li{
list-style:inside disc;
}
dl.basic dt{
margin-bottom:5px;
font-weight:bold;
background:url(../imgs/m_bracket_01.gif) no-repeat left center;
padding-left:20px;
}
dl.basic dd{
margin-bottom:10px;
}

/* Data Table
---------------------------- */
.data th,
.data td{
border:1px solid #ccc;
padding:5px 10px;
}
.data th{
background:#eee;
font-weight:bold;
}
.data{
width:555px;
}

/* Sub Column
---------------------------- */

/* Local Navigation
---------------------------- */
.local{
background:#E0DADA;
margin-bottom:20px;
}
.local a,
.local li a{
text-decoration:none!important;
overflow:hidden;
}
.local a:hover{
}
.local ul{
height:1%;
zoom:1;
}
.local li{
background:#e0dada;
}
.local .top_lv{
margin:6px 2px 0;
}
.local .top_lv li{
font-size:110%;
}
.local .top_lv li li{
font-size:90%;
}
.local .top_lv li a{
display:block;
padding:10px 5px;
border:1px solid #fff;
overflow:hidden;
zoom:1;
}
.local .top_lv .stay,
.local li a:hover{
background:#f0eded url(../consult/imgs/bn_local_on.gif) no-repeat left top;
}
.local .top_lv .open .stay{
background:none;
}
.local .top_lv .open{
background:#fff url(../consult/imgs/bn_local_open_parent.gif) no-repeat left top;
padding:5px 0 0 12px;
line-height:1.2
zoom:1;
}
.local .top_lv .open a{
display:block;
border:none;
padding:8px 5px;
}
.local li.open a:hover{
background:none;
}
.local .open ul{
margin:0px 0 5px -10px;
padding:2px;
background:#c0b4b4;
width:170px;
overflow:hidden;
}
.local .open ul ul{
margin:0 0 0 5px;
}
.local .open li,
.local .open li.hover{
background:#e0dada url(../imgs/bg_dot_h_local.gif) repeat-x bottom center;
padding:0 0 1px;
}
.local .open li.last{
background:#e0dada url(../imgs/bg_dot_h_local.gif) repeat-x bottom center;
}
.local .open li a{
padding:8px 5px;
}
.local .top_lv .sub_lv .stay,
.local .sub_lv .stay,
.local .sub_lv li a:hover{
background:#f0eded url(../consult/imgs/bn_local_sub_on.gif) no-repeat top left;
}
.local li{
width:164px;
}
.local li li{
width:165px;
}
.local .aux_lv{
width:156px!important;
}

.local .open .sub_lv{
margin-bottom:0;
}

/* Banners
---------------------------- */
.banner{
/*padding:5px;*/
padding-bottom:20px;
}
.home .banner{
display:block;
padding-bottom:0;
}
.page .banner dl{
width:171px;
margin:0 auto 10px;
}
.home .banner dl{
width:213px;
margin:0 auto 10px;
}
.page .banner dt{
line-height:0;
}
.page .banner dt img{
vertical-align:bottom;
}
.banner dd{
padding:10px 0;
}
.page .banner .sm_seminar p{
margin:0 5px;
}
#contents .banner .bnrlink{
text-align:center;
margin:0;
}
.banner .sm_contact{
padding-bottom:0;
margin-bottom:0;
text-align:center;
}
.banner .sm_contact .tel img{
margin:0;
}
.banner .rel{
background:#fff;
padding:20px 0;
text-align:center;
}
.page .banner .form{
margin-bottom:4px;
}

/* Carousel 
---------------------------- */
.container{
overflow:hidden;
margin:0 auto 20px;
background:#eee;
padding-bottom:5px;
}
.container .js{
overflow:hidden;
zoom:1;

}
.container .carousel,
.container .carousel .carousel-wrap{
margin:0;
border:0;
zoom:1;
}
.container .js .carousel-wrap{
display:inline-block;
vertical-align:middle;
width:540px;
margin:10px 10px 15px 10px;
}
.IE .container .js .carousel-wrap{
display:inline;
}
.container .carousel ul{
zoom:1;
}
.container .js ul li{
overflow:hidden;
display:inline;
float:left;
width:485px;
height:300px;
padding:20px 30px;
text-align:center;
background:#fff;
}
.carousel-control{
overflow:hidden;
display:inline-block;
vertical-align:middle;
cursor:pointer;
line-height:999px;
zoom:1;
}
.container{
position:relative;
}
.container .next,
.container .previous{
background-image:url(../pbo/imgs/slide_arrow_3.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
height:28px;
z-index:1;
padding:0;
width:56px;
}

.container .hover{
background-image:url(../pbo/imgs/slide_arrow_3_on.gif);
}

.container .next{
right:0px;
padding-right:0!important;
background-position:0px 0px;
}
.container .previous{
left:0px;
background-position:0px -72px;
}
.container .carousel .carousel-control:hover{
-moz-opacity:.7;
opacity:0.70;
filter:alpha(opacity=70);
background:url(../pbo/imgs/slide_arrow_2.gif) no-repeat bottom right;
}
.container .disabled,
.container .carousel .disabled,
.container .carousel .disabled:hover{
-moz-opacity:.1;
opacity:0.10;
filter:alpha(opacity=10);
cursor:default;
background:none;
}
.container .carousel ul li{
position:relative;
width:480px;
margin:0;
}
.container .carousel ul li cite{
position:absolute;
bottom:3px;
right:10px;
line-height:19px;
font-size:11px;
}
.container .carousel ul li cite a img{
vertical-align:middle;
}
.container .carousel ul li cite a{
color:#fff;
text-decoration:none;
}
.container div.center-wrap{
overflow:hidden;
clear:both;
zoom:1;
}
.container .center-wrap div{
border:0;
margin:0 auto;
text-align:center;
}
.container .center-wrap a{
margin:0 2px;
padding:2px 5px;
background:#fff;
cursor:pointer;
color:#000;
}
.container div.center-wrap a.active{
background:#c9ebfb url(../pbo/consult/capire/imgs/bg_pagenation_stay.gif) repeat-x bottom left;
}
#maincol .carousel-wrap h4{
background:none;
padding:0;
text-align:left;
color:#39c;
border-bottom:1px solid #39c;
padding-bottom:5px;
}
.carousel-wrap p{
text-align:left;
}

.carousel-pagination p{
background:#ebd7b3;
height:23px;
padding:4px 0 1px;
margin:0;
}
.carousel-pagination a{
font-size:100%;
}

/* seminar */
a.seminar_document{
color:#00c;
}