@charset "UTF-8";
/* CSS Document */

@import "reset.css";
@import "font.css";


#background{
	background-image:url(../img/common/bg.gif);
	background-repeat: repeat;
}

#shadow_top{
	width:1030px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/common/shadow_top.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
}

#container{
	width:1018px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#header_top{
	height:55px;
	background-color:#333;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 24px;
}

#contents{
	padding-top:35px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

#contents_top_l{
	width:650px;
	margin-right:8px;
	float:left;
}

#contents_top_r{
	width:320px;
	float:left;
}

#footer_top{

}

#footer{
	background-color:#333;
	height:30px;
	padding-top:10px;
}

#footer_l{
	float:left;
	margin-left:20px;
}

#footer_l ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#footer_l li { 
display : inline; 
padding :0px;
float:left; 
}

#policy a{
	width: 113px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_policy.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:5px;
}

#policy a:hover {
	width: 113px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_policy_on.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:5px;
}

#privacy a{
	width: 149px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_privacy.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:5px;
	margin-left:5px;
}

#privacy a:hover {
	width: 149px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_privacy_on.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:5px;
	margin-left:5px;
}

#cookie a{
	width: 137px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_cookie.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:5px;
	margin-left:5px;
}

#cookie a:hover {
	width: 137px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_cookie_on.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:5px;
	margin-left:5px;
}

#glossary a{
	width: 47px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_glossary.gif);
	background-repeat: no-repeat;
	margin-left:5px;
}

#glossary a:hover {
	width: 47px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/common/f_glossary_on.gif);
	background-repeat: no-repeat;
	margin-left:5px;
}


#footer_r{
	float:right;
	font-size:10px;
	height:20px;
	line-height:200%;
	color:#FFF;
	margin-right:20px;
}

#copyright{
	float:right;
	font-size:11px;
	height:15px;
	padding-top:2px;
	padding-right:5px;
}

#header_top_l h1 a{
	background-image:url(../img/top/logo.gif);
	background-repeat: repeat;
	height: 42px;
	width: 205px;
	text-indent: -9999px;
	display: block;
}

#header_top_l{
	width:205px;
	float:left;
}

#header_top_r{
	float:right;
}

#header_list {
	height: 12px;
	background-image: url(../img/top/h_logo.gif);
	background-repeat: no-repeat;
	width: 254px;
	padding-top: 17px;
	margin-top: 20px;
}

#header_list ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#header_list li { 
display : inline; 
padding :0px;
float:left; 
}

#home a{
	width: 39px;
	height: 12px;
	margin-right:12px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_home.gif);
	background-repeat: no-repeat;
}

#home a:hover {
	width: 39px;
	height: 12px;
	margin-right:12px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_home_on.gif);
	background-repeat: no-repeat;
}


#inquiry a {
	width: 71px;
	height: 12px;
	margin-right:11px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_inquiry.gif);
	background-repeat: no-repeat;
}

#inquiry a:hover {
	width: 71px;
	height: 12px;
	margin-right:11px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_inquiry_on.gif);
	background-repeat: no-repeat;
}

#sitemap a {
	width: 60px;
	height: 12px;
	margin-right:11px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_sitemap.gif);
	background-repeat: no-repeat;
}

#sitemap a:hover {
	width: 60px;
	height: 12px;
	margin-right:11px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_sitemap_on.gif);
	background-repeat: no-repeat;
}

#company a {
	width: 50px;
	height: 12px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_company.gif);
	background-repeat: no-repeat;
}

#company a:hover {
	width: 50px;
	height: 12px;
	text-indent: -9999px;
	display:block;
	background-image: url(../img/top/h_company_on.gif);
	background-repeat: no-repeat;
}

#history {
	margin-top:8px;
}

#history_header {
	width:650px;
	height:25px;
	background-image:url(../img/top/t_history.gif);
	background-repeat: no-repeat;
}

#history_back a{
	display:block;
	width:95px;
	height:17px;
	background-image: url(../img/top/backnumber.gif);
	background-repeat: no-repeat;
	margin-top:8px;
	float:right;
	text-indent: -9999px;
}

#history_back a:hover{
	background-image: url(../img/top/backnumber_on.gif);
	background-repeat: no-repeat;
	margin-top:8px;
	float:right;
}

#history_list {
	background-color:#424242;
	padding-top:10px;
	padding-bottom:30px;
	padding-left:12px;
	padding-right:12px;
	font-size:11px;
	height: 95px;
}

#history_list li{
	margin-bottom:10px;
	line-height:150%;
	color:#FFF;
	text-decoration: underline;
}

#history_list li a{
	margin-bottom:10px;
	line-height:150%;
	color:#FFF;
}

#history_list li a:hover{
	margin-bottom:10px;
	line-height:150%;
	color:#FFF;
	text-decoration:none;
}

.data{
	height:14px;
	background-image:url(../img/top/icon_data.gif);
	background-repeat:no-repeat;
	padding-left:90px;
}

.news{
	height:14px;
	background-image:url(../img/top/icon_news.gif);
	background-repeat:no-repeat;
	padding-left:90px;
}

.maintenance{
	height:14px;
	background-image:url(../img/top/icon_maintenance.gif);
	background-repeat:no-repeat;
	padding-left:90px;
}

#about_bpn{
	margin-bottom:10px;
}

#service{
	border:1px solid #CCC;
	padding-top: 5px;
	padding-left: 3px;
	background-color: #FFF;
	margin-bottom:10px;
}

#service_title{
	background-image:url(../img/top/t_service.gif);
	width:312px;
	height:24px;
	margin-bottom:7px;
	text-indent: -9999px;
}

#service img{
	margin-left:6px;
	margin-bottom:9px;
	
}

#contact{
	width:320px;
	height:61px;
	background-image:url(../img/top/contact.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding-top:24px;
}

#contact_button a{
	width: 155px;
	height: 35px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/contact_button.gif);
	background-repeat: no-repeat;
	margin-left:157px;
}

#contact_button a:hover {
	width: 155px;
	height: 35px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/contact_button_on.gif);
	background-repeat: no-repeat;
	margin-left:157px;
}

#other_service{
	background-image:url(../img/top/other_service_bg.gif);
	padding: 3px;	
}

#other_service_inner{
	background-color:#FFF;
	padding:7px;
	
}

#other_service_title{
	width:300px;
	height:16px;
	background-image:url(../img/top/t_other_service.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	margin-bottom:10px;
}

#other_service_inner ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#other_service_inner li { 
display : inline; 
padding :0px;
float:left; 
}

#trust a{
	width: 146px;
	height: 30px;
	margin-right:8px;
	margin-bottom:8px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_trust.gif);
	background-repeat: no-repeat;
}

#trust a:hover {
	width: 146px;
	height: 30px;
	margin-right:8px;
	margin-bottom:8px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_trust_on.gif);
	background-repeat: no-repeat;
}

#dejavu a{
	width: 146px;
	height: 30px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_dejavu.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}

#dejavu a:hover {
	width: 146px;
	height: 30px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_dejavu_on.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}

#custom a{
	width: 146px;
	height: 30px;
	margin-right:8px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_custom.gif);
	background-repeat: no-repeat;
}

#custom a:hover {
	width: 146px;
	height: 30px;
	margin-right:8px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_custom_on.gif);
	background-repeat: no-repeat;
}

#directry a{
	width: 146px;
	height: 30px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_directry.gif);
	background-repeat: no-repeat;
}

#directry a:hover {
	width: 146px;
	height: 30px;
	text-indent: -9999px;
	display:block;
	background-image:url(../img/top/br_directry_on.gif);
	background-repeat: no-repeat;
}