/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,  
form,fieldset,input,textarea,p,blockquote,th,td{  
    padding:0;  
    margin:0;  
}  
table{  
    border-collapse: collapse;  
    border-spacing:0;  
}  
fieldset,img{  
    border:0;  
}  
address,caption,cite,code,dfn,em,strong,th,var{  
    font-weight:normal;  
    font-style:normal;  
}  
ol,ul{  
    list-style:none;  
}  
caption,th{  
    text-align:left;  
}  
h1,h2,h3,h4,h5,h6{  
    font-weight:normal;  
    font-size:100%;  
}  
q:before,q:after{  
    content:'';  
}  
abbr,acronym{  
    border:0;  
}  

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


.clear {
	clear			:	both;
	height			:	0;
}

hr {
	display: block;
	display			:	none;
	border-style: inset;
	border-width: 1px;
	margin: 0.5em auto;
}

/* -----------------------------
	font size
----------------------------- */

body{ font-size: 75%;
font:normal 1em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
line-height:2em;
text-align:center;
}
html>body{ font-size: 12px;}
*:first-child+html body{ font-size: 75%;} 


/* ---------- MacIE 文字化け対策 */
textarea, select, input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka, sans-serif;
}

/* ---------- MACIE以外 */
@media screen {
	textarea, select, input {
		font-family: Arial,"ＭＳ Ｐゴシック",Verdana, Arial,  sans-serif;
	}
}


/* header */

#wrap{
background:#FBFBFB url(main_bg.jpg) top repeat-x;}
#info {
	background-color:#ffffff;
}

#info div {
	margin:0 auto;
	color: #333333;
	width:955px;
	height:32px;
}

#info div img {float:right;}
#info p {
	padding-top:10px;
	text-align:left;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* container */

#container{
	margin:0 auto 0 auto;
	width:950px;
	text-align:left;
	}
/* pagetop */
.pagetop{
	width:796px;
	display:block;
	margin:20px auto 20px auto;
	text-align:right;
	}
a{color:#990000;}
a:hover{color: #CC3333;}


/* link */

#container .link{
	margin:50px 0 50px 10px;
	width:950px;
	}
#container .link li{
	float:left;
	margin:10px 10px 0 0;
	}
	
/* teacher */
#container .teacher{
	width:900px;
	border:#F1F1F1 solid 5px;
	padding-bottom:20px;}

#container .teacher .left{
	float:left;
	width:410px;
	_width:410px;
	margin:20px 0 0 20px;
	_margin:10px 0 0 10px;
	padding-right:20px;
	background:url(line.jpg) right repeat-y;}
#container .teacher .left img{
	margin-top:15px;
	}
	
#container .teacher .right{
	float:right;
	width:410px;
	margin:20px 20px 0 0;
	_margin:10px 10px 0 0}

	
/* font stlye */

#container{
	_font-size:75%;
	_line-height:1.8em;
	}

/* footer */

	
#footer {
	background-image:url(header_line.gif);
	text-align:left;
	padding:0 0 15px 0;
	color:#FFF;
	_font-size:75%;
	_line-height:1.8em;
}

#footer_in {
	width:950px;
	margin:0 auto;
	position:relative;
}

#footer p.text  {
	margin-top:10px;
}

#footer ul {
	position		:	absolute;
	width			:	355px;
	top				:	10px;
	left			:	540px;
	text-align:right;
}
#footer li {
	display			:	inline;
}

#footer li a {
	color:#FFF;
}

#footer li a:hover {
	color			:	#CC3333;
}
/*****************************************************************

	group style setting

*****************************************************************/

#group_wrapper {
	background-image:url(groupback.gif);
	text-align:left;
	padding:12px 0 25px 0;
}

.line {
	margin:10px 0;
}

#group {
	width:955px;
	margin:0 auto;
}

#group h3 {
	margin-bottom:10px;
}
#waobland_title {clear:both;
	width:955px;
	height:40px;
	margin:10px 0;
}

#waobland_title h3 {
	float:left;
	}
#waobland_title p {
	float:left;
	padding:17px 0 0 10px;
	color:#FFF;
}
#axisbland {
	width:314px;
	float:left;
	background-image:url(line03.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:21px;
	text-align:center;
}
#axisbland ul {
	line-height:0;
}

#axisbland li {
margin:0 5px 5px 0;
	float:left;
}


#waobland {
	float:right;
	width:593px;
}

#waobland h3 {
	float:left;
}

#waobland p {
	float:left;
	padding:17px 0 0 10px;
	color:#FFF;
}

#waobland ul {
	clear:both;
	line-height:0;
}

#waobland li {
	float:left;
	margin:0 5px 5px 0;
}


#anime {
	clear:both;
}

#anime ul {
	margin-left:0px;
}

#anime li {
	float:left;
	padding-right:10px;
}

#project {
	clear:both;
}

#project li {
	float:left;
}