@charset "shift_jis";


/*共通*/
body { text-align:center; line-height:1.1; font-family:ＭＳ ゴシック; color:#333333; font-size:0.8em;}
body, div, p, img, ul, li, h1, h2, h3, h4, h5, h6, form, object, input, select, textarea { margin:0; padding:0; }
img, object, embed { vertical-align:bottom; border:none;}
.center { text-align:center;}
.align-left		{ text-align:left;}
.align-right	{ text-align:right;}
.float-left		{ float:left;}
.float-right	{ float:right;}
.clear			{ clear:both; height:0; font-size:0;}
.small			{ font-size:smaller;}
a			{ color:#000000; text-decoration:underline;}
a:link		{ color:#000000; text-decoration:underline;}
a:visited	{ color:#000000; text-decoration:underline;}
a:hover		{ color:#666666; text-decoration:none;}
a:active	{ color:#000000; text-decoration:none;}
a:link img, a:visited img {border:none;}
/*#shadow		{ width:800px; background-image:url(../image/shadow.gif); margin:0 auto;}*/
#container820	{ text-align:left; width:820px; margin:0 auto;}
#container800	{ text-align:left; width:800px; margin:0 auto;}
#container760	{ text-align:left; width:760px; margin:0 auto;}
h4, h5, h6		{ font-size:0.9em; font-weight:normal;}


/*ヘッダー*/
#header			{ background:url(../image/header.gif) top left no-repeat; width:820px; height:85px; position:relative; margin:0 auto;}
#header h1		{ text-indent:-9000px; margin:0; padding:0; }
/* ■■■ 2013/06/03 Yoshi 変更（協議会名フォント変更） START */
/*#header h1 a	{ width:287px; height:20px; background:transparent url(../image/header-logo.gif) no-repeat; display:block; position:absolute; left:30px; top:34px; overflow:hidden;}*/
#header h1 a	{ width:286px; height:22px; background:transparent url(../image/header-logo.gif) no-repeat; display:block; position:absolute; left:30px; top:33px; overflow:hidden;}
/* ■■■ 2013/06/03 Yoshi 変更（協議会名フォント変更） END */
#header h2		{ text-indent:-9000px; margin:0; padding:0; }
#header h2 a	{ width:380px; height:14px; background:transparent url(../image/header-alphabet.gif) no-repeat; display:block; position:absolute; left:30px; top:58px; overflow:hidden;}



/*ホームイメージ*/
#home-image	{ width:760px; height:335px;}
#home-menu	{ float:left; width:170px; height:335px; background:url(../image/home-menu-bg.gif) left top no-repeat;}
#pet-image	{ float:right; width:590;}

#home-menu ul				{ list-style:none; position:relative; width:150px; height:260px; top:65px; overflow:hidden;}
#home-menu li a				{ text-indent:-9999px; position:absolute; width:120px; height:30px; left:26px; overflow:hidden; display:block;}
#home-menu li#h-menu01 a	{ background:transparent url(../image/home-menu-01.gif) top no-repeat; top:0; }
#home-menu li#h-menu02 a	{ background:transparent url(../image/home-menu-02.gif) top no-repeat; top:40px; }
#home-menu li#h-menu03 a	{ background:transparent url(../image/home-menu-03.gif) top no-repeat; top:80px; }
#home-menu li#h-menu04 a	{ background:transparent url(../image/home-menu-04.gif) top no-repeat; top:120px; }
#home-menu li#h-menu05 a	{ background:transparent url(../image/home-menu-05.gif) top no-repeat; top:160px; }
#home-menu li#h-menu06 a	{ background:transparent url(../image/home-menu-06.gif) top no-repeat; top:230px; }
#home-menu li#h-menu01 a:hover	{ background:transparent url(../image/home-menu-01.gif) bottom no-repeat; top:0; }
#home-menu li#h-menu02 a:hover	{ background:transparent url(../image/home-menu-02.gif) bottom no-repeat; top:40px; }
#home-menu li#h-menu03 a:hover	{ background:transparent url(../image/home-menu-03.gif) bottom no-repeat; top:80px; }
#home-menu li#h-menu04 a:hover	{ background:transparent url(../image/home-menu-04.gif) bottom no-repeat; top:120px; }
#home-menu li#h-menu05 a:hover	{ background:transparent url(../image/home-menu-05.gif) bottom no-repeat; top:160px; }
#home-menu li#h-menu06 a:hover	{ background:transparent url(../image/home-menu-06.gif) bottom no-repeat; top:230px; }



/*お知らせ*/
#newsarea		{ float:right; width:520px; margin-top:0px;}
#newslogo		{ border-bottom:#AAAAAA solid 1px; padding-bottom:4px;}

#newsarea, #news-contentarea { letter-spacing:0.5px; font-family:"MS UI Gothic", "ヒラギノ丸ゴ Pro W4"; }

#newsarea dt	{ float:left;}
#newsarea dd	{ margin-left:80px; line-height:130%; margin-bottom:10px;}
#newsarea dd a	{ color:#40A8E4;}

#news-contentarea { width:580px; margin:20px 0 0 10px; }
.news-contenttitle { width:580px; line-height:17px; margin-bottom:20px; padding:3px 15px; font-size:15px; font-weight:bold; color:#40A8E4; background:url(../image/newstitle-bg.gif) repeat-y; }
#news-contentarea .news-file { width:570px; line-height:28px; padding-left:35px; color:#333333; background:url(../image/pdf_icon.gif) no-repeat left; }
#news-contentarea .news-file a { color:#666666; }


/*フロー・ウェブル*/
#flow	{ float:left; margin-top:20px; width:220px;}
#flow img {margin-bottom:10px;}



/*フッター*/
#foot_container { width:800px; margin:0px auto; position:relative; }
address	{ font-style:normal; margin:60px auto 0 auto; color:#999999; text-align:center;}
#counter { width:75px; height:17; position:absolute; bottom:0px; right:0px; }
#footer	{ width:800px; height:5px; background:url(../image/footer.gif) repeat-y; margin:0 auto; font-size:0;}



/*左側*/
#menu	{ margin-top:20px; float:left; background:url(../image/menu-bg.gif) no-repeat top; width:180px;}
#menu-list ul			{ list-style:none; position:relative; width:180px; height:280px; top:40px; overflow:hidden;}
#menu-list li a			{ text-indent:-9999px; position:absolute; width:120px; height:30px; left:30px; overflow:hidden; display:block;}
#menu-list li#menu00 a	{ background:transparent url(../image/menu-00.gif) top no-repeat; top:0; }
#menu-list li#menu01 a	{ background:transparent url(../image/menu-01.gif) top no-repeat; top:40px; }
#menu-list li#menu02 a	{ background:transparent url(../image/menu-02.gif) top no-repeat; top:80px; }
#menu-list li#menu03 a	{ background:transparent url(../image/menu-03.gif) top no-repeat; top:120px; }
#menu-list li#menu04 a	{ background:transparent url(../image/menu-04.gif) top no-repeat; top:160px; }
#menu-list li#menu05 a	{ background:transparent url(../image/menu-05.gif) top no-repeat; top:200px; }
#menu-list li#menu06 a	{ background:transparent url(../image/menu-06.gif) top no-repeat; top:250px; }
#menu-list li#menu00 a:hover	{ background:transparent url(../image/menu-00.gif) bottom no-repeat; top:0; }
#menu-list li#menu01 a:hover	{ background:transparent url(../image/menu-01.gif) bottom no-repeat; top:40px; }
#menu-list li#menu02 a:hover	{ background:transparent url(../image/menu-02.gif) bottom no-repeat; top:80px; }
#menu-list li#menu03 a:hover	{ background:transparent url(../image/menu-03.gif) bottom no-repeat; top:120px; }
#menu-list li#menu04 a:hover	{ background:transparent url(../image/menu-04.gif) bottom no-repeat; top:160px; }
#menu-list li#menu05 a:hover	{ background:transparent url(../image/menu-05.gif) bottom no-repeat; top:200px; }
#menu-list li#menu06 a:hover	{ background:transparent url(../image/menu-06.gif) bottom no-repeat; top:250px; }
.recycle-flow_img		{ margin-top:60px; }


/*右側*/
#contents	{ margin-top:20px; float:right; width:600px; height:auto;}
h2	{ width:600px; height:40px;}
h3	{ margin-top:20px;}
h4	{ margin-top:10px; line-height:150%;}
h5	{ margin-top:10px; line-height:150%; margin-left:20px;}
h6	{ margin-top:10px; line-height:150%; margin-left:65px; text-indent:-35px;}

#contents li.q		{ background:url(../image/q.gif) left top no-repeat; list-style:none; padding-left:20px; margin-top:30px; line-height:130%;}
#contents li.a		{ background:url(../image/a.gif) left top no-repeat; list-style:none; padding-left:20px; margin-top:5px; line-height:130%;}

#contents table	{ font-size:0.9em; width:100%; margin-top:10px;}
#contents tr	{}
#contents td	{ padding:5px;}
.company td		{ font-weight:bold; color:#0D86D1; height:30px; vertical-align:bottom;}
.company td a	{ color:#333333;}
.address		{ border-bottom:#0D86D1 dotted 1px;}
.postcode		{ text-indent:12px; border-bottom:#0D86D1 dotted 1px; width:75px;}
.tel, .fax		{ text-align:right; border-bottom:#0D86D1 dotted 1px; width:100px;}
.linkless		{ color:#333333;}


/*リンク*/
#linkarea		{ height:auto;}
#linkarea ul	{ margin-top:20px;}
#linkarea li	{ list-style-position:inside; line-height:150%;}


/* ■■■ 2014/04/02 Murota 画像キャプション追加 ADD START */
#nsdeImgPath {
	margin:10px 0 0 0;
}
#nsdeImgPath p {
	margin:0 0 5px 0;
}
#nsdeImgPath img {
	width:250px;
	height:auto;
}

.imagebox_vertical {
	width : 250px;
	height : 210px;
	margin: 0px 0px 0px 10px;
}


.imagebox_horizon {
	width : 250px;
	height : 210px;
	display: inline-block;
	margin: 0px 0px 0px 10px;
}

p.image, p.caption {
   text-align: center;
   margin: 5px;
}


p.caption {
   font-size: 95%;
   color: darkblue;
   height: 10px;
   margin: 5px 0px 0px 0px;
}

.clear {
  clear: both;
}
/* ■■■ 2014/04/02 Murota 画像キャプション追加 ADD END */


/* ■■■ 2014/04/03 Murota 改ページ処理追加 ADD START */
#cms_search_list {
	margin: 10px 0px 0px 5px;
	text-align: left;
}
#cms_search_left {
	width : 290px;
	margin: 5px 0px 0px 0px;
	display: inline-block;
	text-align: left;
}
#cms_search_right {
	width : 290px;
	margin: 5px 0px 0px 0px;
	display: inline-block;
	text-align: right;
}

#nslsList {
	margin-top:20px;
}
/* ■■■ 2014/04/03 Murota 改ページ処理追加 ADD END */