@charset "UTF-8";

/* reset browser settings
------------------------------------------------------------------- */

div,p,
h1,h2,h3,h4,h5,h6,
tr,th,td,dl,dt,dd,a
	{
	margin: 0px;
	padding: 0px;
	}

ul,ol,li
	{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}

table
	{
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:100%;
	}

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

/* 共通設定：文字色など
--------------------------------------------------------------------*/

* html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


body
	{
	font-family:"ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
	color:#333;
	font-size:75%;
	line-height:140%;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #ffffff;
	}

body.larger
	{
	font-size:90%;
}

br
	{
	letter-spacing:0px;
	}

span.hdn
	{
	display:none;
	}

.idt1
	{
	text-indent:-1em;
	padding-left: 1em;
	}


/* 共通設定：リンク色設定
--------------------------------------------------------------------*/

a:link { color:#003698;text-decoration:none;outline: none;}
a:active { color:#003698;text-decoration:none;outline: none;}
a:visited { color:#003698;text-decoration:none;outline: none;}
a:hover { color:#003698;text-decoration:underline;outline: none;}

a.atn01:link { color:#AA0000;text-decoration:none;outline: none;}
a.atn01:active { color:#AA0000;text-decoration:none;outline: none;}
a.atn01:visited { color:#AA0000;text-decoration:none;outline: none;}
a.atn01:hover { color:#AA0000;text-decoration:underline;outline: none;}

.lnk-i
	{
	background:url("/common/img/arrow_s.gif") no-repeat 2px 2px;
	padding-left:10px;
	font-weight:normal;
	}

.lnk
	{
	display:block;
	background:url("/common/img/arrow_s.gif") no-repeat 2px 5px;
	padding-left:10px;
	font-weight:normal;
	}

.lnk-l
	{
	display:block;
	background:url("/common/img/arrow_l.gif") no-repeat 0px 4px;
	padding-left:14px;
	font-weight:normal;
	}

.lnk-lb
	{
	display:block;
	background:url("/common/img/arrow_l.gif") no-repeat 0px 4px;
	padding-left:14px;
	font-weight:bold;
	}


/* 共通設定：クリア
--------------------------------------------------------------------*/
.cfx
	{
	zoom:1;
	}

.cfx:after
	{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

/* WinIE7 only */
/*
*:first-child+html .cfx
	{
	height:1%;
	}
*/
/* WinIE6 and below */
/*\*/
* html .cfx
	{
	height:1%;
	}
/**/

/* MacIE only */
/*\*//*/
.cfx
	{
	display:inline-table;
	}
/**/

.clear
	{
	clear:both;
	}






/* 共通設定：配置
--------------------------------------------------------------------*/
#wrapper
	{
	position:relative;
	background:#FFFFFF;
	text-align: left;
	}

.frm
	{
	width: 900px;
	margin:0 auto;
	}

.mainarea
	{
	float: left;
	width:664px;
	margin-right:20px;
	}

.subarea
	{
	float: left;
	width:216px;
	text-align:center;
	}





/* 共通設定：コンテンツブロック
--------------------------------------------------------------------*/

/*------------------------------------
	共通設定：ヘッダ
------------------------------------*/
#header
	{
	background: url("/common/img/bg_header.gif") repeat-x 0 100%;
	height:89px;
	}

#header .frm
	{
	position:relative;
	}

	#header #me-logo
		{
		padding-top:33px;
		padding-top:8px;
		float:left;
		width:343px;
		margin-right:20px;
		margin-right:16px;
		}

	#header .catch
		{
		padding-top:6px;
		font-size:78%;
		_font-size:80%;
		}

	#header .utility
		{
		float:right;
		width:305px;
		margin-top:-10px;
		}

		/* ヘッダ関連リンク（上段） */
		#header .utility .primary
			{
			}

			#header .utility .primary .extlink
				{
				float:left;
				padding-top:4px;
				width:162px;
/*				width:158px;*/
				margin-right:2px;
				}

				#header .utility .primary .extlink a
					{
					background:url("/common/img/arrow_l.gif") no-repeat 0 4px;
					padding-left:14px;
					display:block;
					}

			#header .utility .primary #zoom
				{
				float:right;
				padding-top:4px;
				}

				#header .utility .primary #zoom p
					{
					float:left;
					border-left:1px solid #CCCCCC;
					width:78px;
/*					width:84px;*/
					margin-right:5px;
					}

					#header .utility .primary #zoom p span
						{
						display:block;
						padding-left:6px;
						padding-left:14px;
						padding-left:10px;
						}

				#header .utility .primary #zoom ul
					{
					float:left;
					}

				#header .utility .primary #zoom ul li
					{
					float:left;
					margin-right:3px;
					}

				#header .utility .primary .zoom ul li.b-zout
					{
					width:29px;
					}

				#header .utility .primary .zoom ul li.b-zin
					{
					width:19px;
					margin-right:0;
					}


		/* ヘッダ関連リンク（下段） */
		#header .utility .secondary
			{
			padding-top:8px;
			}

			#header .utility .secondary .extlink
				{
				}

				#header .utility .secondary .extlink li
					{
					float:right;
					margin-left:20px;
					padding-left:16px;
					}

				#header .utility .secondary .extlink li.b-home
					{
					background:url("/common/img/icon_home.gif") no-repeat 0 1px;
					margin-left:0px;
					}

				#header .utility .secondary .extlink li.b-sitemap
					{
					background:url("/common/img/icon_sitemap.gif") no-repeat 0 2px;
					}

				#header .utility .secondary .extlink li.b-faq
					{
					background:url("/common/img/icon_question.gif") no-repeat 0 2px;
					padding-left:11px;
					}


	#header .subarea
		{
		background:url("/common/img/bg_header_subarea.gif") no-repeat left bottom;
		height:89px;
		}

		#header .subarea .b-contact
			{
			padding-top:6px;
			}

/*------------------------------------
	共通設定：グローバルナビ
------------------------------------*/
#gnav
	{
	background: url("/common/img/bg_gnav.gif") repeat-x 0 0;
	}

	#gnav ul li
		{
		float:left;
		line-height:1;
		}

	#gnav ul li img
		{
		display:block;
		}


/*------------------------------------
	共通設定：コンテンツエリア
------------------------------------*/
#container
	{
	}

	#container .frm
		{
/*		width:908px;*/
		}

	/*	メインエリア	-------------------	*/
	#container .mainarea
		{
/*		width:668px;
		margin-right:20px;*/
		}
	
	/*	サブエリア	-------------------	*/
	#container .subarea
		{
		text-align:left;
		padding-bottom:35px;
		}

		#container .subarea img {
			vertical-align: top;
		}
		#container .subarea dl {
		}
		
		#container .subarea .hdn {
			display:none;
		}
		
		/* ナビゲーションタイトル */
		#container .subarea dl dt {
			background: url(/common/img/bg_nav_title.gif) no-repeat;
			width: 216px;
			font-weight: bold;
			font-size: 120%;
		}
		#container .subarea dl dt a {
			background: url(/common/img/arrow_l.gif) 10px 18px no-repeat;
			display: block;
			color: #ffffff;
			font-weight: bold;
			padding: 14px 5px 14px 24px;
		}
		#container .subarea dl dt a:hover {
			color: #ffffff;
		}
		
		#container .subarea dl dt a span {
			display:block;
			font-weight:normal;
			font-size:90%;
		}
		#container .subarea dl dd {
		}
		
		/* カテゴリ大枠 */
		#container .subarea dl dd dl {
			border-top: 1px solid #ffffff;
		}
		
		/* カテゴリタイトル */
		#container .subarea dl dd dl dt {
			background: #cee1f4 url(/common/img/bg_nav_top.gif) no-repeat;
			width: 216px;
			font-weight: bold;
			font-size: 120%;
		}
		#container .subarea dl dd dl dt a {
			background: url(/common/img/arrow_l.gif) 10px 21px no-repeat;
			display: block;
			color: #00359e;
			font-weight: bold;
			padding: 18px 5px 13px 24px;
		}
		#container .subarea dl dd dl dt a:hover {
			color: #00359e;
		}
		
		/* カテゴリのリンク・現在地表示 */
		#container .subarea dl dd dl dt.active a {
			background: #ffffff url(/common/img/arrow_l.gif) 10px 21px no-repeat;
			display: block;
			color: #00359e;
			font-weight: bold;
			padding: 18px 5px 13px 24px;
		}
		#container .subarea dl dd dl dt.active a:hover {
			color: #00359e;
		}

		
		/* 子カテゴリ大枠 */
		#container .subarea dl dd dl dd {
			background: #e7f2fd url(/common/img/bg_snav_bottom.gif) left bottom no-repeat;
		}
		
		/* 子カテゴリタイトル */
		#container .subarea dl dd dl dd p {
			font-weight: bold;
			padding: 5px 0 5px 23px;
			border-top: 1px solid #ffffff;
		}
		
		/* 子カテゴリのリンク */
		#container .subarea dl dd dl dd ul {
		}
		#container .subarea dl dd dl dd ul li {
			width: 216px;
		}
		#container .subarea dl dd dl dd ul li a {
			background: url(/common/img/arrow_s.gif) 23px 10px no-repeat;
			padding: 5px 0 5px 30px;
			display: block;
			_width: 186px;
			font-weight: normal;
		}
		#container .subarea dl dd dl dd ul li a:hover {
		}
		
		/* 子カテゴリのリンク・現在地表示 */
		#container .subarea dl dd dl dd ul li.active a {
			background: #ffffff url(/common/img/arrow_s.gif) 23px 10px no-repeat;
			padding: 5px 0 5px 30px;
			display: block;
			_width: 186px;
			color: #6a6a6a;
			text-decoration: none;
		}
		#container .subarea dl dd dl dd ul li.active a:hover {
			color: #6a6a6a;
			text-decoration: none;
		}
		
		/* 子カテゴリなしカテゴリ */
		#container .subarea dl dd dl.noSub {
			background: url(/common/img/bg_nav_bottom.gif) left bottom no-repeat;
			padding: 0 0 3px;
		}
		#container .subarea dl dd dl.noSub dd {
			display: none;
		}

		#container .subarea dl dd dl.active {
			background: none !important;
			padding: 0 0 3px;
		}

		
		
		/* バナーエリア */
		#container .subarea #bnrArea {
			margin: 10px 0 0;
		}
		#container .subarea #bnrArea li {
			margin: 0 0 5px;
		}


/*	「ページの先頭へ」ボタンエリア
------------------------------------*/
.b-pagetop
	{
	padding-top:10px;
	padding-right:14px;
	text-align:right;
	font-size:88%;
	}

.b-btm
	{
	padding-bottom:50px;
	}


/* bread */
#bread {
	width: 908px;
	margin: 10px auto 5px;
}
#bread li {
	float: left;
	padding: 0 5px 0 0;
}


#container .mainarea .pagetop {
	text-align: right;
	padding: 20px 0 10px;
	width: 654px;
}
#container .mainarea .pagetop img {
		margin: 0 4px 0 0;
}

/* applyfoot */
#applyfoot {
	background: url(/product/common/img/bg_apply.gif) no-repeat;
	width: 513px;
	margin: 30px 0 0 66px;
}
#applyfoot p {
	text-align: center;
}
#applyfoot p#applyBt {
	padding: 15px 0 9px;
}

/*------------------------------------
	共通設定：フッタエリア
------------------------------------*/
#footer
	{
	padding:7px 0px 0px;
	background:#d0d5db url("/common/img/bg_footer.gif") repeat-x 0 0;
	text-align:left;
	}

	#footer .extlink
		{
		padding:15px 15px 20px;
		padding:15px 0px 20px;
		background:#dee2e6;
		}

		#footer .extlink p.b-home
			{
			margin-left:14px;
			width:165px;
			}

		#footer .extlink p
			{
			background:url("/common/img/arrow_l.gif") no-repeat 0 3px;
			padding-left:14px;
			font-weight:bold;
			}

		#footer .extlink a
			{
			color:#333333;
			display:block;
			}

			#footer .extlink ul
				{
				}

			#footer .extlink .category
				{
				float:left;
				width:179px;
				border-right:1px solid #fff;
				}

				#footer .extlink li
					{
					}


			#footer .extlink .list-r
				{
				border-right:none;
				}

				#footer .extlink li p
					{
					margin:10px 10px 10px 12px;
					}

				#footer .extlink li ul
					{
					padding-left:16px;
					border-left:none;
					}

					#footer .extlink li ul li
						{
						}

					#footer .extlink li ul li p
						{
						background:url("/common/img/arrow_s.gif") no-repeat 2px 5px;
						margin:0;
						padding-left:10px;
						font-weight:normal;
						}

	#footer .extinfo
		{
		padding:20px;
		background:#ffffff;
		}

		#footer .extinfo a
			{
			color:#333333;
			}

		#footer .extinfo .logo
			{
			float:left;
			width:252px;
			margin-right:30px;
			}

		#footer .extinfo .info
			{
			float:left;
			}

			#footer .extinfo .info p
				{
				float:left;
				margin-right:10px;
				font-size:80%;
				}

	#footer #copyright 
		{
		background:#565656;
		}

		#footer #copyright p
			{
			width:900px;
			margin: 0 auto;
			}
	
		#footer #copyright span 
			{
			display:block;
			padding:4px 10px;
			background:#000000;
			text-align:right;
			color:#ffffff;
			font-size:80%;
			}

/* 共通設定：●矢印
--------------------------------------------------------------------*/

p.arw1
	{
	padding: 0px 0px 0px 9px;
	background-repeat: no-repeat;
	background-position:0px 0.4em;
	}

a.arw1
	{
	padding: 0px 0px 2px 9px;
	background-repeat: no-repeat;
	background-position:0px 0.4em;
	}

/* 共通設定：印刷時のみ表示
--------------------------------------------------------------------*/
.forprint
	{
	display:none;
	}

/* 共通設定：jsオフ時のみ表示
--------------------------------------------------------------------*/
.jsavailable{
display:none;
}

hr{
padding-top:6px;
}