@charset "utf-8";

/*
▼このcssファイルは【review.html】用です
\\views\elements\shop_detail\review
---------------------------------------------- */


/* レビュータブ部分 */

div.tab_top{
float:left;
}

div.tab_top ul{
list-style:none;
margin:0;
padding:0;
display:block;
}

div.tab_top li{
width:150px;
height:31px;
float:left;
text-indent:-9999px;
margin:0 3px 0 0;
padding:0 0 0 0;
}

div.tab_top li a{
width:150px;
height:31px;
outline:0;
list-style:none;
display:block;
float:left;
text-align:center;
}

div.tab_top li#item_list{
margin-right:3px;
}

div.tab_top li#item_list a{ background: url(../../../img/shops/shop_detail/button_item_list.jpg) -1px 0 no-repeat;} /* 【商品で探す】画像 */
div.tab_top li#review a{ background: url(../../../img/shops/shop_detail/button_review_u.jpg) -1px 0 no-repeat;} /* 【ショップで探す】画像 */



table#info{
	background:url(../../../img/shops/shop_detail/review/synthesis.jpg) no-repeat;
	width:280px;
	height:79px;
	margin-bottom:10px;
}



table#info td{

	padding:0 0 0 20px;

}





table#write{

	width:250px;

	text-align:center;

	margin:0 0 0 0px;

}







/* レビュー部分

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



div#review_box{
float:left;
width:755px;
}

div#contents{
float:left;
padding:20px 0 10px 0;
}

table#toko{
border:5px solid #DDDDDD;
margin:0 0 15px;
width:543px;
}

/* 評価画像 */
table#toko td#bar{
	width:70px;
	height:27px;
	_height:26px;
	padding:0 5px 0 5px;
}

table#toko td#bar ul{
margin:0;
padding:1px 0 0 0;
_padding:1px 0 0 0;
list-style:none;
}

/* レビュー件数 */
.rev_num{
font-size:11px;
font-weight:bold;
}

/* 投稿者名 */
table#toko td#name{
padding:0 0 0 3px;
text-align:left;
width:360px !important;
}

/* 編集／削除 */
table#toko td#edit{
font-size:10px;
text-align:center;
width:70px;
}

/* 投稿日 */
table#toko td#date{
width:30px;
padding:0px 5px 0 0 !important;
_padding:0px 2px 0 0 !important;
text-align:right;
}

/* 背景 */
table#toko td#bar,
table#toko td#name,
table#toko td#edit,
table#toko td#date{
background:url(../../../img/common/icon/dotline.gif) repeat-x left bottom;
}

/* プロフィール画像 */
table#toko td#user_img {
padding:10px 0 0;
text-align:center;
}

/* テキスト */
table#toko td#text{
padding:10px 7px 5px 5px;
}

div.review_edit{
text-align:right;
padding:5px 3px 0 0;
}

/* レビュー右サイド */
#reivew_side_r {
float:right;
margin:20px 0 0;
width:200px;
}

/* レビューを投稿する（右サイド）
----------------------------------- */
#reivew_side_r{
float:right;
width:200px;
margin:20px 0 0 0;
}

.already_reivew{
text-align:center;
margin:0 0 10px 0;
}

.write_review{
text-align:center;
margin:0 0 10px 0;
}

.already_reivew_header,
.write_review_header{
background:url(../../../img/shops/item_detail/review/write_review_header.gif) no-repeat;
width:200px;
height:14px;
font-size:1px;
}

.already_reivew_body,
.write_review_body{
background:url(../../../img/shops/item_detail/review/write_review_body.gif) repeat-y;
width:190px;
padding:0 5px;
}

.write_review_body p{
margin:0;
padding:0 5px 5px 5px;
}

.arrow_green_icon{
background:url(../../../img/shops/item_detail/review/green_arrow.gif) no-repeat left center;
padding:0 0 0 10px;
}

.already_reivew_footer,
.write_review_footer{
background:url(../../../img/shops/item_detail/review/write_review_footer.gif) no-repeat;
width:200px;
height:10px;
font-size:1px;
}


.review_alert_header{
background:url(../../../img/shops/shop_detail/review/review_alert_header.jpg) no-repeat;
height:5px;
width:199px;
font-size:1px;
}


.review_alert_body{
background:transparent url(../../../img/shops/shop_detail/review/review_alert_body.jpg) repeat-y scroll 0;
width:199px;
}

.review_alert_body h4{
background:transparent url(../../../img/common/icon/attention_l.gif) no-repeat scroll 60px center;
font-size:14px;
margin:0;
padding:3px 0 0 85px;
}

.review_alert_body p{
font-size:10px;
margin:0;
padding:5px;
}

.review_alert_footer{
background:transparent url(../../../img/shops/shop_detail/review/review_alert_footer.jpg) no-repeat scroll 0;
font-size:1px;
height:5px;
width:199px;
}




/* table.item_top設定 */

table.item_top{
clear:both;
background:#EAEAEA none repeat scroll 0;
border-color:#ABCD03 #CCCCCC #CCCCCC;
border-style:solid;
border-width:3px 1px 1px;
clear:both;
padding:0;
width:755px;
}

table.item_top_review{
clear:both;
border-top:solid 3px #ABCD03;
clear:both;
padding:0;
width:755px;
}

table.item_top tr#up{
height:28px;
_height:22px;
}

table.item_top td#left{
width:23%;
align:left;
padding:5px 0 0 10px;
vertical-align:top;
}





table.item_top td#center{

	width:35%;

	padding:5px 0 0 0;

	text-align:center;

	vertical-align:top;

	font-size:11px;

	_font-size:10px;

}


table.item_top td#right{
width:26%;
text-align:right;
padding:3px 6px 2px 0;
vertical-align:top;
}


.no_review{
text-align:center;
font-size:14px;
margin-bottom:15px;
width:545px;
}



/**



 投稿フォーム



*/

table.rev_toko{

	width:92%;

	margin:0 auto 0 auto;

}



div#rev_top_bg{

	width:100%;

	height:15px;

	/*background:url(../../../img/shops/item_detail/review/review_bg_line.gif) no-repeat;*/

}



div#rev_mid_bg{
	/*background:url(../../../img/shops/item_detail/review/review_bg_line.gif) 50% left no-repeat;*/
	clear:both;
	width:754px;
	padding:3px 0 5px 0;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-top:solid 3px #ABCD03;
}

div#rev_under_bg{
	width:100%;
	height:18px;
	background:url(../../../img/shops/item_detail/review/review_bg_line.gif) 100% left no-repeat;
	margin:0 0 10px 0;
}

table.rev_toko p{
	margin:5px 0 5px 0;
	padding:0;
	font-size:11px;
}


table.rev_toko th,
table.rev_toko td{
background:url(../../../img/common/icon/dotline.gif) left bottom repeat-x;
padding:15px 0 10px 0;
text-align:left;
}

table.rev_toko th{
	padding-left:10px;
	vertical-align:top;
}

div#rev_submit{
	background: url(../../../img/shops/item_detail/review/bg_bottom.jpg) no-repeat;
	margin:10px 0 0 0;
/*	width:100%;*/
	height:80px;
	padding:30px 0 0 0;
	text-align:center;
}



div#rev_submit_conf{

	width:100%;

	padding:15px 0 0 0;

	text-align:center;

}



.rev_submit_b{

margin-top:25px;

text-align:center;

}



/* 投稿内容確認 */ 

div.rev_conf{

	padding:0px;

	word-break:break-all;

}



div#check_text{

	font-size:88%;

	margin:0 0 10px 0;

}



.bottom{
height:25px;
padding:4px 0 0;
text-align:center;
width:100%;
margin-top:30px;
}