@charset "UTF-8";

/** $Id: default.css 5800 2012-06-21 08:10:03Z numata $ */
/**
 * ふくラボ!エビデリ用 CSS
 *
 * @author ogawa@hitbit-inc.net
 * @copyright HitBit co.,ltd.
 * @since 2012-03-28
 * @lastmodified $Date: 2012-06-21 17:10:03 +0900 (木, 21 6 2012) $
 * @see guideline: Ver. 1.01
 */

/* Common
------------------------------- */
.w700fix {width:760px;}
#wrapper-plus {overflow:hidden;}
#wrapper-plus .upper-area {
	position: relative;
	height: 124px;
	min-height: 124px;
	overflow: hidden;
	margin-bottom: 15px;
}
#wrapper-plus h1 a {
	width: 230px;
	height: 104px;
	float: left;
	text-indent: -99999em;
	background: url(../images/title_s.jpg) no-repeat 0 0;
	overflow: hidden;
}
#wrapper-plus .wrap-right {
	position:absolute;
	bottom:0;
	right:0;
	width:512px;
}
#wrapper-plus .item-detail {overflow:hidden; margin-bottom:5px;}

#wrapper-plus .shop-sns {
	padding-top:5px;
	border-top:1px solid #000000;
}

#wrapper-plus .shop-sns .item-shop {
	width: 300px;
	float: left;
}
#wrapper-plus .shop-sns .item-shop p {
	display:inline-block;
	padding-left:20px;
	min-height:16px;
	background:url(../images/by.png) no-repeat 0 0;
}

#wrapper-plus .shop-sns .sns {
	width: 200px;
	float: right;
	text-align: right;
}

#wrapper-plus .shop-sns .sns  ul{
	width: 100%;
	overflow: hidden;
}

#wrapper-plus .shop-sns .sns  ul li{
	width: 50%;
	float: left;
}

#wrapper-plus .item-detail dt {
	width:45px;
	min-height:17px;
	float:left;
	text-indent:-99999em;
}
#wrapper-plus .item-detail dd {
	width:460px;
	float:right;
}
#wrapper-plus .item-detail .n01 {background:url(../images/menu.png) no-repeat 0 5px;}
#wrapper-plus .item-detail .n02 {background:url(../images/price.png) no-repeat 0 2px;}



/* left
------------------------------- */

#wrapper-plus .wrap-inner {
	overflow: hidden;
}

#wrapper-plus .wrap-inner .wrap-left {
	width:230px;
	float:left;
	margin-bottom: 20px;
}
#wrapper-plus h2 {
	background: url(../images/img_miryoku.png) no-repeat;
	height: 63px;
	text-indent: -99999em;
}

#wrapper-plus .miryoku-ttl01 {
	color:#595757; /*タイトル色*/
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-top: 20px;
	margin-bottom:5px;
	padding-top: 20px;
	background: url(../images/ttl01.png)no-repeat left top;
}

#wrapper-plus .miryoku-ttl02 {
	color:#595757; /*タイトル色*/
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-top: 20px;
	margin-bottom:5px;
	padding-top: 20px;
	background: url(../images/ttl02.png)no-repeat left top;
}

#wrapper-plus .miryoku-ttl03 {
	color:#595757; /*タイトル色*/
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-top: 20px;
	margin-bottom:5px;
	padding-top: 20px;
	background: url(../images/ttl03.png)no-repeat left top;
}

#wrapper-plus .wrap-inner .wrap-left div {line-height:1.7;}
#wrapper-plus .wrap-inner .item-photo {
	width:512px;
	float:right;
	margin-bottom: 20px;
}

#wrapper-plus .wrap-inner .item-photo img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#wrapper-plus .wrap-inner .item-photo p{
	text-align: right;
	margin-top: 10px;
}
/* button
------------------------------ */
#ex-btn-menu  {
	clear:both;
	width: 445px;
	margin:0 auto 20px auto;
	overflow:hidden;
	padding-top:20px;
}
#ex-btn-menu li {
	width:162px;
	padding: 0 30px;
	float:left;
}
#ex-btn-menu li a {
	display:block;
	width:162px;
	height:47px;
	text-indent:-99999em;
	overflow:hidden;
}
#ex-btn-menu .b01 { background:url(../images/btn01.png) no-repeat 0 0; }
#ex-btn-menu .b02 { background:url(../images/btn02.png) no-repeat 0 0; }
#wrapper-plus .coupon {
	float: right;
	width: 512px;
	margin-top: 20px;
}
#wrapper-plus .coupon .c-cap {

}
#wrapper-plus .coupon .c-body {
	background-color: #FDEFC0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 492px;
	font-weight: bold;
	padding: 15px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
}
#wrapper-plus .coupon .c-main {
	background-image: url(../images/ttl-coupon.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 135px;
}
#wrapper-plus .coupon .c-foot {
}

#wrapper-plus .wrap-inner.add-point {
    width: 760px;
    margin: 20px auto 30px;
/*    padding: 10px;*/
    box-sizing: border-box;
    background: url(../images/pc-background.png) no-repeat;
    background-color:#fff9c0;
    background-position: center bottom;
    border: 2px solid #595757;
    padding: 15px 0;
}
#wrapper-plus .wrap-inner.add-point h2{
    width: 758px;
    height: 88px;
    background: url(../images/pc-header.png) repeat-y;
    padding-left: 450px;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-indent: inherit;
    padding-top: 27px;
    padding-right: 72px;
}
#wrapper-plus .wrap-inner.add-point h2 span{
    display: block;
    padding-left: 10px;
    font-size:26px;
    text-align: left;
    font-weight: bold;
    background: linear-gradient(transparent 40%, #ffd900 40%);
    color:#595757;
}
#wrapper-plus .wrap-inner.add-point dl{
    width: 640px;
    margin: 0 auto;
}
#wrapper-plus .wrap-inner.add-point dl dt{
    float: left;
    margin-right: 40px;
}
#wrapper-plus .wrap-inner.add-point dl dd{
    float: left;
    width: 240px;
}
#wrapper-plus .wrap-inner.add-point dl dd p.txt{
    margin-bottom: 15px;
    line-height: 1.6em;
}
#wrapper-plus .wrap-inner.add-point dl dd p.btn a{
    display: block;
    box-sizing: border-box;
    padding: 10px;
    background: #ffd900;
    border: #595757;
    border-radius: 5px;
    color: #595757;
    text-align: center;
}
#wrapper-plus .wrap-inner.add-point dl dd p.btn a:hover{
    opacity: 0.7;
}