body {

	background-image:url(../images/body_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#effdff;


	
}






a:link { color: #6FBA2C; }
a:visited { color: #638243; }
a:hover { color: #ff6600; }
a:active { color: #ff6600; } 

#wrapper {
	margin:0;
	}
	
	
#container {

	width:980px;
	margin:0 auto;
	background-image:url(../images/common_bg.png);
	background-position:center;
	background-repeat:repeat-y;
	
	}
	
#headerArea {

	width:960px;
	height:73px;
	background-image:url(../images/header_bg.gif);
	background-position:center;
	background-repeat:repeat-x;
	margin:0 auto;
	
	
	}

.header_logo { float:left;}
.header_num { float:left; width:400px; text-align:right; margin-right:10px;}	
.header_menu { float:left; margin-top:42px;}


#gnav{
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#main {
	width: 960px;
	margin: 0 auto;
	clear: both;
	background: #fff;
	padding: 20px 0 20px;
}


#contents{	
	width:960px;
	background-color:#FFFFFF;
	margin:0 auto;


}


#content {
	float: right;
	width:700px;
	margin:0;
}

.sub_content{ width:673px; margin: 0 10px 0 0; }



.sub_title{ padding-top:40px; padding-bottom:25px;}
.sub_title2{ font-size:14px;border-bottom:1px dotted #aaaaaa; font-weight:bold; width:640px; margin:0 auto; padding:30px 0 0 0px; line-height:23px; }

.sub_content p { padding: 10px 25px 10px 30px; line-height:23px;}


.font_1{ color:#2068ba; padding:15px 0 10px 0; text-align:center;}
.font_2{text-align:center; font-size:11px; letter-spacing:-1;}
.font_3{ text-align:left; font-size:11px; padding-top:15px;}
.font_4{ padding-left:15px; padding-bottom:5px; }
.font_5{ color:#e5f0f7;}
.font_6{color:#00539f; font-weight:bold; font-size:14px;}
.font_7{ font-size:10px; font-weight:lighter; margin-left:10px;}
.font_8{font-size:14px;font-weight:bold;}
.font_8 a { text-decoration:none; color:#2068ba;}
.font_8 a:hover { text-decoration:underline; color:#2068ba;}

.font_9{  font-size:14px;}
.font_10{  font-size:14px; color:#00539f; font-weight:bold; text-align:center;}


.box_1{width:646px; margin:0 auto;background-color:#e5f0f7; padding:10px 0 10px 0;}
.box_2{ padding:10px 25px 10px 25px; }
.box_3{ padding-top:30px;}
.box_4{ padding:20px 0 10px 0; text-align:center;}
.box_5{ padding-top:5px;}

.box_6{width:600px; margin:0 auto;background-color:#e5f0f7; padding:5px 0 5px 0;}
.box_7{ padding:10px 0 20px 0;}

.box_8{ border-bottom:1px dotted #d3d4d6;}
.box_9{ padding:5px 5px 20px 40px;}

.box_9 a{ text-decoration:none;color:#212930;}
.box_9 a:hover{ text-decoration:underline;color:#2068ba;}

.sub_content ul { list-style:none;  overflow:auto;display:table; table-layout:fixed;overflow-x:hidden;  width:646px; margin:0 auto;}
.sub_content ul li{ float:left; }

.sitemap li{ float:none;}






.com_info { border-bottom:1px dotted #d3d4d6; padding: 5px 0 5px 0;}
.left{ background-color:#e5f0f7; width:158px; text-align:center; color:#0046ad; font-weight:bold;}


.com_info2 { background-color:#e5f0f7;border-bottom:1px dotted #aaaaaa; }
.left2{  width:180px; text-align:center; color:#0046ad;  padding: 3px 0 3px 0;  }
.right2{ background-color:#FFFFFF; width:466px;padding: 3px 0px 3px 0px;  }




.concept_img{ width:150px; text-align:left; padding-top:15px;}

.up{width:672; background-color:#FFFFFF; text-align:right; padding-right:30px; padding-top:50px;}



#side-bar {
	width: 240px;
	float: left;
	margin: 0;
}
#side-bar #lnav {
	width: 212px;
	float: right;
	padding-bottom: 28px;
}
#side-bar #sub_parts {
	width: 212px;
	float: right;
	padding-bottom: 28px;
}



#footer_container{

	background-image:url(../images/footer_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:980px;
	margin:0 auto;
	height:73px;
}

#footerArea{
	background-color:#FFFFFF;
	background-image:url(../images/copyright.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:29px;
	width:960px;
	margin:0 auto;


}

.footer{ padding-left:40px; padding-top:6px; font-weight:bold; color:#0066CC; text-align:left;}

.footer a{ text-decoration:none; color:#0066CC;}
.footer a:hover{ text-decoration:underline; color:#0066CC;}



.top_menu{ 
	margin:0 auto 0 auto;
	padding-bottom:-1px;
    width:906px;
	}
.top_bottom{ vertical-align:top; border:0;}
.top_menu ul{list-style:none; margin:0 auto; width:906px; }
.top_menu ul li{ float:left;}
.top_menu ul li a {
	display: block;
}


.second_menu{ 

	margin:0 auto 0 auto;
	padding-bottom:-1px;

    width:960px;
	height:38px;
	padding-bottom:20px;
	}
.second_menu ul{list-style:none; margin:0 auto; width:960px; }
.second_menu ul li{ float:left;}


.contents_main{
	width:896px;
	margin:0 auto;
	float:none;
}

.contents_main table{ margin:0 auto; text-align:center;}

.top_new{ width:270px; margin:0 auto; line-height:22px; text-align:left;}
.top_new p { padding-top:10px; padding-bottom:10px;}
.top_new .top_img { text-align:center; }
.top_new .top_img img { padding:0 30px 0 0;}

.top_service{ width:574px;  margin:0 auto;}
.top_service table img{ padding:15px 5px 5px 5px;}


.verisign{ text-align:center; padding-top:20px;}
.verisign img{ padding:0 5px 0 5px;}



.news_list{
	float:left;
	width:567px;
	height:161px;
	background-color:#eff5f9;
	margin:5px 0px 5px 20px;
	border:1px solid #b9b9b9;
}

.news_title{ margin:10px auto 10px auto; text-align:center;}
.news_text{ width:542px; margin:0 auto; letter-spacing:-1px;}






/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; position: relative; z-index:10;list-style:none; float:left; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }


#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; display:inline; clear: both; }

    
/* Essentials - configure this */

.nav_02{ border-bottom:3px solid #1c599c;}


#nav ul ul { top:-35px; _margin:35px 0 0 0; left:195px; width:210px; background-color: #ffffff;  letter-spacing:-1px; border-top:3px solid #1c599c ;list-style:none;  visibility:visible; z-index:1500;      }


*:first-child+html #nav ul ul{ top:0;}







/* Everything else is theming */
 
#nav a { color: #000000; font-size: 12px;  text-decoration:none; }

#nav ul { top: 0px; left:0px; width:181px; border-bottom:3px solid #1c599c; list-style:none; display: none; position: absolute; visibility:visible; clear:both; margin: 0; padding: 0;   }
#nav ul li .over_img { padding:0; border:0px; background:none;}
#nav ul li .over_img:hover{ padding:0; border:0px; background:none;}


#nav ul li a {   padding-top:10px; padding-bottom:10px; padding-left:20px; background-color:#ffffff; color:#1c599c; background-image:url(../images/navi_icon.gif); background-position:left; background-repeat:no-repeat; height:1%;  }
#nav ul a:hover {background-color:#2069bc; color:#ffffff; font-weight:bold; border-bottom:1px solid #2069bc; background-image:url(../images/navi_icon_up.gif); background-position:left; background-repeat:no-repeat;}
#nav ul a { border-bottom: 1px solid #97c5eb; border-left:3px solid #1c599c; border-right:3px solid #1c599c;  }



.navi_line{border-bottom:2px solid #FFFFFF;}
.bottom_line{ height:3px; _margin:-10px 0 0 0;}





.clearfix:after { 
  content: ".";  /* 新しい要素を作る */ 
  display: block;  /* ブロックレベル要素に */ 
  clear: both; 
  height: 0; 
} 

.clearfix {
  min-height: 1px;
  display: inline-table;
  zoom: 100%;
  overflow: hidden;
} 

* html .clearfix { 
  height: 1px; 
  /*\*//*/ 
  height: auto; 
  overflow: hidden; 
  /**/ 
}


.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(../images/text_02.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	width: 40px;
	height: 19px;
}

.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(../images/text_03.jpg);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: left;
	width: 40px;
	height: 19px;
}

.largeFont {
	background: url(../images/text_04.jpg);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 38px;
	height: 19px;
}