@charset "utf-8";

/* --------------------------------------------------

	all reset

----------------------------------------------------- */

body,div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p,
blockquote,
th, td {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul {
	list-style: none;
}
fieldset, img {
	border: 0;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	color:#FF6600;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption, th {
	text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.red{
	color:#FF0000;
}
.pagetop{
	text-align:right;
	padding-top:20px;
}
.center{
	text-align:center;
}

/* --------------------------------------------------

	base

----------------------------------------------------- */
body{
	background-color:#cc66cc;
	color:#333333;
}
#wrapper{
	margin:auto;
	width: 888px;
	background: url(../img/wrapper_bg.gif) repeat-y center;
}
#page {
	border-top: 4px solid #782076;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111;
	line-height:1.5em;
	width: 876px;
	font-size:12px;
}
h1{
	color:#FFFFFF;
	font-size:10px;
}
#menu li{
	float:left;
	margin-right:1px;
}
#ind #main{
	background:url(../img/main_bg.gif) top center repeat-y;
}
#sys #main,#mem #main,#kan #main,#sin #main,#sta #main{
	background:url(../img/all_main_bg.gif) top center repeat-y;
}
#list{
	width:139px;
	margin:20px 14px;
}

#list h3{
	color:#660033;
	font-size:14px;
	font-weight:bold;
	border-bottom:dashed 1px;
	padding-bottom:5px;
}
#list li{
	line-height:2.5em;
	border-bottom:dashed 1px;
}
#center{
	width:455px;
	padding:17px;
}
#center div{
	margin:10px;
}
#sys h4,#mem h4,#kan h4,#sin h4,#sta h4{
	font-weight:bold;
	padding-left: 5px;
	padding-bottom:1px;
	border-left: 4px solid #B247AF;
	border-bottom: 1px solid #B247AF;
	color:#963D94;
}
#footer{
	background:url(../img/footer_bg.gif) top center no-repeat;
}
address{
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	padding-top:20px;
}
/* --------------------------------------------------

	top page

----------------------------------------------------- */
#ind_main{
	width:862px;
	margin: auto;
	margin-top:10px;
}
/* left
---------------------- */
#main_con{
	width:390px;
	padding:20px;
}
#main_con p{
	margin-bottom:20px;
	font-weight:bold;
}
/*p.first_letter:first-letter{
	font-size:240%;
	float:left;
	color:#ffffff;
	background-color:#990066;
	border:solid 1px #340824;
	padding:5px;
	margin-right:2px;
}*/

p#ind_metabo{
	background:url(../img/ind_main_bg.gif) right center no-repeat;
	padding:10px 120px 10px 15px;
	margin-left:5px;
	margin-right:10px;
	font-weight:normal;
	border:#330033 solid 1px;
	line-height:1.4em;
}
/* center
---------------------- */
#ind_teian{
	width:198px;
	padding:20px 15px;
}
#ind_teian h3 {
	font-size: 13px;
	font-weight:bold;
	color: #990066;
	text-align: center;
	border-bottom: 1px dotted #990066;
	padding-bottom:2px;
	letter-spacing:-1px;
}
#ind_teian h4 {
	font-weight:bold;
	padding-left: 5px;
	padding-bottom:1px;
	border-left: 4px solid #990066;
	border-bottom: 1px solid #990066;
	margin-top:10px;
}
.ind_te{
	margin:5px;
}
#ind_teian dl {
	margin:2px;
	padding-top:5px;
}
#ind_teian dt {
	font-size:11px;
	width:110px;
	line-height:1.2em;
}
#ind_teian dd img{
	padding:1px;
	border:1px solid #666666;
	margin-top:3px;
	margin-left:6px;
}

/* right
---------------------- */
#sidebar{
	width:170px;
	padding:20px 4px 20px 0px;
}
#sidebar p {
	color: #990066;
	border-bottom: 1px dotted #990066;
	padding-bottom:2px;
	text-align:center;
}
/* --------------------------------------------------

	system page

----------------------------------------------------- */
#sys h1{
	background-color:#B447B0;
}
#sys_main{
	width:862px;
	margin: auto;
	margin-top:10px;
}
#sys table th{
	width:100px;
	vertical-align: top;
	padding:5px;
	text-align: center;
	border-bottom: 1px dotted #666666;
}
#sys table td{
	padding:5px;
	border-bottom: 1px dotted #666666;
}
#sys dl{
	margin:10px;
	padding:5px;
}
#sys dl dt{
	font-weight:bold;
	border-bottom:double 3px #333333;
	padding-left:5px;
}
#sys ul#sys_point{
	margin:10px;
	font-weight:bold;
	color:#FF0000;
}
#sys ul li p{
	color:#000000;
	padding-top:3px;
	border-bottom:#333333 solid 1px;
}
/* --------------------------------------------------

	kanayama page sinsakae page

----------------------------------------------------- */
#kan h5,#sin h5{
	border-bottom:double 3px #333333;
	padding-left:1px;
	font-weight:bold;
}

#kan #center p,#sin #center p{
	line-height:2em;
	margin-bottom:10px;
}
#kan #shisetu dl,#sin #shisetu dl{
	width:200px;
	margin:8px;
}
#kan dt,#sin dt{
	font-weight:bold;
	text-align:center;
}
#kan #shisetu dt img,#sin #shisetu dt img{
	border:solid 1px #999999;
	padding:1px;
}
#riyou{
	padding:10px;
}
#riyou li{
	list-style:circle;
	padding-bottom:5px;
}
#map{
	margin-top:5px;
	line-height:1em;
}
#map p{
	line-height:1.3em;
	font-weight:bold;
	padding-top:5px;
}
#ei dt{
	float:left;
	width:8.5em;
	text-align:right;
	padding-right:5px;
}
#ei dd{
	float:left;
}
#eigyou th {
	font-weight:normal;
	font-size:9px;
	vertical-align:bottom;
}
#eigyou td{
	border:solid 1px #333333;
	width:20px;
	text-align:center;

}
#sin #lesson th{
	font-size:10px;
	text-align:right;
	padding-right:5px;
	vertical-align:top;
}
#sin #lesson th,#sin #lesson td{
	line-height:2em;
}
#sin #lesson td{
	text-align:center;
	width:60px;
	border: 1px solid #666666;
}
#sin #lesson td.sin_half{
	border-bottom: 2px dotted #666666;
}
.hukin{
	background-color:#FFFF99;
}
.sut{
	background-color:#B0EFFF;
}
.dan{
	background-color:#FF99FF;
}
.jishu{
	background-color:#F0F0F0;
}
.sah{
	background-color:#CAFFDB;
}	
/* --------------------------------------------------

	members page

----------------------------------------------------- */
#mem #center h5,#kan #center h5{
	border-bottom:double 3px #666666;
	padding-bottom:2px;
	padding-left:3px;
	margin-bottom:10px;
	font-weight:bold;
}
#mem #center dl{
	margin:5px;
}
#mem #center dt{
	width:170px;
	margin-bottom:5px;
}
#mem #center dt img{
	border:solid 1px #999999;
	padding:1px;
}
#mem #center dd h6{
	font-weight:bold;
	margin-bottom:10px;
}

#mem #center dd p{
	margin-bottom:10px;
}
/* --------------------------------------------------

	staff page

----------------------------------------------------- */
#sta #sta_kan dt{
	width:250px;
	float:left;
	clear:both;
	padding-right:10px;
	line-height:1.5em;
}
#sta span{
	font-size:14px;
	font-weight:bold;
	border-bottom:#333333 solid 2px;
	line-height:2.6em;
}
#sta #sta_kan dd img{
	padding:1px;
	border:1px solid #999999;
}
#sta #sta_sin dt img{
	padding:1px;
	border:1px solid #999999;
	float:left;
	clear:both;
}
#sta #sta_sin dt{
	width:130px;
}
#sta #sta_sin dd{
	width:250px;
	padding-left:10px;
	line-height:1.5em;
}


