@charset "utf-8";

/*--------------------------------

	下層ページ

----------------------------------*/

body {
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 114px;
}


/*--------------------------------

	下層ページ　ヘッダー

----------------------------------*/

#contents #header {
	padding: 13px 0 0 0;
	width: 950px;
	margin: 0 auto;
	height: 150px;
	z-index: 1;
}

#contents #header .logo {
	width: 187px;
	float: left;
	margin-top:4px;
}

#contents #header h1 {
	width: 300px;
	float: left;
	margin: 55px 0 0 6px;
	color: #ed9100;
}



/*　ツールチップ　*/

#powerTip {
	cursor: default;
	background-color: #eb6e55; /* fallback for browsers that dont support rgba */
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 6px 7px;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
	font-size:11px;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
	min-width:60px;
	margin-top:2px;
}

#powerTip.n:before {
	content: "";
	position: absolute;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
	border-top: 10px solid #eb6e55;
	bottom: -10px;
}

/*　お問い合わせエリア　*/
#contents #header .contactArea {
	width: 282px;
	float: right;
	margin-right: 13px;
	height: 105px;
	margin-bottom: 2px;
}

#contents #header .contactArea p {
	margin-left:60px;
}

#contents #header .contactArea .tel {
	background-image: url(../images/header_tel.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 217px;
	text-indent: -10000px;
}

#contents #header .contactArea ul {
	margin-top: 8px;
}

#contents #header .contactArea ul li {
	float:left;
}

#contents #header .contactArea ul li a {
	height:25px;
	text-indent:-10000px;
	display:block;
	background-image: url(../images/head_link.gif);
	background-repeat: no-repeat;
}

#contents #header .contactArea ul li.faq a {
	background-position: 0 0;
	width:105px;
	margin:0 13px 0 0;
}

#contents #header .contactArea ul li.contact a {
	background-position: -119px 0;
	width:163px;
}

#contents #header .contactArea ul li a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}


/*--------------------------------

	下層　パンくず

----------------------------------*/

#contents #main .panList {
	font-size:11px;
	padding:5px 0 32px 0;
}

#contents #main .panList li {
	float:left;
	margin-right:6px;
}

#contents #main .panList li a {
	background-image: url(../images/panlist.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right:13px;
}

/*--------------------------------

	下層　メイン

----------------------------------*/

#contents #main {
	width: 920px;
	margin: 0 auto;
	clear: both;
}