@charset "UTF-8";"


body {
	background-color:#FFF;
	color: #6c5a44;
	font-family: Arial, Helvetica, sans-serif, "lr oSVbN", Osaka, "qMmpS Pro W3";
	font-size: 13px;
	margin: 0 auto;
	text-align: center;
	}
	
p {
	line-height: 1.5em;
	padding: 5px 0;
	margin: 0;
	}
	
dl {
	clear: both;
	margin: 0;
	padding: 5px 0;
	}
	
dt {
	float: left;
	clear: both;
	width: 10em;
	}
	
	
dd {
	margin-left:10em;
	}
	
.dl_bottom {
	border-bottom: 1px solid #FFF;
	}
	
h1,h2,h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin:0;
	padding: 0;
	}
	

a:link {	color:#999900;
	text-decoration: none;
	}
a:visited{color:#999900;
}
	
a:hover {
	text-decoration: underline;
	color:#ff33cc;
	}
	

#wrapper {
	background: url(../img/wrapper_bg.gif) repeat-y;
	margin: 0 auto ;
	padding: 0px 15px 0px 15px;
	width: 880px;
	}
	
#header {
	}
	
#content {
	background:url(../img/tatami.gif) repeat-x;
	padding: 25px;
	margin-top: 0;
	text-align: left;
	min-height:100%;

	}
	
#footer {
	background: url(../img/foot_bg.gif) no-repeat;
	font-size: 10px;
	height: 15px;
	padding: 8px;
	text-align: left;
	bottom:-1;
	width:880px;
	clear:both;
}
#f_right {float:right;
	padding-right:15px;
}

.right{float:right;
	margin:0 5 0 0;
}

/* =============== TEXT ================= */

.page_top {
	margin-bottom:;
	text-align: right;
	padding: 8px 0 5px;
	}

	
/* =============== HEADER ================= */

#head_logo {
	float: left;
	width: 225px;clear:both
	}
	
/*#header h1 {
	font-size: 14px;
	padding-left: 10px;
	}

#header h2 {
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0 0 10px;
	}

#header h3 {
	font-size: 11px;
	font-weight: normal;
	padding: 20px 0 0;
	}*/
	
#head_right {
	
	padding: 55 0 0;
	}
 

/*================drop menu====================*/
#dropmenu {
  position: relative;
  list-style-type: none;
  width: 840px;
  height: 36px;
  margin: 50px auto 0px;
  padding-bottom: 0;
  background:url();
  border-bottom: 2px solid #cccc33;
  border-radius: 3px 3px 0 0;
  font-family:serif;
  bottom:;
  z-index:1; 
}
#dropmenu li {
  position: relative;
  width: 120px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  float: left,clear;
  width: 120px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 3px;
  background: white;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background:url("../img/kero09.jpg");
	background-repeat:no-repeat;
  color:;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border: 1px solid #7c8c0e;
  border-bottom:0;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 5px 5px; 
  border-bottom: solid 1px #7c8c0e;
}

.now_page{background-image:url("../img/drbg4.png");
	background-repeat:repeat-x;
	color:white;
	background-position:;}
	
#dropmenu li ul li:hover > a {
  background:white;
  color:red;
}

/* =============== CONTENT LEFT ================= */
#leftbar{float:left;
	width:170px;
	height:100%;
}

#leftbar a {color:#6c5a44;
}

#leftbar a:hover {color:#cc9900;
	border-bottom:0px solid;
}


#leftbar h2{border-bottom:5px solid #aaaa00;
	font-size:25px;
	line-height:40px;
	text-indent:5px;
}
#leftbar ul{float:left;
	list-style:none;
	font-size:18px;
	line-height:40px;
	margin:10 0 10 -30;
}
	
	
/* =============== CONTENT RIGHT ================= */

	
#cont_right {
	float: right;
	width: 640px;
	line-height:24px;
	margin-bottom: 10px;
	padding:7 0 0;
	}
#cont_right h2 {font-size:28px;
	border-bottom:5px solid #aacc00;
	border-bottom-width:;
	display:block;
	line-height:34px;
	text-indent:5px;
	margin:0 0 20;
}


.text_cont {padding:0 15 30 ;
	float:right;
	clear:both;
	background-image:url("img/li_bullet.gif");
}


/* =============== MEMBERS ================= */

#member h3{font-size:18px;
	text-indent:10;
}
	
.ind {
	width: 550px;
	height: 150px;
	border: 1px solid black;
	margin: 20 60 20 40;
	}
	
.members_img {
	float: left;
	clear:both;
	width: 150px;
	height: 150px;
	background-color: black;
	}
	
.members_img img {width:100%;
	height:100%;}
	
.members_prof {
	float: left;
	width: 400px;
	height: 150px;
	margin-top:;
	padding-right:0;
	}
	
.members_prof ul{float:left;}
	
.members_prof ul li {
	height:20px;
	padding-right: 0px;
	font-size: 13;
	list-style-type: none;
	}
.list1 li{border-bottom: 0px solid black;
	float:;

}
.list2 li{width:240;
	border-bottom:1px solid black;
	text-indent:5px;
	float:;
}
/* =============== ACTIVITIES ================= */



#aboutus_img2 {float:left;
	width:250;
	margin:5 5 40 0;
}

#aboutus_img3 {float:right;
	width:280;
	margin:5 5 0;
}

#schedule {
	width: 640px;
	height: 540px;
	margin-bottom:20px;
}

#sche1{
	width: 640px;
	height:;
	margin:0 0 10;
	border: solid 0px;
	vertical-align:middle;
}

#sche2{
	width: 640px;
	height: 480px;
}

#sche2-1{
	float: left;
	width: 240px;
	height: 480px;
	border: solid 2px;
	border-color: black;
	background-color: #f5deb3;
	margin: 10 0;
}

#sche2-1 img {width:236px;
	height:116px;
	margin:0 auto;
	border: solid 2px white;
	cursor:pointer;}

#sche2-2{
	float: right;
	width: 390px;
	height: 480px;
	overflow:scroll;
	padding:10px 0 ;
	}
	
#sche2-2 a{color:red;
	cursor:pointer;
}
#sche2-2 div{font-size:15px;
	
}
#sche2-2 div h3{font-size:18px;
	margin:25 0 10;
}

.schepic{
	margin: 10 auto;
	width:310px;
}
.center{text-align:center;
	text-indent:25px;
	padding:0;
}
.center2{padding:0 70;}

#all_sche {background-image:url(img2/sche.png);
	font-size:22px;
	text-indent:;
	text-align:center;}

#li_a {list-style-type:none;
	float:left;
}
#li_a li {margin:8px 0 14px 0;
	font-size:18px;
	}
#li_b {list-style-type:none;
	float:left;
}
#li_b li {margin:8px 0 12px 0;
	font-size:16px;
	border-bottom:2px solid;
	}


#test{width:50px;
	float:right;
	margin:-20 10 20 0;
}


#test2{width:300px;
	float:right;
	margin:10 10 20 0;
}




.center{text-align:center;
	text-indent:25px;
}

/* =============== QA ================= */

.QA_info {
	margin-bottom: 25px; 
	}

.QA_info_text {font-size:15px;
	padding-left: 30px;
	line-height:24px;
	width: 560px;
	}
.QA_info_text h3 {font-size:18px;
	font-weight:600;
	border-bottom:3px solid #aacc00;/*#339900*/
	line-height:22px;
	margin:27 0 13;
	display:block;
}
.QA_info_text h3 b {font-size:18px;
	font-weight:700;}
.QA_info_text b {font-size:18px;
	font-weight:700;}
	
/* =============== JOIN ================= */


	
#hello{background-image:;
	float:right;
	height:400px;
	margin:0 0 0 15;
}

#hello a {color:#ff0066;
}
#hello2{text-align:left;
}

#test3{width:200px;
	margin:10 10 20 20;
	float:right;
}

.sin {
	width: 620px;
	height: auto;
	border: solid 0px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	font-size:14px;
}
	
.sin h3{font-size:20px;
	margin:25 0 5;
}

#sin_eve{margin-bottom:15px;
}
	
	
/*======== aboutus ===========*/

	
#aboutus_img1 {float:right;
	width:250px;
	margin:5 2 10 6;
}
#aboutus_img4 {float:left;
	width:280;
	height:200;
	margin:0 10 90 0;
}

.shihan{ width:630;
	padding:10 10;
	clear:both;
}

.shihan h3{ border-bottom:solid 1px;
	line-height:18px;
}

.shihan h3 a:link{ color:#006600;
	border-bottom:0px;}

.shihan_img {float:left;
	width:150;
	padding:15 0 30;
}
.shihan_comment {float:right;
	width:470;
	padding:15 0 30 10;
}

#shisei_info {border:black 2px solid;
	width:630;
	padding:15 10 30;
	clear:both;
}

.pv{position:relative;
	z-index:0; 
}
