@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;
	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: 215;
}

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

#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: 325px;
}

/* 第二階層タイトルエリア */
#title-area {
	width: 900px;
	height: 170px;
}

/* 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: 123px;
	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 .m-btn-message-on a {
	width: 300px;
	height: 123px;
	display: block;
	background-image: url(../../img/b_message_s.jpg);
}	

/* mid-navi トップメッセージ第二階層 */
#mid-navi .m-btn-2message a {
	width: 300px;
	height: 43px;
	display: block;
	background-image: url(../img/b_2message.gif);
}	

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

#mid-navi .m-btn-2message-on a {
	width: 300px;
	height: 43px;
	display: block;
	background-image: url(../img/b_2message_o.gif);
}	

/* mid-navi 会社案内 */
#mid-navi .m-btn-corporate a {
	width: 300px;
	height: 123px;
	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 .m-btn-corporate-on a {
	width: 300px;
	height: 123px;
	display: block;
	background-image: url(../../img/b_corporate_o.jpg);
}	

/* mid-navi 会社案内第二階層 */
#mid-navi .m-btn-2corporate a {
	width: 300px;
	height: 43px;
	display: block;
	background-image: url(../img/b_2corporate.gif);
}	

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

#mid-navi .m-btn-2corporate-on a {
	width: 300px;
	height: 43px;
	display: block;
	background-image: url(../img/b_2corporate_o.gif);
}	


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

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

#mid-navi .m-btn-business-on a {
	width: 300px;
	height: 123px;
	display: block;
	background-image: url(../../img/b_business_s.jpg);
}	

/* mid-navi 業務案内第二階層 */
#mid-navi .m-btn-2business a {
	width: 300px;
	height: 43px;
	display: block;
	background-image: url(../img/b_2business.gif);
}	

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

#mid-navi .m-btn-2business-on a {
	width: 300px;
	height: 43px;
	display: block;
	background-image: url(../img/b_2business_o.gif);
}	



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

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

#right-navi-inner {
	margin: 10px 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: 164px;
	display: block;
	background-image: url(../img/r_banner_ahs.jpg);
}	

/* right-navi ATMJ */
#right-navi-inner .r-btn-atmj a {
	width: 250px;
	height: 86px;
	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: 20px 15px 25px 15px;
}






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

/*第二階層メインエリア*/
#mid-main {
	float: right;
	width: 670px;
	height: 100%;
}

#mid-main-inner {
	float: left;
	padding:20px 20px 20px 20px;
}

#mid-main h3 {
     margin-bottom:10px;
}

.mid-main-detail {
	width: 630px;
}

.txtarea{
    padding:0px 0px 30px 10px;
}




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

#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-news {
	float: left;
}

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

.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%;
}

.txt-list {
	padding: 0px 0px 10px 0px;
}




dl.txt-list dt {
	clear: left;
	float: left;
	width: 2em;
	text-align: center;
}

dl.txt-list dd {
	padding-left: 2.5em;
}

.txt-list-annotation {
	padding: 0px 0px 10px 0px;
}

dl.txt-list-annotation dt {
	float: left;
	width: 60px;
	text-align: right;
	font-size: 83%;
}

dl.txt-list-annotation dd {
	padding-left: 60px;
	font-size: 83%;
}


#sennteibi {
	text-align: right;
	font-size: 83%;
	font-weight: bold;
	padding-bottom: 15px;
}


/*----------------------------------------------------
インデントの定義
----------------------------------------------------*/
.indent10 {
    padding:0px 0px 0px 10px;
}

.indent15 {
    padding:0px 0px 0px 15px;
}

.indent20 {
    padding:0px 0px 0px 20px;
}

.indent25 {
    padding:0px 0px 0px 25px;
}

.indent30 {
    padding:0px 0px 0px 30px;
}

.indent1em {
    padding:0px 0px 0px 1em;
}

.indent2em {
    padding:0px 0px 0px 2em;
}

.indent3em {
    padding:0px 0px 0px 3em;
}

.indent4em {
    padding:0px 0px 0px 4em;
}

.indent5em {
    padding:0px 0px 0px 5em;
}


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

/* 親要素で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;
}


/* イメージのスペース */
.img-space {
	padding: 0px 5px 5px 5px;
}

.img-space-l {
	padding: 0px 10px 5px 0px;
}

.img-space-r {
	padding: 0px 0px 5px 10px;
}

/* カラーテーブル */
.color-table {
	border:1px solid #CCCCCC;	
}

/* タイトル */
.color-table .title {
	width: 110px;
	padding: 5px;
	background-color: #F7F7F4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4E4E4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #444444;
	font-weight: bold;
}

/* 内容 */
.color-table .detail {
	width: 520px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	color: #555555;
	line-height: 180%;
}

/* ラインテーブル */
.line-table table {
}

/* タイトル */
.line-table .title-100 {
	width: 100px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	font-weight: bold;
	color: #555555;
}

.line-table .title-100-nl {
	width: 100px;
	padding: 10px 5px 10px 5px;
	font-weight: bold;
	color: #555555;
}

.line-table .title-130 {
	width: 130px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	font-weight: bold;
	color: #555555;
}

.line-table .title-2col {
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	font-weight: bold;
	color: #555555;
}

/* 内容 */
.line-table .detail-500 {
	width: 500px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

.line-table .detail-530 {
	width: 530px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

.line-table .detail-530-nl {
	width: 530px;
	padding: 10px 5px 10px 5px;
}

.line-table .detail-630 {
	width: 630px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}


.line-table .detail-360 {
	width: 350px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

.line-table .detail-520 {
	width: 520px;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

.r-img {
	float:right;
	padding:0px 0px 10px 10px;
	text-align: right;
}

.r-img-10 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.l-img-10 {
    padding:0px 10px 10px 0px;
}

.page-top {
	width: 100%;
	text-align:right;
}


/* サブタイトル */
.line-table .subtitle {
	color: #555555;
	font-size: 90%;
}

/* ご注意事項 */
.line-table .attention {
	color: #CC0000;
	font-size: 10px;
}

/* 横幅固定 */
.width-630 {
	width: 630;
}

.width-350 {
	width: 350px;
}


/* tooltip */
#tips {
	padding: 8px;
	border: 1px solid #333333;
//	display: none;
	background: #FFFFD9;
	color: #666666;
	font-size: 14px;
	line-height: 130%;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 1000;
}