@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
a {
	text-decoration: none;
	color: #6C9;
}
#wrap-story {
	width: 800px;
	margin: 0px;
	padding: 0px;
	height: 480px;
	background: url(images/cont_story.jpg) no-repeat;
}
#wrap-concept {
	width: 800px;
	margin: 0px;
	padding: 0px;
	height: 480px;
	background: url(images/cont_concept.jpg) no-repeat;
}
#header-area {
	height: 90px;
	width: 800px;
	padding: 0px;
	margin: 0px;
}
#cont-area {
	height: 380px;
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
}
#cont-title  {
	height: 35px;
	width: 220px;
	margin: 20px auto;
}
#cont-cgarea {
	padding: 0px;
	height: 140px;
	width: 225px;
	margin: 100px 0px 0px 40px;
	text-indent: 0px;
}
#charamenu {
	height: 40px;
	width: 400px;
	margin-top: 35px;
	margin-right: 10px;
	padding: 0px;
	float: right;
	margin-bottom: 15px;
}
#charamenu h3{
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#charamenu em {
	visibility: hidden;
}
#charamenu #btn01 a {
	background: url(character/btn_01.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn01 a:hover {
	background: url(character/btn_01.jpg) no-repeat 0px -40px;
}
#charamenu #btn02 a {
	background: url(character/btn_02.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn02 a:hover {
	background: url(character/btn_02.jpg) no-repeat 0px -40px;
}
#charamenu #btn03 a {
	background: url(character/btn_03.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn03 a:hover {
	background: url(character/btn_03.jpg) no-repeat 0px -40px;
}
#charamenu #btn04 a {
	background: url(character/btn_04.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn04 a:hover {
	background: url(character/btn_04.jpg) no-repeat 0px -40px;
}
#charamenu #btn05 a {
	background: url(character/btn_05.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn05 a:hover {
	background: url(character/btn_05.jpg) no-repeat 0px -40px;
}
#charamenu #btn06 a {
	background: url(character/btn_06.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn06 a:hover {
	background: url(character/btn_06.jpg) no-repeat 0px -40px;
}
#charamenu #btn07 a {
	background: url(character/btn_07.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn07 a:hover {
	background: url(character/btn_07.jpg) no-repeat 0px -40px;
}
#charamenu #btn08 a {
	background: url(character/btn_08.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}
#charamenu #btn08 a:hover {
	background: url(character/btn_08.jpg) no-repeat 0px -40px;
}
#charamenu #btn09 a {
	background: url(character/btn_09.jpg) no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	width: 40px;
}
#charamenu #btn09 a:hover {
	background: url(character/btn_09.jpg) no-repeat 0px -40px;
}
#soukanarea {
	padding: 0px;
	height: 320px;
	width: 700px;
	margin: 25px 0px 0px 50px;
	clear: both;
}
#soukanarea #area1 {
	padding: 0px;
	height: 85px;
	width: 700px;
	margin: 0px;
}
#soukanarea #area2 {
	height: 85px;
	width: 700px;
	margin: 0px 0px 65px;
	padding: 0px;
}
#soukanarea #area3 {
	padding: 0px;
	height: 85px;
	width: 700px;
	margin: 0px;
}
#soukanarea h4 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#soukanarea em {
	visibility: hidden;
}
#soukanarea #kotarou-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	margin: 0px 0px 0px 75px;
	float: left;
}
#soukanarea #kotori-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	margin: 0px 0px 0px 205px;
	float: left;
}
#soukanarea #chihaya-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	margin: 0px 0px 0px 80px;
	float: left;
}
#soukanarea #akane-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	float: left;
	margin-left: 95px;
}
#soukanarea #shizuru-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	float: right;
}
#soukanarea #lucia-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	float: left;
	margin-left: 85px;
}
#soukanarea #yoshino-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	float: left;
}
#soukanarea #sakuya-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	float: left;
}
#soukanarea #touka-box {
	height: 85px;
	width: 70px;
	padding: 0px;
	float: right;
}
#soukanarea #btn_ch01 a {
	background: url(images/btn_ch01.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch01 a:hover {
	background: url(images/btn_ch01.jpg) 0px -85px;
}
#soukanarea #btn_ch02 a {
	background: url(images/btn_ch02.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch02 a:hover {
	background: url(images/btn_ch02.jpg) 0px -85px;
}
#soukanarea #btn_ch03 a {
	background: url(images/btn_ch03.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch03 a:hover {
	background: url(images/btn_ch03.jpg) 0px -85px;
}
#soukanarea #btn_ch04 a {
	background: url(images/btn_ch04.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch04 a:hover {
	background: url(images/btn_ch04.jpg) 0px -85px;
}
#soukanarea #btn_ch05 a {
	background: url(images/btn_ch05.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch05 a:hover {
	background: url(images/btn_ch05.jpg) 0px -85px;
}
#soukanarea #btn_ch06 a {
	background: url(images/btn_ch06.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch06 a:hover {
	background: url(images/btn_ch06.jpg) 0px -85px;
}
#soukanarea #btn_ch07 a {
	background: url(images/btn_ch07.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch07 a:hover {
	background: url(images/btn_ch07.jpg) 0px -85px;
}
#soukanarea #btn_ch08 a {
	background: url(images/btn_ch08.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch08 a:hover {
	background: url(images/btn_ch08.jpg) 0px -85px;
}
#soukanarea #btn_ch09 a {
	background: url(images/btn_ch09.jpg) no-repeat;
	height: 85px;
	width: 70px;
	display: block;
}
#soukanarea #btn_ch09 a:hover {
	background: url(images/btn_ch09.jpg) 0px -85px;
}
#wrap-soukan {
	background: url(images/cont_character.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 480px;
	width: 800px;
}
#wrap-kotarou {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_kotarou.jpg) no-repeat;

}
#wrap-kotori {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_kotori.jpg) no-repeat;

}
#wrap-chihaya {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_chihaya.jpg) no-repeat;

}
#wrap-akane {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_akane.jpg) no-repeat;

}
#wrap-sizuru {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_sizuru.jpg) no-repeat;

}
#wrap-lucia {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_lucia.jpg) no-repeat;

}
#wrap-yoshino {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_yoshino.jpg) no-repeat;

}
#wrap-sakuya {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_sakuya.jpg) no-repeat;

}
#wrap-touka {
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: url(character/cha_touka.jpg) no-repeat;

}
#wrap-dl {
	background: url(images/cont_download.jpg) no-repeat;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	height: 480px;
	width: 800px;
}
#dlmenu {
	padding: 0px;
	float: right;
	height: 55px;
	width: 220px;
	margin-top: 30px;
	margin-right: 10px;
}
#dlmenu h3 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#dlmenu em {
	visibility: hidden;
}
#dlmenu #btn01 a {
	background: url(images/btn_dl01.gif);
	display: block;
	margin: 0px 5px 0px 0px;
	height: 55px;
	width: 70px;
}
#dlmenu #btn01 a:hover {
	background: url(images/btn_dl01.gif) 0px -55px;
}
#dlmenu #btn02 a {
	background: url(images/btn_dl02.gif);
	display: block;
	margin: 0px 5px 0px 0px;
	height: 55px;
	width: 70px;
}
#dlmenu #btn02 a:hover {
	background: url(images/btn_dl02.gif) 0px -55px;
}
#dlmenu #btn03 a {
	background: url(images/btn_dl03.gif);
	display: block;
	height: 55px;
	width: 70px;
}
#dlmenu #btn03 a:hover {
	background: url(images/btn_dl03.gif) 0px -55px;
}
#wrap-pd {
	background: url(images/cont_product.jpg) no-repeat;
	height: 480px;
	width: 800px;
	margin: 0px;
	padding: 0px;
}
#pdmenu {
	float: right;
	height: 55px;
	width: 145px;
	margin-top: 30px;
	margin-right: 10px;
	padding: 0px;
	margin-bottom: 5px;
}
#pdmenu h3 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#pdmenu em {
	visibility: hidden;
}
#pdmenu #btn01 a {
	background: url(images/btn_pd01.gif) no-repeat;
	display: block;
	height: 55px;
	width: 70px;
	margin-right: 5px;
}
#pdmenu #btn01 a:hover {
	background: url(images/btn_pd01.gif) no-repeat 0px -55px;
}
#pdmenu #btn02 a {
	background: url(images/btn_pd02.gif) no-repeat;
	display: block;
	height: 55px;
	width: 70px;
}
#pdmenu #btn02 a:hover {
	background: url(images/btn_pd02.gif) no-repeat 0px -55px;
}
#pd-spec {
	height: 250px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

table {
	font-size: 12px;
	margin-bottom: 5px;
}
.bg-green {
	background: #B4DD9F;
	text-align: center;
	font-weight: bold;
}
.bg-white {
	background: #FFF;
	text-align: center;
}
#wrap-bn {
	width: 800px;
	margin: 0px;
	padding: 0px;
	height: 480px;
	background: url(images/cont_banner.jpg) no-repeat;
}
#bn-header {
	height: 95px;
	width: 800px;
	margin: 0px;
	padding: 0px;
}
#bn-header #bnmenu {
	margin: 25px 17px 0px 0px;
	padding: 0px;
	height: 55px;
	width: 295px;
	float: right;
}
#bn-header #bnmenu h3 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#bn-header #bnmenu em {
	visibility: hidden;
}
#bn-header #bnmenu #btn01 a{
	background: url(images/btn_bn01.gif) no-repeat;
	display: block;
	padding: 0px;
	height: 55px;
	width: 70px;
	margin-right: 5px;
}
#bn-header #bnmenu #btn01 a:hover {
	background: url(images/btn_bn01.gif) no-repeat 0px -55px;
}
#bn-header #bnmenu #btn02 a{
	background: url(images/btn_bn02.gif) no-repeat;
	display: block;
	padding: 0px;
	height: 55px;
	width: 70px;
	margin-right: 5px;
}
#bn-header #bnmenu #btn02 a:hover {
	background: url(images/btn_bn02.gif) no-repeat 0px -55px;
}
#bn-header #bnmenu #btn03 a{
	background: url(images/btn_bn03.gif) no-repeat;
	display: block;
	padding: 0px;
	height: 55px;
	width: 70px;
	margin-right: 5px;
}
#bn-header #bnmenu #btn03 a:hover {
	background: url(images/btn_bn03.gif) no-repeat 0px -55px;
}
#bn-header #bnmenu #btn04 a{
	background: url(images/btn_bn04.gif) no-repeat;
	display: block;
	padding: 0px;
	height: 55px;
	width: 70px;
}
#bn-header #bnmenu #btn04 a:hover {
	background: url(images/btn_bn04.gif) no-repeat 0px -55px;
}
.green {
	color: #6C9;
}
#bn-main {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 385px;
	width: 800px;
	font-size: 12px;
}
#bn-main #bnttl {
	margin: 20px auto;
	padding: 0px;
	height: 35px;
	width: 220px;
}
#bn-main #bn-line {
	height: 25px;
	width: 754px;
	margin: 0px auto 20px;
	text-align: center;
}
#bn-main #bn01area {
	margin: 10px auto 20px;
	padding: 0px;
	height: 55px;
	width: 620px;
}
#bn-main #bn01area #bn01left {
	float: left;
	height: 55px;
	width: 200px;
	margin-right: 10px;
}
#bn-main #bn01area #bn01right {
	float: left;
	height: 55px;
	width: 200px;
}
#bn-main #bn02area {
	margin: 10px auto 20px;
	padding: 0px;
	height: 193px;
	width: 620px;
}
#bn-main #bn02area #bn02left {
	float: left;
	height: 193px;
	width: 180px;
	margin-right: 40px;
}
#bn-main #bn02area #bn02right {
	float: left;
	height: 193px;
	width: 180px;
}
#bn-main #bn03area {
	margin: 10px auto 20px;
	padding: 0px;
	height: 133px;
	width: 710px;
}
#bn-main #bn04area {
	margin: 10px auto 20px;
	padding: 0px;
	height: 613px;
	width: 660px;
}
#bn-main #bn04area #bn04left {
	float: left;
	height: 613px;
	width: 150px;
	margin-right: 20px;
}
#bn-main #bn04area #bn04right {
	float: left;
	height: 613px;
	width: 150px;
}