﻿/*サイトレイアウト*/
body {
	font-size: 12px;
	line-height: 150%;
	color: #ffffff;
	margin:0;
	padding:0;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-color:#ffffff;
}
a {
	text-decoration:none;
	font-weight:bold;
}
a:link {
	color:#0000ff;
}
a:visited {
	color:#0000ff;
}
a:hover {
	color:#990000;
	text-decoration:underline;
}
a:active {
	color:#dd0000;
	text-decoration:underline;
}
img {
	border:none;
}
.clear {
	clear:both;
}

/*サイト構成*/
#main {
	width:960px;
	margin:0 auto;
	padding-top:0px;
	background-image:url(img/main_bg.gif);
	background-repeat: no-repeat;
	background-color:#000000;
	border-right-width:1px;
	border-left-width:1px;
	border-right-style:solid;
	border-left-style:solid;
	border-right-color:#CCCCCC;
	border-left-color:#CCCCCC;
}
#top {
	margin-top:0;
	padding-top:0;
}
#center {
	padding:0;
}
#sub_top {
	background:url(img/sub_bg.gif);
	background-repeat: no-repeat;
	height:214px;
}
#bottom {
	padding:24px;
}

/*テーブル*/
.list {
	width:100%;
}
.list td {
}
.list td.name {
	font-weight:bold;
	font-size:14px;
}
.list td.item {
	width:90px;
	color:#333333;
	background-color: #FFBB3E;
	font-weight: bold;
}
.list td.content {
	width:290px;
	background-color: #ffffff;
}

/*ロールオーバーメニュー*/
#g_navi {
	width:373px;
	margin:0;
	text-align:left;
}
#g_navi ul {
	padding:0;
	margin:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:57px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(img/menu_btn.gif) no-repeat 0px 0px;
	width:373px;
}
#g_navi li.g_navi02 a {
	background:url(img/menu_btn.gif) no-repeat 0px -58px;
	width:373px;
}
#g_navi li.g_navi03 a {
	background:url(img/menu_btn.gif) no-repeat 0px -115px;
	width:373px;
}
#g_navi li.g_navi04 a {
	background:url(img/menu_btn.gif) no-repeat 0px -172px;
	width:373px;
}
#g_navi li.g_navi05 a {
	background:url(img/menu_btn.gif) no-repeat 0px -229px;
	width:373px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(img/menu_btn.gif) no-repeat -372px 0px;
}
#g_navi li.g_navi02 a:hover {
	background:url(img/menu_btn.gif) no-repeat -372px -58px;
}
#g_navi li.g_navi03 a:hover {
	background:url(img/menu_btn.gif) no-repeat -372px -115px;
}
#g_navi li.g_navi04 a:hover {
	background:url(img/menu_btn.gif) no-repeat -372px -172px;
}
#g_navi li.g_navi05 a:hover {
	background:url(img/menu_btn.gif) no-repeat -372px -229px;
}
/*------on*/
#g_navi li.g_navi01_on a {
	background:url(img/menu_btn.gif) no-repeat -372px 0px;
	width:373px;
}
#g_navi li.g_navi02_on a {
	background:url(img/menu_btn.gif) no-repeat -372px -58px;
	width:373px;
}
#g_navi li.g_navi03_on a {
	background:url(img/menu_btn.gif) no-repeat -372px -115px;
	width:373px;
}
#g_navi li.g_navi04_on a {
	background:url(img/menu_btn.gif) no-repeat -372px -172px;
	width:373px;
}
#g_navi li.g_navi05_on a {
	background:url(img/menu_btn.gif) no-repeat -372px -229px;
	width:373px;
}

/*---sub_menu---*/
#s_navi {
	width:904px;
	height:26px;
	margin:0;
	text-align:left;
}
#s_navi ul {
	padding:0;
	margin:0;
}
#s_navi li {
	display:inline;
	list-style-type:none;
}
#s_navi li a {
	height:26px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#s_navi li.s_navi01 a {
	background:url(img/smenu_btn.gif) no-repeat 0px 0px;
	width:120px;
}
#s_navi li.s_navi02 a {
	background:url(img/smenu_btn.gif) no-repeat -120px 0px;
	width:189px;
}
#s_navi li.s_navi03 a {
	background:url(img/smenu_btn.gif) no-repeat -309px 0px;
	width:126px;
}
#s_navi li.s_navi04 a {
	background:url(img/smenu_btn.gif) no-repeat -436px 0px;
	width:128px;
}
#s_navi li.s_navi05 a {
	background:url(img/smenu_btn.gif) no-repeat -564px 0px;
	width:125px;
}
#s_navi li.s_navi06 a {
	background:url(img/smenu_btn.gif) no-repeat -689px 0px;
	width:83px;
}
#s_navi li.s_navi07 a {
	background:url(img/smenu_btn.gif) no-repeat -772px 0px;
	width:133px;
}
/*------hover*/
#s_navi li.s_navi01 a:hover {
	background:url(img/smenu_btn.gif) no-repeat 0px -25px;
}
#s_navi li.s_navi02 a:hover {
	background:url(img/smenu_btn.gif) no-repeat -120px -25px;
}
#s_navi li.s_navi03 a:hover {
	background:url(img/smenu_btn.gif) no-repeat -309px -25px;
}
#s_navi li.s_navi04 a:hover {
	background:url(img/smenu_btn.gif) no-repeat -436px -25px;
}
#s_navi li.s_navi05 a:hover {
	background:url(img/smenu_btn.gif) no-repeat -564px -25px;
}
#s_navi li.s_navi06 a:hover {
	background:url(img/smenu_btn.gif) no-repeat -689px -25px;
}
#s_navi li.s_navi07 a:hover {
	background:url(img/smenu_btn.gif) no-repeat -772px -25px;
}
/*------on*/
#s_navi li.s_navi01_on a {
	background:url(img/smenu_btn.gif) no-repeat 0px -25px;
	width:120px;
}
#s_navi li.s_navi02_on a {
	background:url(img/smenu_btn.gif) no-repeat -120px -25px;
	width:189px;
}
#s_navi li.s_navi03_on a {
	background:url(img/smenu_btn.gif) no-repeat -309px -25px;
	width:126px;
}
#s_navi li.s_navi04_on a {
	background:url(img/smenu_btn.gif) no-repeat -436px -25px;
	width:128px;
}
#s_navi li.s_navi05_on a {
	background:url(img/smenu_btn.gif) no-repeat -564px -25px;
	width:125px;
}
#s_navi li.s_navi06_on a {
	background:url(img/smenu_btn.gif) no-repeat -689px -25px;
	width:83px;
}
#s_navi li.s_navi07_on a {
	background:url(img/smenu_btn.gif) no-repeat -772px -25px;
	width:133px;
}



/*ヘッダー*/
.header {
	margin:0;
	padding:0;
	height:119px;
	background:url(img/header_bg.gif);
	background-repeat: repeat-x;
	color:#ffffff;
}

/*サイト名称*/
.header .name {
	float:left;
}
.header .name .main {
	font-size:28px;
	margin-top:6px;
	margin-left:6px;
}
.header .name .main a {
	color:#ffffff;
	text-decoration:none;
}
.header .name .main a:link {
	color:#ffffff;
}
.header .name .main a:visited {
	color:#ffffff;
}
.header .name .main a:hover {
	color:#ffffff;
}
.header .name .main a:active {
	color:#ffffff;
}
.header .name .sub {
	font-size:12px;
}

/*住所*/
.header .add {
	float:right;
	width:345px;
	margin:25px;
}
.header .tel {
	font-size:12px;
	color:#ffffff;
	float:left;
	width:229px;
	margin-right:10px;
}
.header .qr {
	float:left;
	width:50px;
	margin-top:-8px;
	margin-left:25px;
	padding-bottom:7px;
}
.header .mail {
	margin-bottom:-20px;
}

/*フッター*/
.footer {
	padding:0 24px;
}
#bottomnavi { line-height:1.6; text-align:left; clear:both; margin-top:0px; padding:5px 20px; background-color:#333333; color:#ffffff; border-top:1px solid #cccccc; color:#ffffff; border-bottom:1px solid #cccccc; font-size:14px;}
#bottomnavi ul { margin:0; padding:0; }
#bottomnavi ul li { display:inline; border-left:1px solid #ffffff; list-style-type:none; padding:0 0.5em; }
#bottomnavi ul li a { font-weight:bold; }
#bottomnavi ul li a:link { color:#ffffff; }
#bottomnavi ul li a:visited { color:#ffffff; }
#bottomnavi ul li a:hover { color:#ffffff; text-decoration:underline; }
#bottomnavi ul li a:active { color:#ffffff; text-decoration:underline; }
.copyright {
	text-align:	center;
	padding:5px;
	color:#ffffff;
}

/*メインコンテンツ*/

/*画像*/
.image {
	margin-right:30px;
	width:490px;
	float:left;
}
.image .big {
	width:320px;
	margin-right:30px;
	float:left;
}
.image .small {
	width:140px;
	float:left;
}

#center .menu {
	float:left;
	margin:103px 0 0 152px;
}
#center .plan {
	float:left;
	margin:0 0 0 132px;
}
#center .planlist {
	height:0;
	float:left;
	overflow:hidden;
	margin:0 -9877em 0 0;
}
#center .flr1 {
	float:left;
	margin:-5px 0 0 130px;
}
#center .flr2 {
	float:left;
	margin:20px 0 0 -45px;
}
#center .map {
	float:left;
	margin:-60px 0 5px 15px;
}
#center .time {
	float:left;
	margin:0 300px 0 20px;
}

/*テキスト*/
.text {
	width:232px;
	float:left;
}
.text .title {
	font-size:16px;
	font-weight:bold;
	line-height:150%;
}
.text .comment {
	margin-top:12px;
	font-size:12px;
	line-height:200%;
}

/*QR*/
.mob {
	width:268px;
	border:1px solid #cccccc;
	padding:16px;
	float:left;
	margin-right:16px;
}
.mob .title {
	background-color:#ffffff;
	color:#333333;
	font-size:14px;
	font-weight:bold;
}
.mob .text {
	width:194px;
	float:left;
	font-size:12px;
	line-height:150%;
}
.mob .image {
	margin:0;
	padding:0;
	float:right;
	width:74px;
}

/*ボタン*/
.btn {
	float:left;
	width:210px;
}
.btn .text {
	font-weight:bold;
	font-size:12px;
}
.btn .image {
}