@import url(works.css);

h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form, ul, li {
	margin: 0px;
	padding: 0px;
}
/* contents
---------------------------------------------------- */
#container {
	width: 100%;
	background: url(../img/title/title_back.jpg) repeat-x;
}
#contents {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
/* main
---------------------------------------------------- */
#main {
	width: 910px;
	margin: 0px 0px 25px 10px;
	text-align: left;
}
/* title
---------------------------------------------------- */
#title {
	width: 100%;
	height: 129px;
}
.t_message,
.t_outline,
.t_info,
.t_guide,
.t_qa,
.t_product,
.t_ax,
.t_mail,
.t_report,
.t_link,
.t_policy,
.t_works,
.t_recruit {
	height: 129px;
	text-indent: -9999px;
	text-decoration: none;
}
.t_message {
	background: url(../img/title/message.jpg) no-repeat center;
}
.t_outline {
	background: url(../img/title/outline.jpg) no-repeat center;
}
.t_info {
	background: url(../img/title/info.jpg) no-repeat center;
}
.t_guide {
	background: url(../img/title/guide.jpg) no-repeat center;
}
.t_product {
	background: url(../img/title/product.jpg) no-repeat center;
}
.t_qa {
	background: url(../img/title/qa.jpg) no-repeat center;
}
.t_ax {
	background: url(../img/title/ax.jpg) no-repeat center;
}
.t_mail {
	background: url(../img/title/form.jpg) no-repeat center;
}
.t_link {
	background: url(../img/title/link.jpg) no-repeat center;
}
.t_policy {
	background: url(../img/title/policy.jpg) no-repeat center;
}
.t_report {
	background: url(../img/title/report.jpg) no-repeat center;
}
.t_works {
	background: url(../img/title/works.jpg) no-repeat center;
}
.t_recruit {
	background: url(../img/title/recruit.jpg) no-repeat center;
}

/* banner
---------------------------------------------------- */
#banner_box {
	margin: 0px 0px 0px 0px;
	width: 240px;
	float: left;
	overflow:hidden;
}
h5.b_t {
	background: url(../img/page/banner_t.gif) no-repeat;
	width:240px;
	height:33px;
	text-decoration: none;
	text-indent: -9999px;
}
#banner {
	width: 235px;
	height: 843px;
	float: left;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
}
* html #banner {
	/* no ie mac \*/
	margin: 0px 0px -10px 0px;
	/* */
 }
#banner ul {
	width: 240px;
	list-style: none;
}
#banner ul li a {
	overflow:hidden;
	outline:none;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 69px;
	width: 240px;
}
li.b00,
li.b01,
li.b02,
li.b03,
li.b04,
li.b05,
li.b06,
li.b07,
li.b08,
li.b09 {
	width: 240px;
	height: 69px;
	float: left;
}
li.b00 a {
	background: url(../img/page/banner.jpg) no-repeat 0px 0px;
}
li.b01 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -69px;
}
li.b02 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -138px;
}
li.b03 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -207px;
}
li.b04 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -276px;
}
li.b05 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -345px;
}
li.b06 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -414px;
}
li.b07 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -483px;
}
li.b08 a {
	background: url(../img/page/banner.jpg) no-repeat 0px -552px;
}
li.b00 a:hover {
	background-position: -240px -0px;
}
li.b01 a:hover {
	background-position: -240px -69px;
}
li.b02 a:hover {
	background-position: -240px -138px;
}
li.b03 a:hover {
	background-position: -240px -207px;
}
li.b04 a:hover {
	background-position: -240px -276px;
}
li.b05 a:hover {
	background-position: -240px -345px;
}
li.b06 a:hover {
	background-position: -240px -414px;
}
li.b07 a:hover {
	background-position: -240px -483px;
}
li.b08 a:hover {
	background-position: -240px -552px;
}
/* グループホーム
---------------------------------------------------- */
li.b0grouphome {
	width: 210px;
	height: 60px;
	float: left;
	margin: 9px 0px 0px 0px;
	overflow:hidden;
}
li.b0grouphome a {
	background: url(../img/page/b0grouphome.jpg) no-repeat 0px 0px;
}
li.b0grouphome a:hover {
	background-position: -210px -0px;
}


/* ad バナーの下
---------------------------------------------------- */
#banner address {
	background: url(../img/page/ad.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	width: 240px;
	height: 200px;
	display: block;
	margin: 0px 0px 0px 0px;
}

/* pan
---------------------------------------------------- */
.main_box {/* 左コンテンツ------ */
	width: 660px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
/* pan
---------------------------------------------------- */
.pan {
	font-size: 80%;
	line-height: 150%;
	color: #666;
	height:34px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
.pan a {
	color: #63a5e1;
	text-decoration: none;
}
.pan a:hover {
	color: #63a5e1;
	text-decoration: underline;
}


/* txet
---------------------------------------------------- */
.text {
	margin: 0px 0px 10px 0px;
	color: #666666;
	font-size: 80%;
	line-height: 190%;
	width: 660px;
	float: left;
	text-align: left;
}
.text p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.text a {
	text-decoration: underline;
	color: #63a5e1;
}
.text a:hover {
	color: #63a5e1;
	text-decoration: underline;
}

/* リンクで画像80%の薄さにする
---------------------------------------------------- */
.text img {
    border: 0;
    position:relative;
}
.text img a {
    border: 0;
}
.text a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/* policy
---------------------------------------------------- */
.pol_m0 {
	color: #095aaa;
	font-size: 120%;
	line-height: 190%;
	width: 690px;
	border-bottom: #095aaa solid 1px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}
.pol_m {
	color: #095aaa;
	font-size: 120%;
	line-height: 190%;
	width: 690px;
	border-bottom: #095aaa solid 1px;
	font-weight: normal;
	margin: 25px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}

/* ----------------------------------------------------------------------------- */
/* topics infoのなかみ
---------------------------- */
.info_box{
	margin: 20px 0px 0px 0px;
	width: 660px;
	overflow: hidden;
}
.info_box2{/* infoの文字と線の間の幅 */
	border-bottom: #888888 dotted 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
* html .info_box2 {
	/* no ie mac \*/
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 30px 0px;
	/* */
 }
*:first-child+html .info_box2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 30px 0px;
 }
.i_date{ /* 日付 */
	color: #444;
	float: left;
	margin: 0px 10px 0px 0px;
}
.i_text{ /* タイトル用 */
	color: #63A5e1;
	margin: 0px 0px 0px 0px;
	float: left;
}
.i_text a {
	color: #63A5e1;
	text-decoration: none;
}
.i_text a:hover {
	color: #63A5e1;
	text-decoration: underline;
}
.i_date2{
	color: #444444;
}
.i_title{
	width: 660px;
	color: #63A5e1;
	font-size: 130%;
	line-height: 170%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	border-bottom: #888888 dotted 1px;
}
.i_text_box {
	width: 660px;
	border-bottom: #888888 dotted 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
.i_text_box img {
	border: 0px;
}

/* table 施設概要のところ
---------------------------------------------------- */
table {
	border-collapse: collapse;
	margin: 5px 0px 5px 0px;
	border-color: #6c9ee2;
	border-style: solid;
	border-width: 0;
}
table td {
	color: #666666;
	font-size: 100%;
	line-height: 170%;
	padding: 3px;
	border: 1px solid #6c9ee2;
}
* html table td {
	/* no ie mac ¥*/
	font-size: 80%;
	/* */
 }
*:first-child+html table td {
	font-size: 100%;
 }

/* map
---------------------------------------------------- */
.map_box2 {
	width:310px;
	float: left;
	margin: 10px 0px 10px 0px;
}
.map_box3 {
	width:310px;
	float: right;
	margin: 10px 0px 10px 0px;
}
.map_box {
	width: 310px;
	border-bottom: #888888 dotted 1px;
	margin: 0px 0px -20px 0px;
	padding: 0px 0px -20px 0px;
}
p.map_t1 {
	font-weight: normal;
	font-size: 120%;
	line-height: 160%;
	margin: 5px 0px 0px 0px;/* all browsers, of course */
}
p.map_t2 {
	text-decoration: none;
	float: left;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px -20px 0px;
}



















/* 使用していない
------------------------------------------------------------------------------------------------------------ */

/* eventのわく
---------------------------------------------------- */
/* works
---------------------------------------------------- */
.works_box {
	width: 672px;
	margin: 20px 0px 0px 0px;
	border-top: #C96 dotted 1px;
	border-left: #C96 dotted 1px;
	overflow:hidden;
}
* html .works_box {
	/* no ie mac \*/
	width: 673px;
	/* */
 }
*:first-child+html .works_box {
	width: 672px;
 }
.works_box2 {
	width: 167px;
	height: 167px;/* 各boxの高さ */
	border-right: #C96 dotted 1px;
	border-bottom: #C96 dotted 1px;
	float: left;
	overflow:hidden; /* はみ出た部分を隠す */
}
* html .works_box2 {
	/* no ie mac \*/
	width: 168px;
	/* */
 }
*:first-child+html .works_box2 {
	width: 167px;
 }
.works{
margin: 10px 0px 10px 10px;
display:block;
position:relative;
width: 147px;
height: 147px;
border:none;
overflow:hidden; /* はみ出た部分を隠す */
}
.works img {
border: 0;
position:relative;
}
.works img a{
border: 0;
}
.works a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* eventの文字設定
---------------------------------------------------- */
.t_w_box {          /* eventタイトル*/
    width: 147px;
	height: 31px;
	color: #A1662E;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 0px 0px 10px;
	overflow:hidden; /* はみ出た部分を隠す */
}


/* list　施行例などに使用
---------------------------------------------------- */
.list {
	color: #666666;
	font-size: 80%;
	line-height: 160%;
	width: 675px;
	text-align: left;
	margin: 0px 0px 0px 10px;	
}
.list a {
	text-decoration: underline;
	color: #A1662E;
}
.list a:hover {
	color: #A1662E;
	text-decoration: underline;
}
.t10{
	margin: 0px 0px 10px 0px;
}
.mt10{
	margin: 10px 0px 0px 0px;
}
.list_b{
	width: 657px;
	margin: 0px 0px 15px 0px;
}
.list_b2{
	width: 693px;
	margin: 10px 0px 0px 0px;
}

/* text　メッセージ用間の高さ
---------------------------------------------------- */
.text01 {
	width: 672px;
	font-size: 80%;
	line-height: 190%;
	color: #444444;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
.text01 p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.text01 img {
	border: 0;
	margin: 0px 0px 5px 0px;
}
.text01 img a {
	border: 0;
}
.text01 a {
	text-decoration: underline;
	color: #0a2576;
}
.text01 a:hover {
	color: #999999;
	text-decoration: underline;
}

/* 利用案内メニュー
---------------------------------------------------- */
#guidemenu {
	width: 660px;
	height: 64px;
	overflow:hidden;
}
#guidemenu ul {
	width: 660px;
	height: 64px;
	list-style: none;
}

 #guidemenu ul li {
    display: inline;
	float: left;
	}
#guidemenu ul li a {
	overflow:hidden;
	outline:none;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 64px;
	width: 220px;
}
.menu_box ul li a:hover {
	text-decoration: none;
}
li.guide01,
li.guide02,
li.guide04 {
	width: 220px;
	height: 64px;
	float: left;
}
li.guide01 a {
	background: url(../img/page/guidemenu.gif) no-repeat 0px 0px;
}
li.guide02 a {
	background: url(../img/page/guidemenu.gif) no-repeat -220px 0px;
}
li.guide03 a {
	background: url(../img/page/guidemenu.gif) no-repeat -440px 0px;
}
li.guide01 a:hover {
	background-position: 0px -64px;
}
li.guide02 a:hover {
	background-position: -220px -64px;
}
li.guide03 a:hover {
	background-position: -440px -64px;
}