/*==============================================
  メカミミ -オフィシャルサイト- *メイン*
================================================*/

/*本体設定----------------------------------------------*/

BODY{
	background-image: url(../image/bg_main.gif);
	background-repeat: repeat;
	margin: 0px;
	scrollbar-face-color:				#ffffff;
	scrollbar-track-color:			#3BA8ED;
	scrollbar-3dlight-color:		#006AEE;
	scrollbar-darkshadow-color:	#006AEE;
	scrollbar-highlight-color:	#ffffff;
	scrollbar-arrow-color:			#006AEE;
	scrollbar-shadow-color:			#ffffff;
}

.none{ display: none;}

a{
	cursor: pointer;
	text-decoration: none;
	color: #0D40B4;
}

a:hover{
	color: #63C661;
	text-align: left;
}

TABLE{
	color: #1677E4;
	font-weight : bold;
	font-size: 0.8em;
}


.vc {
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding: 1px;
}

.mozi {
	font-size: 12px;
	font-weight: normal;
	margin: 5px;
}

/*基本設定-----------------------------------------------*/

#body{
	background-image: url(../image/bg_head.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 536px;
	text-align: center;
}

#foot{
	background-image: url(../image/bg_copyright.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	width: 810px;
	height: 114px;
	margin: 5px auto 0px auto;
	clear: both;
}


#foot TABLE{
	color: #0D40B4;
	font-size: 0.8em;
	font-weight : normal;
	margin: 0px auto;
	line-height : 1.2em;
}

#space{ height: 30px; }

/*コンテンツ---------------------------------------------*/

#menutit{
	position: absolute;
	top: 28px;
	right: 2px;
	width: 66px;
	height: 17px;
	z-index: 20;
}

#menu{
	position: absolute;
	top: 44px;
	right: 2px;
	width: 63px;
	height: 434px;
	z-index: 20;
}

#menu UL{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 63px;
	height: 434px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu LI{
	display: inline;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
}

#menu LI a,
#menu LI p{
	display: block;
	width: 63px;
	height: 62px;
	overflow: hidden;
	text-decoration: none;
	margin: 3px 0px 0px 0px;
}

/*通常*/
#cot_top a,#cot_top p { background : url(../image/contens.gif)	0px     0px;}
#cot_sty a,#cot_sty p { background : url(../image/contens.gif)	0px   -62px;}
#cot_cha a,#cot_cha p { background : url(../image/contens.gif)	0px  -124px;}
#cot_gya a,#cot_gya p { background : url(../image/contens.gif)	0px  -186px;}
#cot_sys a,#cot_sys p { background : url(../image/contens.gif)	0px  -248px;}
#cot_pub a,#cot_pub p { background : url(../image/contens.gif)	0px  -310px;}
#cot_spe a,#cot_spe p { background : url(../image/contens.gif)	0px  -372px;}

/*オーバー*/
#cot_top	a:hover { background : url(../image/contens.gif)	-63px     0px;}
#cot_sty	a:hover { background : url(../image/contens.gif)	-63px   -62px;}
#cot_cha	a:hover { background : url(../image/contens.gif)	-63px  -124px;}
#cot_gya	a:hover { background : url(../image/contens.gif)	-63px  -186px;}
#cot_sys	a:hover { background : url(../image/contens.gif)	-63px  -248px;}
#cot_pub	a:hover { background : url(../image/contens.gif)	-63px  -310px;}
#cot_spe	a:hover { background : url(../image/contens.gif)	-63px  -372px;}

/*現ページ*/
#cot_top	.on { background : url(../image/contens.gif)	-126px     0px;}
#cot_sty	.on { background : url(../image/contens.gif)	-126px   -62px;}
#cot_cha	.on { background : url(../image/contens.gif)	-126px  -124px;}
#cot_gya	.on { background : url(../image/contens.gif)	-126px  -186px;}
#cot_sys	.on { background : url(../image/contens.gif)	-126px  -248px;}
#cot_pub	.on { background : url(../image/contens.gif)	-126px  -310px;}
#cot_spe	.on { background : url(../image/contens.gif)	-126px  -372px;}

/*未開通*/
#cot_top	.off { background : url(../image/contens.gif)	-189px     0px;}
#cot_sty	.off { background : url(../image/contens.gif)	-189px   -62px;}
#cot_cha	.off { background : url(../image/contens.gif)	-189px  -124px;}
#cot_gya	.off { background : url(../image/contens.gif)	-189px  -186px;}
#cot_sys	.off { background : url(../image/contens.gif)	-189px  -248px;}
#cot_pub	.off { background : url(../image/contens.gif)	-189px  -310px;}
#cot_spe	.off { background : url(../image/contens.gif)	-189px  -372px;}

/*NEW*/
#new{
	background-image: url(../image/new.gif);
	background-repeat: no-repeat;
	z-index: 30;
	position: absolute;
	width: 34px;
	height: 13px;
	right: 0px;
}

.new1{top:  96px;}
.new2{top: 160px;}
.new3{top: 224px;}
.new4{top: 288px;}
.new5{top: 352px;}
.new6{top: 416px;}
.new7{top: 480px;}