@charset "utf-8";


/* ****************************************************

corpinfo.css

***************************************************** */

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

	CorpInfo

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

.box{
padding:16px 0 1px 0;
}

.box h1{
height:53px;
}


.box h2{
margin:0 0 20px 0;
padding:8px;
border:1px solid #1657c8;
font-weight:bold;
color:#1657c8;
}

@media screen and (max-width:1304px) {
  .ServiceFooterContact {
      margin: 0 -15px;
  }
}

@media screen and (max-width:767px) {
  .ServiceFooterContact {
      margin: 0 -10px;
  }
}



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

	Message

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

.box .president h2{
margin:0 0 40px 0;
}


.president .message{
float:left;
width:590px;
}


.president .message .head{
margin:0 0 30px;
font-weight:bold;
color:#0a3190;
}


.president .message p{
margin:0 0 20px 0;
}


.president .prof{
float:left;
width:180px;
margin:25px 20px 30px 10px;
}


.president .name{
margin:7px 0 0 0;
text-align:right;
}


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

		CseInfo

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

.box .cseInfo h2{
margin:0 0 6px 0;
padding:0;
border:none;
}


.cseInfo p{
margin:0 0 10px 0;
}


.cseInfo .branch{
margin:0 0 20px;
}



.cseInfo .vision{
margin:0 0 8px 0;
padding:10px;
background:#ebefff;
font-weight:bold;
}


.cseInfo .notes{
font-size:85%;
}


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

		Outline / Executive

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

#corpPage .dataTable{
margin:0 0 20px 0;
width:100%;
border-collapse:collapse;
}


#corpPage .dataTable caption{
margin:0 0 10px 0;
}


#corpPage .dataTable th,
#corpPage .dataTable td{
padding:10px;
vertical-align:top;
border:1px solid #ffffff;
}



#corpPage .dataTable th{
width:25%;
color:#1657c8;
font-weight:bold;
background:#c5dafd;
}


#corpPage .dataTable td{
background:#e8efff;
}



#corpPage .dataTable dt{
font-weight:bold;
}


#corpPage .dataTable dd{
padding:0 0 0 16px;
}


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

		History

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

#corpPage .history .dataTable{
width:100%;
border-collapse:collapse;
}


#corpPage .history .dataTable th,
#corpPage .history .dataTable td{
padding:10px;
border:none;
border-bottom:1px solid #c3c3c3;
vertical-align:top;
background:none;
}


#corpPage .history .dataTable th{
width:12%;
font-weight:bold;
}


#corpPage .history .dataTable .year{
color:#2550bb;
}


#corpPage .history .dataTable .month{
color:#0a3190;
}


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

		Organization

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

.current{
/*margin:0 0 10px 0;*/
margin: 0;
text-align:right;
}


.orgImage{
text-align:center;
}


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

		Office
Modified for Rwsponsive Web Degign (2015/12/28)
------------------------------------ */

.mapLink{
margin:7px 0 0 0;
}


.mapLink li{
display:inline;
margin:0 15px 0 0;
}


.officeMap{
position:relative;
max-width:595px;
width:100%;
}


.officeMap .mapArea{
margin:0 0 25px 0;
width:100%;
}


.officeMap #map{
width:100%;
height:400px;
}


.mapArea img {
max-width: none;
}


.officeMap .officeInfo{
width:595px;
}


.officeMap .officeInfo dl{
float:left;
padding:0 5px;
width:287px;
}


.officeMap .officeInfo dt{
margin:0 0 5px 0;
border-bottom:1px solid #2550bb;
color:#2550bb;
font-weight:bold;
}


.officeMap .officeInfo dd{
padding:0 0 14px 0;
}


.officeMap .officeInfo dd p{
padding:0 0 20px;
}


.mapUtility{
clear:both;
position:relative;
bottom:15px;
text-align:right;
}


@media screen and (max-width: 399px) {
.officeMap{
margin-left:-15px;
margin-right:-15px;
width:auto;
}
}


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

		Info Privacy

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

.box .doc h2{
margin:0 0 10px 0;
}


.box .doc h3{
margin:0 0 5px 0;
border-bottom:1px solid #2550bb;
color:#2550bb;
font-weight:bold;
}


.doc .branch{
padding:0 0 10px 0;
}


.doc .branch p{
margin:0 0 15px 0;
}


.doc .branch p.end{
margin:0;
}


.doc .branch p.txt{
margin:0 0 10px 0;
}


.doc .branch ul{
margin:0 0 15px 0;
}


.doc .branch li{
margin:0 0 5px 0;
}


.policy .branch li{
margin:0 0 20px 0;
}


.policy .branch li li{
margin:0 0 5px 0;
}


.policy .branch li ul{
margin:15px 0;
}


.doc .branch li ul{
margin:5px 0 15px 0;
}


.doc .branch li ul li{
margin:0;
}


.doc .sign{
margin:0 0 15px 0;
text-align:right;
}


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

		Privacy

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

.box .privacy h2{
margin:0 0 10px 0;
}


.box .privacy h3{
margin:0 0 5px 10px;
border-bottom:1px solid #0a3190;
color:#0a3190;
font-weight:bold;
}


.box .privacy p{
margin:0 0 15px 10px;
}


.box .privacy p.link{
margin:0 0 15px 10px;
padding-left:12px;
background:url(../images/corpinfo/ico_arrow.gif) no-repeat 0 40%;
}


.box .privacy p.ind{
margin:0 0 15px 19px;
}


.box .privacy p.end{
margin:0 0 5px 10px;
}


.box .privacy p.mail span{
padding:0 9px 0 0;
}


.pmark{
font-size:0.8em;
}


.pmark p{
margin:0 0 15px 4px;
}


.pmark p.mail span{
padding:0 7px 0 0;
}


.pmark p.logo{
margin:0 0 20px 8px;
}


.privacy .sign{
margin:0 0 15px 0;
text-align:right;
}


.privacy table{
margin:0 0 15px 10px;
border-collapse:collapse;
}


.privacy table th,
.privacy table td{
padding:10px;
vertical-align:top;
border:1px solid #ffffff;
}


.privacy table th{
color:#1657c8;
font-weight:bold;
background:#c5dafd;
}


.privacy table td{
background:#e8efff;
}


.privacy .stepbox{
border:1px solid #ccc;
background:#F3F8FC;
padding:10px 30px;
}


.privacy p.stepbtn{
float:left;
display:inline;
margin:0 0 0 30px !important;
padding:0;
}


.privacy p.steptxt{
float:left;
display:inline;
margin:0 0 0 30px !important;
padding:0;
}