@charset "utf-8";

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	/* font-family: sans-serif; */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	line-height: 1.6;
	color: #333;
}
/*--------------------------------------
              link style
--------------------------------------*/
a img {
	border: none;
}
a:link {
	color: #57A9BD;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a:visited {
	color: #57A9BD;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a:hover {
	color: #0033FF;
	font-size: 12px;
}
a:active {
	color: #0033FF;
	font-weight: bold;
	text-decoration: none;
}
/*--------------------------------------
              basic layout
--------------------------------------*/
#wapper {
	margin: auto;
	height: auto;
	width: auto;
	background-image:url(../images/bg3.jpg);background-attachment: fixed;background-position:top center;background-repeat:repeat-y;
}
#header {
	width: auto;
	height: 98px;
	background: url(../images/top_01.jpg) repeat-x;
}
#header #hWapper {
	margin: auto;
	width: 1000px;
	position: relative;
	height: 99px;
	clip: rect(auto,auto,auto,auto);
	z-index: 0;
}
#header h1 {
	font-size: 10px;
	color: #0066CC;
	position: absolute;
	left: 616px;
	z-index: 3;
	top: 5px;
	width: 179px;
}
#header h2 {
	font-size: 10px;
	position: absolute;
	z-index: 2;
	left: 605px;
	top: 5px;
	text-align: right;
	width: 435px;
}
#header #logo {
	position: absolute;
	left: 5px;
	width: 344px;
	height: 91px;
}
#header #tel {
	background: url(../images/tel_.jpg);
	height: 97px;
	width: 647px;
	position: absolute;
	left: 466px;
	z-index: 1;
	text-indent: -9999px;
	top: 0px;
}
*html #under_navi ul {
}
#flash {
	height: auto;
	width: auto;
	background: #000;
}
#navi {
	height: 98px;
	width: 100%;
	background: url(../images/naviB.jpg) repeat-x;
}
#contents {
	/*background: #FFF url(../images/top_27.jpg) repeat-x;*/
	height: auto;
	width: auto;
}
#main {
	height: auto;
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#main #side {
	width: 255px;
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 5px;
}
#coverBlock{width: 240px; height:339px;overflow:hidden;}
#main #mainContents {
	float: left;
	height: auto;
	width: auto;
}
#underNavi {
	height: 30px;
	margin-top: 10px;
	clear: both;
	text-align: center;
}
#footer {
	width: auto;
	text-align: center;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	background: #1D9FD9;
	color: #FFF;
	clear: both;
}
#footer address {
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 1.5;
	color: #FFF;
}
#underNavi ul {
	color: #FFF;
}
#underNavi ul li {
	display: inline;
	margin-right: 15px;
	margin-left: 15px;
}
#navi ul {
	margin-right: auto;
	margin-left: auto;
	height: 88px;
	width: 950px;
	padding-top: 7px;
}
#navi ul li {
	display: inline;
	height: 98px;
}
#navi ul li#top a {
	float: left;
	background: url(../images/1.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#top a:hover {
	background: url(../images/1r.jpg);
}
#navi ul li#gal a {
	float: left;
	background: url(../images/2.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#gal a:hover {
	background: url(../images/2r.jpg);
}
#navi ul li#sch a {
	float: left;
	background: url(../images/3.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#sch a:hover {
	background: url(../images/3r.jpg);
}
#navi ul li#sys a {
	float: left;
	background: url(../images/4.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#sys a:hover {
	background: url(../images/4r.jpg);
}
#navi ul li#eve a {
	float: left;
	background: url(../images/5.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#eve a:hover {
	background: url(../images/5r.jpg);
}
#navi ul li#rec a {
	float: left;
	background: url(../images/6.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#rec a:hover {
	background: url(../images/6r.jpg);
}
#navi ul li#mai a {
	float: left;
	background: url(../images/7.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#mai a:hover {
	background: url(../images/7r.jpg);
}
#navi ul li#cos a {
	float: left;
	background: url(../images/8.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#cos a:hover {
	background: url(../images/8r.jpg);
}
#navi ul li#hot a {
	float: left;
	background: url(../images/9_2.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#hot a:hover {
	background: url(../images/9_1.jpg);
}
#navi ul li#lin a {
	float: left;
	background: url(../images/101.jpg);
	height: 85px;
	width: 92px;
	margin-right: 3px;
}
#navi ul li#lin a:hover {
	background: url(../images/101r.jpg);
}
.clearfix:after{content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}

/* --- */
t-c {text-align:center;}
v-m {vertical-align:middle;}



.flash-main{
	display: none!important;
}

#header #logo{
	display: none!important;
}