@charset "Shift_JIS";

* {
	margin:0;
	padding:0;
	border:0;
}

a {
	outline: 0;
}

body {
	background: #ece5d2 url(../character/img/bg_001.jpg) repeat center top;
	text-align: center;
	margin:0;
}

.body {
	background: url(../character/img/bg_00222.jpg) repeat center top;
	text-align:center;
	margin:0;
}

#container {
	width:780px;
	margin:0 auto;
	text-align:left;
}

#header {
	width:780px;
	height:33px;
}


.nlogo {
	width:94px;
	height:18px;
	padding:15px 0 0 0;
	float:left;
}

.dslogo {
	width:136px;
	height:18px;
	padding:15px 0 0 0;
	float:right;
}

.box1 {
	position : relative;
	width: 780px;
	height: 113px;
}


.title1 {
	position: absolute;
	top: 74px;
	left: 86px;
	display: inline;
	width:154px;
	height:39px;
}

.fmlogo {
	position: absolute;
	top: 45px;
	right: 85px;
	width:148px;
	height:68px;
	
}


.box2 {
	width:780px;
	height:33px;
	overflow:hidden;
	float:left;
	margin:0;
	display:block;
}

.menu {
	font-size:11px;
	font-family:"HiraKakuPro-W3","MS Gothic";
	margin:18px 100px 0 0;
	float:right;
	display:inline;
}


/*++++++++++++++++++++++++++++++++++++++++++++++*/

.contents1 {
	width:780px;
	background: url(../character/img/chara_bg_001.jpg) no-repeat center top;
}

#btnbtn {
	margin-top: 15px;
	display: block;
	width: 780px;
	height: 47px;

}

.btnleft {
	float: left;
}


.far {

	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
}



#btn1 {
	display: block;
	width: 211px;
	height: 47px;
	background: url(../character/img/character_btn1.jpg) no-repeat 0 -47px ;
}

#btn1 a {
	display: block;
	width: 211px;
	height: 47px;
	background: url(../character/img/character_btn1.jpg) no-repeat 0 0 ;
}

#btn1 a:hover {
	background: url(../character/img/character_btn1.jpg) no-repeat 0 -47px ;
}


#btn2 {
	display: block;
	width: 211px;
	height: 47px;
	background: url(../character/img/character_btn2.jpg) no-repeat 0 -47px ;
}

#btn2 a {
	display: block;
	width: 211px;
	height: 47px;
	background: url(../character/img/character_btn2.jpg) no-repeat 0 0 ;
}

#btn2 a:hover {
	background: url(../character/img/character_btn2.jpg) no-repeat 0 -47px ;
}

#btn3 {
	display: block;
	width: 211px;
	height: 47px;
	background: url(../character/img/character_btn3.jpg) no-repeat 0 -47px ;
}

#btn3 a {
	display: block;
	width: 211px;
	height: 47px;
	background: url(../character/img/character_btn3.jpg) no-repeat 0 0 ;
}

#btn3 a:hover {
	
	background: url(../character/img/character_btn3.jpg) no-repeat 0 -47px ;
}

.contents2 {

	display: block;
	width: 780px;
	height: 850px;
}

#chara1 p,
#chara2 p,
#chara3 p,
#chara4 p,
#chara5 p,
#chara6 p {
	float: left;
}


/*++++++++++++++++++++++++++++++++++++++++++++++*/


a:link {
	color:#5B543D;
	text-decoration:none;
}

a:visited {
	color:#5B543D;
	text-decoration:none;
}

a:hover {
	color:#E60011;
	text-decoration:underline;
}

.stay {
	color:#5B543D;
	font-weight:bold;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/

#underlink {
	margin:10px 0 10px 0;
	width:780px;
}

#underlink ul {
	text-align:center;
}

#underlink ul li {
	color:#5B543D;
	display:inline;
	line-height:150%;
	font-family:"HiraKakuPro-W3","MS Gothic";
	font-size:11px;
}

.hide {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.clear {
	clear:both;
}

/*===================================================================
	
							�o��l��2

====================================================================*/


.contents3 {

	display: block;
	width: 780px;
	height: 1347px;
}