@charset "UTF-8";
/* kirarepi CSS buy */
/* 2010.07.01 */

/* base second */
body{overflow-x:hidden;}

body#detail{overflow-x:auto;}

#secondtitleinnter{padding:2px 0 6px;}

* html #secondtitleinnter{padding:4px 0 6px;}

div#cart_block_1,div#cart_block_2,div#cart_block_3,div#cart_block_4,div#cart_block_5,div#cart_block_6{
	float:left;
	width:655px;
}

div#content{font-size:1em;}

div.contdetail{
	margin:0 0 15px;
	padding:10px;
	border:1px solid #ccc;
	font-weight:bold;
}


/* buy stance*/
ul.buylist{
	width:595px;
	margin:0 0 25px 40px;
}

ul.buylist li{
	float:left;
	padding:0 19px 0 0 ;
	background:url(images/bulist_bg.gif) no-repeat right center;
}

ul.buylist li.last{background:none;}

/* sub menu*/

div.menu{
	clear:both;
	margin:0 0 25px;
	background:url(../../common/css/images/subnavi_bottom_bk.jpg) no-repeat left bottom;
}

div.menu ul{
	padding:5px 10px;
	background:url(../../common/css/images/subnavi_top_bk.jpg) no-repeat left top;
}

div.menu ul li{
	float:left;
	margin:0 8px 0 0;
	padding: 0 0 0 15px;
	background:url(../../common/css/images/sub_navi_bk.gif) no-repeat left 0.5em;
}

div.menu ul li span a{
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #ccc;
}

div.menu ul li span a.last{
	margin:0;
	border:none;
}

div.menu ul li.now{
	background:url(../../common/css/images/sub_navi_bk_on.gif) no-repeat left 0.5em;
}

ul.menu{
	clear:both;
	margin:0 0 15px;
}

ul.menu li{
	float:left;
	margin:0 10px 0 0 ;
	padding:0 10px 0 0 ;
	border-right:1px solid #ccc;
}

ul.menu li.last{
	margin:0;
	padding:0;
	border-right:none;
}


ul.icon_txt li{
	float:left;
	margin:0 5px 0 0;
	font-size:0.8em;
}





.wbottom{
	padding:15px 0;
	border-top:1px solid #ccc;
}


/* page movie*/
ul.rollmenu{
	clear:both;
	float:right;
	margin:0 0 15px;
	font-weight:bold;
}

ul.rollmenu li{
	float:left;
	display:block;
	padding:2px 3px; 
	line-height:1em;
}

ul.rollmenu li a{padding:2px 3px;}

ul.rollmenu li a:hover{
	background:#FD5287;
	color:#fff;
}

ul.rollmenu li a.now{
	background:#FD5287;
	color:#fff;
}


/* item list*/
div.listbox{
clear:both;
}

dl.wlist{
	float:left;
	width:160px;
	margin:0 0 15px;
}

dl.wlist dt a{
	display:block;
	width:115px;
}

dl.wlist dt{
	clear:both;
	margin:0 8px 10px 0 ;
}
dl.wlist dd ul.category_icon{
}

dl.wlist dd ul.category_icon li{
clear:none;
float:left;
margin:0 5px 5px 0;
}


dl.wlist dd ul li{
	clear:both;
	font-size:0.8em;
}

dl.wlist dd ul li a{
	font-size:1em;
	font-weight:bold;
}

dl.wlist dd ul li span{font-weight:bold;}

dl.wlist dd ul li.add{
	padding:5px 0 0 15px;
	background:url("../../common/css/images/icon_plus.gif") no-repeat left 0.9em;
	font-size:0.6em;
}

dl.wlist dd ul li.cart{
	float:left;
	margin:5px 0 0 ;
	padding:0 0 0 15px;
	background:url(../../common/css/images/icon_plus.gif) no-repeat left center;
	font-size:0.8em;
}

dl.wlist dd ul li.center{
	clear:both;
	float:left;
	width:120px;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	background:url(images/ico_cart.gif) no-repeat left center;
	font-size:0.8em;}

/*
dl.wlist dt{
	clear:both;
	margin:0 8px 10px 0 ;
}

dl.wlist dt a{
	display:block;
	width:115px;
}

dl.wlist dt a img{
	border:1px solid #fff;
}

dl.wlist dt a img:hover{
	border:1px solid #FFAFCB;
}

dl.wlist dd{
	width:160px;
	margin:0 10px 15px 0 ;
}


dl.wlist dd ul li{
	clear:both;
	font-size:0.8em;
}

dl.wlist dd ul li a{
	font-size:1em;
	font-weight:bold;
}

dl.wlist dd ul li span{font-weight:bold;}

dl.wlist dd ul li.add{
	padding:5px 0 0 15px;
	background:url("../../common/css/images/icon_plus.gif") no-repeat left 0.9em;
	font-size:0.6em;
}

dl.wlist dd ul li.cart{
	float:left;
	margin:5px 0 0 ;
	padding:0 0 0 15px;
	background:url(../../common/css/images/icon_plus.gif) no-repeat left center;
	font-size:0.8em;
}

dl.wlist dd ul li.center{
	clear:none;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	background:url(images/ico_cart.gif) no-repeat left center;
	font-size:0.8em;
}
*/
p.thankp{margin:0 0 30px;}


p.nextpage{
	margin:-15px 0 30px;
	padding:0 10px 0 0 ;
	text-align:right;
	background:url(../../common/css/images/icon_tri_r.jpg) no-repeat right center;
}

dl.wlist dd ul li span{
	display:block;
	float:left;
	width:140px!important;
	margin:0 5px 0 0;
	padding:0 5px 0 0 ;
	background:url(images/icon.gif) no-repeat right center;;
}



* html dl.wlist dd ul li span{width:90px;}

dl.wlist dd ul li span.title{
	font-size:1.3em;
}
dl.wlist dd ul li span.linktitle{
	float:left;
	background:none;
	display:block;
	
}

* html dl.wlist dd ul li span.linktitle{width:400px;}

p.all_list_txt{
margin:0 0 15px;
}

dl.all_list ul.category_icon{
	clear:both;
}

dl.all_list ul.category_icon li{
	float:left;
	margin:0 5px 0 0 ;
}

dl.all_list ul li.title{
	clear:both;
}

dl.all_list ul li.price{
	float:left;
	margin:0 0 15px;
}

span.linktitle img{
	vertical-align:top;
}


dl.all_list ul li.cart{
	float:left;
	margin:0 10px 15px; 
	padding:0 0 0 15px;
	background:url(../../common/css/images/icon_plus.gif) no-repeat left center;
}

dl.all_list ul li.center{
	float:left;
	margin: 0 0 15px;
	padding:0 0 0 20px;
	background:url(images/ico_cart.gif) no-repeat left center;
}



/*　h3 */
h3{
	clear:both;
	margin:0 0 15px;
	border-bottom:1px solid #ccc;
}

div#cart_block_3 h3.top,
div#cart_block_4 h3.top{
	margin:0 0 15px;
	border-bottom:1px solid #ccc;
}

div#cart_block_3 h3,
div#cart_block_4 h3{
	margin:30px 0 15px;
	border-bottom:none;
}

.titletext h3{
	margin:0 0 15px;
	border:none;
}


/*　h3 title background*/
h3.movie{
	padding:25px 0 0 0;
	background:url(images/movie_bg.gif) no-repeat right bottom;
}

h3.image{
	padding:25px 0 0 0;
	background:url(images/image_bg.gif) no-repeat right bottom;
}

h3.music{
	padding:25px 0 0 0;
	background:url(images/music_bg.gif) no-repeat right bottom;
}

h3.material{
	padding:25px 0 0 0;
	background:url(images/material_bg.gif) no-repeat right bottom;
}

div.goods{
	margin:0 0 30px;
	padding:10px;
	border:1px solid #30caff;
	background:#f1fbff;
}
div.goods p.goodstitle{
	clear:both;
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
}

div.goods div.goodsimage{
	float:left;
	width:332px;
	margin:0 0 15px;

}

div.goods div.goodsimage a img{
	border:1px solid #F1FBFF;
}

div.goods div.goodsimage a img:hover{
	border:1px solid #FFAFCB;
}





div.goods div.goodsdata{
	float:left;
	width:298px;
	margin:0 0 15px;
}

div.goods div.goodsdata p{
	margin:0 0 10px;
}

div.goods div.goodsdata p span{
	display:block;
	float:left;
	width:100px;
	background:url("images/icon.gif") no-repeat scroll right center transparent;
}

div.goods div.goodsdata p span.text{
	float:left;
	display:block;
	width:185px;
	background:none;
}

div.goods div.goodsdata p span.text img{
	vertical-align:-4px ;
}

div.goods div.goodsdata ul{
	clear:both;
	margin:10px 0 10px;
	font-size:0.9em;
}

div.goods div.goodsdata ul li{
	float:left;
}

div.goods div.goodsdata ul li.cart{
	padding:0 0 0 15px;
	background:url(images/ico_cetner_top.gif) no-repeat scroll left center transparent;

}

div.goods div.goodsdata ul li.center{
	margin: 0 0 0 15px;
	padding:0 0 0 20px;
	background:url(images/ico_cart_top.gif) no-repeat scroll left center transparent;
}

p.attention{
	margin:15px 0 5px;
	color:#FF8DCB;
}

ul.attentionlist{
	font-size:0.9em;
}

ul.attentionlist li{
	padding:0 0 0 15px;
	background:url("../../privacy/css/images/ico_btn.gif") no-repeat left 0.6em;
}


/* カートの中身*/
table.carttable1{
	width:655px;
	margin:0 0 15px;
	border-top:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
}

table.carttable1 th,
table.carttable1 td{
	padding:5px;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
}

table.carttable1 thead th,
table.carttable1 tfoot th{
	background:#f5f5f5;
}

table.carttable1 thead th.list1{width:455px;}

table.carttable1 thead th.list2{width:540px;}

table.carttable1 tfoot th{
	padding:0 20px 0 0 ;
	text-align:right;
}

table.carttable1 tfoot td{
	font-weight:bold;
	color:#d71920;
}

table.carttable1 tfoot td{text-align:center;}

table.carttable1 td.price{
	width:55px;
	padding:5px 15px 5px 5px;
	text-align:right;
}


table.carttable1 td.cart_empty{
	text-align:center;
}

table.carttable1 td.itemarea{text-align:left;}

table.carttable1 td span{display:block;}

table.carttable1 td.price span{
	display:inline;
}
table.carttable1 td span#all_price{
	display:inline;
}


table.carttable1 td img{
	margin:0 10px 0 0;
	vertical-align:middle;
}

td.goodslist{
}
table.carttable1 td.goodslist span{
	display:inline-block;
	width:320px;
}

table.carttable1 td.goodslist span.goodsimg{
	display:inline;
	width:123px;
}





/* 情報用table */
div.formtable{
	margin:15px 0 ;
	padding:20px;
	border:5px solid #F8F8F8;
}

*+html div.formtable{font-size:0.9em;}

div.formtable p{
	margin:0 0 10px;
	color:#ED8794;
	font-weight:bold;
}

div.formtable table{
	width:605px;
	border-top:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
}

div.formtable table th{
	width:180px;
	padding:15px;
	text-align:left;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}

div.formtable table th.aligntop{vertical-align:top;}

div.formtable table th span{
	margin:0 0 0 10px;
	color:#EF7284;
}

.delete{cursor:pointer;}

div.formtable table td{
	padding:10px;
	background:#F5F5F5;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	vertical-align:middle;
} 


div.formtable table td{
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}

div.formtable table td span{
	float:left;
	display:block;
	padding:0 5px 0 0;
}

div.formtable table td input{
	position: relative;
	margin:-3px 0 0 ;
}

div.formtable table td span.example{clear:both;}

* html div.formtable table td span.example{float:none;}

*+html div.formtable table td span.example{float:none;}

.tTip{cursor:pointer;}

div.formtable table td span input.cart_input01{width:215px;}

div.formtable table td span.spanright{padding:0 15px 0 0;}

div.formtable table td span.mag_red{
	float:none;
	clear:both;
}

div.formtable table td input.name{width:100px;}


/* 無料ダウンロード */

p.check{
	margin:20px 0 15px 0 ;
	text-align:center;
}

p.check span{margin:0 10px 0 0 ;}

p.check span input{
	display:inline-block;
	margin:0 0 0 ;
	vertical-align:middle;
}

/* 商品詳細*/

.titletext{
	margin:0 0 15px;
	border-bottom:1px solid #ccc;
}

.titletext h3{
	float:left;
	margin:0 0 5px;
	padding:5px 0 0;
	color:#30caff;
	font-size:1.2em;
}

.titletext span{
	display:block;
	float:right;
	margin:5px 0 5px;
	padding:3px 20px;
	border:1px solid #ccc;
	background:#f6f6f6;
	font-weight:bold;
	font-size:0.8em;
}

div.photobox{
	float:left;
	width:324px;
	margin:0 10px 30px 0 ; 
}

div.photobox img{margin:0 0 10px;}

div.photobox span{
	display:block;
	text-align:center;	
}

div.detailtext{
	float:right;
	width:321px;
	margin:0 0 30px 0 ; 
}

div.detailtext h4{margin:0 0 10px;}

ul.nextbtn{
	margin:30px auto 0;
}

ul.nextbtn li{
	float:left;
	margin:0 3px 0 37px;
}

* html ul.nextbtn li{
	margin:0 3px 0 20px;
}

ul.nextbtn li.last{margin:0 0 0 0;}

p.nextbtn{text-align:center;}

div.detailtext ul,
div.detailtext p{
	margin:0 0 10px;
}

div.detailtext ul.cartmenu{
	float:right;
	font-size:0.9em;
}

* html div.detailtext ul.cartmenu{font-size:0.8em;}

div.detailtext ul li.cart{
	float:left;
	padding:0 0 0 15px;
	background:url(../../common/css/images/icon_plus.gif) no-repeat left center;
}
div.detailtext ul li.center{
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 20px;
	background:url(images/ico_cart.gif) no-repeat left center;
}

p.price{
	margin:0 0 20px ;
	padding:15px 0 0;
	background:url(images/line.gif) no-repeat top right;
	text-align:right;
}


/* bottom btn */
p.topmargin{margin:10px 0 0 ;}

p.next{text-align:center;}

p.next img{
	margin:0 10px 0 0;
	cursor:pointer;
}

/* 100831　*/

dl.buy_text{
	margin:0 0 15px;
}

dl.buy_text dt{
	float:left;
	font-weight:bold;
}

dl.buy_text dd{
	float:left;
	width:590px;
}




.qtip-content{
height: 231px!important;
}




/* detail box*/


div.photoboxdetail{
	width:500px;
	margin:0 auto;
	text-align:center;
}

div#contentdetail{
	width:1005px;
	margin:30px auto;
}

div#contentdetail div#contents{
	margin:0 auto;
}

input.add1{width:50px;}


/* clear */

ul.menu,
div.menu ul,
ul.rollmenu,
div.listbox,
ul.buylist,
.titletext,
dl.buy_text,
div.goods,
div.goods div.goodsdata p{overflow: hidden;}

ul.menu:after,
div.menu ul:after,
ul.rollmenu:after,
div.listbox:after,
ul.buylist:after,
.titletext:after,
dl.buy_text:after,
div.goods:after,
div.goods div.goodsdata p:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/


* html ul.menu,
* html div.menu ul,
* html ul.rollmenu,
* html div.listbox,
* html ul.buylist,
* html dl.buy_text,
* html .titletext,
* html div.goods,
* html div.goods div.goodsdata p{
	height: 1em;
	overflow: visible;
}

/**/