﻿@charset "UTF-8";

/*****************************************
				Contents
*****************************************/

#contents {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	/zoom: 1;
	line-height: 1.6;
	overflow: hidden;
}
#contents p,
#contents ul,
#contents ol,
#contents table {
	margin: 0 0 15px 0;
}
#contents ul,
#contents ol {
	padding: 0 0 0 2em;
}
#contents ul li,
#contents ol li {
	margin: 0 0 5px 0;
}
#contents table th,
#contents table td {
	border: solid 1px #999;
	padding: 5px;
}
#contents table.table_layout th,
#contents table.table_layout td {
	border: none;
	padding: 0;
}
#contents strong {
	font-weight: bold;
}
#contents em {
	font-style: italic;
}
/*****************************************
				Contents
*****************************************/
.article {
	overflow: hidden;
	_zoom: 1;
}
.article .img_content {
	letter-spacing: -0.4em;	
	text-align: center;
}
.article .img_content .imgL,
.article .img_content .imgR {
	margin: 0 5px;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom; 1;
	vertical-align: top;
	padding: 2px;
	border: solid 1px #CCC;
}
.article .article_text {
	margin: 10px 0;
	padding: 0 8px;
}
.article .img_wrap {
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom; 1;
	vertical-align: top;
	padding: 2px;
	border: solid 1px #CCC;
}
.article  .article_text_right {
	width: 350px;
	float: right;
	_display: inline;
}
.article  .article_text_left {
	width: 350px;
	float: left;
	_display: inline;
}
.article  .img_content_right {
	width: 342px;
	float: right;
	_display: inline;
}
.article  .img_content_left {
	width: 342px;
	float: left;
	_display: inline;
}
.article .btm {
	margin-bottom: 5px;
}
/*****************************************
				main
*****************************************/

#main_box {
	background: url(../img/mainpic.jpg) 0 0 no-repeat;
	width: 960px;
	height: 306px;
	margin: 10px 0 12px 0;
	overflow: hidden;
}
#main_box p {
	display: block;
	background: url(../img/kyachi.png) 0 0 no-repeat;
	width: 540px;
	height: 148px;
	margin: 82px 0 0 24px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#main_contents {
	float: left;
	/display: inline;
	width: 739px;
	margin: 0 0 30px 0;
	clear: both;
	overflow: hidden;
}
#news_box {
	width: 726px;
	clear: both;
}
#news_area {
	background: url(../img/news_back.jpg) repeat-y;
	width: 100%;
	margin: 0;
	clear: both;
}
#sc_box {
	width: 703px;
	padding: 5px 0 0 12px;
}
#sc_down {
	width: 100%;
	height: 171px;
	overflow: auto;
}
#news_title {
	margin: 0 auto;
	width: 726px;
}
#news_title p {
	background: url(../img/news_title.jpg) left top no-repeat;
	display: block;
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
	/zoom: 1;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#news_bottom {
	background: url(../img/news_bottom.jpg) no-repeat;
	width: 726px;
	height: 12px;
	margin: 0 0 10px 0;
}
#sc_down dl,
#news_list {
	width: 655px;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 10px 0 6px 28px;
	background: url(../img/icon_green.png) 0 12px no-repeat;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}
.day {
	float: left;
	/display: inline;
	font-size: 88%;
	/font-size: 81%;
	font-weight: bold;
	color: #393939;
	width: 9em;
}
/*

.oshirase {
	float: left;
	/display: inline;
	background: url(../img/newsicon.jpg) 0 0 no-repeat;
	width: 52px;
	height: 18px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.event {
	float: left;
	/display: inline;
	background: url(../img/newsicon.jpg) 0 -18px no-repeat;
	width: 52px;
	height: 18px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
*/
.newstext {
	margin: 0 0 0 10em;
	font-size: 88%;
	/font-size: 81%;
	font-weight: bold;
	color: #009999;
}
.newstext a {
	text-decoration: none;
	color: #009999;
}
.newstext a:hover {
	color: #C03;
}
.date {
	text-align: right;
	margin: 0 0 5px 0;
}
#look_more {
	width: 116px;
	margin: 0 0 0 auto;
}
#look_more a {
	background: url(../img/mottolook.jpg) 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 28px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#look_more a:hover { background: url(../img/mottolook.jpg) 0 -28px no-repeat;}
.list_index {
	padding: 5px 0 20px 0;
}
.list_index ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
.list_index ul li {
	background: url(../img/icon_green.png) 2px 10px no-repeat;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0;
	padding: 5px 0 5px 32px;
}
.relLink {
	background: url(../img/news_back.jpg) repeat-y;
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 726px;
	overflow:hidden;
}
.relLink h4 {
	width: 693px;
	margin: 0px 0px 14px 11px;
	padding: 5px 0 5px 11px;
	color: #349189;
	font-size: 110%;
	font-weight: bold;
}
.relLink .inner {
	width: 704px;
	margin: 0;
	padding: 0;
	background: url(../img/common/faq_back.jpg) 0 0 repeat-y;
}
/*****************************************
				sub
*****************************************/

#sub_contents {
	float: right;
	/display: inline;
	width: 221px;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#burger {
	float: right;
	/display: inline;
	width: 220px;
	height: 226px;
	margin: 0 0 12px 0;
	overflow: hidden;
	clear: both;
}
#burger a {
	background: url(../img/hanba.jpg) 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#burger a:hover { background: url(../img/hanba.jpg) -220px 0 no-repeat;}
#hours {
	float: right;
	/display: inline;
	width: 220px;
	height: 258px;
	overflow: hidden;
	clear: both;
}
#hours a {
	background: url(../img/hanba.jpg) 0 -226px no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#hours a:hover { background: url(../img/hanba.jpg) -220px -226px no-repeat;}

/*****************************************
				link
*****************************************/

.d_tw{
	float:left;
	width: 250px;
	margin-left:10px;
	margin-top:20px;
}



#link_box {
	width: 240px; 
/* 960px
	clear: both;
*/
	border:0px solid #ff0066;
	float:left;
	margin-left:740px;
	margin-top:-297px;
}

#link_bar {
	background: url(../img/link.png)0 0 no-repeat;
	width: 100%;
	height: 30px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}

#link_banner {
	width:935px;
	margin: 12px 0 0 25px;
	padding: 0;
}
#link_banner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#link_banner ul li {
	
	margin: 0 6px 0 0;
	padding: 0;
	/zoom: 1;
}
#link_banner ul li a {
	display: block;
	width: 218px;
	height: 56px;
	margin: 0px;
	padding: 0px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#banner01 a { background: url(../img/banner4.png) 0 0 no-repeat;}
#banner02 a { background: url(../img/banner4.png) -220px 0 no-repeat;}
#banner03 a { background: url(../img/banner4.png) -440px 0 no-repeat;}
#banner04 a { background: url(../img/banner4.png) -660px 0 no-repeat;}
#banner01 a:hover { background: url(../img/banner4.png) 0 -56px no-repeat;}
#banner02 a:hover { background: url(../img/banner4.png) -220px -56px no-repeat;}
#banner03 a:hover { background: url(../img/banner4.png) -440px -56px no-repeat;}
#banner04 a:hover { background: url(../img/banner4.png) -660px -56px no-repeat;}


/* 本体 */ 
.scrollgeneric { 
line-height:1px; 
font-size:1px; 
position:absolute; 
top:0; 
left:0;

}

/* 縦スクロール範囲 */

.vscrollerbase { 
width:10px; 
background-color:#ccc;
}

/* 縦スクロールバー */ 
.vscrollerbar { 
width:10px;
background-color:#009999;
}


/* 横スクロール範囲 */ 
.hscrollerbase { 
height:10px; 
background-color:#ccc; 
}

/* 横スクロールバー */ 
.hscrollerbar { 
height:10px; 
background-color:#009999; 
}

/* 縦横スクロールバー */ 
.scrollerjogbox { 
width:10px; 
height:10px; 
top:auto; 
left:auto; 
bottom:0; 
right:0; 
background-color:#eee; 
}