#shopDetaile{
	position: relative;
	padding-top:58px;
}

#shopDetaile #campaign_banner{
	position: absolute;
	top:-32px;
	left:-10px;
}

#shopDetaile #campaign_banner a:hover{
	opacity: 0.6;
}

#shopDetaile .inner{
	margin: 0 auto 40px;
	width:700px;
}

#shopDetaile h2 span{
	margin-left: 10px;
	height: 24px;
	vertical-align: text-top;
	display: inline-block;
	line-height: 1;
}

#shopDetaile h4{
	color: #333;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #333333;
	padding-bottom: 3px;
	margin-bottom: 20px;
}


/*==========================================================*/
/* topFrame */

#shopDetaile .freespace_middle{
	margin:0 0 20px;
}

#shopDetaile div.data div.topFrame{
	padding: 20px;
	margin:0 0 20px;
	background:#efefef;

}

/* leftFrame */
#shopDetaile div.data div.leftFrame{
        width:242px;
        float:left;
        display:inline;
		margin-right: 50px;
}

#shopDetaile div.data .banner{
        width:160px;
		border-bottom: solid 1px #ddd;
		padding: 0 20px 20px;
		margin-bottom: 6px;
		text-align: center;
}

#shopDetaile div.data .banner a:hover{
	opacity: 0.6;
}

#shopDetaile div.data div.leftFrame .pointTxt p{
	text-align: center;
}



#shopDetaile div.freespace.top{
    margin:10px 0;
    width:765px;
}

#shopDetaile div.freespace.bottom{
	margin:0 0 20px;
}

#shopDetaile div.data.shop div.information p{
        text-indent:-9999px;
        margin-left:10px;
        font-weight:700px;
        color:#D84340;
}

#shopDetaile div.data.service div.information p{
        margin-left:10px;
        font-weight:700px;
        color:#D84340;
}

#shopDetaile div.data div.imageFrame{
	border: 1px solid #dddddd;
    width:200px;
    height:120px;
	padding:20px;
    display:block;
    margin-bottom:30px;
	background:#FFF;

}

#shopDetaile div.data div.imageFrame .imageFrameBg{
	    text-align:center;
		width:348px;
		height:105px;

}

#shopDetaile div.data div.imageFrame .pack{
	text-align:center;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	vertical-align:middle;
}


#shopDetaile div.data div.imageFrame .pack h3{
	margin-bottom:5px;
	line-height:13px;
	width:220px;
}

#shopDetaile div.data div.imageFrame .bp{
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	width: 310px;
}

#shopDetaile div.data div.imageFrame .pointup{
        margin-top:10px;
		width:310px;
}

#shopDetaile div.data div.imageFrame .pointup p{
        font-size:95%;
        padding-top:1px;
}

#shopDetaile .pointup p{
	text-align: center;
	margin:0 0 5px;
	font-size: 14px;
}

#shopDetaile .pointup p span{
	font-size: 14px;
	font-weight: bold;
}

#shopDetaile .btnFavolite{
	width:202px;
	height:40px;
	margin: 0 auto 5px;
}

#shopDetaile .btnFavolite a{
	display: block;
	width: 200px;
	height: 18px;
	text-align: center;
	background: #FFF;
	border:solid 1px #dddddd;
	padding:8px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

#shopDetaile .btnFavolite a:hover{
	text-decoration: none;
	filter: alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}

#shopDetaile .btnFavolite .add a span{
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	background:url('../../image/shop/icon_favorite.png') no-repeat 0 -17px;
	color:#333333;
}

#shopDetaile .btnFavolite .rel a span{
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	background:url('../../image/shop/icon_favorite.png') no-repeat 0 0;
	color:#333333;
}

#shopDetaile div.data div#information p.copy{
	margin-top:20px;
	font-size: 12px;
}

#shopDetaile div.data div.introduce {
}

#shopDetaile div.data div.introduce p{
        font-size:97%;
}

/* rightFrame */
#shopDetaile div.data  div.rightFrame{
        width:400px;
        float:left;
        display:inline;

}

#shopDetaile div.data  div.rightFrame .go_attention{
	font-size: 14px;
	text-align: center;
}

#shopDetaile div.data  div.rightFrame .go_attention a{
	font-weight: bold;
}

/* point_limit */
#shopDetaile div.data  div.point_limit{
	clear: both;
	background: #FFF;
	padding:15px 0;
}

#shopDetaile div.data  div.point_limit .big{
	width: 630px;
	margin:0 auto;
}

#shopDetaile div.data  div.point_limit .big p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-bottom: 15px;
}

#shopDetaile div.data  div.point_limit p.green{
	font-size: 14px;
	color: #009944;
	border-bottom: solid 2px #009944;
	font-weight: bold;
	line-height: 17px;
}

#shopDetaile div.data  div.point_limit p span.num{
	font-size: 20px;
	color: #009944;
	font-weight: bold;
}

#shopDetaile div.data  div.point_limit p.small{
	font-size: 12px;
	font-weight: normal;
	clear: both;
	float: none;
	text-align: center;
}

#shopDetaile div.data .go2shop{
        width:400px;
		margin: 0 0 10px;
}

#shopDetaile div.data div.go2shop a{
	background: #009944;
	border: solid 1px #009944;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
	padding:13px 0;
	width: 398px;
}

#shopDetaile div.data div.go2shop a:hover{
	opacity: 0.6;
}

#shopDetaile #about .title{
	font-size: 14px;
	font-weight: bold;
	color: #009944;
}

#shopDetaile div.data div.pointCondition,
#shopDetaile div.data div.pointDuration{
		margin: 0 0 30px;
}

/* detail_coupon_box */

#detail_coupon_box{
	margin-bottom:20px;
}

#detail_coupon_box .coupon_box{
	padding-left:10px;
	margin-bottom:30px;
}

#detail_coupon_box h4{
	border: none;
	padding:0;
	margin: 0 0 10px;
}

#detail_coupon_box_inner{
	border: solid 6px #009944;
	padding: 25px 15px;
}

#detail_coupon_box .titleL{
	margin-bottom:10px;
}
#detail_coupon_box .coupon_img{
	margin: 0 auto 10px;
	text-align:center;
}
#detail_coupon_box .coupon_title{
	font-weight: bold;
	font-size:20px;
	text-align: center;
	margin-bottom:26px;
}
#detail_coupon_box div.code{
	margin-bottom:20px;
}
div.code div{
	font-size:13px;
	font-weight:bold;
	text-align: center;
	background: #eeeeee;
	border: solid 1px #dddddd;
	border-right: none;
	width: 180px;
	float: left;
	padding:20px 0;
}
div.code input[type="text"]{
	width:520px;
	height:57px;
	border:none;
	border:1px solid #ddd;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color:#e60012;
}
#detail_coupon_box table{
	width:703px;
	border-collapse: collapse;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	margin-bottom:20px;
}
#detail_coupon_box table th{
	background-color: #eee;
	font-weight:bold;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
}
#detail_coupon_box table td.title{
	width:250px;
		font-weight:bold;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
	padding:8px;
}
#detail_coupon_box table td.code{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:8px;
}

#detail_coupon_box h3.title{
	font-size: 12px;
	font-weight: bold;
	height:28px;
	line-height:28px;
	background-color:#eee;
	border:1px solid #ddd;
	padding-left:5px;
	margin-bottom:5px;
}

#detail_coupon_box .caution .text_area{
	overflow: auto;
	height: 140px;
}

div.howto{
	margin-bottom:10px;
}

#detail_coupon_box div.go2shop{
	width:320px !important;
	margin:0 auto !important;
}

#detail_coupon_box div.go2shop a{
	width:318px !important;
}




/*flow*/

#shopDetaile div.data #flow{
	margin:0 0 20px;
}

#shopDetaile div.data #flow p.img{
	text-align:center;
	text-indent:-9999px;
	background:url('../../image/shop/img_flow.png?161029') no-repeat;
	height:281px;
	margin:5px 0;
}

#shopDetaile div.data #flow .txt10 {
    color: #999999;
    font-size: 10px;
    line-height: 1.2em;
}




/* ranking */

#shopDetaile div.data .shopList {
    margin: 10px auto 20px;
}

#shopDetaile div.data .shopList .shop {
    float: left;
    padding: 5px 16px 10px;
    width: 120px;
}

#shopDetaile div.data .shopList .shop .icon{
    padding: 0 15px;
	margin:0 0 5px;
    width: 90px;
	height:16px;
}

#shopDetaile div.data .shopList .shop .shop_banner{
	text-align: center;
	margin: 0 0 5px 0;
}
#shopDetaile div.data .shopList .shop .shop_banner a{
    text-decoration:none;
}
#shopDetaile div.data .shopList .shop .pointUp{
	text-align: center;
    margin:4px 0;
}



/* pointType */

#shopDetaile div.pointType {
}

#shopDetaile div.pointType p {
	margin: 0 0 2px;
}

#shopDetaile div.pointType table{
	border-collapse: collapse;
	margin-bottom: 20px;
}

#shopDetaile div.pointType table td{
	border: 1px solid #BCBCBC;
	padding: 5px 10px;
}

#shopDetaile div.pointType .example {
	margin: 5px 0 0;
}


/* campaign_info */

#shopDetaile .campaign_info{
}

/* shop_info */

#shopDetaile .shop_info{
	margin:0 0 40px;
}

#shopDetaile .shop_info .copy{
	font-size:14px;
	font-weight:bold;
}



/* attention */

#shopDetaile div.attention{
	height:290px;
	overflow: auto;
	padding:20px;
	-webkit-overflow-scrolling: touch;
	background: #f5f5f5;
}


#shopDetaile div.attention p.index{
        margin-top:20px;
        margin-bottom:5px;
        border-bottom:2px solid #464646;
}

#shopDetaile div.attention p{
	margin: 15px 0 0 0;
}

#shopDetaile div.attention ol{
	list-style-type: decimal;
	margin: 0 0 0 15px;
	*margin: 0 0 0 25px;
}

#shopDetaile div.attention ol.sub{
	list-style-type: disc;
	margin: 0 0 0 10px;
}

#shopDetaile div.attention ol li{
	margin: 10px 0 0 0;
}

#shopDetaile div.attention ol.sub li{
	margin: 0;
}

#shopDetaile div.attention span{
	margin: 0 0 0 -5px;
}

/*==========================================================*/
/* item */

#itemDetaile{
	margin: 0 0 10px 0;
}

#itemDetaile .leftFrame{
	width:130px;
	padding: 10px 15px 0;
	float: left;
	text-align: center;
	vertical-align: middle;
}

#itemDetaile .leftFrame img{
	max-width: 130px;
}

*html #itemDetaile .leftFrame img{
	width:expression(this.width >= 130 ? "130px" : "auto");
}

#itemDetaile .rightFrame{
	width:590px;
	padding: 10px 10px 10px 0;
	float: left;
}

#itemDetaile .rightFrame .pp{
	margin: 0 0 10px;
}
#search_shop_point{
	width:200px;
	float:left;
	display:block;
}

#itemDetaile .rightFrame .pp .price{
	border: 1px solid #e2e2e2;
	text-align: center;
	font-size: 10px;
}

#itemDetaile .rightFrame .pp .price td{
	text-align: center;
	padding: 0 5px;
    height:27px;
}

#itemDetaile .rightFrame .pp .price .up{
	background-color:#e3e3e3;
}

#itemDetaile .rightFrame .pp .price span{
	color:#FF0000;
}

#itemDetaile .rightFrame .pp .price .en{
	font-weight:bold;
	font-size: 14px;
}

#itemDetaile .rightFrame .pointBig,
#itemDetaile .rightFrame .chashBackBig{
	float: left;
	margin: 0;
}

#itemDetaile .rightFrame .go2item{
	float: left;
	width:264px;
	height:54px;
	margin: 0 0 0 64px;
}

#itemDetaile .rightFrame .info{
	padding: 10px 0 0 0;
	clear:both;
}

#itemDetaile .rightFrame .attention{
	border: 1px solid #b2b2b2;
	clear:both;
	margin:10px 0;
	padding: 10px;
}

#itemDetaile .rightFrame .attention span{
	font-weight:bold;
}

#itemDetaile .rightFrame .attention p{
	margin: 5px 0 0 0;
}

.blue{
        margin:0;
		border-right: none;
		background:#f1fbf6;
}

.rank_span{
	font-weight:bold;
	color: #cc3c3c;
}

/*==========================================================*/
/* pause */

#pause {
	width:745px;
	margin:100px auto 0;
}

#pause .titleL {
    background:#009845;
    padding: 6px 0;
    width: 745px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
	margin:0 0 20px;
	text-align:center;
}

#pause .titleL span {
	font-size:14px;
}

#pause .change_text {
	font-size:14px;
	margin:0 auto 10px;
	text-align:center;
}

#pause #frame {
	border:1px solid #bcbcbc;
	width:700px;
	padding:16px 20px;
	margin:0 auto 20px;
}

#pause #frame .shop_name{
	margin:10px 0 0;
	clear:both;
	display:inline-block;
	width:310px;
}

#pause #frame .mall_icon{
    background:url("../../image/shop/logo_site.png") no-repeat;
    width:183px;
    height:44px;
	float:left;
	text-indent:-9999px;
	margin-top:23px;
	margin-left: 30px;
}

#pause #frame .arrow{
    background:url("../../image/shop/arrow.gif") no-repeat;
    width:140px;
    height:60px;
	float:left;
	text-indent:-9999px;
	margin:20px 32px 0;
}

#pause #frame .shop{
    width:280px;
	float:right;
	margin:0 0 6px;
	padding-top: 15px;
}

#pause #frame .shop .pointTxt{
	margin-top:14px;
}

#pause #frame .shop .flg_on {
    float: left;
    width: 85px;
}

#pause #frame .banner{
	float:left;
	width:120px;
	margin-right: 10px;
}

#pause #frame .pointTxt .medium02_point{
	float:left;
}

#pause #frame .shop .shop_detail {
    float: left;
    margin: 6px 0 0;
    width: 120px;
}

#pause #frame .shop .shop_detail {
    float: left;
    margin: 6px 0 0;
    width: 120px;
}

#pause .shop_detail .point{
        background:url(../../image/shop/bg_point.png) no-repeat;
		text-align: center;
        display:inline-block;
		height: 27px;
		padding: 17px 0 0;
		text-align: center;
		width: 120px;
}

#pause .shop_detail .pointImproving{
        background:url(../../image/shop/bg_point_up.png) no-repeat;
		text-align: center;
        display:inline-block;
		height: 27px;
		padding: 17px 5px 0 50px;
		text-align: center;
		width: 65px;
}

#pause .rakutenAttention{
	margin:10px 0 0;
	text-align:center;
	clear:both;
}
