@charset "utf-8";
/* CSS Document */
p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* 全体 ********************************/
#container{
	width: 750px;
	height: 575px;
	margin: 0 auto;
	border:1px solid #CCCCCC;
	margin-top:50px;
	text-align:center;
}

.bg{
	width: 750px;
	height: 350px;
	margin-top:20px;
	background-image:url(image/index_bg.jpg);
	background-position:center middle;
	background-repeat:no-repeat;
}
.bg span{
	display:none;
}
p{
	font-size: 80%;
	color:#CC33FF;
}
#container #btn{
	height: 50px;
	width: 450px;
	margin-top:20px;
}
#container #btn .under{
	height: 45px;
	width: 120px;
	float:left;
}
#container #btn .over{
	height: 45px;
	width: 120px;
	float:right;
}
#main {
	width: 750px;
	margin: 0 auto;
}
#main #link {
	text-align:center;
}
#main #link h5{
	color: #333333;
	font-size: 95%;
	text-align:left;
}
#main #link span{
	color: #333333;
	font-size: 80%;
}
#main #link table{
	width: 450px;
	border:none;
	margin-bottom:15px;
	margin: 0 auto;
}
#main #link table td{
	width: 20%;
	border:none;
	text-align:left;
}
#main #link .ttalbe{
	width: 520px;
	border:none;
	margin-bottom:15px;
	margin-left:60px;
}
#main #link .ttalbe td{
	border:none;
	text-align:left;
}
#fuu_tag{
	width: 100%;
	height: 30px;
	background-image:url(image/fuu_tag.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#reco_tag{
	width: 100%;
	height: 30px;
	background-image:url(image/reco_tag.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#kyu_tag{
	width: 100%;
	height: 30px;
	background-image:url(image/kyu_tag.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#banner_tag{
	width: 100%;
	height: 30px;
	background-image:url(image/banner_tag.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
/*
-------------------------------------------
###########################################
group menu
###########################################
-------------------------------------------
*/
div#group-menu {
font-size: 11px;
background:#90268E;
text-align: left;
padding: 0;
margin :0;
height:40px;

}
div#group-menu h1{
font-size: 11px;
font-weight: normal;
padding: 4px 0 0 0;
margin: 0;
color: #FFFFFF;
height:20px;
}

p.group-area-menu{
margin: 0;
padding: 4px 0 0 10px;
height:20px;
font-size: 11px;
color:#CCCCCC
}
p.group-area-menu a {
margin-right:5px;
margin-left:5px;
color:#FFFFFF;
}
p.group-area-menu a:link {
color: #FFFFFF;
padding: 0px 8px 0 8px;
margin: 2px 0 2px 0;
border-right: 1px solid #999999;
}
p.group-area-menu a:visited {
color: #FFFFFF;
}
p.group-area-menu a:hover {
color: #FFFF66;
}
p.group-sub-menu {
line-height: 22px;
margin: 0;
padding: 0 5px 0 20px;
font-size: 11px;
background: #CC66FF;
border-bottom: 1px solid #666666;
clear: both;
color: #FFFFFF;
display:block;
border-top-style: solid;
border-top-color: #666666;
border-top-width: 1px;
}
span.top-form-text{
line-height: 22px;
}
.group-form {
padding: 0;
margin: 0;
font-size: 10px;
height: 22px;
}
p.group-sub-menu a{
color: #FFFFFF;
padding: 0 8px 0 8px;
margin: 3px 0 0 0;
border-right: 1px solid #a9a9a9;
}
p.group-sub-menu a:hover{
color: #FFFF66;
text-decoration: none;
}

p.up{
padding-right:10px;
padding-top:10px;
padding-bottom:5px;
margin-top:10px;
text-align:right;
clear:both;
}