@charset "utf-8";
/* ===================================================================
CSS information

 file name  :page_review.css
 author     :Kenji OTA
 style info :レビュー専用のスタイルシート

=================================================================== */


/*
 * 商品レビュー一覧
 */

.ritem_detail {
    margin-bottom:15px;
    padding:0;
	margin-top: 0px;
}
.ritem_detail p {
    margin:0;
}
.ritem_detail .clear {
    clear:both;
    border-bottom:1px solid #ccc;
    height:10px;
    width:100%;
}
.ritem_detail .item {
    width:auto;
    margin:0;
    margin-top:0px;
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:10px;
    border:1px solid #ccc;
    background-color:#f4f4f4;
    z-index:1;
}
/* simple clearfix */
.ritem_detail .item {
    overflow: hidden;
}
* html .ritem_detail .item {
    height: 1%;
}
.ritem_detail .item .img {
    width:85px;
    height:70px;
    margin-bottom:0;
    float:left;
}
.ritem_detail .item .img img {
    border: 1px solid #F0F0F0;
    width:60px;
    height:60px;
    margin-left:10px;
}
.ritem_detail .item .txt {
    margin-top:0;
    margin-bottom:0;
    float:left;
    width:60%;
    overflow:hidden;
}
.ritem_detail .item .txt a {
}
.ritem_detail .item .idx {
    float:left;
    padding-right:6px;
    font-size:9px;
    display:none;
}
.ritem_detail .item .txt .product_name {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.6em;
	display:block;
}
.ritem_detail .item .txt .review_title {
	color: #999;
	font-size: 0.9em;
}
.ritem_detail .item .state .price_title {
	color: #666;
	font-size: 0.9em;
	display:block;
}



.ritem_detail .item .node_path {
    color: #666666;
    float: left;
    font-size: 0.8em;
    margin: 5px 0px 3px 0px;
    width: 90%;
    list-style: none outside none;
    padding: 0 !important;
}
.ritem_detail .item .node_path li {
    background: url("//jp.images-monotaro.com/img/ProductPrint/folder.gif") no-repeat scroll 0 0 transparent;
    padding-left: 18px !important;
    padding-top: 2px;
}

.ritem_detail .item .node_path a {
    font-size:0.9em;
    color:#0000FF;
    font-weight: normal;
}
.ritem_detail .item .node_path a:hover {
    color:#FF0000;
}
.ritem_detail .item .node_path {
    color: #000000;
    float: left;
    font-size: 0.8em;
}
.ritem_detail .item .node_path a {
    font-size:0.9em;
    color:#0000FF;
    font-weight: normal;
}
.ritem_detail .item .node_path a:hover {
    color:#FF0000;
}





.ritem_detail .item .brand {
    font-size:0.9em;
    color:#666;
    display:block;
}
.ritem_detail .item .price {
    font-size:1.3em;
    color:#FF0000;
    font-weight:bold;
    margin-left:0px;
    padding-top:5px;
    padding-bottom:5px;
    display:block;
}
.ritem_detail .item .state {
    float:right;
    text-align:left;
    margin-right:8px;
    width:18%;
}
.ritem_detail .item .item_count {
    display:block;
    margin-top:20px;
}
.ritem_detail .item .icon_box {
    display:block;
    padding:5px 0;
}
.ritem_detail .item .ship_box {
}
.ritem_detail .item .ship_bt {
    font-size:11px;
    margin:0 4px;
}
.ritem_detail .item .ship_icon {
    display:inline;
}
.ritem_detail .item .ship_text {
    display:inline;
}
.ritem_detail .item .quantity {
    display:block;
    padding: 4px 0 0;
}
.ritem_detail .item .txt a.review_mark {
    height:auto;
    display:inline;
    text-decoration:none;
    color:#FFCC44;
}
.ritem_detail .item .txt span.review_count {
    color:#999;
    font-size:0.9em;
}
.ritem_detail .item .feature {
    display:block;
    padding: 8px 0 0;
    overflow:hidden;
}
.ritem_detail .item .subitem {
    border:2px solid #222;
    background-color:#fff;
    padding:8px;
    position:absolute;
    top:100px;
    left:145px;
    width:160px;
    z-index:1000;
    display:none;
}
.ritem_detail .item .subitem .triangle_left {
    background:transparent url(//jp.images-monotaro.com/newsearch/img/triangle_left.gif) no-repeat;
    width:16px;
    height:12px;
    position: absolute;
    top: 20px;
    left: -16px;
    z-index:1100;
    display:block;
}


.ritem_detail .item .review_pickup_title {
	clear:both;
	margin:10px 10px 0px;
	background-color:#999;
	padding:2px 8px;
	color:#fff;
	font-weight:bold;
}

.ritem_detail .item .review_info {
	clear:both;
	margin:10px 10px 10px;
	background-color:#fff;
	padding:10px;
}
.ritem_ranking .item .review_info {
	margin-top:0;
	border:1px solid #999;
}
.page_review_product .ritem_detail .item .review_info {
	margin: 0px 10px 0px;
}
.ritem_detail .item .review_info .review_date {
	float:right;
}
.ritem_detail .item .review_info .review_user {
	padding-left:20px;
}
.ritem_detail .item .review_info h2.review_scene {
	clear:both;
	background-color:#eeeecc;
	padding:2px 4px;
	margin:5px 0;
	font-size:1em;
	color:#555;
}
.ritem_detail .item .review_info .review_body {
	border-bottom:1px solid #ccc;
	padding:0 0 4px;
	margin-bottom:6px;
	text-align:right;
}
.ritem_detail .item .review_info .review_body p {
	text-align:left;
	padding:4px 0;
}
.ritem_detail .item .review_info .review_body .review_reply {
	padding:4px;
	border:1px dotted #ccc;
	margin:8px 0;
}
.ritem_detail .item .review_info .review_body .review_reply p {
}
.ritem_detail .item .review_info .review_body .review_reply .review_reply_user {
	padding-left: 30px;
	height: 20px;
	line-height: 28px;
	background: url(//jp.images-monotaro.com/main/review/img/mono.gif) no-repeat 0 0;
}
.ritem_detail .item .review_info .review_body .review_more_link {
	font-size:0.9em;
	padding-left: 10px;
	background: url(//jp.images-monotaro.com/img/MyPage/left_arrow_g.gif) no-repeat 0 2px;
}
.ritem_detail .item .review_info .review_btn_box {
	float:right;
}
.ritem_detail .item .review_info .judge_message {
	color:#f00;
}
.ritem_detail .item a.review_all_link {
	float:right;
	font-size:0.9em;
	padding-right:10px;
	padding-left: 10px;
	background: url(//jp.images-monotaro.com/img/MyPage/left_arrow_g.gif) no-repeat 0 2px;
}

.ritem_ranking .item {
	padding-left:10px;
}
.ritem_detail table.item_inner {
	width:100%;
}

.ritem_detail table.item_inner td {
	width:100%;
}
.ritem_detail table.item_inner td.rank_box {
	width:40px;
	padding:8px;
	margin-left:8px;
	background-color:#999;
	color:#fff;
	vertical-align:top;
}
.ritem_detail table.item_inner td.rank_1 {
	background-color:#ff3300;
}
.ritem_detail table.item_inner td.rank_2 {
	background-color:#ff6600;
}
.ritem_detail table.item_inner td.rank_3 {
	background-color:#ff9900;
}
.ritem_detail table.item_inner td.rank_4,
.ritem_detail table.item_inner td.rank_5 {
	background-color:#ffc050;
}
.ritem_ranking .item .rank{
	width:40px;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}



#page_review h1.title_main {
	border-bottom:1px solid #ccc;
}
#page_review p.node_path {
	border:none;
	margin:0 0 10px;
}
#page_review .citem_count {
	border:none;
	background:none;
}
#page_review p.citem_pager {
	border:none;
	background:none;
}



#review_search_box {
	padding:10px;
}
#review_search_keyword {
	width:180px;
}
#review_search_box .review_submit_box {
	text-align:right;
}
#layout_navi .local_navi .review_keyword_type_box li {
	background:none;
	padding-left:0;
	margin-bottom:0.2em;
}


#review_product_top .citem_detail {
	border-top:none;
}
#review_product_top .citem_detail .item .price {
	font-size: 0.9em;
	display:inline;
}
#review_product_top .citem_detail .item .price_title {
	color: #999;
	font-size: 0.9em;
}
#review_product_top .citem_detail .item .txt .product_name {
	padding:4px 0 10px;
	display:block;
}

#review_product_top .citem_detail .item .state {
	width:25%;
	margin:0;
}
#review_product_top .citem_detail .item .txt {
	width:45%;
}
#review_product_top .citem_detail .item .img {
    height: 150px;
    width: 170px;
}
#review_product_top .citem_detail .item .img img {
    width:150px;
    height:150px;
}
#review_product_top .citem_detail .item .feature {
	margin-bottom:10px;
}
#review_product_top .citem_detail .item .product_name {
    font-size:22px;
    line-height:30px;
}
#review_product_top .citem_detail .clear {
    border:none;
}

#review_product_top .citem_detail .review_submit_btn {
}

#review_product_top table.review_ranks {
	background-color:#ffb;
	border:1px solid #ccc;
	float:right;
}
#review_product_top table.review_ranks td {
	padding:2px 2px;
	font-size:0.8em;
}
#review_product_top table.review_ranks .review_star {
	color:#ff5500;
}
#review_product_top table.review_meter {
	width:80px;
}
#review_product_top table.review_meter td {
	padding:0;
}
#review_product_top td.review_meter_fill {
	height:16px;
	background-color:#ff5500;
}
#review_product_top td.review_meter_empty {
	height:16px;
	background-color:#f4f4f4;
}

#review_product_top .ranking_score_box {
	margin-bottom: 10px;
}
#review_product_top .ranking_score_box a {
	padding: 4px 8px;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	background-color: #999;
	padding: 4px 8px;
    -webkit-box-shadow:#ccc 1px 1px 2px;
    -moz-box-shadow:#ccc 1px 1px 2px;
    box-shadow:#ccc 1px 1px 2px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-decoration:none;
    line-height:1.4em;
}
#review_product_top .citem_detail .item .txt .rank_1 a {
	background-color: #ff3300;
}
#review_product_top .citem_detail .item .txt .rank_2 a {
	background-color: #ff6600;
}
#review_product_top .citem_detail .item .txt .rank_3 a {
	background-color: #ff9900;
}
#review_product_top .citem_detail .item .txt .rank_4 a,
#review_product_top .citem_detail .item .txt .rank_5 a {
	background-color: #ffc050;
}



.review_product_footer {
	text-align:right;
}

.review_rank_info {
	padding:6px;
	margin:0;
}
.review_rank_info .review_star{
	color:#f00;
}



/* レビューリスト */

.review_navi .inner {
	padding:0px;
}
.review_navi .subtitle {
	padding:5px 10px;
	border-bottom:1px dotted #ccc;
}
.review_navi .more_link {
	padding:5px 10px;
	text-align:right;
}

/* 新着レビュー */
.review_products .item {
	padding:10px 5px;
	border-bottom:1px dotted #ccc;
}
/* simple clearfix */
.review_products .item {
    overflow: hidden;
}
* html .review_products .item {
    height: 1%;
}
.review_products .item p {
	margin: 0 !important;
	padding: 0 !important;
}
.review_products .item .idx {
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding-right: 6px;
    display:none;
}
.review_products .item .img {
    width:80px;
    height:auto;
    float:left;
    margin:0;
    padding:0;
}
.review_products .item .img img {
    width:60px;
    height:60px;
    margin-left:10px;
}
.review_products .item .txt {
    clear:none;
    float:left;
    overflow:hidden;
    width:95px;
    _width:80px;
    text-align:left;
    margin-left:5px;
}
.review_products .item .txt .price {
	color: #F60;
	display: block;
	font-size: 1.1em;
	font-weight: 700;
	padding-bottom: 4px;
	padding-top: 4px;
}
.review_products .item .txt a.review_mark {
	color: #FC4;
	display: inline;
	height: auto;
	text-decoration: none;
}
.review_products .item .review_link_btn {
	clear:both;
	text-align: center;
	padding-top: 10px;
}



/* 満足度ランキング */
.ranking_products {
	width:190px;
}
.ranking_products .item {
	padding:10px 5px;
	border-bottom:1px dotted #ccc;
	margin-left: 8px;
}
/* simple clearfix */
.ranking_products .item {
    overflow: hidden;
}
* html .ranking_products .item {
    height: 1%;
}
.ranking_products .item p {
	margin: 0 !important;
	padding: 0 !important;
}
.ranking_products .item .idx {
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding-right: 6px;
    background: url("//jp.images-monotaro.com/main/review/img/crown.gif") no-repeat scroll 0 0 transparent;
    width: 32px;
	height: 60px;
	padding-top: 36px;
	text-align: center;
}
.ranking_products .item .img {
    margin:0;
    padding:0;
}
.ranking_products .item .img img {
    width:60px;
    height:60px;
    margin-left:32px;
    margin-bottom:10px;
}
.ranking_products .item .txt {
    text-align:center;
}
.ranking_products .item .txt .brand {
	display: block;
}
.ranking_products .item .txt .price {
	color: #F60;
	display: block;
	font-size: 1.1em;
	font-weight: 700;
	padding-bottom: 4px;
	padding-top: 4px;
}
.ranking_products .item .txt a.review_mark {
	color: #FC4;
	display: inline;
	height: auto;
	text-decoration: none;
}
.ranking_products .item .review_link_btn {
	text-align:center;
	padding:8px 4px 0;
}


#layout_navi .local_navi {
    width: 198px !important;
}


.layout_3column #layout_contents {
	margin-left: 220px;
	/* safari 6 liquid bug fix -- start -- */
	margin-left:0px;
	padding-left:220px;
	/* safari 6 liquid bug fix -- end -- */
}
.layout_leftmenu #layout_contents {
	margin-left: 220px;
	/* safari 6 liquid bug fix -- start -- */
	margin-left:0px;
	padding-left:220px;
	/* safari 6 liquid bug fix -- end -- */
}
.review_navi_banner {
    text-align:left;
    width: 200px;
    margin:0px 0px 0px 0px;
    float:left;
}
#layout_navi .local_navi {
    _margin:10px 0px 10px 0px;
}

#layout_pr .local_navi h5 {
	background: transparent url(//jp.images-monotaro.com/common/img/left/left_campainBack.gif) repeat-x scroll center top;
	margin:0;
	border:none;
	padding:5px 10px 3px;
	font-size:12px;
	color:#000;
	border-bottom:1px dotted #CCCCCC;
    text-align:left;
}
#layout_pr .local_navi ul {
	list-style:none;
	text-align:left;
	margin:0;
	padding:10px 5px;
}
#layout_pr .local_navi li {
	margin-bottom:0.5em;
	background: transparent url(//jp.images-monotaro.com/img/MyPage/left_arrow_g.gif) no-repeat 0 4px;
	padding-left:12px;
}
#layout_pr .local_navi li span {
	color:#666;
	font-size:11px;
}
#layout_pr .local_navi li a.active {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#layout_pr .local_navi li a {
	color:#00f;
	text-decoration:none;
}
#layout_pr .local_navi li a:hover {
	color:#f00;
	text-decoration:underline;
}


#layout_pr .local_box {
	border:1px solid #ccc;
	margin-bottom:15px;
}
#layout_pr .local_box h5 {
	margin:0;
	border:none;
	padding:5px 10px 3px;
	font-size:12px;
	color:#000;
	border-bottom:1px dotted #CCCCCC;
    text-align:left;
}
#layout_pr .local_box p {
	margin:0;
	padding:0.5em;
	text-align:left;
}
#layout_pr .local_box p.center {
	text-align:center;
}
#layout_pr .local_navi .node_list li {
    background-image:none;
    font-size:13px;
}
#layout_pr .local_navi .node_list li.active a {
    color:#555;
    font-weight:bold;
}
#layout_pr .local_navi .node_list li a span.cnt {
	color:#555;
	font-size:11px;
	padding-left:4px;
}
#layout_pr .local_navi .node_list li a:hover {
    text-decoration:none;
}
#layout_pr .local_navi .node_list li.more_link a {
    font-size:11px;
    font-weight:bold;
}
#layout_pr .local_navi {
    text-align:left;
    width: 198px;
    border:1px solid #ccc;
    margin:10px 0px 10px 0px;
    float:left;
}
#layout_pr .local_navi .inner p {
    margin:0;
    padding: 8px;
}
#layout_pr .local_navi ul {
    padding:10px 5px 0;
}
#layout_pr .local_navi ul.fit_list {
    padding:0;
}
#layout_pr .etc_navi .inner {
    padding-top:10px;
}

#layout_pr .local_navi form#price_filter {
    margin:0;
    padding:8px;
    text-align:center;
}
#layout_pr .local_navi form#price_filter input.price_box {
    width:45px;
}
#layout_pr .local_navi form#price_filter input.price_submit {
    width:30px;
    margin-left:4px;
}

#layout_pr .local_navi li a {
    word-wrap: break-word;
    word-break: break-all;
}
#layout_pr .local_navi h5 {
    height:auto;
    _height:1em;
}
#layout_pr .local_navi .node_list li img.checkbox {
    margin-right:4px;
}




/**
商品レコメンドカルーセル
**/

.products_carousel {
    height: auto;
    padding:0;
    margin:10px 0;
    clear:both;
    display:none;
    overflow:hidden;
    width:auto;
    border:none;
    display:block;
}
/* simple clearfix */
.products_carousel {
    overflow: hidden;
}
* html .products_carousel {
    height: 1%;
}

.products_carousel p {
    margin:0;
    padding:0;
}
.products_carousel a {
    text-decoration:none;
}
.products_carousel a:hover {
    text-decoration:underline;
}
.products_carousel .title {
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:4px 8px;
    padding-bottom:0;
    color:#E47911;
    background-color:#fff;
    text-align:left;
    height:1.2em;
}
.products_carousel .menu {
    margin:8px 15px 5px;
    padding:0;
}
.products_carousel .menu .caption {
    float:left;
    font-size:12px;
}
.products_carousel .menu .page {
    float:right;
    font-size:12px;
}
.products_carousel .menu .startpage {
    float:right;
    margin-left:10px;
    font-size:11px;
    display:none;
}
.products_carousel .menu .startpage a {
}

.products_carousel .box {
    margin:0;
    padding:10px;
    border:none;
    position:relative;
	width:auto;
	height:auto;
	overflow:hidden;
}
.products_carousel .box .btn_carousel_left {
    display:block;
    float:left;
    width:17px;
    height:77px;
    margin-top:40px;
    _margin-right:8px;
    padding:0;
    background:url(//jp.images-monotaro.com/common/js/lib/images/button/btn2_carousel_left.gif) no-repeat center center;
    text-indent:-5000px;
    margin-right:26px;
}
.products_carousel .box .btn_carousel_right {
    display:block;
    float:right;
    width:17px;
    height:77px;
    margin-top:40px;
    padding:0;
    background:url(//jp.images-monotaro.com/common/js/lib/images/button/btn2_carousel_right.gif) no-repeat center center;
    text-indent:-5000px;
}
.products_carousel .box .list {
    float:left;
    height:auto;
    margin:0;
    padding:0;
	width:auto;
	overflow:hidden;
}


@media print{
.products_carousel{
			/* width of whole page */
	overflow: visible;		/* This chops off any overhanging divs */
}
}

.products_carousel .box .list .item {
    float:left;
    width:102px;
    margin-right:7px;
    padding:0;
    position:relative;
    display:none;
    height:auto;
    padding-bottom:10px;
}
.products_carousel .box .list .item .ajaxloader {
    margin-top:90px;
    margin-left:60px;
    display:block;
}
.products_carousel .item .img {
    width:102px;
    height:102px;
	margin-bottom:0;
}
.products_carousel .item .img .idx {
    display:none;
}
.products_carousel .item .img img {
    width:100px;
    height:100px;
    border:1px solid #B3B3B3;
    margin:0;
    padding:0;
}
.products_carousel .item .txt {
	margin-top:0;
	margin-bottom:0;
    clear:right;
}
.products_carousel .item .txt a {
	height:2.5em;
	display:block;
	overflow: hidden;
}
.products_carousel .item .idx {
	float:left;
	padding-right:6px;
	font-size:9px;
}
.products_carousel .item .brand {
	font-size:0.9em;
	color:#666;
	display:block;
}
.products_carousel .item .price {
	font-size:1.1em;
	color:#FF6600;
	display:block;
	font-weight:bold;
	padding-top:4px;
    padding-bottom:4px;
}
.products_carousel .item .icon_box {
    float:right;
    margin-top:0px;
}
.products_carousel .item .ship_box {
    float:right;
    margin-top:0px;
    margin-bottom:3px;
}
.products_carousel .item .ship_bt {
    font-size:11px;
    margin:0 0px;
}
.products_carousel .item .ship_icon {
    position:absolute;
    right:0;
    top:87px;
    display:none;
}
.products_carousel .item .ship_text {
    display:none;
}
.products_carousel .item .txt a.review_mark {
    height:auto;
    display:block;
    text-decoration:none;
    color:#FFCC44;
    clear:both;
}
.products_carousel .item .txt span.review_count {
    display:none;
}

.products_carousel .more {
    padding-left:48px;
}


.products_carousel .citem_list {
	padding:0;
}
