@charset "utf-8";
/************************************/
/* 初期化 							*/
/************************************/
body, div, form, h1,h2,h3,h4,h5,h6, p, address, dl,dt,dd,ul,ol,li, table,th,td
{
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-style:normal;
}

/************************************/
/* ＨＴＭＬボディ					*/
/************************************/
body
{
	font-size:12px;
	background:#fff;
	color:#222;
}

div,span,strong,em,img,
	h1,h2,h3,h4,h5,h6,
	p,ul,ol,li,dl,dt,dd,
	form
{
	margin:0;
	padding:0;
	border:0;
}

hr
{
	display:none;
}

/****************************/
/* タグ						*/
/****************************/
h2,h3,h4,
	h2 a,h3 a,h4 a
{
	font-weight:bold!important;
}

a {
	color:#1020b0;
	text-decoration:none;
}

a:visited
{
	color:#1020b0;
	text-decoration:none;
}

a:hover
{
	color:#f63;
	text-decoration:underline;
}

em
{
	font-style:normal;
	font-weight:bold;
}

/**********
h1,h2,h3,h4,h5,h6,dt,th,strong,em
{
	font-style:normal;
	font-weight:normal;
}
*************/

li
{
	list-style:none;
}

img
{
	margin:0;
	padding:0;
	border:none;
}

table
{
	border-collapse:collapse;
}


#frame_outline,
	#header_frame,
	#guide_frame,
	#body_frame,
	#footer_frame,
	#main_frame, 
	#left_frame,
	#chatchCOPY,
	#gotoTOP
{
	zoom:100%;
}

/************
#frame_outline:after,
	#header_frame:after,
	#guide_frame:after,
	#body_frame:after,
	#footer_frame:after,
	#main_frame,:after 
	#left_frame:after,
	#chatchCOPY:after,
	#gotoTOP:after
{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0px;
}
*************/

/****************************************************************************/
/* 各フレームの定義															*/
/*	１．上下																*
/*		・ヘッダ															*/
/*		・ＴＯＰガイダンス（パンくずというらしい）							*/
/*		・ＴＯＰ広告														*/
/*		・ボディ															*/
/*		・ボトム広告														*/
/*		・フッタ															*/
/*																			*/
/*	２．ボディ																*/
/*		左・右の２分割構成。												*/
/*		左とセンターは、１ブロックの中に入れる。							*/
/*																			*/
/*	まず、全体のサイズを定義するために、 frame_outline を定義する。			*/
/*	そして、ヘッダ、ボディフレーム、フッタの３分割構成にする。				*/
/*	ボディは、２分割の外側を定義(frame_body)								*/
/*																			*/
/*	これらは、全て１回しか使わないので、 id にする							*/
/*	その中は、極力クラス定義とする。（例外あり）							*/
/****************************************************************************/
/************************************/
/* 全体の構成 						*/
/************************************/
#frame_outline
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	background:#FAFAFF;							/* 背景色		*/
	border:1px solid #310d77;					/* 外枠の色		*/
	width:780px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

/************************************/
/* ヘッダー部分 					*/
/*	frame_outline の中に入る		*/
/************************************/
#header_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#f6f6f6;							/* 背景色		*/
	border-top:2px solid #310d77;
	margin:0;
	padding:0;
	height:50px;
}

/************************************/
/* キャッチコピーブロック用			*/
/* 	header_frame の中に入る			*/
/************************************/
#catchCOPY {
/*	width:100%;							*/
/*	border-top:2px solid #310d77;		*/
/*	border-bottom:1px solid #949494;	*/
/*	background:#e6e6e6;					*/
/*	font-size:83%;						*/
/*	height:25px;						*/
	margin:0;
	padding:5px 0px 0px 0px;					/* 上に少し空白	*/
}

/************************************/
/* ガイドフレーム					*/
/*	frame_outline の中に入る		*/
/************************************/
#guide_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	border-top:1px solid #949494;
	border-bottom:2px solid #310d77;
	margin:0;
	padding:0;
}


/************************************/
/* フレームボディ					*/
/*	frame_outline の中に入る		*/
/************************************/
#body_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	margin:0;
	padding:0;
	width:776px;
}

/************************************/
/* フッターフレーム 				*/
/*	frame_outline の中に入る		*/
/************************************/
#footer_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	border-top:1px solid #949494;
	border-bottom:2px solid #310d77;
/*	background:#e6e6e6;							*/
	background:url("/images/bg_footer.gif") repeat-x;
	margin:0 auto;
	padding:5px 5px 0px 5px;					/* 上に少し空白	*/
	height:20px;
}

/************************************/
/* 左のサイドフレーム 				*/
/************************************/
#left_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	background:#f8f8ff;							/* 背景色		*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:132px;
/*	height:800px;	*/
	float:left;
}

/************************************/
/* センターフレーム 				*/
/************************************/
#main_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:644px;
	float:right;
}


/************************************/
/* 「ページ先頭へ戻る」のブロック	*/
/************************************/
#gotoTOP {
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	background:#f8f8ff;							/* 背景色		*/
	margin:2px 20px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}

#gotoTOP strong {
	font-weight:normal;
}


/************************************/
/* スタイルシートクリア 			*/
/*	「左右の回り込みの解除」 		*/
/************************************/
.clear_css
{
	clear:both;
	line-height:0;
	height:0;
	background:#f0f0ff;							/* 背景色		*/
}

/****************************************************************************/
/* 広告のブロック															*/
/****************************************************************************/
/************************************/
/* ＴＯＰ広告						*/
/************************************/
#adTop
{
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	height:90px;
	margin:10px auto!important;
	padding: 10px 0px 0px 0px;
	text-align:center;
}

/************************************/
/* 左上 							*/
/************************************/
#adLeftTop {
	border-width: 0px 0px 0px 0px;				/* ボーダー太さ */
//	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
//	border-style: dotted;						/* ボーダー種類 */
//	border-color: #dadada;						/* ボーダー色	*/
/*	width:200px;					*/
/*	height:200px;					*/
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	/* overflow: auto;	*/
//	background:#FAFAFF;
}

/************************************/
/* 左の中央 						*/
/************************************/
#adCenterLeft {
//	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
//	border-style: dotted;						/* ボーダー種類 */
//	border-color: #dadada;						/* ボーダー色	*/
/*	width:200px;					*/
	height:50px;
	margin:  0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
/*	overflow: auto;					*/
	background:#FAFAFF;
}

/************************************/
/* 左下 							*/
/************************************/
#adLeftBottom {
	border-width: 0px 0px 0px 0px;				/* ボーダー太さ */
//	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
//	border-style: dotted;						/* ボーダー種類 */
//	border-color: #dadada;						/* ボーダー色	*/
/*	width:200px;					*/
/*	height:200px;					*/
	height:100px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	/* overflow: auto;	*/
//	background:#FAFAFF;
}



/************************************/
/* ボトム広告						*/
/************************************/
#adBottom
{
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	height:20px;
	margin:10px auto!important;
	padding: 10px 0px 0px 0px;
	text-align:center;
}

/****************************************************************************/
/*																			*/
/*	それぞれのフレームの中の要素を定義										*/
/*																			*/
/****************************************************************************/

/************************************/
/* ヘッダ用要素 					*/
/************************************/
/* キャッチコピーの文章用			*/
#catchCOPY h1 {
	font-size:120%;
	margin:0;
	padding: 2px 0px 0px 5px;
	float:left;
	width:65%;
}

/* キャッチコピーの文章用			*/
#catchCOPY p {
	margin:0;
	float:left;
	width:65%;
}

/* キャッチコピーの右のメニュー「ヘルプ・サイトマップ」など	*/
#catchCOPY p.help_guide {
	float:none;
	width:auto;
	text-align:right;
	margin-right:10px;
}

/* キャッチコピーの背景用	*/
#header_frame .LogoFrame {
/*	border-right:solid 1px #ccc;	*/
/*	border-bottom:solid 1px #ccc;	*/
/*	border-left:solid 10px #66f;	*/
/*	padding:5px;					*/
/*	font-weight:bold;				*/
/*	background:#cef;				*/
/*	width:780px;					*/
	background:url("/images/bg_header.gif") repeat-x;
	padding:0px 0px 0px 0px;
}


/* ロゴの画像	*/
#header_frame .logo_image {
	float:left;
/*	width:100%;						*/
/*	padding:5px 0px 0px 0px;		*/
}

/************************************/
/* ガイドフレーム用要素				*/
/************************************/
#guide_frame div.top_guide {
	clear:both;
	margin:5px;
	padding: 0px 0px 0px 2px;		/* 左に空白を空けて、ちょっと右へ	*/
	height:12px;
}

#guide_frame h1 {
	font-size:85%;
/*	padding: 0px 0px 0px 5px;		/* 左に空白を空けて、ちょっと右へ	*/
	float:left;
/*	width:65%;	*/
	vertical-align:middle;
}

#guide_frame p {
/*	font-size:85%;	*/
/*	padding: 0px 0px 0px 5px;		/* 左に空白を空けて、ちょっと右へ	*/
	float:left;
/*	width:65%;	*/
	vertical-align:middle;
}

/************************************/
/* フッター用要素 					*/
/************************************/
#footer_frame .help_guide
{
	float: left;
	width: 55%;
	text-align: left;
}

#footer_frame .copyright
{
	margin-left: 56%;
	text-align: right;
}

/************************************/
/* センターフレームの中メインブロック*/
/************************************/
#mainAREA {
	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
	border-style: dotted;						/* ボーダー種類 */
	border-color: #dadada;						/* ボーダー色	*/
	margin:0px;
	padding:0px 0px 0px 0px;
	width:640px;
	float:right;
	background:#fafaff;
}

/* 住所一覧の外枠	*/
#mainAREA .index_frame {
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	margin:5px 0px 0px 0px;						/* 上側だけ空白	*/
	padding:0px 25px 0px 25px;					/* 左右に空白	*/
}

#mainAREA p {
	margin:5px 0 10px;
}
#mainAREA p.more {
	margin:5px 0 30px;
	text-align:right;
}

#pageTITLE1 {
	padding:5px;
	border:1px solid;
	border-color: #60a0e0;						/* ボーダー色	*/
	background:#e3f0ff;
}
#pageTITLE2 {
	padding:10px;
	border:1px solid #9ecdff;
	background:#e3f6ff;
}

#pageTITLE2 h2 {
	font-size:120%;
}

#pageTITLE2 .selectAREA {
	padding:10px;
/*	border:1px solid #9ecdff;	*/
	border:1px solid #9effcd;
	background:#fff;
}
#pageTITLE2 .selectAREA p {
	margin:0 0 0.5em;
	font-size:83%;
	font-weight:bold;
}
#pageTITLE2 .selectAREA li {
	display:inline;
	margin-right:10px;
}
#pageTITLE2 .selectAREA a,
#pageTITLE2 .selectAREA span {
	white-space:nowrap;
}
#pageTITLE2 .selectAREA span {
	padding:2px 0 2px 18px;
	background:url("/images/bg_a_moreNon.gif") no-repeat left center;
	color:#a6a6a6;
}


/********************************************/
/* 住所一覧のボックス						*/
/********************************************/
#news_box {
	margin:10px 0px 10px 10px;
	padding:2px 5px 2px 5px;
/*	background:#e0e0f0;	*/
/*	height:50px;	*/
}

#news_box h3 {
	/************************************/
	/* 住所一覧の裏の画像用				*/
	/************************************/
	background:url("/images/icon_news.gif") no-repeat left top;
	min-height:18px;
	padding:2px 0 5px 25px;				/* 左側はマーク画像の分だけあける	*/
/*	line-height:16px;	*/
	font-size:120%;

	border-bottom-style: dotted;
	border-left-width:20px;
	border-bottom-color: #523D2F;
	border-bottom-width: 1px;
}

#news_box p {
	/* 一覧からホームページを探せます。*/
	padding:2px 40px 5px 20px;			/* 左側を空けて、右側はマーク画像の分だけ空ける	*/
}

#news_box p.new {
	/* 一覧からホームページを探せます。*/
	background:url("/images/icon_new.gif") no-repeat right top;
	padding:2px 40px 5px 20px;			/* 左側を空けて、右側はマーク画像の分だけ空ける	*/
}



#index_box dl {
/*	background:#f8f0f0;	*/
	padding:0px 0px 20px 0px;
}

#index_box div {
	margin:0px 0px 0px 0px;			/* 上下に空白		*/
}


#index_box div.area_block {
	font-style:normal;
/*	font-weight:normal!important;	*/
	color:#2244cc;
}

#index_box h4 {
	clear:both;
	margin:15px 0px 5px 0px;		/* 上下に空白		*/
	padding:5px;
	background:#e2fff0;
	color:#2244cc;
}

#index_box h4.searched_well {
	clear:both;
	margin:15px 0px 5px 0px;		/* 上下に空白		*/
	padding:5px;
	background:#ffe2f0;
	color:#2244cc;
}

#index_box h4 a {
	font-weight:bold;
}

#index_box ul {
	margin:0px 0px 10px 0px;		/* 下側だけ空白		*/
	padding:0 0 0 2em;				/* 左だけ空白		*/
}

#index_box li {
	float:left;
	width:24%;
	line-height:1.5;
}

#index_box li a:hover {
/*	background:#8080f0;	*/
}

#info_box {
	margin:10px 0px 10px 5px;
	padding:2px 5px 2px 5px;
/*	background:#e0e0f0;	*/
/*	height:50px;	*/
}

#info_box h3 {
	min-height:18px;
	padding:2px 0 5px 2px;				/* 左側はマーク画像の分だけあける	*/
/*	line-height:16px;	*/
	font-size:120%;

	border-bottom-style: dotted;
	border-left-width:20px;
	border-bottom-color: #523D2F;
	border-bottom-width: 1px;
}

#info_box p {
	padding:2px 40px 5px 20px;			/* 左側を空けて、右側はマーク画像の分だけ空ける	*/
}



/********************************************************/
/* 左のフレームのメニューボタン							*/
/********************************************************/
#menu_box {
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:132px;
	height:300px;
}

#menu_box ul.menu {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:132px;
}

#menu_box ul.menu li {
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	padding:0px 0px 0px 15px;	*/
	width:130px;
	height:60px;
}

#menu_box ul.menu li a {
	float:left;
	background:url("/images/menu_btn_bg.jpg") repeat-x bottom left #ffffff;
	background-repeat: no-repeat;
	color:#1010a0;
	font-size:10px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
/*	margin-bottom:5px;			*/
/*	padding:15px 1px 7px 5px;	*/
	padding:0px 0px 0px 0px;
	text-decoration:none;
	width:130px;
	height:30px;
}

#menu_box ul.menu li a:hover {
	background:url("/images/menu_btn_sel.jpg") repeat-x bottom left #ffffff;
	background-repeat: no-repeat;
	color:#000000;
	height:30px;
}

#menu_box ul.menu li a.current {
	background:url("/images/menu_btn_now.jpg") repeat-x bottom left #ffffff;
	background-repeat: no-repeat;
	color:#000000;
	height:30px;
}

#menu_box li div {
	padding:10px 10px 0px 5px;
}


/********************************************************/
/* 会社概要・ヘルプ・ＦＡＱなどのコンテンツ用			*/
/********************************************************/
#MainContents h2 {
	margin:2px 10px 15px 15px;
	padding:20px 0px 0px 20px;
}
#MainContents h2#PageTitle {
	border:1px solid #ccccee;
	background:url("/images/bg_h2.gif") repeat-x left top;
	font-size:120%;
	font-weight:normal;
	letter-spacing:0.1em;
/*	padding:0px 0px 0px 0px;	*/
	vertical-align:middle;
	text-align:center;
	height:38px;						/* 58px - 20px	*/
}
#MainContents h3 {
	clear:both;							/* これを入れないとおかしくなるよ！:IE以外は必要		*/
	border-left:5px solid #d0d0f0;
	border-bottom:1px solid #c0c0e0;
	margin:20px 0px 10px 0px;			/* 上下に空白								*/
	padding:5px 0px 5px 0.5em;			/* 上下に太くして、文字はちょいと右へ		*/
}
#MainContents h4 {
	clear:both;							/* これを入れないとおかしくなるよ！:IE以外は必要		*/
	border-left:5px solid #d0d0f0;
	border-bottom:1px solid #c0c0e0;
	margin:10px 0px 5px 0px;			/* 上下に空白								*/
	padding:5px 0px 5px 0.5em;			/* 上下に太くして、文字はちょいと右へ		*/
}
#MainContents ul {
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;			/* 下と左だけ空白							*/
}

#MainContents li {
	float:left;
	width:48%;							/* 100% = 48% x 2 + alpha ==> 1行に２項目	*/
	line-height:1.5;					/* 上下にちょいと太くする					*/
	padding:0px 0px 5px 0px;
}
#MainContents li:after {				/* 回り込み解除(float:leftの解除)			*/
	clear:both;							/* これを入れないとおかしくなるよ！			*/
}
#MainContents dl {
	margin:0px 20px 0px 30px;			/* 右へ段下げ && 右側に空白					*/
}

#MainContents div.company_block {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;			/* 下を多め									*/
}

#MainContents div.info_block {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;			/* 下を多め									*/
}

/********************************************************/
/* プライバシーポリシー用								*/
/********************************************************/
#PrivacyPolicy h2 {
	margin:2px 10px 15px 15px;
	padding:20px 0px 0px 20px;
}
#PrivacyPolicy h2#PageTitle {
	border:1px solid #ccccee;
	background:url("/images/bg_h2.gif") repeat-x left top;
	font-size:120%;
	font-weight:normal;
	letter-spacing:0.1em;
/*	padding:0px 0px 0px 0px;	*/
	vertical-align:middle;
	text-align:center;
	height:38px;						/* 58px - 20px	*/
}
#PrivacyPolicy .entryBody {
	padding:0 15px;
}

* html #PrivacyPolicy .entryBody,
*:first-child+html #PrivacyPolicy .entryBody {
	zoom:100%;
}
#PrivacyPolicy .entryBody:after {
	content:".";
	height:0px;
	clear:both;
	display:block;	visibility:hidden;
}

#PrivacyPolicy .entryBody p {
	line-height:150%;
}
#PrivacyPolicy .entryBody h2,
#PrivacyPolicy .entryBody h3 {
	clear:both;
}
#PrivacyPolicy .entryBody h2 {
	margin:30px 0 15px;
	padding:10px;
	border-bottom:1px dotted #ecc;
}
#PrivacyPolicy .entryBody h3 {
	margin:15px 0;
	padding:5px 5px 5px 0.5em;
	border-left:5px solid #c0d0ff;
	border-bottom:1px solid #b0c0ef;
}
#PrivacyPolicy li h2,
#PrivacyPolicy li h3 {
	margin:0 0 15px!important;	padding:0!important;
	border:none!important;
}

#PrivacyPolicy .entryBody h4 {
	margin:15px 0px 15px 0px;
	padding:5px 5px 5px 5px;
	border-left:5px solid #d0d0f0;
	border-bottom:1px solid #c0c0e0;
}

#PrivacyPolicy dl {
	margin:15px 0px 15px 20px;
}
#PrivacyPolicy ul,
#PrivacyPolicy ol {
	margin:15px 0;
}
#PrivacyPolicy dt {
	font-weight:bold;
}
#PrivacyPolicy dd {
	margin:0 0 15px;
}
#PrivacyPolicy .entryBody li {
	margin-top:5px;	margin-bottom:10px;
}
#PrivacyPolicy .entryBody li ul,
#PrivacyPolicy .entryBody li ol,
#PrivacyPolicy .entryBody li dl {
	margin:15px;
}
#PrivacyPolicy li {
	margin-left:20px;
}
#PrivacyPolicy ul li {
	list-style:disc outside;
}
#PrivacyPolicy ol li {
	list-style:decimal outside;
}
#PrivacyPolicy dt a {
	font-weight:bold!important;
}

/* 汎用class */
#PrivacyPolicy .entryBody img.noBdr {
	padding:0;
	border:none;
}

/********************************************************/
/* グーグルマップ表示用									*/
/*	噴出しの中の四角									*/
/********************************************************/
#Google_Fukidashi	{
	background-color:#CCCCFF;
	border:solid 1px #6600CC;
	width:300px;
	padding:8px;
	font-family:Courier;
}