/* CSS Document */

/* ======================================================== */
/* 全体構造 */
/* ======================================================== */
* {
	margin:0;
	padding:0;
	text-indent:0;
	color:#333333;
}
html {
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(/img/common/bg2.gif);
	font-size:90%;
/*	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Myriad Pro Black"; */
}
a:link {
	color: #0099CC;
}
a:visited {
	color: #0099CC;
}
a:hover {
	color: #0099FF;
}
a:active {
	color: #716F64;
}

#wrapper{
	margin:0 auto 0 auto;
	width:808px;
	background-image:url(/img/common/wrapper_bg.gif);
	background-repeat:repeat-y;
}



/* ======================================================== */
/* ヘッダー */
/* ======================================================== */
#header {
	margin:0px 4px 0px 4px;
	width:auto;
	height:90px;
	background-image:url(/img/common/header_bg.gif);
	background-repeat:no-repeat;
	text-align:left;
	border-bottom:5px solid #799B85;
}

#header h1 {
	width:149px;
	height:52px;
	line-height:52px;
	margin:15px 0 0 10px;
	background-image:url(/img/common/header_logo.gif);
	background-repeat:no-repeat;
	float:left;
}
#header h1 a {
	width:149px;
	height:52px;
	text-indent:-9999px;
	display:block;
}

#header ul {
	margin:10px 13px 0 0;
	padding:0;
	text-indent:0;
	display:inline;
	float:right;
	list-style-type:none;
}

#header ul li {
	float:left;
	height:39px;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:0;
	text-indent:0;
}
	#header ul li#header_top {
		width:140px;
		background-image:url(/img/common/header_top.gif);
	}
	#header ul li#header_content {
		width:140px;
		background-image:url(/img/common/header_contact.gif);
	}
	#header ul li#header_sitemap {
		width:140px;
		background-image:url(/img/common/header_sitemap.gif);
	}
	
#header ul li a{
	height:39px;
	display:block;
	text-indent:-9999px;
}


#indeximg{
	margin:0px 0px 0px 0;
	vertical-align:bottom;
	padding:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

/* ======================================================== */
/* ナビゲーション */
/* ======================================================== */

#nav {
	width:220px;
	margin:0px 0px 0px 4px;
	background-color:#E8EEEA;
	display:inline;
	float:left;
	clear:both;
	border-top:10px solid #799B85;
	border-right:1px solid #fff;
/*	border-bottom:2px solid #666; */
}

#nav ul {
	margin:0 auto 0 auto;
	padding:0;
/*	padding:0 0 9px 0; */
	text-align:left;
/*	background-image:url(/img/common/nav_footer.gif); */
	background-position:bottom;
	background-repeat:no-repeat;
	list-style-type:none;
	border-top:2px solid #666;
	border-bottom:10px solid #799B85;
	}
#nav ul li {
	margin:0 auto 0 auto;
	padding:0;
	width:220px;
	height:40px;
	line-height:40px;
}

#nav ul li a{
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background-image:url(/img/common/nav.gif);
	background-repeat:no-repeat;
}

	#nav ul li#nav_about a     { background-position:0px 0px;}
	#nav ul li#nav_hello a     { background-position:0px -40px;}
	#nav ul li#nav_hello2 a       { background-position:0px -80px;}
	#nav ul li#nav_coi a  { background-position:0px -120px;}
	#nav ul li#nav_director a       { background-position:0px -160px;}
	#nav ul li#nav_org a     { background-position:0px -200px;}
	#nav ul li#nav_guide a    { background-position:0px -240px;}
	#nav ul li#nav_report a      { background-position:0px -280px;}
	#nav ul li#nav_link a      { background-position:0px -320px;}

	#nav ul li#nav_about a:hover     { background-position:-220px 0px;}
	#nav ul li#nav_hello a:hover     { background-position:-220px -40px;}
	#nav ul li#nav_hello2 a:hover       { background-position:-220px -80px;}
	#nav ul li#nav_coi a:hover  { background-position:-220px -120px;}
	#nav ul li#nav_director a:hover       { background-position:-220px -160px;}
	#nav ul li#nav_org a:hover     { background-position:-220px -200px;}
	#nav ul li#nav_guide a:hover    { background-position:-220px -240px;}
	#nav ul li#nav_report a:hover      { background-position:-220px -280px;}
	#nav ul li#nav_link a:hover      { background-position:-220px -320px;}



/* ======================================================== */
/* コンテンツ */
/* ======================================================== */
#contents {
	text-align:left;
	float:left;
	width:578px;
	border-top:10px solid #799B85;
	border-left:1px solid #ccc;
	background-color:#fff;
}
#contents h2{
	margin:0px 10px 20px 10px;
	padding:0;
	font-size:22px;
	height:37px;
	line-height:37px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border-bottom:5px solid #999;
}
#contents h2#h2_about{background-image:url(/img/common/h2_about.gif);}
#contents h2#h2_hello{background-image:url(/img/common/h2_hello.gif);}
#contents h2#h2_hello2{background-image:url(/img/common/h2_hello2.gif);}
#contents h2#h2_coi{background-image:url(/img/common/h2_coi.gif);}
#contents h2#h2_director{background-image:url(/img/common/h2_director.gif);}
#contents h2#h2_org{background-image:url(/img/common/h2_org.gif);}
#contents h2#h2_guide{background-image:url(/img/common/h2_guide.gif);}
#contents h2#h2_report{background-image:url(/img/common/h2_report.gif);}
#contents h2#h2_link{background-image:url(/img/common/h2_link.gif);}
#contents h2#h2_sitemap{background-image:url(/img/common/h2_sitemap.gif);}
#contents h2#h2_404{background-image:url(/img/common/h2_404.gif);}
#contents h2#h2_kousin{background-image:url(/img/common/h2_kousin.gif);}


#contents h3{
	margin:30px 10px 10px 10px;
	line-height:1.4em;
}

#contents h4{
	margin:30px 10px 10px 10px;
	border-top:1px solid #ccc;
	line-height:1.6em;
}

#contents h5{
	margin:30px 10px 10px 10px;
}

#contents ol{
	margin:auto 10px auto 5em;
	text-indent:10px;
}

#contents ul{
	margin:auto 10px auto 3em;
	text-indent:10px;
	list-style-type:none;
}

#contents li {
	line-height:1.6em;
}

#contents p{
	margin:10px;
	line-height:1.6em;
}

#contents #pan{
	padding:2px 10px;
	margin:10px 10px 10px 10px;
	text-align:right;
	background-color:#f9f9f9;
	font-size:90%;
	background-image:url(/img/common/pan_bg.gif)
}
#contents #pagetop{
	padding:5px 10px;
	margin:50px 10px 10px 10px;
	text-align:right;
/*	background-color:#f9f9f9;
	border:1px solid #ccc; */
}

#contents dl {
	margin:0;
	padding:10px;
}

#contents dl dt{
	height:2em;
	line-height:2em;
	margin:0;
	padding:0px 5px 0 5px;
	text-align:left;
	border-top:2px dotted #060;
	font-weight:900;
	text-indent:20px;
	background-image:url(/img/common/icon_square.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#contents dl dd{
	line-height:1.6em;
	margin:0px;
	padding:0 10px 20px 10px;
	text-align:left;
	text-indent:0em;
	font-size:90%;
}



/* =========================================================== */
/* 活動報告 */
/* =========================================================== */
#contents #report h3 {
	margin-bottom:0;
	line-height:1em;
	padding:0;
	font-size:100%;
	font-weight:100;
	border-bottom:1px solid #ccc;
}

#contents #report table {
	margin:0px 10px 10px 10px;
}

#contents #report table caption {
	white-space:nowrap;
	font-size:120%;
	text-align:left;
	margin-left:10px;
	font-weight:900;
	height:1.6em;
	line-height:1.6em;
}

#contents #report table th {
	width:4.2em;
	vertical-align:top;
	height:1.2em;
	line-height:1.2em;
}

#contents #report dl dd {
	line-height:2em;
	height:2em;
	margin:0px;
	padding:0;

}

/* =========================================================== */
/* director */
/* =========================================================== */

#contents table.director {
	margin:auto 10px 0 auto;
	width:560px;
	border:1px solid #ddd;
	line-height:1.6em;
	font-size:12px;
}

#contents table.director th{
	padding:5px;
	background-color:#F0FFF0;
	border:1px solid #ddd;
	text-align:center;
}

#contents table.director td{
	padding:5px;
	border:1px solid #ddd;
}

#contents table.director td.name{
	width:7.2em;
}



/* ======================================================== */
/* コンテンツ - 活動報告 */
/* ======================================================== */
#idea {
	margin:0;
	display:inline;
	float:left;
	width:390px;
	height:376px;
	border-top:10px solid #799B85;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	background-color:#E8EEEA;
}
#top_report {
	margin:10px auto 10px auto;
	padding-top:13px;
	width:376px;
	height:326px;
	background-image:url(/img/index/idea_bg.gif);
	background-repeat:no-repeat;
}

#top_report h2 {
	margin:0px auto 0 auto;
	padding:0;
	width:350px;
	height:120px;
	line-height:70px;
	background-image:url(/img/index/22.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#top_report_box {
	margin:0px 13px 10px 13px;
	width:auto;
	padding:0;
	height:178px;
/*	border-top:0px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
*/	text-align:center;
	vertical-align:middle;
	background-color:#EEFAED;
	text-indent:-9999px;
	background-image:url(/img/index/34.gif);
}

#top_report_box p{
	margin:1px auto 0 auto;
	padding:0;
}

#top_report h3 {
	width:335px;
	height:58px;
	margin:20px auto 0 auto;
	padding:0;
	background-image:url(/img/index/idea_h3.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#top_banner {
	background-color:#E8EEEA;
	padding:0px 5px10px 5px;
}

#top_banner img{
	margin:5px auto 0 auto;
	padding:0;
}

/* ======================================================== */
/* コンテンツ - 新着情報 */
/* ======================================================== */
#info {
	width:186px;
	margin:0px 4px 0 0;
/*	background-image:url(/img/index/info_bg.gif); */
	background-repeat:repeat-y;
	background-color:#fff;
	float:left;
	border-top:10px solid #799B85;
	border-left:1px solid #ccc;
}

#info h2 {
	width:186px;
	height:35px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:-9999px;
	line-height:35px;
	background-image:url(/img/index/info_title.gif);
	background-repeat:no-repeat;
}

#info dl {
	padding-bottom:10px;
	background-image:url(/img/index/info_footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:0;
}

#info dl dt{
	height:20px;
	line-height:20px;
	margin:0 5px;
	padding:0px 5px 0 5px;
	text-align:left;
	border-top:2px dotted #060;
	font-weight:900;
	font-size:14px;
	text-indent:20px;
	background-image:url(/img/common/icon_square.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#info dl dd{
	line-height:18px;
	margin:0px;
	padding:0 10px 0px 10px;
	text-align:left;
	text-indent:0;
	font-size:90%;
}

#info dl dd#info_list {
	text-align:right;
	padding-bottom:0px;
}

#info dl dd#info_list img{
	margin:5px;
	padding:0;
	}


/* ======================================================== */
/* フッター */
/* ======================================================== */
#footer {
	margin:0px auto 0px auto;
	width:auto;
	height:100px;
	padding-top:0px;
	background-image:url(/img/common/footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-indent:-9999px;
	clear:both;
}



/* ======================================================== */
/* リンク */
/* ======================================================== */
ul#linklist {
	margin:0;
	padding:0;
	text-indent:0;
	width:auto;
	text-align:left;
}

ul#linklist li{
	margin:10px;
	text-indent:0;
	padding:10px 0 10px 20px;
	border-bottom:1px dotted #ccc;
	background-image:url(/img/common/icon_square.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul#linklist li a img {
	border:5px solid #ccc;
	vertical-align:top;
	margin-right:10px;
}


/* ======================================================== */
/* その他 */
/* ======================================================== */
.attention {
	color:#cc0000;
}

/* ======================================================== */
/* ゲットアドビリーダー */
/* ======================================================== */
.get_adobe_reader {
	margin:20px 10px;
	padding:10px;
	background-color:#fcfcfc;
	border:1px solid #ccc;
}

.get_adobe_reader a, .get_adobe_reader a:link, .get_adobe_reader a:active, .get_adobe_reader a:visited {
	color:#333333;
	text-decoration:none;
}

.get_adobe_reader a:hover {
	color:#333333;
}