@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}


#ct_bg{
	color:#663300;
	margin: 0px;
	font-size: 12px;
	padding: 0px;
	background-image: url(../img/pgbg.gif);
	background-repeat: repeat;
	background-position: left center;
	background-color: #71AA69;
	overflow: hidden;
}
#ct_bg #siteBg {
	width: 980px;
}
#ct_bg #siteBg #contentsArea .bh500{
	height: 500px;
}
#ct_bg #siteBg #contentsArea #pheadBox {
	height: 60px;
	width: 980px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../img/pheadbg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#ct_bg #siteBg #contentsArea #pheadBox p {
	height: 60px;
	width: 319px;
	float: right;
	text-decoration: none;
	text-indent: -9999ex;
	display: block;
}
#ct_bg #siteBg #contentsArea #pheadBox p a   {
	height: 60px;
	width: 319px;
	text-indent: -9999px;
	display: block;
	margin-right: 0px;
}

#ct_bg #siteBg #contentsArea #pheadBox p a#nvTop{
	background-image: url(../img/nv01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ct_bg #siteBg #contentsArea #pheadBox p a#nvTop_on {
	background-image: url(../img/nv01.gif);
	background-repeat: no-repeat;
	background-position: left -60px;
}
#ct_bg #siteBg #contentsArea #pheadBox p a#nvTop:hover {
	background-image: url(../img/nv01.gif);
	background-repeat: no-repeat;
	background-position: left -60px;
}

#ct_bg #siteBg #contentsArea {
	height: auto;
	width: 980px;
}
#ct_bg #siteBg #contentsArea #sideAbox {
	float: left;
	width: 190px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 180px;
	padding-left: 10px;
	background-image: url(../img/aoanime.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}






#ct_bg #siteBg #contentsArea #sideBbox {
	float: right;
	background-color: #630;
	width: 745px;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
	background-image: url(../img/fusuma.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border: 2px solid #824406;
}
#ct_bg #siteBg #contentsArea #sideBbox #cmainBox {
	height: 476px;
	padding: 10px;
	border: 2px solid #824406;
	overflow: hidden;
}
#ct_bg #siteBg #contentsArea #sideBbox #pdmainBox {
	height: 476px;
	padding: 10px;
	border: 2px solid #824406;
	overflow: auto;
}
#ct_bg #siteBg #contentsArea #sideBbox #productsbg #pdmainBox .itemBox {
	display: block;
	height: 280px;
	width: 220px;
	float: left;
	margin-right: 13px;
	margin-bottom: 10px;
	border: 1px solid #9ABF73;
	text-align: center;
	background-color: #FFFFFF;
}
#ct_bg #siteBg #contentsArea #sideBbox #productsbg #pdmainBox h3 {
	padding: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #541300;
	background-color: #B1D3A1;
}


#ct_bg #siteBg #contentsArea #sideBbox #productsbg #pdmainBox .itemBox p.pdiImgbx {
	height: 200px;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#ct_bg #siteBg #contentsArea #sideBbox #productsbg #pdmainBox .itemBox p.pdiTitle {
	font-weight: bold;
	color: #09C;
	margin-bottom: 5px;
}
#ct_bg #siteBg #contentsArea #sideBbox #productsbg #pdmainBox .itemBox p.pdiTxt {
	line-height: 1.4;
}



#ct_bg #siteBg #contentsArea #sideBbox #prmainBox {
	height: 476px;
	border: 2px solid #824406;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#ct_bg #siteBg #contentsArea #sideBbox #imainBox {
	height: 470px;
	border: 2px solid #824406;
	text-align: center;
	padding: 0px;
}
#ct_bg #siteBg #contentsArea #sideBbox #imainBox .infotx {
	overflow: auto;
	text-align: center;
	margin-top: 110px;
	height: 360px;
}

#ct_bg #siteBg #contentsArea #sideBbox #mmainBox {
	height: 580px;
	padding: 10px;
	border: 2px solid #824406;
	overflow: hidden;
}
#ct_bg #siteBg #contentsArea #sideBbox #nmainBox {
	overflow: auto;
	padding: 10px;
	height: 380px;
}

#ct_bg #siteBg #contentsArea #sideBbox #topbg  {
	background-image: url(../img/topbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
}
#ct_bg #siteBg #contentsArea #sideBbox #productsbg {
	background-image: url(../img/productsbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#ct_bg #siteBg #contentsArea #sideBbox #infobg {
	background-image: url(../img/infobg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#ct_bg #siteBg #contentsArea #sideBbox #profilebg {
	background-image: url(../img/profilebg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ct_bg #siteBg #contentsArea #sideBbox #moviebg {
	background-image: url(../img/mvbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #C7B299;
}

#ct_bg #siteBg #contentsArea #sideBbox #newsbg {
	background-image: url(../img/newsbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 100px;
	padding-left: 60px;
}
#nmainBox h3 {
	padding: 10px;
	margin-bottom: 10px;
	clear: both;
	color: #541300;
	font-size: 15px;
	background-image: url(../img/newsh3bg.gif);
	letter-spacing: 0.3em;
	line-height: 1.4;
	background-color: #D0B493;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A95B09;
	border-right-color: #A95B09;
	border-bottom-color: #A95B09;
	border-left-color: #A95B09;
}
#nmainBox h4 {
	color: #009658;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
}
#sideBbox #newsbg #nmainBox p {
	line-height: 1.4;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}
#sideBbox #newsbg #nmainBox p.txtbar {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	height: 45px;
	margin-top: 30px;
	background-image: url(../img/txbarbg.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#sideBbox #newsbg #nmainBox .txtbdOr   {
	font-size: 14px;
	font-weight: bold;
	color: #F30;
}
#sideBbox #newsbg #nmainBox .txtbdBlu {
	font-weight: bold;
	color: #496C76;
	text-decoration: underline;
}
#sideBbox #newsbg #nmainBox .bxcam001 {
	background-image: url(../img/news/cam001.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}










#ct_bg #siteBg #contentsArea #underBox {
	height: 80px;
	background-image: url(../img/under.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 978px;
}




/*-------------------------------------------------------*/

#ct_bg img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*-------------------------------------------------------*/
#ct_bg a:link {
	color:#003300;
	text-decoration:none;
}
#ct_bg a:visited {
	color:#336666;
	text-decoration:none;
}
#ct_bg a:active {
	color:#8BB76F;
	text-decoration:none;
}
#ct_bg a:hover {
	color:#AF1A45;
	text-decoration:underline;
}





#ct_bg #siteBg #contentsArea #sideAbox ul {
	margin: 0px;
	padding: 0px;
}


/*---SideNavi---*/


#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi {
	margin: 0px;
	padding: 0px;

}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li {
	line-height: 1.4;
	display: block;
	height: 45px;
	width: 190px;
	margin-bottom: 30px;
	list-style-type: none;
	text-decoration: none;
}



#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a   {
	height: 45px;
	width: 190px;
	text-indent: -9999px;
	display: block;
	margin-right: 0px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv1 {
	background: url(../img/nv02.gif) no-repeat left top;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv2 {
	background: url(../img/nv03.gif) no-repeat left top;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv3 {
	background: url(../img/nv04.gif) no-repeat left top;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv4 {
	background: url(../img/nv05.gif) no-repeat left top;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv5 {
	background: url(../img/nv06.gif) no-repeat left top;
}

#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv1_on {
	background: url(../img/nv02.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv2_on {
	background: url(../img/nv03.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv3_on {
	background: url(../img/nv04.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv4_on {
	background: url(../img/nv05.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv5_on {
	background: url(../img/nv06.gif) no-repeat left -45px;
}


#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv1:hover {
	background: url(../img/nv02.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv2:hover {
	background: url(../img/nv03.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv3:hover {
	background: url(../img/nv04.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv4:hover {
	background: url(../img/nv05.gif) no-repeat left -45px;
}
#ct_bg #siteBg #contentsArea #sideAbox ul.ulsNavi li a#nv5:hover {
	background: url(../img/nv06.gif) no-repeat left -45px;
}




/*-------------------------------------------------------*/

#spAbout ul {
	list-style-type: none;
	position: relative;
}
#spAbout ul li {
	display: block;
	position: absolute;
	height: 100px;
	width: 100px;
	background-repeat: no-repeat;
}
#spAbout ul li.midori   {
	right: 567px;
	top: 37px;
	height: 225px;
	width: 150px;
	background-image: url(../img/chara/midori.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#spAbout ul li.radhi {
	right: 434px;
	top: 55px;
	height: 197px;
	width: 129px;
	background-image: url(../img/chara/radi.jpg);
}
#spAbout ul li.sora {
	right: 208px;
	top: 133px;
	height: 122px;
	width: 94px;
	background-image: url(../img/chara/sora.jpg);
}
#spAbout ul li.bodikon {
	right: 5px;
	top: 44px;
	height: 222px;
	width: 147px;
	background-image: url(../img/chara/bodikon.jpg);
}
#spAbout ul li.kara {
	right: 598px;
	top: 269px;
	height: 214px;
	width: 131px;
	background-image: url(../img/chara/kara.jpg);
}
#spAbout ul li.komasa {
	right: 525px;
	top: 342px;
	height: 113px;
	width: 68px;
	background-image: url(../img/chara/komasa.jpg);
}
#spAbout ul li.taku {
	right: 429px;
	top: 253px;
	height: 219px;
	width: 93px;
	background-image: url(../img/chara/taku.jpg);
}
#spAbout ul li.aokubi {
	right: 315px;
	top: 200px;
	height: 264px;
	width: 115px;
	background-image: url(../img/chara/aokubi.jpg);
	background-repeat: no-repeat;
}
#spAbout ul li.chibi {
	right: 214px;
	top: 331px;
	height: 152px;
	width: 94px;
	background-image: url(../img/chara/chibi.jpg);
}
#spAbout ul li.sakura {
	right: 86px;
	top: 278px;
	height: 204px;
	width: 123px;
	background-image: url(../img/chara/sakura.jpg);
}
#spAbout ul li.sokan {
	right: 17px;
	top: 309px;
	height: 174px;
	width: 67px;
	background-image: url(../img/chara/sokan.jpg);
}

#spAbout ul li.midori a b,#spAbout ul li.radhi a b,#spAbout ul li.sora a b,#spAbout ul li.bodikon a b,
#spAbout ul li.kara a b,#spAbout ul li.komasa a b,#spAbout ul li.taku a b,#spAbout ul li.aokubi a b, ul li.chibi a b, ul li.sakura a b , ul li.sokan a b {
	display: none;
}
#spAbout ul li a {
	display: block;
}
#spAbout ul li.midori a {
	height: 225px;
	width: 150px;
}
#spAbout ul li.radhi a {
	height: 197px;
	width: 129px;
}
#spAbout ul li.sora a {
	height: 122px;
	width: 94px;
}
#spAbout ul li.bodikon a {
	height: 222px;
	width: 147px;
}
#spAbout ul li.kara a {
	height: 214px;
	width: 131px;
}
#spAbout ul li.komasa a {
	height: 113px;
	width: 68px;
}
#spAbout ul li.taku a {
	height: 219px;
	width: 93px;
}
#spAbout ul li.aokubi a {
	height: 265px;
	width: 115px;
}
#spAbout ul li.chibi a {
	height: 152px;
	width: 94px;
}
#spAbout ul li.sakura a {
	height: 204px;
	width: 123px;
}
#spAbout ul li.sokan a {
	height: 174px;
	width: 67px;
}


#spAbout ul li.midori a:hover {
	background: url(../img/chara/midoris.jpg) no-repeat center center;
}
#spAbout ul li.radhi a:hover {
	background-image: url(../img/chara/radis.jpg);
	background-position: center center;
}
#spAbout ul li.sora a:hover {
	background: url(../img/chara/soras.jpg) center center;
}
#spAbout ul li.bodikon a:hover {
	background-image: url(../img/chara/bodikons.jpg);
	background-position: center center;
}
#spAbout ul li.kara a:hover {
	background: url(../img/chara/karas.jpg) center center;
}
#spAbout ul li.komasa a:hover {
	background: url(../img/chara/komasas.jpg) center center;
}
#spAbout ul li.taku a:hover {
	background: url(../img/chara/takus.jpg) center center;
}
#spAbout ul li.aokubi a:hover {
	background: url(../img/chara/aokubis.jpg) center center;
}
#spAbout ul li.chibi a:hover {
	background: url(../img/chara/chibis.jpg) center center;
}

#spAbout ul li.sakura a:hover {
	background: url(../img/chara/sakuras.jpg) center center;
}
#spAbout ul li.sokan a:hover {
	background: url(../img/chara/sokans.jpg) center center;
}







/*-------------------------------------------------------*/
#mvBox{
	width:640px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
}
#mvBox .mvColam {
	width: 640px;
	margin-top: 50px;
	height: auto;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#mvBox ul.ulMovie {
	display: block;
	list-style-type: none;
	padding: 0px;
	width: 630px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	overflow: hidden;
}
#mvBox ul.ulMovie li  {
	display: inline;
	padding: 0px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	text-indent: -9999px;
}
#mvBox ul.ulMovie li a {
	display: block;
	height: 35px;
	width: 200px;
	text-decoration: none;
}
#mvBox ul.ulMovie li a#mNv1 {
	background-image: url(../img/mnv01.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#mvBox ul.ulMovie li a#mNv2 {
	background-image: url(../img/mnv02.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#mvBox ul.ulMovie li a#mNv3 {
	background-image: url(../img/mnv03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mvBox ul.ulMovie li a#mNv4 {
	background-image: url(../img/mnv04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mvBox ul.ulMovie li a#mNv5 {
	background-image: url(../img/mnv05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mvBox ul.ulMovie li a#mNv6 {
	background-image: url(../img/mnv06.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#mvBox ul.ulMovie li a#mNv1:hover {
	background-image: url(../img/mnv01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mvBox ul.ulMovie li a#mNv2:hover {
	background-image: url(../img/mnv02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mvBox ul.ulMovie li a#mNv3:hover {
	background-image: url(../img/mnv03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mvBox ul.ulMovie li a#mNv4:hover {
	background-image: url(../img/mnv04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mvBox ul.ulMovie li a#mNv5:hover {
	background-image: url(../img/mnv05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mvBox ul.ulMovie li a#mNv6:hover {
	background-image: url(../img/mnv06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mvBox ul.ulMovie li a#mNv1_on {
	background-image: url(../img/mnv01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mvBox ul.ulMovie li a#mNv2_on {
	background-image: url(../img/mnv02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mvBox ul.ulMovie li a#mNv3_on {
	background-image: url(../img/mnv03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mvBox ul.ulMovie li a#mNv4_on {
	background-image: url(../img/mnv04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mvBox ul.ulMovie li a#mNv5_on {
	background-image: url(../img/mnv05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mvBox ul.ulMovie li a#mNv6_on {
	background-image: url(../img/mnv06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#ct_bg #siteBg #contentsArea #sideBbox #topbg #flashcontent {
	color: #FFF;
	text-align: center;
}
#topbg #flashcontent p {
	padding-top: 10px;
}
#EnskyBanner {
	display: block;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
