/* CSS Document */

#contents{
	width:894px;
	height:810px;
	margin: auto;
	padding: 10px 20px;
}

#main{
	width:625px;
	margin: 0;
	padding: 0;
	float:left;
	}
	
#right{
	width:264px;
	margin: 0;
	padding: 20px 0px;
	float:left;
	text-align:right;
}


#title{
	width:500px;
	text-align:left;
}

#type{
	margin: 0;
	padding: 0;
	width:175px;
	height:175px;
	background: url("../img/type.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}

h1{
	margin: 0;
	padding: 0;
	width:311px;
	height:175px;
	background: url("../img/logo.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}


h2{
	margin: 0;
	padding: 0;
	width:547px;
	height:26px;
	background: url("../img/chach.gif") no-repeat;
	text-indent:-9999px;
}


#chara{
	margin: auto;
	padding: 0;
	width:340px;
	height:250px;
	clear: left;
}


#c_img{
	margin: 12px 12px;
	padding: 0;
	float:left;
}


#btn{
	margin: 2px auto;
	padding: 0;
	width:380px;
	height:70px;
}


#btn a{
	margin: 2px auto;
	padding: 0;
	width:380px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background: url("../img/check_btn.gif") no-repeat left top;
	overflow:hidden;
}

#btn a:hover{
	background: url("../img/check_btn.gif") no-repeat right top;
}


#bnnertype2{
	margin: 10px auto;
	padding: 0;
	width:380px;
	height:74px;
}


#bnnertype2 a{
	margin: 10px auto;
	padding: 0;
	width:380px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background: url("../img/banner_type2.jpg") no-repeat left top;
	overflow:hidden;
}

#copy{
	width:574px;
	margin: auto;
	padding: 0;
}

#text{
	margin: 0;
	padding: 0;
	width:577px;
	height:46px;
	background: url("../img/chach2.gif") no-repeat;
	text-indent:-9999px;
}

#text_link{
	margin: 8px 22px;
	padding: 0;
	width:547px;
}


#bnnertype2{
	margin: 10px auto;
	padding: 0;
	width:380px;
	height:74px;
}