@charset "utf-8";

/* Comon */
h1,h2,h3,h4{
text-indent:-9999px;
background-repeat: no-repeat;
}
a{
overflow: hidden;
}
#box-body {
background-image: url(../img/back-l.gif);
background-repeat: repeat-y;
background-color: #fff5a1;
background-position: left;
width: 850px;
margin-right: auto;
margin-left: auto;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
display: block;
padding: 0px;
margin-top: 0px;
}
img{
border-style: none;
}
#menu {
height: 396px;
width: 200px;
float:left;
background-image: url(../img/menu_b.gif);
background-position: bottom;
}
#menu .menulink {
height: 36px;
width: 180px;
display: block;
margin-right: auto;
margin-left: auto;
text-indent: -9999px;
margin-bottom: 8px;
}

#menu .menulink:hover {
	height: 36px;
	width: 180px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-bottom: 8px;
	background-position: 0px -36px;
}

#link_mtop{
height: 70px;
width: 200px;
background-image: url(../img/menu_1.gif);
display: block;
text-indent: -9999px;
background-position: top;
margin-bottom: 12px;
}

#link_mtop:hover{
background-position: 0px -70px;
}

a#link_chara{
background-image: url(../img/btn_1.gif);
}
p#link_chara{
background-image: url(../img/b_chara_off.gif);
}
a#link_story{
background-image: url(../img/btn_2.gif);
}
p#link_story{
background-image: url(../img/b_story_off.gif);
}
a#link_top{
background-image: url(../img/btn_3.gif);
}
/*
Top
*/
h1{
background-image: url(../img/top_1.gif);
width:320px;
height: 140px;
float:left;
}
.box-1{
background-image: url(../img/top_2.gif);
width:330px;
height: 140px;
position: relative;
float: left;
}
.box-1 p{
width:282px;
height: 39px;
position: absolute;
display: block;
left: 14px;
top: 52px;
font-size: 16px;
color: #008800;
line-height: normal;
}
.box-2{
background-image: url(../img/top_3.gif);
width:650px;
height: 256px;
float:left;
}
h2{
background-image: url(../img/top_4.gif);
width:850px;
height:54px;
clear: both;
}
h3{
background-image: url(../img/top_5.gif);
width:850px;
height:288px;
}
/*
box-l
*/
#box-l{
width:150px;
float:left;
}
#box-l h2{
background-image: url(../img/meinlogo.gif);
display: block;
height: 118px;
width: 131px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
#box-l a{
display: block;
height: 38px;
width: 131px;
background-repeat: no-repeat;
background-position: top;
text-indent: -9999px;
margin-right: auto;
margin-left: auto;
}


/* Banner */
#box-b1{
background-color: #4F9F00;
}
#box-b1 h3{
background-image: url(../img/banner_t1.gif);
height: 23px;
}

#box-b2{
	background-color: #008000;
	padding-bottom: 10px;
}
#box-b2 h3{
background-image: url(../img/banner_t2.gif);
height: 23px;
}

.box-link .box{
margin: 5px 10px 0 10px;
padding-bottom:10px;
background-image: none;
}
.box-link .box a,.box-link .box a:link{
display:block;
color:#FFFFFF;
font-size:10px;
line-height:120%;
text-decoration: none;
float:left;
}
.box-link a img{
margin-right:10px;
}

.copy-main{
font-size:12px;
padding:5px 10px 3px 10px;
background-color:#FFFFFF;
}