@charset "utf-8";
/* --------------------------global------------------------- */
* {
	margin:0px;
	padding:0px;
	font-size:small;
	text-align:justify;
	text-decoration:none;
	list-style-type:none;
	font-style:normal;
	font-family:"?q???M?m?3/4?(c) Pro W6", Osaka, "?l?r ?o?S?V?b?N",sans-serif;
}

/* ---------------------------box models-------------------------------- */
body {
	 /* background:#f2fafc url("../img/shasen3.gif") repeat; */
	 background:#f5f5f5 url("../img/bodyBg.gif") repeat-x;
}
#wrapper {
	margin:0px auto;
	background:#ffffff url("../img/shadowMiddle.gif") 0px 0px repeat-y;
	width:600px;
}
#header {
	width:600px;
	background:transparent url("../img/shadowTop.gif") 0px 0px no-repeat;
	padding-top:55px;
	height:172px;
}
#contents {
	clear:both;
	line-height:1.5em;
	color:#666666;
	width:540px;
	margin-left:30px;
	margin-right:30px;
	padding-bottom:20px;
	background:transparent url("../img/h1.gif") 0px 0px repeat-x;
}
#top-page #header {
	height:393px;
}
#banner {
	text-indent:-9999px;
	background:transparent url("../img/bannerBack.gif") 0px 0px repeat-x;
	height:100px;
	width:540px;
	margin:0px 0px 15px 30px;
	padding-top:35px;
}
/* #link-page #banner {
	background:transparent url("../img/linkBanner.jpg") 0px 0px no-repeat;
}
#contact-page #banner,#bbs #banner{
	background:transparent url("../img/contactBanner.jpg") 0px 0px no-repeat;
} */
#hossoku-page #banner {
	background:transparent url("../img/hossokuBanner.jpg") 0px 0px repeat-x;
}
#banner a{
	margin:0px 80px;
	width:380px;
	height:70px;
	background:transparent url("../img/logo5.gif") 0px 0px no-repeat;
	display:block;
}
/* #link-page #banner a,#contact-page #banner a, */ #hossoku-page #banner a /* ,#bbs #banner a */ {
	background:none;
}

/* -----------------------------navi--------------------------- */

#header #navi ul {
	width:540px;
	margin-left:30px;
	height:32px;
}
#header #navi li {
	list-style-type:none;
	text-indent:-9999px;
	float:left;
}
#header #navi li a {
	display:block;
	width:67px;
	height:32px;
	display:block;
}
#header #navi li a#top {
	background:url("../img/navi_button.gif") -0px -2px no-repeat;
}
#header #navi li a#tonews {
	background:url("../img/navi_button.gif") -65px -2px no-repeat;
}
#header #navi li a#project {
	background:url("../img/navi_button.gif") -130px -2px no-repeat;
}
#header #navi li a#org {
	background:url("../img/navi_button.gif") -195px -2px no-repeat;
}
#header #navi li a#let {
	background:url("../img/navi_button.gif") -260px -2px no-repeat;
}
#header #navi li a#fb {
	background:url("../img/navi_button.gif") -325px -2px no-repeat;
}

#header #navi li a#link {
	background:url("../img/navi_button.gif") -390px -2px no-repeat;
}
#header #navi li a#contact {
	background:url("../img/navi_button.gif") -455px -2px no-repeat;
}


#header #navi li a:hover#top,#header #navi li.selected a#top {
	background:url("../img/navi_button.gif") -0px -75px no-repeat;
}
#header #navi li a:hover#tonews,#header #navi li.selected a#tonews {
	background:url("../img/navi_button.gif") -63px -75px no-repeat;
}
#header #navi li a:hover#project,#header #navi li.selected a#project {
	background:url("../img/navi_button.gif") -128px -75px no-repeat;
}
#header #navi li a:hover#org,#header #navi li.selected a#org {
	background:url("../img/navi_button.gif") -193px -75px no-repeat;
}
#header #navi li a:hover#let,#header #navi li.selected a#let {
	background:url("../img/navi_button.gif") -258px -75px no-repeat;
}
#header #navi li a:hover#fb,#header #navi li.selected a#fb {
	background:url("../img/navi_button.gif") -323px -75px no-repeat;
}

#header #navi li a:hover#link,#header #navi li.selected a#link {
	background:url("../img/navi_button.gif") -388px -75px no-repeat;
}
#header #navi li a:hover#contact,#header #navi li.selected a#contact {
	background:url("../img/navi_button.gif") -453px -75px no-repeat;
}
/* --------------------------------footer--------------------------------- */

#footer {
	color:#ffffff;
	clear:both;
	width:540px;
	height:40px;
	padding:20px 30px;
	/* background:#ffffff url("../img/shadow.gif") right repeat-y; */
	background:#f5f5f5 url("../img/footer.gif") 0px -10px no-repeat;
}
#footer address {
	color:#ffffff;
}
#footer p {
	color:#ffffff;
}


/* ----------------------------h1------------------------------*/
h1 {
	padding-top:30px;
	padding-bottom:20px;
	padding-left:10px;
	font-size:1.5em;
}
#hossokuniyosete h1 {
	text-indent:-9999px;
	background:url("../img/h1hossokuniyosete.gif") 15px 30px no-repeat;
}
#hossoku-page h1 {
	text-indent:-9999px;
	background:url("../img/h1hossoku.gif") 15px 30px no-repeat;
}
#news-page h1 {
	text-indent:-9999px;
	background:url("../img/h1news.gif") 15px 30px no-repeat;
}
#workshop-page h1 {
	text-indent:-9999px;
	background:url("../img/h1workshop.gif") 15px 30px no-repeat;
}
#project-page h1 {
	text-indent:-9999px;
	background:url("../img/h1project.gif") 15px 30px no-repeat;
}
#contact-page h1 {
	text-indent:-9999px;
	background:url("../img/h1contact.gif") 15px 30px no-repeat;
}
#link-page h1 {
	text-indent:-9999px;
	background:url("../img/h1link.gif") 15px 30px no-repeat;
}
#org-page h1 {
	text-indent:-9999px;
	background:url("../img/h1org.gif") 15px 30px no-repeat;
}
#bbs h1 {
	text-indent:-9999px;
	background:url("../img/h1bbs.gif") 15px 30px no-repeat;
}

/* ------------------ headings except h1 -------------------- */

h2 {
	margin-top:20px;
	margin-bottom:10px;
	padding-left:10px;
	border-left:solid #0099ff 10px;
	background:#cccccc url("../img/h2.gif") 0% 0% repeat-x;
	color:#ffffff;
	clear:both;
}
#hossoku-page h2 {
	margin-top:20px;
	margin-bottom:10px;
	padding-left:10px;
	border-left:solid #e27fa3 10px;
	background:#cccccc url("../img/h2.gif") 0% 0% repeat-x;
	color:#ffffff;
}

/* ------------------ content, lists etc. ------------------- */

#contents p {
	margin-bottom:10px;
}
	


#contents dt {
	float:left;
	width:135px;
	clear:both;
	padding-left:15px;
}
#contents dd {
	display:block;
	margin-left:150px;
}
#contents li {
	list-style-position:inside;
	list-style-type:none;
}
hr {
	color:#999999;
	border:1px solid;
	margin:0 20px;
}
#contents a {
	color:#6666ff;
	border-bottom:2px dotted #6666ff;
	padding-left:20px;
	background:transparent url("../img/link.gif") 0% 50% no-repeat;
}
#contents a:hover {
	color:#ffffff;
	background:#6666ff url("../img/link.gif") 0% 50% no-repeat;
	border-bottom:0px;
}
#contents .p p, #contents .p h4, #contents .p h5, #contents .p ul {
	margin-left:150px;
	text-align:justify;
}
#hossoku-page #contents ul,#hossoku-page #contents h3 {
	margin-left:150px;
}
/*
#link-page #contents .p ul {
	margin-left:15px;
}
*/
#hossokuniyosete #contents h3 {
	float:left;
	width:135px;
	padding-left:15px;
}
#contact-page .p ul {
	margin-left:150px;
	text-align:justify;
}
#top-page #letter {
	padding-left:55px;
	margin-bottom:10px;
}
.clear {
	clear:both;
}
hr {
color:#ccc;
border:1px solid #ccc;
margin:40px 0 40px 15px;
}

/* --------------------- image ---------------------------- */

img {
	border:0px;
}
#contents a.lightbox img {
	margin-bottom:15px;
	float:left;
	width:120px;
	clear:both;
	padding-left:15px;
	padding-right:15px;
}
#contents a.lightbox {
	background:url("");
	padding-left:0px;
}

/* --------------------- bbs ------------------------------ */
#bbs .solid {
	padding:10px;
	border:1px #999999 solid;
	margin-bottom:10px;
}
#bbs .solid .article {
	margin-bottom:10px;
}
#org-page #contents img {
	margin-left:145px;
}
/* ----------------------sakaigawa---------------------- */
dl#sakaigawa-report dd a {
padding:0;
background-image:none;
border:0px;
}
/* ---- hachioji ------- */
.hachioji-contents .clear {
padding-bottom:30px ! important;
}
h3 {
border-bottom:2px solid #999;
margin:2em 0 1em 15px;
}