body{

   margin: 0px;
   padding: 0px;
   background-color: #636BAC;
  background-image: url(/images/common/back00.png);
  background-repeat: repeat-x;
 font: 14px/1.8 "Verdana", "?????? Pro W3", "MS ????", "Osaka-??";
}

h1{

   font-weight:bold;
   font-size: 18px;
   padding:10px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  color: #993300 ;
  letter-spacing: 5px;
  font-weight:bold;

}

h1 span {
  padding-left:150px;

}

.catch {
   font-size: 20px;
   font-weight:bold;
   letter-spacing: 4px;
   background-color: #EEEEEE;
   padding:10px;
   margin: 10px 40px;
   }
.catch a {
  text-decoration: none
}


h2{
  font-size: 14px;
  padding:0px 10px 0px 10px;
  width: 600px;
  border-bottom: 3px solid #EEEEEE;
  color: #003399 ;
  margin-left:20px;
}

h3{
  font-size: 13px;
  padding:0px 10px 0px 10px;
  margin-left:20px;
  margin-bottom : 0px;
  color :#006600;
  text-decoration: underline;
}

h4{
  font-size: 13px;
  padding:0px 10px 0px 0px;
  margin-left:0px;
  margin-bottom : 5px;
  margin-top:5px;
  color:#0066FF;
}

p{
  font-size: 12px;
  margin: 5px 30px 5px 30px;
}

dl,ul,ol {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

ul li {
  list-style-type: square;
  color:#990099
}



li {
}

a:link		{ color:#1B84F7; }
a:visited	{ color:#1B84F7; }
a:hover {
  color: #333333;
}

table {
margin:10px;
border:1px solid #555555;
border-collapse: collapse;
font-size: 12px;
}

th{
  background-color: #CCCCFF;
  font-weight: bolder;
  border:1px solid #888888;
  padding:5px;
  color: #000066;
  font-size:14px;
}

tr{

}

td{
  border-bottom:1px solid #888888;
  border-right:1px solid #888888;
  padding:5px;
  vertical-align: top;
}


#banner_distict{
  border:none;
  width: 100%;

}
 #banner_distict td {
  border:none;
  text-align:center;
}

#banner_district .row{
  background-color: #99CCFF;
}

dl {
    margin-left : 100px;
    margin-top : 10px;
    margin-bottom : 10px;
    width :320px;
    padding: 20px;
    background-color : #EEEEEE;
}

dt {
  font-size: 16px;
  font-weight: bold;
}



/*-----------------------------------------------------------*/
#header{
  background-color: #636BAC;

   border-bottom: 5px solid #C7C7C7;

    background-image: url(/images/common/back_top.png);

}

#top {
width : 950px;

}


#top_banner{

}

#logo {
float:left;
}

/*
#top_right {
	font-size: 14px;
	font-weight : bold;
	color:#FFFFFF;
	letter-spacing: 2px;
	z-index: 1;
	position: absolute;
	left: 700px;
	top: 20px;
}
*/
#top_right {	/* 20100329 chg */
	font-size: 13px;
	font-weight : bold;
	color:#FFFFFF;
	letter-spacing: 2px;
	z-index: 1;
	position: absolute;
	left: 700px;
	top: 4px;
}
#top_right ul {margin:0px 4px;}

#top_right li {
list-style-type: none;
padding-left :0px;
margin-left:0px;
color:#FFFFFF;
	width:170px;	/* 20100329 add */
}

#top_right a{	/* 20100329 add */
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.top_mail {vertical-align: top;}

#menu{
clear:both;
background-color: #FFFFFF;
 border-top: 1px solid #C7C7C7;
 padding:5px 10px 5px 10px ;
}
#menu a {
  padding:5px 20px 20px 5px ;
}


#holder{
 width:900px ;
 background-color: #FFFFFF;
 border-right: 5px solid #C7C7C7;
 border-bottom: 5px solid #C7C7C7;
}

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

#col_right{
display: inline;
float: right;
background-color:#FFFFFF;
width:719px;
margin:0px;
}

#col_right p {
  padding:5px 10px 5px 10px;
}

#col_right table {
  margin:5px auto 5px auto;
}

#col_right ul{
  margin: 5px 30px 5px 30px;
}
#col_right ol{
  margin: 5px 100px;
  font-size:12px;
}
#col_right ol li {
	list-style-type: decimal;
}

#top_banner {
  background-color: #636BAC;
  padding:10px;
}


#top_banner_pi {
  background-color: #9999CC;
}

#top_banner_pi img{
padding : 10px;
}

.banner_2col {
background-color: #EEEEEE;
}
.banner_2col img {
padding : 10px;
}

.banner {
   background-color: #EEEEEE;
   margin-top:0px;
   padding :10px;
   border:1px solid #CCCCCC;
}
.banner td {
 border:none;
}

.banner_100 {
   background-color: #EEEEEE;
   margin-top:0px;
   padding :10px;
   border:none;
   width:100%;
   padding:20px;
}

.banner_100 td {
 border:none;
}

.banner #rght{

}
.banner #left{

}


.col_im{
 background-color: #EEEEEE;
 margin:10px auto 10px auto;
}


.col_im img {
  margin : 10px auto 10px auto;
}


.col1{
  padding : 10px;
  clear : right;
}

.col2{
  font-size: 16px;
  font-weight: bold;
  color:#003366;
  letter-spacing: 2px;
  padding-left:20px;
  float:left;
}

.clear {
  clear:both;
}


#top_news{
  width:80%;
  margin : auto;
}

#top_news h3 {
  border-left : 5px solid #9999CC;
  border-bottom:1px solid #CCCCCC;
  text-decoration:none;
}

#top_news .head {
width:550px; display:block; }

#top_news div{
  border:1px solid #CCCCCC;
  font-size: 12px;
  margin: 5px 30px 5px 30px;
  padding:5px;
}

#top_news ol {
margin-left:40px;
margin-right:20px;
}



#flowchart {

}
#flowchart h2 {
margin :10px auto 10px auto;
padding : 20px;
width : 400px;
border : 2px solid #CCCCCC;
  text-align: center ;
}

#flowchart p {
  margin-left:200px;
  font-weight:bold ;
  font-size: 16px;
  color :#CC6600;   }

.td_vert{
    font-weight:bold ;
     background-color:  #F4CA74 ;
  color: #993333;
  text-align:left;
}

.td_vert1{
    font-weight:bold ;
     background-color:  #F4CA74 ;
  color: black;
  text-align:left;
}


.td_vert_wh{
     background-color:#FFFFFF;
      color: #993333;
       font-weight:bold ;
}

.title_td {
  background-color: #FFFF99;

}


.td_hor{
font-weight:bold;
background-color:#EEEEEE;
color:#993333;
}

#links li {
margin-left:50px;
  padding:10px;
  list-style-type: square;
  color :#9933CC; }


/** for transport **/
.item_ab {
  font-size: 18px;
  color: #000000;
  font-weight:bold;
}
.item_red {
  font-size: 18px;
  color: #FF0000;
  font-weight:bold;
}

.red {
  color: #FF0000;
  font-weight:bold;
}

.details {
  width: 500px;
}

.details dt {
  font-size: 13px;
}

/** nikkei **/
#table_comp {
    width:95%;
}

#table_comp .alrght {
  text-align: right;
  width:10px;
}

.alrght {
    text-align: right;
}
/** concept **/

#concept li{
  color: #000000;
  list-style-type: none;
  padding-left : 20px;
}
/** contact */
#mess_error{
  border: 2px solid red;
  padding:20px;
  width:480px;
  font-size: 14px;
  font-weight:bold;
  color : red;
  margin: 10px auto 10px auto ;
}

#message{
  border: 2px solid brown;
  padding:20px;
  width:480px;
  font-size: 14px;
  font-weight:bold;
  margin: 10px auto 10px auto ;
}
/** advantage personal */

#personal {
  width:300px;
  margin:10px auto 10px auto ;
}

.tab90 {
    width:90%;
}
.tab80 {
    width:80%;
}

.padlft{
 padding-left:50px;
}

.middle{
  vertical-align: middle;
}

.wb{

}

.wb_col1{
  width: 140px;
}


.wb ul {
  float:left;
}

.wb li {
   width: 110px;
   list-style-type: square;
   color:#990099
}

.close{
  width:700px;
  border-top: 1px solid #636BAC;
  padding:10px;
  background-color: #FFFFFF;
  text-align:center;
}


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

#menu_left{
	display: inline;
	float: left;
	width: 180px;
    background-color: #EEEEEE;
    border-bottom: 3px solid #636BAC;
    border-right: 1px solid #636BAC;
}

#menu_left ul {
 padding-left:0px;
 margin-left:0px;
 margin-right:0px;
}


#menu_left li {
 list-style-type: none;
 padding-left:10px;
 padding-right:10px;

}

#menu_left li a {
  background-color: #FFFFFF;
  display: block;
  padding: 2px 10px 2px 10px;
  border-bottom: 1px solid #EEEEEE;
}

#menu_left li .title  a  {
 background-color: #FFFFCC;
}


#menu_left li a:hover {
  background-color: #EEEFFF;
}



#menu_left .title {
font-weight: bolder;
  background-color: #636BAC;
  color : #FFFF66;
  line-height: 30px;
}

#menuleft .item {

}


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

#top_page{
  clear:both;
  padding :15px;
  text-align: right;
}

.go_top_page{
  padding-right :20px;
  text-align: right;
}

#menu_bottom {
 margin :20px;
 padding : 10px;
  border : 1px solid #CCCCCC;
}


#menu_bottom a {
  padding: 10px;
}

#menu_footer{
  border-top : 2px solid #CCCCCC;
   padding : 10px;
}

#menu_footer a {
  padding: 10px;
}
/*news-------------------------------------------------------*/

#news{
padding:20px;
}

#news div {
	padding-left:25px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	font-size: 12px;
}

.newsMenu li{
	list-style-type: none; float:left;
	padding: 5px 10px;
}
#news ol {
margin : 5px 50px;
}

.right{text-align:right;}
.center{text-align:center;}
/*-----------------------------------------------------------*/
/*interview-------------------------------------------------------*/
.section1 p {font weight:bold;
}
.section h2{
	font-size: 14px;
	padding:0px 10px 0px 10px;
	width: 600px;

	color: #003399;
	margin-left:20px;
	background-color: #CCFF99;
}

.section p{
 font-size: 12px;
 margin: 5px 30px 5px 30px;
width: 550px;

}
/*-----------------------------------------------------------*/

#footer{
  clear :both;
  background-color: #636BAC;
  padding:10px;
  color : #FFFFFF;
  /* ----*/
}


#fp {
height:275px; background-color:#FFFFFF; margin:15px 30px;border:1px solid #996600;
}
#fp .hide {
	display:none;
}

#fp h1 {
	background-color:#636BAC;
	margin-bottom:0px;
	border-bottom:3px solid #CC0000;
	color:#FFFFFF;
}
#fp .show {
	display:block;
}


#fpm{
	width:160px;
	height:225px;
	float:left;
	background-color:#636BAC;
}
#fpm ul{padding:0px;margin:0px;}

#fpm ul li{
	padding:5px 5px 5px 15px;
	display:block;
	text-decoration: none;
	border-bottom:1px solid #996600;
	background-color:#dddddd;
	color:#333333;
	font-weight:bolder;
	border-right:1px solid #996600;
	border-left:3px solid #dddddd;
}

#fpc {width:480px; float:left; background-color:#FFFFFF;padding:5px;}
#fpc ul li {font-size:11px; padding-top:5px; color:#000000; }

.addpad{margin-top:20px; margin-bottom:10px;}

#top-interview {border:1px solid #CC0000; margin:10px 30px; padding:10px; }
#top-interview h2 {margin:0px; padding 5px;}
#top-interview h2 a { text-decoration:none;}
#top-interview p {margin:0px; padding 5px;}