@charset "utf-8";
/*
1.MAIN
2.TOP
3.NEXT
4.MEMBER
5.PAST
6.BBS
7.LINK
8.MAIL
----------------------------------------*/


/* 1.MAIN
----------------------------------------*/
html {
	overflow-y:scroll;
	height:100%;
}
body{
	line-height:1.5;
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	text-align:center;
	background-color:#ddd;
	color:#333;
	height:100%;
}
#wrapper{
	margin:0 auto;
	padding:0 30px;
	width:760px;
	background-color:#fff;
	text-align:left;
	height:auto !important;
	height:100%;
	min-height: 100%;
	position:relative;
}
#header{
	height:120px;
}
#contents{
	padding-bottom:50px;
	background-color:#fff;
}
#footer{
	position:absolute;
	bottom:0;
	height:10px;
	margin:20px 0 0 0;
	padding:20px 0 20px 0;
	text-align:center;
	color:#aaa;
	font-size:0.9em;
}
h2{
	clear:both;
	padding:6px 10px 2px 33px;
	margin-bottom:30px;
	border:1px solid #ddd;
	background: url("./images/arrowBig.gif") no-repeat 9px 7px;
	background-color:#ddd;
	color:#333;
	font-size:1.2em;
	text-transform: uppercase;
}
h4{
	margin:20px 0 0 0;
}
span{
	color:red;
}
h3 em{
	margin-right:1em;
	font-size:1.4em;
	/font-weight:bold;/*--IE6,7Hack--*/
}
a.textLink{
	color:#ff0099;
	text-decoration:underline;
	padding-left:10px;
	background: url("./images/arrow.gif") no-repeat 0 3px;
}
a.textLink:hover{
	text-decoration:none;
}

/* 2.TOP
----------------------------------------*/


dl.news{
	width:760px;
	margin-top:-10px;
}
dl.news dt{
	float:left;
	padding:4px 10px;
	width:60px;
	border-bottom:1px solid #ddd;
}
dl.news dd{
	float:left;
	width:680px;
	padding:4px 0;
	border-bottom:1px solid #ddd;
}
dl.news dd a{
	color:#333;
	text-decoration:underline;
}
dl.news dd a:hover{
	text-decoration:none;
}img.topImage{
	float:left;
	padding-bottom:20px;
}
img.banner{
	float:right;
	margin-bottom:20px;
}

/* 3.NEXT
----------------------------------------*/
body#next h3{
	margin-left:20px;
}

div.nextImage{
	float:right;
	width:220px;
	padding-right:20px;
}
div.nextImage img{
	margin-bottom:10px;
}


ul.cast,ul.cast li{
	list-style:none;
}


body#next #wrapper #contents dl{
	width:500px;
	font-size:0.9em;
}
body#next #wrapper #contents dl.detail{
	clear:both;
	width:750px;
	font-size:0.9em;}
body#next #wrapper #contents dl dt{
	float:left;
	text-align:right;
	padding:7px 15px 4px 0;
	border-bottom:1px solid #fff;
	width:75px;
	color:#555;
}
body#next #wrapper #contents dl.detail dd{
	width:650px;
}
body#next #wrapper #contents dl dd{
	float:left;
	padding:7px 0 4px 0px;
	width:410px;
	border-bottom:1px solid #ddd;
}

/* 4.MEMBER
----------------------------------------*/
body#member h3{
	width:700px;
	margin:0 auto 10px auto;
	padding-left:22px;
	background: url("./images/arrowCircle.gif") no-repeat 0px 1px;
	font-size:1.1em;
}

body#member h4{
	margin:0;
}
body#member h4 em{
	margin-right:1em;
	font-size:1.4em;
	/font-weight:bold;/*--IE6,7Hack--*/
}

dl.member{
	width:700px;
	margin:0 auto 15px auto;
	font-size:0.9em;
}
dl.member dt{
	float:left;
	width:60px;
	padding-bottom:10px;
}
dl.member dd{
	float:left;
	width:640px;
	padding-bottom:10px;
}

ul.member,ul.member li{
	list-style:none;
}
ul.member li{
	float:left;
	width:6.5em;
}
ul.member li a{
	color:#ff0099;
	text-decoration:underline;
}
ul.member li a:hover{
	text-decoration:none;
}

#grade1 div.member{border:1px solid #33ff99;}
#grade2 div.member{border:1px solid #ff6699;}
#grade3 div.member{border:1px solid #6666ff;}
#grade4 div.member{border:1px solid #ccff66;}



div.member{
	width:680px;
	margin:10px auto;
	padding:19px 19px;
}
div.member img{
	float:left;
	width:200px;
}
div.memberText{
	display:inline;/*--ie6Hack--*/
	float:left;
	padding-left:20px;
	width:440px;
	overflow:hidden;
}
div.toTop{
	clear:both;
	padding:5px 20px 5px 0;
	text-align:right;
}

dl.memberP{
	width:440px;
	padding-left:3px;
	font-size:0.9em;
}
dl.memberP dt{
	float:left;
	width:40px;
}
dl.memberP dd{
	float:left;
	width:395px;
	padding-left:5px;
}
table.member{
	margin-top:10px;
	width:440px;
	font-size:0.9em;
}
div.memberText table.member tr{
	height:10px;
	padding:3px 0;
}
table.member td,table.member th{
	border-bottom:1px solid #ddd;
}
table.member th{
	color:#bbb;
}
th.year{width:50px;}
th.month{width:30px;}
th.title{width:290px;}
th.act{width:270px;}

/* 5.PAST
----------------------------------------*/

dl.past{
	width:500px;
	font-size:0.9em;
}
dl.past dt{
	float:left;
	width:60px;
	padding:2px 0;
	border-bottom:1px solid #fff;
}
dl.past dd{
	float:left;
	width:440px;
	padding:2px 0;
	border-bottom:1px solid #ddd;
}
dl.past ul,dl.past ul li{
	list-style:none;
}
dl.past ul li{
	float:left;
	padding-right:1.3em;
	line-height:1.8em;
}
div.past{
	width:700px;
	margin:0 auto;
	padding:20px 0;
	border-top:1px solid #ddd;
}
div.past img{
	float:left;
	width:180px;
}
div.pastText{
	float:left;
	padding-left:20px;
	width:500px;
}
ul.past,ul.past li{
	list-style:none;
}
ul.past{
	width:700px;
	margin:0 auto;
	border-top:1px solid #ddd;
}
ul.past li{
	float:left;
	padding:4px 10px;
}
ul.past li a{
	color:#ff0099;
	text-decoration:underline;
}
ul.past li a:hover{
	text-decoration:none;
}

/* 6.BBS
----------------------------------------*/

body#bbs div#contents ul,body#mail div#contents ul{
	font-size:0.9em;
	margin-left:1em;
}
body#bbs div#contents a{
	padding:5px 0 3px 10px;
	margin-right:20px;
	background: url("./images/arrow.gif") no-repeat 0 8px;
}

/* 7.LINK
----------------------------------------*/


body#link h3{
	margin:15px 0;
	padding-left:22px;
	background: url("./images/arrowCircle.gif") no-repeat 0px 1px;
}
body#link div#contents ul,body#link div#contents li{
	list-style:none;
	margin-left:10px;
}
body#link div#contents ul{
	border-top:1px solid #ddd;
}
body#link div#contents ul li{
	line-height:1.8em;
	border-bottom:1px solid #ddd;
	padding:2px;
}
body#link div #contents ul li a{
	color:#ff0099;
	text-decoration:underline;
	padding-left:12px;
	background: url("./images/arrow.gif") no-repeat 2px 3px;
}
body#link div #contents ul li a:hover{
	text-decoration:none;
}
body#link div #contents ul li p{
	margin-left:5px;
	font-size:0.9em;
	color:#555;
}

/* 8.MAIL
----------------------------------------*/

body#mail h3{
	margin:15px 0 5px 0;
}
body#mail p{
	margin-left:10px;
}
	






/* HEADER
----------------------------------------*/
h1{
	padding-top:15px;
}
ul.globalNav,ul.globalNav li{
	list-style:none;
	display:block;
}
ul.globalNav{
	display:block;
	margin:15px 0 0 0;
}
ul.globalNav li{
	float:left;
	border-right:1px solid #555;
}
ul.globalNav li a,ul.globalNav li a:hover{
	display:block;
	padding:2px 20px 0 20px;
	color:#333;
	text-transform: uppercase;
}
ul.globalNav li a:hover{
	background-color:#ddd;
}



/* CLEAFIX
----------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}