@charset "utf-8";
/* CSS Document */

/* ++++++++++++++++++
	global
++++++++++++++++++ */
body {
	color:#404040;
	font:12px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

a {
}
a:hover {
	text-decoration:none;
}

*.am a, a.am {
	text-decoration:none;
}
	*.am a:hover, a.am:hover {
		text-decoration:underline;
	}
	
.center {
	text-align:center !important;
}
.left {
	text-align:left !important;
}
.right {
	text-align:right !important;
}

.fleft {
	float:left;
	margin:0 10px 10px 0;
}
.fright {
	float:right;
	margin:0 0 10px 35px;
}

.caution {
	color:#f00 !important;
}

/*
	#head
*/
#head {
	background:#F5F5E6;
	height:115px;
}
	#head .inner {
		width:710px;
		margin-left:60px;
		padding-top:20px;
	}
	#head h1 {
		margin-right:40px;
		float:left;
	}

#logoList {
	padding-top:15px;
}
	#logoList li {
		float:left;
		margin-right:20px;
	}

#h_menu {
	padding-top:15px;
	clear:both;
}
	#h_menu li {
		float:left;
		margin-right:4px;
	}
	#h_menu li.mg {
		margin-right:15px;
	}
		#h_menu li a,
		#h_menu li.none {
			display:block;
			background:url(../img/mback_off.png) no-repeat;
			width:110px;
			height:22px;
			line-height:22px;
			text-align:center;
			color:#fff;
			text-decoration:none;
		}
		#h_menu li.visual a:hover,
		#visual #h_menu li.visual a {
			background:url(../img/mback_on_visual.png) no-repeat;
		}
		#h_menu li.life a:hover,
		#life #h_menu li.life a {
			background:url(../img/mback_on_life.png) no-repeat;
		}
		#h_menu li.photo a:hover,
		#photo #h_menu li.photo a {
			background:url(../img/mback_on_photo.png) no-repeat;
		}
		#h_menu li.comic a:hover,
		#comic #h_menu li.comic a {
			background:url(../img/mback_on_comic.png) no-repeat;
		}
		#h_menu li.voice a:hover,
		#voice #h_menu li.voice a {
			background:url(../img/mback_on_comic.png) no-repeat;
		}
		#h_menu li.teacher a:hover,
		#teacher #h_menu li.teacher a  {
			background:url(../img/mback_on_teacher.png) no-repeat;
		}

/*
	#foot
*/
#foot {
	background:#F5F5E6;
	height:50px;
}

/* clearfix
---------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */