@charset "utf-8";

/*==============================================
 CSS INFO
 Description : style css
===============================================*/

/* pages common
============================================== */
#Content{
padding-bottom: 30px;
background: #FFF url("../img/ttl_head.png") no-repeat left top;}

#Contents{
width:780px;
float:left;
padding-bottom: 30px;
background: #FFF url("../img/ttl_head.png") no-repeat left top;}

.ctnsHead{
background: url("../img/dotted.png") repeat-x left bottom;
padding:25px 30px 20px;
margin-bottom: 10px;}

.ctnsMain{
padding: 10px 30px 20px;}

.ctnsMain p{
margin-bottom: 15px;}

#SideArea{
width:180px;
float: right;}

.side{
background: #FFF;
padding-bottom: 15px;
margin-bottom: 20px;}

.side select{
width:145px;
margin: 20px 15px 0;}

.pageList{
padding: 5px 15px;}

.pageList li{
background: url("../img/dotted.png") repeat-x left bottom;}

.pageList li a{
display: block;
padding: 8px 0 7px 15px;
background: url("../img/arrow.png") no-repeat left 13px;}

.pageList li a:hover{
background-color: #EAEAEA;}

.ttl{
font-size:24px;
font-weight: bold;
color: #12344D;
padding: 5px 0;
margin-bottom: 20px;
border-bottom: 1px solid #D7E1E2;}

.subsTtl{
background: #EBEEF1 url("../img/subttl_arrow.png") no-repeat 10px center;
border-radius: 3px;
/*color: #2B6897;*/
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
padding: 5px 10px 5px 25px;}

.subTtl{
background: url("../img/subttl_arrow.png") no-repeat left center;
padding-left: 15px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;}

.text p{
text-justify : inter-ideograph ;
text-align: justify;
margin-bottom: 15px;}

.areaL{float: left;}
.areaR{float: right;margin-left: 15px;}

.img img{
border:5px solid #EAEAEA;}

.imgs{
/*width: 300px;*/
text-align: center;
color: #898989;}

.imgs li{
width: 300px;
margin-bottom: 10px;}

.svImgs{color: #898989;}

.imgL{float: left;}
.imgR{float: right;}

.textC{text-align: center;}
.textR{text-align: right;}
.textL{text-align: left;}

.mgnL{margin-left: 15px;}
.mgnB{margin-bottom: 15px;}
.mgnR{margin-right: 15px;}
.mgnT{margin-top: 15px;}

.tblBx{
padding: 10px 30px;}

.tbl,.enTbl{
width:100%;}
.tbl th{
color:#2F6CAB;
text-align: left;
width: 130px;
padding: 8px 0;
border-bottom: 1px dotted #CCC;
vertical-align: top;}
.enTbl th{
color:#2F6CAB;
text-align: left;
width: 200px;
padding: 8px 0;
border-bottom: 1px dotted #CCC;
vertical-align: top;}

.tbl th span,.enTbl th span{
background: url("/img/vertical_line.png") no-repeat left center;
padding-left: 20px;}
.tbl td,.enTbl td{
padding: 8px 10px;
border-bottom: 1px dotted #CCC;}

.tbl td p,.enTbl td p{
margin-bottom: 0;}

.tbl td img,.enTbl td img{
vertical-align: middle;}

.tblList li{
background: url("/img/dot.png") no-repeat left 5px;
padding-left: 15px;}

.clr{clear: both;}

.bg_even{background-color:#E3ECF3;}

.red{color: #FF0000;}

/* wp-pagenavi
============================================== */
.wp-pagenavi{
margin: 30px 0 0;
text-align: center;}

.wp-pagenavi .pages,.wp-pagenavi .page,.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
background-color:#4C9FBF;
color: #FFF;
padding: 3px 5px;
display: inline-block;
*display: inline;
*zoom:1;
margin: 0 3px;}

.wp-pagenavi .current{
background-color:#008BC2;
color: #FFF;
padding: 3px 5px;
display: inline-block;
*display: inline;
*zoom:1;
margin: 0 3px;}

/* services
============================================== */
.svList{
width:335px;
float:left;
margin: 15px 10px;}

.svList h3{
margin-bottom: 10px;}

.svList p{
margin-bottom: 10px;}

.moreDtl{
text-align: right;}

.sv1List,.sv1List_en{
margin-bottom: 20px;}

.sv1List li{
width:230px;
float: left;
background: url("../img/icon_dot.png") no-repeat left 7px;
padding-left: 10px;}

.sv1List_en li{
width:350px;
float: left;
background: url("../img/icon_dot.png") no-repeat left 7px;
padding-left: 10px;}

.sv1List li.wcler,.sv1List_en li.wcler{
width: auto;
float: none;
clear: both;}

.svSmallPhoto{
/*width:600px;
margin-left: 60px;*/}

.svSmallPhoto p{
width: 240px;
overflow: hidden;
word-wrap:break-word;
word-break:break-all;}


.svSmallPhoto p.ctrimg{
/*width: 213px;*/}

.w300{width: 300px;}
.w250{width: 250px;}

.svListEn{
}

/* experience
============================================== */
.expMenu{}
.expMenu li{
width: 286px;
float: left;
margin: 5px 10px;}

.expMenu li a{
display: block;
background: url("../img/experience/btn_pagelink.png") no-repeat left top;
color: #FFF;
font-size: 16px;
padding-left: 30px;
line-height: 36px;}

.expMenu li a:hover{
text-decoration: none;
background: url("../img/experience/btn_pagelink_on.png") no-repeat left top;}

.En_expMenu li{
width: 450px;
float: left;
margin: 5px;
font-family: arial;}

.En_expMenu li a{
display: block;
background: url("../img/en/en_btn_pagelink.png") no-repeat left top;
color: #FFF;
font-size: 12px;
padding-left: 30px;
line-height: 36px;}

.En_expMenu li a:hover{
text-decoration: none;
background: url("../img/en/en_btn_pagelink_on.png") no-repeat left top;}

.expPhase{
border: 5px solid #E3ECF3;
padding: 10px;}

.expPhase li{
width: 180px;
float: left;
margin: 3px 5px;}

.expPhase li img{
margin-right: 10px;}

.expTbl{
width:100%;
font-size: 100%;
margin: 15px 0 20px;
border:1px solid #CCC;}

.expTbl th,.expTbl td{border:1px solid #CCC;}

.expTbl th{
color: #FFF;
font-weight: bold;}

.expTbl td{
padding: 8px 5px;}

.expTbl_exp1 th{background-color: #4E93C9;}
.expTbl_exp2 th{background-color: #46A1B4;}
.expTbl_exp3 th{background-color: #9D72C1;}
.expTbl_exp4 th{background-color: #5B75C2;}
.expTbl_exp5 th{background-color: #DA8612;}
.expTbl_exp6 th{background-color: #9FC212;}

.expTdPha{text-align: center;}
.expTdPha img{margin: 0 2px;}

.expTh_contry{width: 150px;}
.expTh_proj{}
.expTh_pha{width: 85px;}
.expTh_cri{width: 110px;}
.expTh_date{width: 77px;}

.tdexpPhase{text-align: center;}
.tdexpPhase img{margin-bottom: 3px;}

/* project
============================================== */
.prjList{
border-bottom: 1px solid #D7E1E2;
margin-bottom: 20px;
padding-bottom: 10px;}

.prjList h3{
font-size: 18px;
font-weight: bold;
background: url("../img/subttl_arrow.png") no-repeat left center;
padding-left: 15px;
margin-bottom: 8px;
border-bottom: none;}

.pjList{
width:475px;
float: right;}

.pjList ul{
margin-bottom: 8px;
color: #2B6897;}

.pjList li{
margin-bottom: 3px;}

.pjC{
background: url("../img/project/icon_country.png") no-repeat left center;
padding-left: 18px;}

.pjD{
background: url("../img/project/icon_term.png") no-repeat left center;
padding-left: 18px;}

.pjS{
background: url("../img/project/icon_scheme.png") no-repeat left center;
padding-left: 18px;}

.pjmore{
margin: 20px 0 10px;
text-align: right;}

.pjlstImg{
width:230px;
float: left;}

.pjlstImg img{
border: 5px solid #EAEAEA;}

.entryHead{
background-color:#EBEEF1;
border-radius: 3px;
padding: 5px 10px;
margin-bottom: 15px;
color: #2B6897;}

.entryHead li{
float: left;
margin-right: 20px;}

.prEntry{
margin-bottom: 30px;}

.prImage{
text-align: center;
margin-bottom: 20px;}

.pjImage{
/*width:350px;
overflow: hidden;*/
float: right;
margin-bottom: 10px;
margin-left: 15px;}

.pjImage li{
width: 250px;
overflow: hidden;
text-align: center;
margin-top: 10px;}

ul.pjImage li:first-child{
margin-top: 0;}

.pjImage li p{
margin:5px 0;
font-size: 12px;}

.entText{
/*overflow: hidden;*/
margin-top: 10px;
margin-bottom: 10px;}

.entText p{
text-justify : inter-ideograph ;
text-align: justify;}

.entText ul,.entText ol,.entBody ul,.entBody ol{
padding: 10px 15px;
margin: 10px 15px;}

.entText ul li,.entBody ul li{
list-style-type: disc;}

.entText ol li,.entBody ol li{
list-style-type: decimal;}

.entBody em{
font-style:oblique;}

.singlePager{
border-top: 1px solid #D7E1E2;
margin: 5px 30px;
padding: 15px 0 20px;}

.previous{float: left;}
.previous a,.next a{
display: block;
background-color: #4C9FBF;
color: #FFF;
padding: 3px 5px;}
.next{float: right;}

.relation{
padding: 15px 30px 15px;}

.relation h4{
margin-bottom: 10px;}

.relation ul{}

.relation li{
width:160px;
float:left;
margin: 5px 10px;}

.relation li div{
margin-bottom: 5px;}

.relation li div img{
border: 3px solid #EAEAEA;}

.relation li a{
display: block;
background: url("/img/arrow.png") no-repeat left 5px;
padding-left: 15px;}


/* profile
============================================== */
.profileTtl span{
font-size: 80%;
padding-left: 20px;}

.prfBox{
text-justify : inter-ideograph ;
text-align: justify;}

.mapTrain{
width:570px;
float:left;}

.accessInfo{
width:322px;
float: right;}

.goTrain,.goCar{
padding-left: 28px;
line-height: 26px;
font-weight: bold;
margin-bottom: 5px;}

.goTrain{
background: url("/img/profile/ttl_access_train.png") no-repeat left center;}

.goCar{
background: url("/img/profile/ttl_access_car.png") no-repeat left center;}

.accessInfo dd{
margin-bottom: 10px;}

.mapsBox{
border: 10px solid #EEE;}

/* job
============================================== */
.job01{
width:450px;
float: left;}

.job02{
width:450px;
float: right;}

.jobTtl{
font-size: 16px;
font-weight: bold;
color: #2B6897;
margin-top: 10px;
margin-bottom: 10px;}

.jobDtl{
margin-top: 15px;
border:8px solid #E3ECF3;
padding: 15px;}

.jobDtl dt{
background: url("/img/arrow.png") no-repeat left center;
padding-left: 15px;
float: left;
clear: left;}

.jobDtl dd{
padding-left: 80px;}

.salary1,.salary2{
width: 324px;
float: left;
margin-right: 15px;
margin-bottom: 10px;
border: 1px solid #CCC;}

.salary1 dt,.salary2 dt{
width: 180px;
float: left;
clear: left;
font-weight: bold;
background-color: #E3ECF3;
padding: 8px 10px;}

.salary1 dd,.salary2 dd{
text-align: right;
padding: 8px 10px 8px 180px;}

.joSlctInfo{
margin: 15px 0;}

.joSlctInfo dl{
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
margin-bottom: 10px;}

.joSlctInfo dt{
margin-top: 10px;
font-weight: bold;
color: #2B6897;}

.joSlctInfo dd{
margin-left: 15px;
margin-bottom: 10px;}

.jobSend{
margin-top: 15px;
margin-bottom: 25px;
border:8px solid #E3ECF3;
padding: 15px;}

.jobSend dl{
width: 390px;
float: left;
margin: 0 5px;}

/* topics
============================================== */
.topicsList li{
background: url("../img/dotted.png") repeat-x left bottom;
padding-bottom: 12px;
margin-bottom: 12px;}

.topicsList li a.tpLstTtl{
display: block;
margin: 5px 0 0;
padding-left: 13px;
background: url("../img/arrow.png") no-repeat left center;}

.topicsList li a.tpLstTtl img{
vertical-align: middle;}

.topicsList span.tpCate{
padding: 0 3px;
font-size: 10px;
background-color:#D8E1E2;}

.topicsList span.tpCate a{
color: #333;}

.topicsList span{padding-right:10px;}

.tpEntryHead{
overflow: hidden;
margin-bottom: 15px;}

.tpEntryHead:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .tpEntryHead{
height: 1em;
overflow: visible;}
/**/

.tpEntryHead ul{float: right;}

.tpEntryHead li{
float: left;}

.entDate{
font-size: 12px;
padding-right: 10px;}

.entCate{
font-size: 10px;
background-color:#D8E1E2;}

.entCate a{
color: #333;
padding: 0 3px;}

/* contact
============================================== */
.contact{
width:600px;
margin: 15px auto;}

.contact .wpcf7-text,.contact .wpcf7-textarea{
width:600px;
border: 1px solid #CCC;}

.wpcf7-text,
.wpcf7-textarea {
background: url('images/bg-stripe.png');
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-o-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 3px 5px;}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
outline: none;
border-width: 1px;
border-style: solid;
box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-webkit-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-moz-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-ms-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-o-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
border-color: rgba(100, 200, 255, 0.75) !important;
padding: 3px 5px;}

.wpcf7-form-control-wrap {
display: block;
width: 80%;
padding-bottom: 10px;
}

.wpcf7-textarea {
width: 96%;
}

.wpcf7-not-valid-tip-no-ajax{
color: #FF0000;}

.wpcf7 .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
}

.goBus {
    padding-left: 28px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}
.goBus {
    background: url("/cms/wp-content/uploads/ttl_access_bus.png") no-repeat left center;
}