@charset "utf-8";

#contentsLeft{
	width:620px;
	_width:610px;
	padding:0px 0px 10px 18px;
	margin-bottom:30px;
}

#contentsLeft h1{
	position:relative;
	margin-bottom:20px;
	width:602px;
	height:47px;
	background-image:url(../img/digital_goods_title.gif);
}

#titleBannerStock{
	position:relative;
	width:200px;
	height:30px;
	background-image:url(../img/btn_bannerstock.jpg);
}

#goodsBox{
	position:relative;
	width:600px;
	/*height:800px;*/
	border:#666666 solid 1px;
}


/*=====Goods Information Start=====*/
#goodsInfo{
	position:relative;
	width:600px;
	height:280px;
}

#goodsInfoBox{
	float:left;
	position:relative;
	top:10px;
	left:10px;
	padding:10px;
	width:340px;
	height:230px;
	background-image:url(../img/models_bg.gif);
}

#goodsInfoBox h3{
	position:relative;
	padding:10px;
	display:block;
	width:320px;
	color:#da027f;
	font-size:116%;
	font-weight:bolder;
	line-height:1.2;
	background-color:#FFFFFF;
}

#goodsInfoBox p{
	position:relative;
	display:block;
	width:320px;
	padding:0 10px;
	color:#000000;
	font-size:93%;
	line-height:1.2;
	background-color:#FFFFFF;
}

#goodsInfoBox #goodsInfoButton{
	position:relative;
	padding:10px;
	width:320px;
	background-color:#FFFFFF;
}

#goodsInfoBox #goodsInfoButton a{
	display:block;
	width:155px;
	height:25px;
	background-image:url(../img/attention_button.gif);
	background-repeat:no-repeat;
}

#goodsInfoBox #goodsInfoButton a:link{
	background-position:0px 0px;
}

#goodsInfoBox #goodsInfoButton a:visited{
	background-position:0px 0px;
}

#goodsInfoBox #goodsInfoButton a:hover{
	background-position:0px -25px;
}

#colorPicker{
	float:right;
	position:relative;
	top:10px;
	width:210px;
	height:250px;
}

#colorPickerText{
	display:block;
	width:200px;
	text-align:center;
	font-size:93%;
}

#colorPicker span.caution{
	font-size:85%;
}

#colorPicker input{
	width:180px;
}

/*=====Goods Information End=====*/



/*=====Size Select Menu Start=====*/
#bannerMenu{
	clear:both;
	width:600px;
	height:35px;
}

#bannerMenu #stock120{
	float:left;
	width:200px;
	height:35px;
	background-image:url(../img/size_button_left.gif);
}

#bannerMenu #stock125{
	float:left;
	width:200px;
	height:35px;
	background-image:url(../img/size_button.gif);
}

#bannerMenu #stock234{
	float:left;
	width:200px;
	height:35px;
	background-image:url(../img/size_button_right.gif);
}

#bannerMenu .normal{
	background-position:0px 0px;
}

#bannerMenu .selected{
	background-position:0px -35px;
}

#bannerMenu a{
	display:block;
	width:200px;
	height:35px;
	cursor:pointer;
}

#bannerMenu a:hover{
	color:#FF0033;
}

#bannerMenu .btnText{
	display:block;
	padding-top:12px;
	font-size:93%;
	text-align:center;
}
/*=====Size Select Menu End=====*/


/*=====Banner Box Start=====*/
#bannerBox{
	clear:both;
}

#bannerBox ul{
	position:relative;
	margin:0px 4px;
	width:596px;
	height:604px;
	overflow:auto;
}

#bannerBox ul.selected{
	display:block;
}

#bannerBox ul.hidden{
	display:none
}

#bannerBox li{
	position:relative;
	width:570px;
	height:150px;
	border-bottom:#666666 dotted 1px;
}

#bannerBox li .bannerImg{
	float:left;
	display:block;
	margin:10px 0px;
	width:256px;
	height:130px;
	border-right:#666666 dotted 1px;
}

#bannerBox li .bannerImg img.img120{
	margin:35px 68px;
}

#bannerBox li .bannerImg img.img125{
	margin:2px 58px;
}

#bannerBox li .bannerImg img.img234{
	margin:35px 11px;
}


#bannerBox li .tagAre{
	float:right;
	display:block;
	margin:5px 0px;
	width:313px;
	height:130px;
	background-color:#FFFFFF;
}

#bannerBox li .tagWindow{
	margin-left:12px;
	padding:4px;
	width:290px;
	height:68px;
	font-size:85%;
	overflow:auto;
	border:#333333 solid 1px;
}

#bannerBox li .tagName{
	position:relative;
	top:20px;
	margin-left:12px;
	width:160px;
	font-size:77%;
	line-height:1.2;
}

#bannerBox li .tagCopyButton{
	position:relative;
	top:4x;
	left:200px;
	width:110px;
	height:25px;
	font-size:77%;
}
/*=====Banner Box End=====*/

/*
#bannerExplanation {
	position:absolute;
	top:98px;
	padding:10px;
	height:800px;
	background-image:url(../img/models_bg.gif);
}

* html body #bannerExplanation {
	position:relative;
	top:0px;
}

#bannerExplanation.normal{
	display:block;
	z-index:10;
}

#bannerExplanation.hidden{
	display:none;
	z-index:1;
}

* html body #bannerExplanation.hidden{
	display:block;
}

#bannerExplanationText{
	padding:10px;
	background-color:#FFFFFF;
}

#howTo {
	width:137px;
	height:19px;
	background-image:url(../img/how_to_header1.gif);
	background-repeat:no-repeat;
}

#bannerExplanation p {
	font-size:93%;
	line-height:1.2;
}

#caution {
	margin-top:30px;
	width:246px;
	height:19px;
	background-image:url(../img/how_to_header2.gif);
	background-repeat:no-repeat;
}
	
#bannerExplanation ul {
	
}
#bannerExplanation ul li {
	list-style-position:inside;
	list-style-type:disc;
	font-size:93%;
	line-height:1.2;
	margin-bottom:10px;
}

#backBtn{
	width:156px;
	height:25px;
	background-image:url(../img/bannerstock_backbtn.gif);
}

#backBtn a{
	display:block;
	width:156px;
	height:25px;
}

#backBtn a:link{
	background-position:0px 0px;
}

#backBtn a:hover{
	background-position:0px -25px;
	cursor:pointer;
}*/