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

/*------------ 初期設定 ------------*/
p {
	line-height: 1.5;	
}

/*------------ 背景指定・文字色 ------------*/
body {
	background: url(../images/base_back.jpg);
	color: #333333;
}

/*------------ 背景用ボックス ------------*/
#base_wp {
	width: 100%;
	background: url(../images/basewp_back.jpg) repeat-x left top;
}

/*------------ 全体 ------------*/
#wrapper {
	width:1108px;
	background: url(../images/wrapper_back.jpg) repeat-y center top;
	margin:0 auto;
}

/*------------ 1枚絵 ------------*/
#layout {
	background: url(../images/layout_back.jpg) no-repeat center top;
	width:1108px;
	margin:0 auto;
}

/*------------ 中身 ------------*/
#body {
	width: 800px;
	margin: 0 auto;
	overflow:hidden;	
}

/*------------ ヘッダー ------------*/
#header {
	padding: 19px 0 5px 0;
	background: url(../images/header_back.jpg) no-repeat left top;
}

/*------------ ヘッダーロゴ ------------*/
#header h1#header_logo a {
	display: block;
	width: 474px;
	height: 126px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../images/header_logo.jpg) no-repeat;
}

/*------------ ナビゲーション ------------*/
ul#gnav {
	text-indent: -9999px;
}

ul#gnav li {
	float: left;
}

ul#gnav li a {
	background-repeat: no-repeat;
	display: block;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#gnav li#history a,
ul#gnav li#syodou a,
ul#gnav li#tendaisyu a,
ul#gnav li#info a,
ul#gnav li#event a,
ul#gnav li#stroll a,
ul#gnav li#link a {
	height: 59px;
}

ul#gnav li#history a {
	width: 116px;
	background-image: url(../images/gnav01_off.jpg);
}

ul#gnav li#syodou a {
	width: 110px;
	background-image: url(../images/gnav02_off.jpg);
}

ul#gnav li#tendaisyu a {
	width: 120px;
	background-image: url(../images/gnav03_off.jpg);
}

ul#gnav li#info a {
	width: 112px;
	background-image: url(../images/gnav04_off.jpg);
}

ul#gnav li#event a {
	width: 110px;
	background-image: url(../images/gnav05_off.jpg);
}

ul#gnav li#stroll a {
	width: 125px;
	background-image: url(../images/gnav06_off.jpg);
}

ul#gnav li#link a {
	width: 107px;
	background-image: url(../images/gnav07_off.jpg);
}

/*------------ ナビゲーション（ロールオーバー時） ------------*/
ul#gnav li#history a:hover {
	width: 116px;
	background-image: url(../images/gnav01_on.jpg);
}

ul#gnav li#syodou a:hover {
	width: 110px;
	background-image: url(../images/gnav02_on.jpg);
}

ul#gnav li#tendaisyu a:hover {
	width: 120px;
	background-image: url(../images/gnav03_on.jpg);
}

ul#gnav li#info a:hover {
	width: 112px;
	background-image: url(../images/gnav04_on.jpg);
}

ul#gnav li#event a:hover {
	width: 110px;
	background-image: url(../images/gnav05_on.jpg);
}

ul#gnav li#stroll a:hover {
	width: 125px;
	background-image: url(../images/gnav06_on.jpg);
}

ul#gnav li#link a:hover {
	width: 107px;
	background-image: url(../images/gnav07_on.jpg);
}

/*------------ コンテンツ内容背景 ------------*/
.contentsbox_wp,
.contentsbox_wp2 {
	padding: 20px;
	background: url(../images/top_bk.jpg);
}

/*------------ 各コンテンツの箱 ------------*/
.contents_box {
	width: 350px;
	position: relative;
}

.sub_box {
	padding: 15px 0;
}

/*------------ 見出し ------------*/
h2.title {
	padding: 0 0 10px 0;
}

h3.sub_title {
	background: url(../images/arrow.jpg) no-repeat left center;
	border-bottom: #C4C0B8 1px dotted;
}


/*------------ 画像回り込み ------------*/
.contentsbox_wp img.left {
	margin: 0 10px 10px 0;
}

.contentsbox_wp img.right {
	margin: 0 0 10px 10px;
}

.contentsbox_wp p.text,
.contentsbox_wp p.text {
	font-size: 14px;
}

/*------------ 写真枠 ------------*/
.photo {
	padding: 1px;
	border: #CCCCCC 1px solid;
	background-color: #FFFFFF;
}

/*------ リンク色（コンテンツ全体） ------*/
#top_contents a,
#sub_contents a {
	color: #0D2E42;
	text-decoration: none;
}

#top_contents a:hover,
#sub_contents a:hover {
	color: #;
	text-decoration: underline;
}

#top_contents a:visited,
#sub_contents a:visited {
	color: #;
}

/*------------ フッター ------------*/
#footer {
	padding: 10px 0; 
	border-top: #003371 5px solid;
	text-align: center;
}

#footer ul#text_nav {
	display: inline-block;
	_display: inline;
	*display: inline;
}

#footer ul#text_nav li {
	padding: 0 10px;
	border-right: #AAAAAA 1px solid;
	float: left;
}

#footer ul#text_nav li.last {
	border-right: none;
}

/*------ リンク色（フッター） ------*/
#footer #text_nav a {
	color: #075FC5;
	text-decoration: none;
}

#footer #text_nav a:hover {
	text-decoration: underline;
}

#footer #text_nav a:visited {
	color: #;
}

/*------ アドレス ------*/
#footer address {
	padding: 10px 0 0 0;
}

/*------------ 新着情報（TOP・情報共通） ------------*/
dl#news dt {
	padding: 0 0 5px 20px;
	font-size: 12px;
	background: url(../images/arrow.jpg) no-repeat left top;
}

dl#news dt.first {
	padding-top: 0;
	background-position: left top;
}

dl#news dd {
	font-size: 14px;
}

dl#news dd.news_title {
	margin-bottom: 20px; 
	padding: 0 0 3px 20px;
	font-weight: bold;
	border-bottom: #C4C0B8 1px dotted;
}

dl#news dd.news_text {
	padding: 3px 0 0 0;
}


/*-------- 文字色 --------*/
.blue {
	color: #0D2E42;
}

/*-------- bottom10 --------*/
.btm10 {
	padding: 0 0 10px 0;
}

/*-------- bottom20 --------*/
.btm20 {
	padding: 0 0 20px 0;
}

/*-------- left10 --------*/
.left10 {
	padding: 0 0 0 10px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*----文字サイズ----*/
div#lettersize{
padding:10px 10px 0px 10px;
text-align:right;
overflow:hidden;
zoom:1;
}

div#lettersize div{
float:right;
width:188px;
height:36px;
background:url('../images/lettersize.gif') no-repeat;
position:relative;
}

div#lettersize div li{
width:26px;
height:26px;
top:5px;
position:absolute;
}

div#lettersize div li#lettersize_s{
left:99px;
}

div#lettersize div li#lettersize_m{
left:128px;
}

div#lettersize div li#lettersize_l{
left:157px;
}