/* web store@*/

/*=============
	TOP PAGE 
=============*/
#top_left {
	display: block;
	float: left;
	width: 250px;
}

#top_cd_sale {
	display: block;
	width: 316px;
	float: left;
	font-size: 22px;
	font-weight: bold;
	color: #FF9900;
	padding-top: 50px;
	text-align: center;
	line-height: 1.5em;
}

#goods_banner {
	display: block;
	width: 316px;
	float: left;
	margin-bottom: 20px;
}

#banner {
	display: block;
	width: 310px;
	float: left;
}

#banner dt {
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 15px;
}

#banner dd {
	display: block;
	width: 90px;
	float: left;
	margin-left: 10px;
}



/*=============
	COMMON
=============*/
#contents_sale{
	width: 680px;
	background-color:#F3F3FF;
	min-height:380px;
	height:auto;
	display: block;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}

#contents_sale2009 {
	width: 680px;
	background-color:#8FE972;
	min-height:380px;
	height:auto;
	display: block;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	color: #000000;
	margin-top: 10px;
}


#contents_sale2{
	width: 680px;
	background-color:#6BB0E9;
	min-height:380px;
	height:auto;
	display: block;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	color: #ffffff;
}


#contents_sale3{
	width: 680px;
	background-color:#C4D8F4;
	min-height:380px;
	height:auto;
	display: block;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}


.float_left {
	float: left;
}

.float_right {
	float: right;
}

.dot_hr {
	border-style: dotted none none none; 
	border-top-width: 1px; 
	border-top-color: #5286AE; 
	height: 1px;
	background-color: #ffffff;
	color: #FFFFFF;
}

.text-float {
	float: left;
	display: block;
	width: 550px;
	padding-left: 30px;
}

.text_indent {
	padding-left: 30px;
}

#contents_sale2009 h1 {
	width: 670px;
	color: #000000;
}

#contents_sale2009 h3 {
	color: #000000;
	font-size: 14px;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	line-height: 120%;
}

#pendant_title {
	width: 600px;
	color: #000000;
	text-align: left;
	height: auto;
	padding-left: 40px;
	margin-left: 10px;
	text-indent: 0px;
}

/*=============
	PRE CD
=============*/
.cd_detail {
	display: block;
	width: 620px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px dotted #5286AE;
	float: left;
	padding: 10px;
}

.white_border {

	border: 1px dotted #ffffff;

}

.cd_detail .left {
	display: block;
	width: 410px;
	float: left;
}

.cd_detail .right {
	display: block;
	width: 200px;
	float: right;
}

.cd_detail .jacket {
	display: block;
	width: 410px;
	float: left;
}

.cd_detail .jacket_now {
	display: block;
	width: 400px;
	float: left;
	border: 1px dotted #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.cd_detail .index {
	display: block;
	float: right;
	margin-left: 10px;
}


.cd_detail dt {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.cd_detail dd {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

/*----hack----------*/
*html .cd_detail dd {
	font-size: 12px;
}
/*-------------------*/

.cd_detail h2 {
	float: left;
	width: 600px;
	margin-top: 10px;
}

.cd_text {
	display: block;
	float: left;
	width: 390px;
	margin-left: 10px;
	margin-top: 20px;
	font-size: 10px;
}

.buy_button {
	margin: 10px;
}

.listen_button {
	margin: 20px 10px;
}

.new_al {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

/*=============
	goods
=============*/
.goods_detail {
	display: block;
	width: 620px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px dotted #5286AE;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
	line-height: 100%;
}

#goods_title{
	font-size: 16px;
	font-weight: bold !important;
	color: #999999;
	text-indent: 38px;
	border: 1px dotted #5286AE;
	letter-spacing: 0.2em;
	background-image: url(img/roborogo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	line-height: 100%;
	padding-top: 10px;
	width: 640px;
	margin-bottom: 15px;
	margin-left: 10px;
}


.goods_detail dl {
	float: left;
	display: block;
	width: 600px;
	margin: 1px;
}

.goods_detail dt {
	display: block;
	width: 220px;
	float: left;
	margin-left: 20px;
}

.goods_detail dd {
	display: block;
	width: 330px;
	float: left;
	margin-left: 30px;
}

.goods_detail h3 {

}

.goods_detail h2 {
	float: left;
	width: 600px;
	margin-top: 10px;
}

.goods_detail p {
	font-size: 10px;
	line-height: 1.5em;
}

.goods_detail a {
	color: #CC0033;
}

/*.goods_detail img {
	border: #CCCCCC solid 1px;
}*/


/*====== hack ========*/
* html .goods_detail dl {
	width: 600px;
	margin: 1px;
}

* html .goods_detail dt {
	width: 200px;
	margin-left: 20px;
}

* html .goods_detail dd {
	width: 300px;
	padding-left: 30px;
}


/*=====================*/




/*===================
	Goods Titan
=====================*/

.titan_detail {
	display: block;
	width: 620px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px dotted #5286AE;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
}


.titan_detail dl {
	float: left;
	display: block;
	width: 620px;
	margin: 1px;
}

.titan_detail dt {
	display: block;
	width: 300px;
	float: left;
	margin-left: 10px;
}

.titan_detail dd {
	display: block;
	width: 260px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

.titan_detail h2 {
	float: left;
	width: 600px;
	margin-top: 10px;
}

.titan_detail h3 {
	font-weight: bold;
	display: block;
	margin-top: 5px;
	margin-left: 20px;
	float: left;
	width: 200px;
	margin-bottom: 5px;
}

#titan_explain {
	display: block;
	width: 600px;
	float: left;
	margin-left: 10px;
	border: 1px dotted #5286AE;
	margin-top: 30px;
}

#titan_photo2 {
	display: block;
	width: 100px;
	float: left;
	margin-top: 15px;
	margin-left: 110px;
}

.sub_image {
	padding: 10px;
	margin: 0px;
}


/*=============
	EXPLAIN
=============*/


.sale_explain {
	display: block;
	padding: 10px;
	width: 620px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px dotted #5286AE;
}

.sale_explain2 {
	display: block;
	padding: 10px;
	width: 620px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px dotted #ffffff;
}


/*=============
	LINK
=============*/

#link {
	width:700px;
	height:20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	line-height: 120%;
}

#link #contact {
	width: 150px;
	flaot: left;
	float: left;
}

#link #policy {
	width: 250px;
	float: right;
	text-align: right;
	color: #666666;
}

#link a {
	color: #666666;
}

#link .font-11px {
	font-size: 11px;
	line-height: 130%;
}


/*=============
	NOTICE
=============*/

.notice_detail dt {
	float: left;
	width: 180px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.notice_detail dd {
	text-align: left;
	padding-right: 20px;
	width: 380px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

/*==================
		etc
====================*/
.white_hr {
	border-bottom: 1px solid #ffffff;
}



/*==================
	utawa title
==================*/
.utawa_title1 {
	display: block;
	width: 300px;
	background-image: url(webstore/img/cd_title1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
}

#utawa_index {
	display: block;
	width: 300px;
	float: right;
	margin-top: 10px;
}


#utawa_info {
	display: block;
	width: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 50px;
}

#utawa_button {
	display: block;
	width: 300px;
	float: right;
	margin-top: 20px;
}

.twin_button {
	display: block;
	width: 100px;
	float: left;
	margin-left: 30px;
}

#utawa_explain {
	display: block;
	width: 540px;
	padding-left: 50px;
	margin-top: 20px;
	float: left;
	padding-right: 50px;
	border: 1px dotted #FFFFFF;
	margin-left: 10px;
	margin-bottom: 20px;
}

#prepro_cd_box {
	display: block;
	width: 550px;
	float: left;
}

.prepro_cd {
	display: block;
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
#twitterWidgetBox{
clear:both;
padding:20px 0;
}