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

body {
	text-align: center;
	background-image: url(image/bg.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
}  
#footerbg {
	background-image: url(image/footerbg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	overflow: hidden;
	min-width: 1000px;
	clear: left;
}
#spec {
	float: left;
	height: 250px;
	width: 635px;
}

#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1000px;
	min-width:1000px;
}


#wrapper {
	width: 1000px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
} 
#headerbg {
	width: 100%;
	min-width: 1000px;
	background-image: url(image/headerbg.jpg);
	background-repeat: repeat-x;
}
#header {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:1000px;
}


#main {
	margin: 0px;
	clear: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 100px;
	padding-left: 0px;
}

#middle_middle {
	background-image: url(image/middle_middle.png);
	height: auto;
	width: 1000px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

div#main ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 1000px;
}

#middle_bottom {
	background-image: url(image/middle_bottom.png);
	height: 40px;
	width: 1000px;
}


#middle_top {
	background-image: url(image/middle_top.png);
	height: 40px;
	width: 1000px;
}
#middle_top_c {
	background-image: url(image/middle_top_c.png);
	height: 105px;
	width: 1000px;
}
#middle_top_g {
	background-image: url(image/middle_top_g.png);
	height: 105px;
	width: 1000px;
}
#middle_top_s {
	background-image: url(image/middle_top_s.png);
	height: 105px;
	width: 1000px;
}
#middle_top_dl {
	background-image: url(image/middle_top_dl.png);
	height: 105px;
	width: 1000px;
}
#wrapper #main ul #middle_middle div table td{
	border: thin solid #FFF;
	color: #FFFFFF;
}


#middle_top_sp {
	background-image: url(image/middle_top_sp.png);
	height: 105px;
	width: 1000px;
}






#logo {
	float: left;
	height: 150px;
	width: 250px;
}
div#menu ul {
	list-style-type: none;
}

#menu {
	height: 100px;
	width: 750px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* ▼(A)表示領域全体 */
.tabbox {
	padding: 0px;
	width: 950px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

/* ▼(B)タブ部分 */
p.tabs {
	padding: 0px;
	text-align: center;
	margin: 0px;
}
p.tabs a {
	/* ▼(B-2)リンクをタブのように見せる */
	display: block;
	width: 200px;
	padding: 0px;
	text-align: center;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
}
p.tabs a.tab2 {
	color: white;
}
p.tabs a:hover {
}

/* ▼(C)タブ中身のボックス */
div.tab {
	/* ▼(C-2)ボックス共通の装飾 */
	height: auto;
	overflow: auto;
	clear: left;
	position: relative;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#tab2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.tab p {

}

#menu ul li {
	margin:0;
	padding:0;
	float:left;
	list-style-type: none;}

#menu img {
	padding-top: 40px
}	
	
#rireki {
	height: 392px;
	width: 350px;
	background-image: url(image/rireki.png);
	float: left;
	margin: 0px;
	padding-left: 15px;
	padding-top: 70px;
	background-repeat: no-repeat;
}
#rina_stand

 {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 392px;
}
#sana_stand {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 618px;
	height: 600px;
	width: 392px;
}
#manami_stand {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 1236px;
	height: 600px;
	width: 392px;
}
#hikaru_stand {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 1854px;
	height: 600px;
	width: 392px;
}
#aki_stand {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 392px;
}
#akari_stand {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 618px;
	height: 600px;
	width: 392px;
}






#b1 {
	z-index: 3;
	position: absolute;
	top: 460px;
	left: 450px;
	height: 100px;
	width: 460px;
}
#b2 {
	z-index: 3;
	position: absolute;
	top: 1078px;
	left: 450px;
	height: 100px;
	width: 460px;
}
#b3 {
	z-index: 3;
	position: absolute;
	top: 1696px;
	left: 450px;
	height: 100px;
	width: 460px;
}
#b4 {
	z-index: 3;
	position: absolute;
	top: 2314px;
	left: 450px;
	height: 100px;
	width: 460px;
}
#b5 {
	z-index: 3;
	position: absolute;
	top: 480px;
	left: 450px;
	height: 100px;
	width: 460px;
}
#b6 {
	z-index: 3;
	position: absolute;
	top: 1078px;
	left: 450px;
	height: 100px;
	width: 460px;
}



#vb1 {
	height: 60px;
	width: 180px;
	position: absolute;
	z-index: 3;
	left: 384px;
	top: 310px;
}

#img {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#rina_back {
	z-index: 1;
	position: relative;
}
#sana_back {
	position: relative;
	z-index: 1;
}
#manami_back {
	position: relative;
	z-index: 1;
}
#hikaru_back {
	position: relative;
	z-index: 1;
}
#aki_back {
	position: relative;
	z-index: 1;
}
#akari_back {
	position: relative;
	z-index: 1;
}



.li {

}
.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 */