﻿@charset "utf-8";
/* CSS Document */

body {
/*	background: #cce599 url("body-bg-as.jpg") repeat-x; */
	background: #cce599 url("content-bg-as.gif") 50% 0 repeat-y; 
	text-align: center; 
	font: 83% /1.7 sans-serif;
	color: #333;
}

hr {
	background: #ccc;
	border: 1px solid #ccc;
	color: #ccc;
}

/* ----- ご注意系 ------ */
.attention { /* レベル1 */
	font-weight: normal;
	color: #666;
}

em.attention { /* レベル2 */
	font-style: normal;
	font-weight: normal;
	color: #c00;
}

strong.attention { /* レベル3 */
	font-weight: bold;
	color: #f00;
}

/* ----- 音声ブラウザ用 ----- */
.speak {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}

/* ----- 印刷用 ----- */
.print {
	display: none;
}


body,
div#header *,
ul#breadcrumb,
ul#breadcrumb *,
ul.linkList,
ul.linkList *,
div.locNav *,
div#footer *,
div.section01 *	{
	margin: 0;
	padding: 0;
}

div.locNav {
	margin-bottom: 10px;
}

ul#breadcrumb,
ul.linkList,
div.section01 ul,
div.locNav ul {
	list-style: none outside;
}

div#header img{
	border: none;
}

/* ------------------------
*
* カラムレイアウト設定
*
* ------------------------- */
div#content {
	width: 960px;
	margin: 0 auto;
	padding: 0 1px;
	background: #fff url("content-bg-as.gif") repeat-y;
	text-align: left;
}

div#main2column {
	float: left;
	width: 720px;
	padding: 20px 0 0 20px;
}


div#secondSubArea {
	float: right;
	width: 182px;
	padding: 20px 20px 0 0;
	overflow: hidden;
}

div#secondSubArea:after {
	display: block;
	clear: both;
  visibility: hidden;
  content: "";
	height: 0;
}

/* ------------------------
*
* ヘッダ div#header
*
* ------------------------- */
div#header {
	position: relative;
	min-height: 191px;
	height: auto !important;
	height: 191px;
	background: #fff url("header-bg-as.jpg") 50% 50% no-repeat;
}

div#header h1,
div#header p#logo {
	position: absolute;
	top: 30px;
	left: 40px;
}

div#header img {
	vertical-align: top;
}
div#header p#change { /* jsオフ時の、スタイル・フォント変更メッセージ */
	position: absolute;
	top: 25px;
	left: 740px;
	width: 205px;
	padding: 0.25em;
	background: #fff;
	font: bold 140% /1.3 sans-serif;
	color: #000;
}

ul#headerNav li#faq {
	position: absolute;
	top: 33px;/*38px;*/
	left: 270px;/*278px;*/
}

ul#headerNav li#faq a {
	width: 67px;
}

/* ----- 検索フォーム ----- */
div#header div#searchform {
	position: absolute;
	top: 128px;
	left: 40px;
}

div#header p#search {
	width: 225px;
	height: 22px;
	background: none;
}

div#header input.SearchData {
	width: 180px;
	margin: 0;
	padding: 0 5px 0 10px;
	background: none;
	border: 0;
	outline: 0;
	font-size: 100%;
}

div#header input:focus {
	background-image: none;
	border: 0;
	outline: 0;
}

input.Button {
	position: absolute;
	top: -3px;
	left: 218px;
	width: 53px;
	height: 22px;
	background: none;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

div#header div#searchform p a {
	display: block;
	width: 8em;
	position: absolute;
	top: 0;
	left: 280px;
	font-size: 80%;
	font-weight: bold;
	color: #000033;
}

div#header div#searchform p a:link,
div#header div#searchform p a:visited {
	text-decoration: underline;
}

div#header div#searchform p a:hover {
	text-decoration: none;
}

/* ----- 文字サイズ変更 ----- */
div#header dl#fontChange {
	text-indent: -9999px;
}

div#header dl#fontChange dt#font {
	position: absolute;
	top: 122px;
	left: 790px;
	width: 51px;
	height: 20px;
}

div#header dl#fontChange dd {
	position: absolute;
	top: 122px;
	width: 43px;
	height: 20px;
	cursor: pointer;
}

div#header dl#fontChange dd#bigger {
	left: 855px;
}

div#header dl#fontChange dd#smaller {
	left: 900px;
}
/* ------------------------
*
* よくある質問 div#faqTop
*
* ------------------------- */
div#faqTop {
	background: #faca69 url("faqtop-foot.gif") left bottom no-repeat;
}

div#faqTop h2 {
	background: url("faqtop-head.gif") no-repeat;
	color: #330000;
}

div#faqTop li {
	background: #fff url("icon-li-orange.gif") 8px 10px no-repeat;
}

div#faqTop li a:hover {
	background: #ffffcc url("icon-li-orange.gif") 8px 10px no-repeat;
}

div#faqTop p a {
	background: url("icon-li-orange02.gif") left center no-repeat;
}
/* ------------------------
*
* パンくず ul#breadcrumb
*
* ------------------------- */
ul#breadcrumb {
	margin: 0 20px 0;
	padding-right: 0.3em;
	font-size: 90%;
}

ul#breadcrumb li {
	display: inline;
	padding-left: 0.3em;
}

ul#breadcrumb li a {
	padding-right: 14px;
	background: url("breadcrumb-arrow.gif") right center no-repeat;
}

ul#breadcrumb em {
	font-style: normal;
}

/* ------------------------
*
* 見出し系 hx
*
* ------------------------- */
/*div#main2column h1 { */
h1 {
	margin: 0 0 1em;
	padding: 1.25em 0 0.7em;
	background: url("h1-bg-as.gif") left top repeat-x;
	border-bottom: 1px solid #d9d9d9;
	font: normal bold 120% /1.3 sans-serif;
	color: #300;
}

h3.inq { /* お問い合わせ先 */
	margin: 3em 0 0;
	padding: 0;
}

p {
	margin: 0 0 1em;
}

/* ------------------------
*
* セクション div.section01
*
* ------------------------- */
div.section01 {
	clear: both;
	height: 100%; /* hasLayout */
	margin: 2em 0;
	padding-top: 10px;
	background: url("section-head-as.gif") no-repeat;
}

div.section01 div.sectionInner {
	height: 100%; /* hasLayout */
	padding: 0 10px 10px 9px;
	background: url("section-foot-as.gif") left bottom no-repeat;
}

div.section01 h2 {
	margin-bottom: 10px;
	padding: 6px 0.75em 7px;
	background: #cccc99 url("h2-bg-as.gif") left center no-repeat;
	font: normal bold 110% /1.0 sans-serif;
}

div.section01 ul {
	height: 100%; /* hasLayout */
}

div.section01 ul li {
	margin: 0 3px 0.5em 0;
	padding: 0 0.75em 0.25em;
	background: url("line-dot-as.gif") left bottom repeat-x;
}

/* ----- 日付あり ----- */
div.section01 ul span.date { /* 日付文頭 */
	padding-right: 1em;
}

div.section01 ul span.dateAfter { /* 日付文末 */
	padding-left: 1em;
}

/* ------------------------
*
* address 問い合わせ先
*
* ------------------------- */
/*div#main2column address { */
address {
	padding: 0.75em 0;
	background: url("line-dot-as.gif") left bottom repeat-x;
}

/*div#main2column address * { */
address * {
	color: #000;
	font-style: normal;
	
	font-size: small;

}

/*div#main2column address p { */
address p {
	margin: 0 10px;
	padding: 0;
}

/*div#main2column address strong { */
address strong {
	font-weight: bold;
	color: #300;
}

/*div#main2column address em { */
address em {
	font-weight: bold;
}


/* ------------------------
*
* リンクリスト　ul.linkList
*
* ------------------------- */
ul.linkList {
	margin: 0.5em 0 2em;
	padding: 0 10px 0.5em;
	border-bottom: 1px solid #bcbc89;
}

ul.linkList li {
	margin-bottom: 0.25em;
	background: url("icon-li-as.gif") left center no-repeat;
}

ul.linkList li a {
	padding-left: 18px;
}

/* ------------------------
*
* ローカルナビゲーション div.locNav
*
* ------------------------- */
div.locNav {
	height: 100%;
	padding: 10px 0 3px;
	background: url("locnav-head-as.gif") no-repeat;
	line-height: 1.2;
}

div.locNav h2 {
	background: url("locnav-h2-bg-as.gif") left bottom no-repeat;
	margin: 0 8px 16px;
	padding: 4px 8px 5px;
	font: normal bold 100% /20px sans-serif;
}

div.locNav ul {
	padding-bottom: 0.5em;
	background: url("locnav-foot-as.gif") left bottom no-repeat;
}

div.locNav li {
	padding: 0 0 0.5em 15px;
}

div.locNav li a {
	padding-left: 15px;
	background: url("icon-li-as.gif") left center no-repeat;
}

div.locNav ul ul {
	height: 100%;
	padding: 0.5em 0 0;
	background-image: none;
}

div.locNav li li a  {
	background: url("icon-li-sub-as.gif") left center no-repeat;
}

/* ------------------------
*
* フッタ div#footer
*
* ------------------------- */
div#footer {
	clear: both;
	margin: 0;
	padding: 1.5em 0 2em;
	background: #e5f2cc url("footer-bg-as.gif") left top repeat-x;
	text-align: center;
	font-size: 80%;
}

div#footer address {
	margin-top: 1.5em;
	font-style: normal;
}

div#footer address span {
	display: block;
	color: #666;
}
