@charset "utf-8";


/*-----------------------------------------------
　クリアフィックス 
-------------------------------------------------*/

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }


/*-----------------------------------------------
　全体
-------------------------------------------------*/

body{
	width:100%;
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#333333;
	text-align:center;
	line-height:160%;
}

img{
	vertical-align:bottom;
	display: block;
	margin:0;
	border: 0px;
	padding: 0px; 
}

p{
	padding-bottom:20px;
}

h3{
	padding-bottom:20px;
}


h4{
	width:400px;
	height:18px;
	line-height:26px;
	background:#23206C;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	padding:0px 0px 10px 10px;
}


#wrapper{
	text-align:left;
	margin:0 auto;
	width:800px;
}




/*-----------------------------------------------
　共通（コンテンツエリア）
-------------------------------------------------*/

/* ぱんくず */
.pankuzu{
	padding-top:10px;
	font-size:10px;
}

/* タイトルイメージ */
.common_titleimg{
	padding-left:20px;
}

/* タイトル下のボーダー */
.common_hr{
	border: 2px solid #003876;
	background-color: #003876;
	margin:10px 0px 10px 20px;
}

/* ２段組 */
#content{
	width:800px;
}

.common_divboxleft{
	width:620px;
	float:left;
}

.common_divboxright{
	width:180px;
	float:left;
}



/*-----------------------------------------------
　共通（ヘッダー）
-------------------------------------------------*/

header{
	background:url(../img/header_bg.jpg);
	height:95px;
}


.header_left{
	width:380px;
	float:left;
}

.header_right{
	width:420px;
	position:relative;
	top:56px;
	float:left;
}

#header_nav ul{

}

#header_nav li{
	margin-right:4px;
	float:left;
}


/*-----------------------------------------------
　共通（フッター）
-------------------------------------------------*/

#footer_nav{
	position: relative;
	overflow: hidden;
}

#footer_nav ul{
	position: relative;
	left: 50%;
	float:left;
}

#footer_nav li{
	margin-right:1px;
	position: relative;
	left: -50%;
	float: left;
}

#footer_nav a:hover img{
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}

.copyright{
	padding-right:35px;
	display:block;
	text-align:right;
	font-size:10px;
	color:#000000;
}


/*-----------------------------------------------
　共通（サブナビゲーション）
-------------------------------------------------*/

aside {
	width:160px;
	padding-left:10px;
}

aside li{
	border-top:1px solid #23206C;
}

aside li a {
    color: #23206C;
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 100%;
    padding: 30px 0;
    text-align: center;
    text-decoration: none;
    width: 160px;
}

aside li a:hover{
	background-color:#E9E9F1;
}

aside li.navi_top {
    background: #E9E9F1;
}

aside li.navi_top a {
    background: #E9E9F1;
}

.bottomline{
	border-top:1px solid #23206C;
	border-bottom:1px solid #23206C;
}

.aside_contact{
	margin-top:30px;
	margin-bottom:30px;
}

.aside_contact a:hover img{
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


/*-----------------------------------------------
　トップページ
-------------------------------------------------*/

.top_mainimage{
	position:relative;
}

.top_contact{
	position:absolute;
	top:248px;
	left:608px;
}

.top_contact a:hover img{
	opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

.top_section{
	padding:20px 20px 15px 20px;
}

.top_section p{
	padding-left:10px;
}

.top_list{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
}

/*-----------------------------------------------
　サービス
-------------------------------------------------*/

.servicebox{
	padding:20px;
}

.servicebox p{
	padding-left:10px;
	padding-bottom:0px;
}

.service_hr2{
	background-color:#23206C;
	margin:10px 0px 10px 0px;
}

.servicebox td{
	padding:1px;
}





/*-----------------------------------------------
　ニュース
-------------------------------------------------*/

.newsbox{
	padding:20px;
}


.news_h3{
	padding-bottom:20px;
	font-size:18px;
	font-weight:bold;
	color:#003876;
}
	
.news_list{
	list-style-type:none;
	list-style-position:outside;
	padding-left:30px;
}

/*-----------------------------------------------
　会社情報
-------------------------------------------------*/

.profilebox{
	padding:20px;
}

.profilebox table{
	width:500px;
	margin-left:30px;
	border: 2px solid #ffffff;
}

.profilebox td, th{
	border:1px solid #333;
	padding:5px 5px;
}

.profilebox th{
	width:100px;
}

.profilebox td{
	width:500px;
}