@charset "utf-8";


/*
------------------------------------------------------------*/
#main.top #contents.top .txt_01{
	position: absolute;
	position: fixed;
	top: 30px;
	left: 24px;	
	left: 344px;	
}


/*
------------------------------------------------------------*/
#contents .voice_controller{
	height: 100%;
}
#contents .voice_controller .jp-play{
	cursor: pointer;
	display: block;
	height: 100%;
	background-image: url(../images/spacer.png);/* for ie8*/
}
#contents .voice_controller .jp-stop{
	display: none;
	cursor: pointer;
	height: 100%;
	background-image: url(../images/spacer.png);/* for ie8*/
}


/*
------------------------------------------------------------*/
#contents.product #characters{
	position: absolute;
	background: #333;
	top: 192px;
	left: 160px;
}
#contents.product #characters ul li{
	display:block;
	width: 176px;
	height: 507px;
	position: absolute;
}
#contents.product #characters ul li a{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/spacer.png);/* for ie8*/
}
#contents.product #characters ul li.seishiro{
	top: 0px;
	left: 382px;
}
#contents.product #characters ul li.isao{
	top: 0px;
	left: 192px;
}
#contents.product #characters ul li.sanji{
	top: 0px;
	left: 0px;
}
#contents.product #characters ul li.fuji{
	top: 670px;
	left: 382px;
}
#contents.product #characters ul li.rei{
	top: 670px;
	left: 192px;
}

#contents.product #characters ul li .btn_buy{
	position: absolute;
	width: 66px;
	height: 132px;
	top: 164px;
	left: -14px;
}
#contents.product #characters ul li .btn_buy a{
	background-image: url(../../product/images/index/btn_buy.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product #characters ul li .btn_buy a:hover{
	background-image: url(../../product/images/index/btn_buy_on.png);
}


/*
------------------------------------------------------------*/
#contents.product .btn_buy{
	position: absolute;
	width: 89px;
	height: 178px;
	top: 440px;
	left: 445px;
}
#contents.product .btn_buy a{
	display: block;
	height: 100%;
	background-image: url(../../product/images/common/btn_buy.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product .btn_buy a:hover{
	background-image: url(../../product/images/common/btn_buy_on.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}



#contents.product .voices .voice_01.disable,
#contents.product .voices .voice_01.disable:hover{
	background: url(../../product/images/common/cv_01_disable.png) !important;
}
#contents.product .voices .voice_02.disable,
#contents.product .voices .voice_02.disable:hover{
	background: url(../../product/images/common/cv_02_disable.png) !important;
}
#contents.product .voices .voice_03.disable,
#contents.product .voices .voice_03.disable:hover{
	background: url(../../product/images/common/cv_03_disable.png) !important;
}
#contents.product .voices .disable .voice_controller .jp-play,
#contents.product .voices .disable .voice_controller .jp-stop {
	cursor: default !important;
}



/*
------------------------------------------------------------*/

#contents.product.seishiro .voices .voice_01{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/seishiro/images/cv_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.seishiro .voices .voice_02{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/seishiro/images/cv_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.seishiro .voices .voice_03{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/seishiro/images/cv_03.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.seishiro .voices .voice_01.active,
#contents.product.seishiro .voices .voice_01:hover{	background-image: url(../../product/seishiro/images/cv_01_on.png);}
#contents.product.seishiro .voices .voice_02.active,
#contents.product.seishiro .voices .voice_02:hover{	background-image: url(../../product/seishiro/images/cv_02_on.png);}
#contents.product.seishiro .voices .voice_03.active,
#contents.product.seishiro .voices .voice_03:hover{	background-image: url(../../product/seishiro/images/cv_03_on.png);}

.imageSeishiro {
	position: absolute;
	top: 47px;
	right: 36px;
	z-index: 1;
}
.imageSeishiro01 {
	position: absolute;
	top: 323px;
	right: 185px;
	z-index: 1;
}
.imageSeishiro02 {
	position: absolute;
	top: 323px;
	right: 50px;
	z-index: 1;
}
.opa:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.imgBtn01 {
	position: absolute;
	top: 240px;
	right: 15px;
	z-index: 10;
}

/*
------------------------------------------------------------*/
#contents.product.fuji .voices .voice_01{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/fuji/images/cv_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.fuji .voices .voice_02{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/fuji/images/cv_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.fuji .voices .voice_03{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/fuji/images/cv_03.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.fuji .voices .voice_01:hover{ background-image: url(../../product/fuji/images/cv_01_on.png);}
#contents.product.fuji .voices .voice_02:hover{ background-image: url(../../product/fuji/images/cv_02_on.png);}
#contents.product.fuji .voices .voice_03:hover{ background-image: url(../../product/fuji/images/cv_03_on.png);}




/*
------------------------------------------------------------*/
#contents.product.isao .voices .voice_01{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/isao/images/cv_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.isao .voices .voice_02{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/isao/images/cv_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.isao .voices .voice_03{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/isao/images/cv_03.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.isao .voices .voice_01:hover{ background-image: url(../../product/isao/images/cv_01_on.png);}
#contents.product.isao .voices .voice_02:hover{ background-image: url(../../product/isao/images/cv_02_on.png);}
#contents.product.isao .voices .voice_03:hover{ background-image: url(../../product/isao/images/cv_03_on.png);}



/*
------------------------------------------------------------*/
#contents.product.rei .voices .voice_01{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/rei/images/cv_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.rei .voices .voice_02{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/rei/images/cv_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.rei .voices .voice_03{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/rei/images/cv_03.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.rei .voices .voice_01:hover{ background-image: url(../../product/rei/images/cv_01_on.png);}
#contents.product.rei .voices .voice_02:hover{ background-image: url(../../product/rei/images/cv_02_on.png);}
#contents.product.rei .voices .voice_03:hover{ background-image: url(../../product/rei/images/cv_03_on.png);}



/*
------------------------------------------------------------*/

#contents.product.sanji .voices .voice_01{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/sanji/images/cv_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.sanji .voices .voice_02{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/sanji/images/cv_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.sanji .voices .voice_03{
	width: 42px;
	height: 42px;
	margin: 0 0 5px 0;
	background-image: url(../../product/sanji/images/cv_03.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents.product.sanji .voices .voice_01:hover{ background-image: url(../../product/sanji/images/cv_01_on.png);}
#contents.product.sanji .voices .voice_02:hover{ background-image: url(../../product/sanji/images/cv_02_on.png);}
#contents.product.sanji .voices .voice_03:hover{ background-image: url(../../product/sanji/images/cv_03_on.png);}



/*
------------------------------------------------------------*/
#contents.special ul{
	position: absolute;
	top: 0px;
	left: 0px;
}
#contents.special ul a{
	display: block;
	height: 100%;
	background: url(../images/spacer.png) no-repeat 0 0;/*ie8*/
}
#contents.special .link_01{
	position: absolute;
	top: 670px;
	left: 640px;
	width: 15px;
	height: 179px;
}
#contents.special .link_02{
	position: absolute;
	top: 670px;
	left: 585px;
	width: 15px;
	height: 176px;
}
#contents.special .link_03{
	position: absolute;
	top: 670px;
	left: 532px;
	width: 15px;
	height: 130px;
}
#contents.special .link_04{
	position: absolute;
	top: 670px;
	left: 456px;
	width: 15px;
	height: 155px;
}
#contents.special .link_05{
	position: absolute;
	top: 670px;
	left: 403px;
	width: 15px;
	height: 112px;
}
#contents.special .link_06{
	position: absolute;
	top: 685px;
	left: 315px;
	width: 15px;
	height: 148px;
}
#contents.special .link_08{
	position: absolute;
	top: 685px;
	left:236px;
	width: 15px;
	height: 164px;
	
}
#contents.special .link_09{
	position: absolute;
	top: 690px;
	left: 124px;
	width: 15px;
	height: 145px;
}
#contents.special .link_10{
	position: absolute;
	top: 1120px;
	left: 640px;
	width: 15px;
	height: 171px;
}
#contents.special .link_11{
	position: absolute;
	top: 1120px;
	left: 585px;
	width: 15px;
	height: 120px;
}
#contents.special .link_12{
	position: absolute;
	top: 1120px;
	left: 556px;
	width: 15px;
	height: 181px;
}
#contents.special .link_13{
	position: absolute;
	top: 1120px;
	left: 585px;
	width: 15px;
	height: 180px;
}
#contents.special .link_14{
	position: absolute;
	top: 123px;
	left: 223px;
	width: 45px;
	height: 102px;
}
#contents.special .link_15{
	position: absolute;
	top: 123px;
	left: 343px;
	width: 45px;
	height: 102px;
}



/* banner */

#contents.banner ul.ul_banner01{
	position: absolute;
	top: 0px;
	left: 0px;
}
#contents.banner ul a{
	display: block;
	height: 100%;
	background: url(../images/spacer.png) no-repeat 0 0;/*ie8*/
}
#contents.banner .link_00 {
	position: absolute;
	top: 65px;
	left: 116px;
	width: 20px;
	height: 75px;
}
#contents.banner .link_01 {
	position: absolute;
	top: 65px;
	left: 163px;
	width: 20px;
	height: 195px;
}
#contents.banner .link_02 {
	position: absolute;
	top: 65px;
	left: 236px;
	width: 20px;
	height: 125px;
}
#contents.banner .link_03 {
	position: absolute;
	top: 65px;
	left: 308px;
	width: 20px;
	height: 125px;
}
#contents.banner .link_04 {
	position: absolute;
	top: 65px;
	left: 378px;
	width: 20px;
	height: 110px;
}

.ul_banner02 {
	background:  url(../../banner/images/img_icon.png) no-repeat center bottom;
	padding-bottom: 70px;
	margin-top: 50px;
	position: relative;
}

.ul_banner02 > ul {
	float: left;
	width: 652px;
	margin-top: 20px;
}
.ul_banner02 li {
	float: right;
	width: 200px;
	margin: 0 0 20px 26px;
}
.ul_banner02 textarea {
	width: 180px;
	height: 44px;
	border: 1px solid #b2b2b2;
	background: #fff;
	padding: 9px;
	margin-top: 10px;
}
.ul_banner02 .title {
	float: right;
}
.linkStyle {
	position: absolute;
	bottom: 80px;
	right: 6px;
}
.linkStyle01 {
	position: absolute;
	top: 0;
	right: 55px;
}

.ul_banner03 {
	background: none;
	padding-bottom: 50px;
}

.ul_banner03 ul {
	width: 584px;
}
.ul_banner03 li {
	float: right;
	width: 180px;
	margin: 0 0 20px 22px;
}

.ul_banner04 ul:first-child > li{
	float: right;
	width: 256px;
	margin: 0 0 20px 60px;
}

.ul_banner04 {
	background: none;
	padding-bottom: 50px;
}

.descBnr05 {
	position:relative;
}

.txtBnr05 {
	text-align:right;
}

.txtBnr05 img{
	position:relative;
	margin:10px -2px 0 0;
	z-index:1;
}

.ul_banner05{
	position:absolute;
	top:0;
	z-index:2;
}

.ul_banner05 li{
	margin:0 !important;
}

#contents.banner .ul_banner05 .link_01 {
	position: absolute;
	top: 15px;
	left: 63px;
	width: 20px;
	height: 153px;
}
#contents.banner .ul_banner05 .link_02 {
	position: absolute;
	top: 15px;
	left: 151px;
	width: 20px;
	height: 149px;
}
#contents.banner .ul_banner05 .link_03 {
	position: absolute;
	top: 15px;
	left: 239px;
	width: 20px;
	height: 151px;
}

.taC {text-align: center;}
.noML {margin-left: 0px !important;}

/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height:0;
  }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */