@charset "utf-8";
/* 
	初期設定
 */
*{
	margin: 0; 
	padding: 0;
}

body{
	margin:0 auto;
	padding:0;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;
	text-align:center;
	background:#fff url(../img/bg.gif) left top repeat-x;
}

/*
 コンテナ（外枠ボーダー用と横幅用） 
*/
#mainwrapper {
	margin: 0 auto;
	width: 795px;
	background: url(../img/border-bg.png) center top repeat-y;
}

#maincontainer{
	margin: 0 auto;
	width: 780px;
	background-color: #fff;
}

/* 
	リンク文字色設定
*/
a, a:link {
	color: #600;
	text-decoration:none;
}
a:visited {
	color: #633;
}
a:hover, a:active {
	color: #33c;
	text-decoration: underline;
}

/*
 共通 
*/

img { border: none; }

h1{
	position: absolute;
	top: 1px;
	left: 15px;
	text-align: left;
	font-size: 98%;
	font-weight: normal;
	color: #600;
	z-index: 200; 
}

h2 a{
	position: absolute;
	top: 35px;
	left: 75px;
	width: 254px;
	height: 57px;
	display: block;
	background: url(../img/logo.gif) center center no-repeat;
	text-indent: -1500px;
	overflow: hidden; 
}

h3 {
	margin: 0 0 .8em 0; 
	padding: 8px 0 8px 15px;
	font-size: 115%;
	color: #600; 
	background:#fff url(../img/heading3.gif) left center no-repeat;
}

#sub{
	padding: 5px 0 5px 10px;
	background: #fc0;
	font-size: 90%;
	text-align: left;
	color: #600;
	border: solid 1px #ccc; 
}
h4 {
	padding: .1em 0 0 7px;
	font-size: 115%;
	color: #444;
	border-bottom: solid 1px  #b7b7b7;
}

/* 
	H4のID色別設定
*/
#pink {
	border-left: solid 8px #f66;
}

#green {
	border-left: solid 8px #9c3;
}

#blue {
	border-left: solid 8px #39c;
}

#purple {
	border-left: solid 8px #a6f;
}

#orange {
	border-left: solid 8px #f60;
}

#yellow {
	border-left: solid 8px #ff0;
}

/* 
	ヘッダー内　絶対配置指定
*/
#header{
	position: relative;
	text-align: left;
	background: url(../img/header-bg.gif) top center no-repeat;
	height: 160px; 
}
/*
 文字サイズ置換用
*/
#font-size {
	position: absolute;
	top: 14px;
	right: 10px;
	width: 190px;
}
#font-size dt {
	width:68px;
	height: 24px;
	float: left;
	background: url(../img/font-size.gif) center left no-repeat;
}
#font-size dt span { display: none; }
#font-size #base {
	width: 64px;
	height: 24px;
	float: left;
}
#font-size #base a{
	width: 63px;
	height: 24px;
	display:block;
	background: url(../img/font-base.gif) center center no-repeat;
	text-indent: -1500px;
	overflow: hidden; 
	text-decoration:none;
}
#large, #small {
	margin: 0 0 0 2px;
	width: 24px;
	height: 24px;
	float: left;
}
#large a {
	width: 23px;
	height: 24px;
	display:block;
	background: url(../img/font-large.gif) center center no-repeat;
	text-indent: -1500px;
	overflow: hidden; 
	text-decoration:none;
}
#small a {
	width: 25px;
	height: 24px;
	display:block;
	background: url(../img/font-small.gif) center center no-repeat;
	text-indent: -1500px;
	overflow: hidden; 
	text-decoration:none;
}
#topnav {
	position:absolute;
	top:65px;
	right:16px;
}
#topnav li {
	display: inline;
	padding:0 0 0 8px;
}
.icon-link {
	padding: .5em 0 .5em 17px;
	background:url(../img/icon-link.gif) left center no-repeat;
}
#globalnav{
	position: absolute;
	top: 103px;
	left: 14px;
	width: 752px;
	height: 45px;
	list-style: none;
}
#globalnav li{
	float: left;
	width: 94px;
}

#globalnav li a{
	display: block;
	width: 100%;
	height: 45px;
	color: #333;
	background-image: url(../img/nav.gif);
	text-indent: -1500px;
	overflow: hidden; 
	text-decoration:none;
}

/* 
	globalnavの画像置換位置設定
*/
#nav1 a { background-position: 0 0; }
#nav2 a { background-position: -94px 0; }
#nav3 a { background-position: -188px 0; }
#nav4 a { background-position: -282px 0; }
#nav5 a { background-position: -376px 0; }
#nav6 a { background-position: -470px 0; }
#nav7 a { background-position: -564px 0; }
#nav8 a { background-position: -658px 0; }

#nav1 a.on { background-position: 0 -49px; }
#nav2 a.on { background-position: -94px -49px; }
#nav3 a.on { background-position: -188px -49px; }
#nav4 a.on { background-position: -282px -49px; }
#nav5 a.on { background-position: -376px -49px; }
#nav6 a.on { background-position: -470px -49px; }
#nav7 a.on { background-position: -564px -49px; }
#nav8 a.on { background-position: -658px -49px; }

#nav1 a:hover { background-position: 0 -49px; }
#nav2 a:hover { background-position: -94px -49px; }
#nav3 a:hover { background-position: -188px -49px; }
#nav4 a:hover { background-position: -282px -49px; }
#nav5 a:hover { background-position: -376px -49px; }
#nav6 a:hover { background-position: -470px -49px; }
#nav7 a:hover { background-position: -564px -49px; }
#nav8 a:hover { background-position: -658px -49px; }

/* 
	パンくずリスト用
*/
#pan-list {
	padding: 8px 25px;
	color: #021f40;
	text-align: left;
	background:url(../img/panlist-bg.gif) top center no-repeat;
}


/* 
	トップの紹介ページ用
*/
#homearea { 
	position: relative;
	padding: 0 15px;
	height: 340px;
}
#banner-top {
	position:absolute;
	top: 227px;
	left: 15px;
	height: 117px;
	width: 750px;
}
#banner-top dl {
	height: 113px;
	width: 150px;
	float: left;
}
#banner-top dl dt{ display: none; }
#banner-top dl dd{
	height: 113px;
	font-size: 0.7em;

}

#banner-top dl dd a{
	height: 113px;
	width: 150px;
	color: #555;
	display:block;
	background-image: url(../img/icon5.gif);
	text-indent:-5000px;
	overflow: hidden;
	text-decoration:none;
}

.icon-intro { background-position: 0 0; }
.icon-guide { background-position: -150px 0; }
.icon-map { background-position: -300px 0; }
.icon-yakuruto { background-position: -450px 0; }
.icon-online { background-position: -600px 0; }

.icon-intro:hover { background-position: 0 -113px; }
.icon-guide:hover {  background-position: -150px -113px; }
.icon-map:hover { background-position: -300px -113px; }
.icon-yakuruto:hover {  background-position: -450px -113px; }
.icon-online:hover { background-position: -600px -113px; }

/* 
	ここからコンテンツ用
*/


/* 
	コンテンツ全体包容
*/
#contentwrapper{
	margin: 15px 0 0 0;
	padding: 0 15px;
}
/* 
	コンテンツメイン
*/
#contentcolumn{
	margin: 0 0 2.5em 0;
	float: right;
	width: 547px; 
	text-align: left;
}

#update {
	margin: .5em 0 1em 0;
	width: 545px;
	height: 900px; /*新着情報枠高さ*/
}
#special {
	margin: .5em 0 2em 15px;
	width: 525px;
	border-bottom: dotted 2px #ccc;
}
.clr { clear: both;}

.img-left {
	margin: 0 1em 1em 0;
	float: left;
	clear: left;
}

.section {
	clear: left;
	margin: .5em 0 1em 15px;
	width: 525px;
}

.link-list { margin: 0 0 1.5em 0; }


.link-list li {
	height: 110%;
	padding: 0 1.8em 0 0;
	display: inline; 
}

.link-list a {
	padding: .5em 0 .5em 15px;
	background:url(../img/icon-linklist.gif) left center no-repeat;
	white-space: nowrap;
}
/* 
	トップのページに戻るリンク用
*/

#gotop { 
	clear:both;
	margin: 2.5em 0 0 0;
	text-align: right;
}
#gotop a {
	padding: .5em 17px .5em 0;
	background:url(../img/icon-gotop.gif) right center no-repeat;
}

/* 
	サブコンテンツ（サイドナビゲーション）
*/

#subcolumn {
	margin: 5px 0 0 0;
	float: left;
	width: 180px;
}

#subcolumn ul { margin-top: 10px; }

#subcolumn ul li {
	margin: 0 0 10px 0;
	width: 180px;
	list-style:none;
}

/* 
	下部ナビ　用
*/
#foot-nav{
	clear: both;
	width: 780px;
	color: #600;
	text-align: center;
	border-bottom: solid 3px #ffa302;
}

#foot-nav ul{
	margin-bottom: 0.5em;
	padding: .65em 0;
	font-size: 85%;
	background: #fc3;
}

#foot-nav ul li{
	display: inline; 
	padding: 0 0 0 1em;
}

#foot-nav a {
	padding: .5em 0 .5em 13px;
	background:url(../img/icon-nav.gif) left center no-repeat;
}

/* 
	フッター部分　（コピーライト、アドレス明記）　横幅100％　
*/
#footer {
	width: 100%;
	background: url(../img/footer-bg.gif) left bottom repeat-x;
	border-bottom: solid 5px #004993;	
}

#footer p {
	margin: .5em 0;
	font-size: 95%;
	color: #600;
}

#copyright {
	margin:0 auto;
	padding: 20px 0 10px 0;
	color: #222;
	font-style: normal;
	background: url(../img/address-bg.gif) center bottom no-repeat;
}
#copyright strong {
	font-size: 110%;
	color: #021f40;
}

#copyright a {
	color: #33c;
	text-decoration: underline;
}




/* IEハック */
*html #mainwrapper { background: url(../img/border-bg.gif) center top repeat-y; }