@charset "Shift_JIS";

/*----------------------------------------------------
デフォルトの定義
----------------------------------------------------*/

html {
	height: 100%;
	text-align: center;
}

body {
	height: 100%;
	text-align: left;
	margin: 0 auto;
}

* html div#container {
	height: 100%;
}

div#container {		/* コンテナ（コンテンツとフッターを含むサイトの構成要素すべてを囲む） */
	width: 900px;	/* サイトの横幅を入力 */
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	background-color: #FFFFFF;
}

div#container-bg {		/* left-naviの背景 */
	width: 900px;	/* サイトの横幅を入力 */
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	background-color: #FFFFFF;
	background-image: url(../../common/img/bg_navi.gif);
	background-repeat: repeat-y;
}


body > #container {
	height: auto;
}



/*----------------------------------------------------
レイアウトの定義
----------------------------------------------------*/

/* BG */
#bg-side {
	width: 100%;
	height: 100%;
	background-image: url(../img/bg_side.jpg);
	background-repeat: repeat-x;
}

/* コンテンツ（フッターより上の要素を囲む） */
div#contents {
	padding-bottom: 38px; /* div#contentsと#footerの高さを合わせる */
}

/* フッター */
#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 38px;/* div#contentsと#footerの高さを合わせる */
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
}

#footer-inner {
	padding: 5px 15px 0 15px;
	font-size: 65%;
	color: #000000;
}

/*------------------------------------
以下、コンテンツ内の要素
------------------------------------*/

/* ヘッダー */
#header {
	width: 900px;
	height: 74px;
	background-image: url(../img/bg_header.jpg);
	background-repeat: repeat-x;
}

#header-logo {
	float: left;
	width: 215px;
}

#global-navi ul {
	float: right;
	width: 533px;
}

#global-navi li {
	float: left;
	width: 133px;
}

/* ヘッダー HOME */
#global-navi .h-btn-home a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_home.jpg);
}	

#global-navi .h-btn-home a:hover {
	background-image: url(../img/h_home_s.jpg);
}	

#global-navi .h-btn-home-on a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_home_s.jpg);
}	

/* ヘッダー プライバシーポリシー */
#global-navi .h-btn-privacy a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_privacy.jpg);
}	

#global-navi .h-btn-privacy a:hover {
	background-image: url(../img/h_privacy_s.jpg);
}	

#global-navi .h-btn-privacy-on a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_privacy_s.jpg);
}	

/* ヘッダー サイトマップ */
#global-navi .h-btn-sitemap a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_sitemap.jpg);
}	

#global-navi .h-btn-sitemap a:hover {
	background-image: url(../img/h_sitemap_s.jpg);
}	

#global-navi .h-btn-sitemap-on a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_sitemap_s.jpg);
}	

/* ヘッダー コンタクト */
#global-navi .h-btn-contact a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_contact.jpg);
}	

#global-navi .h-btn-contact a:hover {
	background-image: url(../img/h_contact_s.jpg);
}	

#global-navi .h-btn-contact-on a {
	width: 133px;
	height: 74px;
	display: block;
	background-image: url(../img/h_contact_s.jpg);
}	

/* フラッシュエリア */
#flash-area {
	width: 900px;
	height: 300px;
}



/* mid-navi */
#mid-navi ul {
	float: left;
	width: 900px;
}

#mid-navi li {
	float: left;
	width: 300px;
}

/* mid-navi トップメッセージ */
#mid-navi .m-btn-message a {
	width: 300px;
	height: 90px;
	display: block;
	background-image: url(../../img/b_message.jpg);
}	

#mid-navi .m-btn-message a:hover {
	background-image: url(../../img/b_message_s.jpg);
}	


/* mid-navi 会社案内 */
#mid-navi .m-btn-corporate a {
	width: 300px;
	height: 90px;
	display: block;
	background-image: url(../../img/b_corporate.jpg);
}	

#mid-navi .m-btn-corporate a:hover {
	background-image: url(../../img/b_corporate_s.jpg);
}	


/* mid-navi 業務案内 */
#mid-navi .m-btn-business a {
	width: 300px;
	height: 90px;
	display: block;
	background-image: url(../../img/b_business.jpg);
}	

#mid-navi .m-btn-business a:hover {
	background-image: url(../../img/b_business_s.jpg);
}	




/* サイドナビ --いずれかを選択 */
/*
#left-navi {
	float: left;
	width: 200px;
	background-color: #66CCFF;
}
*/

#main-navi {
	width: 900px;
}

#right-navi {
	float: right;
	width: 275px;
}

#right-navi-inner {
	margin: 33px 25px 25px 0;
}

#right-navi-inner ul {
	width: 250px;
}

#right-navi-inner li {
	padding-bottom: 10px;
}

/* right-navi AHS */
#right-navi-inner .r-btn-ahs a {
	width: 250px;
	height: 121px;
	display: block;
	background-image: url(../img/r_banner_ahs.jpg);
}	

/* right-navi ATMJ */
#right-navi-inner .r-btn-atmj a {
	width: 250px;
	height: 55px;
	display: block;
	background-image: url(../img/r_banner_atmj.jpg);
}	

#right-navi-inner .p-mark {
	padding-bottom: 10px;
	text-align: right;
}



/* メインエリア --いずれかを選択 */
#left-navi {
    float:left;
	bottom: 0px;
	width:230px;
}




#left-navi-inner {
    float:left;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}




/*
#right-main {
	float: right;
	width: 580px;
	background-color: #FFFFCC;
}*/





/*トップレフトエリア*/

#left-main {
	float: left;
	padding: 35px 0 25px 30px;
	background-color: #FFFFFF;
}


#left-main-bg {
	width: 570px;
	background-image: url(../../img/line_vertical.jpg);
	background-repeat: repeat-y;
}

#left-main-bg-inner {
	padding-right: 15px;
}


.m-tit {
	width: 555px;
	height: 30px;
}

.m-tit-news {
	float: left;
}

/* 一覧を見る */
.m-tit-list {
	float: left;
	width: 90px;
	height: 32px;
}

.m-tit-list a {
	width: 90px;
	height: 32px;
	display: block;
	background-image: url(../img/b_list.jpg);
}	

.m-tit-list  a:hover {
	background-image: url(../img/b_list_s.jpg);
}	

#news-detail {
}

.m-line-dot555 {
	padding: 10px 0 10px 0;
}

dl.news-list dt {
	clear: left;
	float: left;
	width: 105px;
	line-height: 135%;
}

dl.news-list dd {
	padding-left: 3em;
	line-height: 135%;
}


/*----------------------------------------------------
その他の定義
----------------------------------------------------*/

/* 親要素でfloatを解除する .clearfix 開始 */
.clearfix:after {		/* IE以外のブラウザ用 */
	content: ".";		/* 新しい要素を作る */
	display: block;		/* 新しい要素をブロックレベル要素に */
	clear: both;		/* ブロックレベル要素をクリア */
	height: 0;			/* 高さを0pxに */
	visibility: hidden;	/* 表示しない */
}

.clearfix {				/* 要素の幅か高さを指定した場合，floatした子要素の高さも含めて算出するIEのバグを利用 */
	min-height: 1%;	/* IE7用 */
}

* html .clearfix {
	height: 1%;				/* IE6以前用 前行のimportantによってIE6以前にもmin-heigtと同じ動作をさせる */
}

/* Mac IE5.x用 Mac IE5.xのみ読んでしまうコメントアウトの書き方でinline-tableを当てる */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/
/* 親要素でfloatを解除する .clearfix 終了 */


#global-navi span, #mid-navi span, #right-navi-inner span, .m-tit-list span, #left-navi-inner span{
	display: none;
}


/* スペーサー */
.space-30 {
	padding-bottom: 30px;
	background-color: #FFFFFF;
	display: block;
}

.space-20 {
	padding-bottom: 20px;
	background-color: #FFFFFF;
	display: block;
}

.space-10 {
	padding-bottom: 10px;
	background-color: #FFFFFF;
	display: block;
}

.space-5 {
	padding-bottom: 5px;
	background-color: #FFFFFF;
	display: block;
}