@charset "utf-8";
@import url("./main.css");

/**
 * 商品一覧 * 商品詳細
 */

/*********************************************
 * 商品一覧
 *********************************************/

/* 共通タイトル
----------------------------------------------- */
div#listtitle {
	width: 720px;
	height:41px;
	margin: 0 0 15px 0;
	background: url("../img/pink_bg.png") no-repeat left top;
}

div#listtitle h2 {
    padding: 13px 0 0 27px;
    font-size: 110%;
	color:#f50088;
}

/* ページング
----------------------------------------------- */
ul.paging{
    clear: both;
    width: 710px;
    padding: 5px;
    background-color: #efefef;
}
ul.paging .allCount{
	float:left;
    text-align: center;
	width:100px;
}
ul.paging .pageNumber{
	width:620px;
    text-align: center;
}
p.paging .number{
}
.orderby{
	width:710px;
	padding:5px;
	text-align:right;
	margin:5px 0 0 0;
}

/* 商品一覧
----------------------------------------------- */
#list_items{
	clear:both;
	margin:5px 0 10px 0;
	overflow:auto;
	width:720px;
}

div.listarea {
    width: 225px;
	height:310px;
    padding:7px 5px;
	float:left;
    background: url("../img/line_y.png") repeat-x bottom;
}

div.listphoto {
    width: 100%;
	text-align:center;
}
div.listphoto img{
width:220px;
height:220px;
border:1px solid #ccc;
}

div.listdetail{
    margin: 0 3px;
}
div.listdetail h3{
    margin: 5px 0;
}
div.listdetail h3 a{
	font-weight:normal;
}
div.listdetail .pricebox{
	text-align:right;
}

div.listrightblock .soldout {
    clear: both;
}

/*********************************************
 * 商品詳細
 *********************************************/

div#itemDetail {
	text-align:center;
	margin:0 0 20px 0;
}
div#itemDetail h2{
	background-image: url('../img/pink_bg.png');
	background-repeat:no-repeat;
	background-position:left top;
	height:25px;
	padding:11px 0 0 30px;
	text-align:left;
}
div#itemDetail img{
	margin:10px 0 40px 0;
}
div#itemDetail p{
	margin:10px 0 40px 0;
	clear:both;
	font-size:1.5em;
	line-height:150%;
}
div#itemDetail .buy{
	clear:both;
	margin:5px auto 50px auto;
	overflow:auto;
	width:570px;
}
div#itemDetail .buy .cart{
	padding:15px;
	float:left;
	width:350px;
	font-size:1.6em;
	line-height:120%;
	border:1px solid #ccc;
}
div#itemDetail .buy .cart .points{
	background-image: url('../img/icon_point.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-weight:bold;
	font-size:0.8em;
	color:#ff4500;
	margin:0 5px;
	padding:0 0 0 20px;
}
div#itemDetail .buy .cart img{
	margin:20px 0 0 0;
}
div#itemDetail .buy .itemMenu{
	float:left;
	width:170px;
}
div#itemDetail .buy .itemMenu ul{
	text-align:left;
}
div#itemDetail .buy .itemMenu li{
	margin:3px 0;
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding:2px 0 1px 30px;
	border-bottom:1px dotted #ccc;
}
div#itemDetail .buy .itemMenu .reviewCheck{
	background-image: url('../img/icon_review.gif');
}
div#itemDetail .buy .itemMenu .reviewWrite{
	background-image: url('../img/icon_review.gif');
}
div#itemDetail .buy .itemMenu .mobile{
	background-image: url('../img/icon_mobile.gif');
}
div#itemDetail .buy .itemMenu .delivery{
	background-image: url('../img/icon_track.gif');
}
div#itemDetail .buy .itemMenu .letter{
	background-image: url('../img/icon_letter.gif');
}
div#itemDetail .buy .itemMenu .bookmark{
	background-image: url('../img/icon_bookmark.gif');
}

/* スペック
----------------------------------------------- */
div#spec {
    clear: both;
	margin:0px 0 0 0;
	padding:15px;
	border:10px solid #efefef;
	text-align:left;
	font-size:1.2em;
	line-height:130%;
}

/* 商品画像
----------------------------------------------- */
.photo_block {
    float: left;
    width: 300px;
	margin:0 0 0 10px;
}

.photo_block .picture {
    width: 300px;
    height: 300px;
	border:0px;
}

.photo_block p {
    margin: 5px 0 0 0;
}

/* 動画
----------------------------------------------- */
.movie{
	margin:25px 0;
}

/* 関連アイテム
----------------------------------------------- */
div#linked_text{
	color:#cc0000;
	font-weight:bold;
	margin:0 0 10px 0;
}

h3#linked_title{
	background: url("../img/line_l.png") no-repeat top;
	width:705px;
	height:23px;
	padding:5px 0 0 15px;
	color:#fff;
}

div#linked_item{
    clear: both;
    width: 720px;
    margin:10px 0;
	overflow:auto;
}
div#linked_item .item {
    float: left;
    width: 220px;
	height:300px;
    margin: 10px 0px;
    background: url("../img/line_y.png") repeat-x bottom;
}

div#linked_item .item div{
	width:100%;
	text-align:center;
}
div#linked_item .item div img{
    margin: 0 0 5px 0;
	width:210px;
}

div#linked_item .item h3{
	margin:0 5px;
	font-weight:normal;
}

div#linked_item p{
    margin: 5px 5px 5px 0;
	text-align:right;
}

/* レビュー
----------------------------------------------- */
div#review{
	padding:25px 0 0 0;
	font-size:80%;
}
div#review #title{
	background-color:#FFF0F5;
	padding:5px;
	font-weight:bold;
}
div#review p{
	padding:10px 0;
	margin:0;
}
div#review .each{
	border:1px solid #ccc;
	padding:10px;
	margin:5px 0;
	text-align:left;
}
div#review .head{
	overflow:auto;
	padding:5px;
	background-color:#fffacd;
}
div#review .score{
	color:#ff6600;
	margin:0 20px 0 0;
	border:1px dotted #ccc;
	background-color:#fff;
	padding:1px 5px;
	float:left;
}
div#review .profile{
	float:left;
	margin:3px 0 0 0;
}
div#review .date{
	margin:3px 0 0 0;
	float:right;
}
div#review .comment{
	margin:5px 10px 0 10px;
}