@charset "UTF-8";

/*---------------------------------------------------------
■全般
---------------------------------------------------------*/
*{margin:0; padding:0; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MeiryoAA", sans-serif; color:inherit; background-color:inherit;}
a{text-decoration:underline !important;}
a:hover{text-decoration:underline !important;}
a:visited{color:#b83800 !important; text-decoration:none !important;}

#whatsnew a:visited{color:#b83800;}
#wrapper {
	width:800px;
	height:100%;
		/*margin:0 auto;*/
	background:white url("../img/side_back2.jpg") repeat-y;
		/*border-left:1px solid gray;*/
	/*border-right:1px solid #666;*/
	}

#header {
	background:url("../img/top_back2.jpg") no-repeat 0px bottom;
	height:200px;
	margin-bottom:-50px;
	background-color:transparent;
	}

#header #site_name{margin:0 20px; height:100px; border-bottom:5px solid #07b; width:760px; margin:0 auto;}

#header img{margin:15px 15px;}

div.hidden{display:none;}
div.hidden hr{clear:both;}
div.link_button{margin:5px auto; text-align:center;}
div.link_button a{border:1px outset #ddd; padding:3px; background-color:#fed;}
div.link_button a:hover{border:1px inset #ddd; background-color:#cde;}
div.pagetop{font-size:90%; text-align:right; margin-top:1em; margin-right:1em;}
body#event div.pagetop{display:none;}	/*中身がないので不可視*/
div.backpage{text-align:center; margin:2em auto; width:100px; height:24px;}
div.backpage a{width:100%; height:100%; display:block; background:url(../mirror/mirror_white.gif) no-repeat 0 0; border:1px outset #bbb;}
div.backpage a:hover{border:1px inset #bbb; background-position:0 25px;}
p.caution{color:blue; margin-left:1em; text-indent:-1em;}

#contents{
	background-color:transparent;
	position:relative;
	top:-0px;
	width:780px;
	height:100%;
		/*border:1px solid gray;*/
	}

/*---------------------------------------------------------
■メニュー
---------------------------------------------------------*/
.navi{
	float:left;
	width:160px;
	margin-left:20px;
	margin-top:0;
	position:relative;
	top:0;
	left:0;
		/*border:1px solid red;*/
	}
.navi ul.menu{list-style-type:none; width:163px; line-height:150%; height:1px; float:left; margin:0; height:340px;}
.navi ul.menu li {background-color:transparent; font-size:80%; height:26px; margin-bottom:5px;}
.navi ul.menu li a{
	display:block;
	font-family:"Hiragino Kaku Gothic Pro", "MeiryoBoldAA", sans-serif;
	font-weight:bold;
	padding-left:6px;
		/*padding-top:1px;*/
	background:url("../img/menu_back.gif") no-repeat 0 0;
	height:100%;
	}
.navi ul.menu li a span{color:inherit;}
.navi ul.menu li.index a:hover{background-position: 0 -293px;}
.navi ul.menu li.event a:hover{background-position: 0 -27px;}
.navi ul.menu li.descript a:hover{background-position: 0 -53px;}
.navi ul.menu li.action a:hover{background-position: 0 -80px;}
.navi ul.menu li.members a:hover{background-position: 0 -107px;}
.navi ul.menu li.semminer a:hover{background-position: 0 -133px;}
.navi ul.menu li.movere a:hover{background-position: 0 -160px;}
.navi ul.menu li.books a:hover{background-position: 0 -187px;}
.navi ul.menu li.laws a:hover{background-position: 0 -213px;}
.navi ul.menu li.faq a:hover{background-position: 0 -240px;}
.navi ul.menu li.links a:hover{background-position: 0 -267px;}
.navi #submenu{
	font-size:80%;
	background-color:transparent;
	list-style-type:none;
	float:left;
	margin-bottom:3px;
	margin-left:.5em;
	}
.navi #submenu li{
	width:152px !important;
	}

body#index ul.menu li.index a{background-position:0 -293px;}
body#event ul.menu li.event a{background-position:0 -27px;}
body#description ul.menu li.descript a{background-position:0 -53px;}
body#action ul.menu li.action a{background-position:0 -80px;}
body#members ul.menu li.members a{background-position:0 -107px;}
body#semminer ul.menu li.semminer a{background-position:0 -133px;}
body#movere ul.menu li.movere a{background-position:0 -160px;}
body#books ul.menu li.books a{background-position:0 -187px;}
body#laws ul.menu li.laws a{background-position:0 -213px;}
body#faq ul.menu li.faq a{background-position:0 -240px;}
body#links ul.menu li.links a{background-position:0 -267px;}


/*---------------------------------------------------------
■本文
---------------------------------------------------------*/
#honbun{
	width:560px;
	background-color:transparent;
	padding:0 20px 20px 20px;
	min-height:320px;
	overflow:hidden;
	}
#honbun .title {
	background:url("../title_img/blue2.gif") no-repeat;
	padding-left:25px;
	padding-top:1px;
	width:556px;
	height:23px;
	background-color:#53c2c2;
	color:white;
	font-size:100%;
	margin:0;
	text-shadow:3px 3px 5px black;
	}
body#event #honbun .title{background-image:url("../title_img/yellow.gif");}
body#description #honbun .title,
body#guideline #honbun .title,
body#action_history #honbun .title,
body#join #honbun .title{background-image:url("../title_img/cyan.gif");}
body#action #honbun .title{background-image:url("../title_img/green.gif");}
body#members #honbun .title{background-image:url("../title_img/brown.gif");}
body#semminer #honbun .title{background-image:url("../title_img/lime.gif");}
body#movere #honbun .title{background-image:url("../title_img/orange.gif");}
body#books #honbun .title{background-image:url("../title_img/purple.gif");}
body#laws #honbun .title{background-image:url("../title_img/darkblue.gif");}
body#faq #honbun .title{background-image:url("../title_img/lightgreen.gif");}
body#links #honbun .title{background-image:url("../title_img/gray.gif");}


h2, h2 span{color:white; padding:2px .5em; font-family:"MS PGothic", "ヒラギノ角ゴ Pro W6", "Osaka", "MeiryoAA", "Hiragino Kaku Gothic Pro", sans-serif; background-color:transparent;}
h2 span{font-size:90%;}
#honbun>h2, #honbun>h3, #honbun>.book>h2, #honbun>.new h2{ width:560px; font-family:"MS PGothic", "ヒラギノ角ゴ Pro W6", "Osaka", "MeiryoAA", "Hiragino Kaku Gothic Pro", sans-serif;}
body#links #honbun h3{background-color:gray; padding:2px .5em; color:white;}

body#event #honbun h2{background-color:yellow;}
body#description #honbun h2{background-color:#4bf;}
body#action_history #honbun h2,
body#guideline #honbun h2,
body#join #honbun h2{background-color:#4bf; color:black;}
body#action #honbun h2{background-color:#396;}
body#members #honbun h2{background-color:a22;}
body#semminer #honbun h2{background-color:#990;}
body#movere #honbun h2{background-color:#d96;}
body#books #honbun h2{background-color:purple;}
body#laws #honbun h2{background-color:#669;}
body#faq #honbun h2{background-color:#cfc;}
body#links #honbun h3{background-color:gray; padding:2px .5em; color:white;}

#honbun ul,
#honbun ol,
#honbun dl{
	margin-left:2em;
	}
#honbun ul li,
#honbun ol li{
	margin-left:1em;
	}
#honbun p{width:560px;}

/*---------------------------------------------------------
■footer
---------------------------------------------------------*/

#footer{margin-top:1em; clear:both;}
#contact{
	background:url("../img/kadomaru2.gif") no-repeat 0 0;
	padding:15px;
	width:580px;
	height:100px;
	position:relative;
	bottom:0;
	right:0;
	margin-right:0;
	margin-left:200px;
	}
#contact table{border:none; margin:0; width:520px; background-color:transparent; }
#contact table td, #contact table tr, #contact table th{border:none; background-color:transparent;}
#contact table td{min-width:190px;}
#contact table td.rogo{background:url("../img/dotted.gif") repeat-y right -4px; padding-right:15px;}
#contact table td p{width:270px; border-top:1px solid gray; margin:0; padding-top:.5em;}
#contact address{margin:0; width:220px; font-style:normal;}
#contact ul{list-style-type:none; margin-left:10px; background-color:transparent; height:6em;}
#contact li{margin-left:0px; height:15px; background-color:transparent;}
#contact dl{overflow:hidden;}
#contact dl dt{float:left; text-align:right; width:3em;}
#contact dl dd{margin-left:3em;}
#contact img{padding-bottom:3px; margin-bottom:3px; width:185px; height:40px; background-color:transparent;}
#footer #copyright{font-size:80%; margin-left:200px; width:auto; text-align:center; }