/*FUNSUP 髴托ｽｽ陷会ｿｽ2013/02 fujii@aratana */
#funs-wrapper {
    position: relative;
    background: #E3DED8;
    border: 1px solid #E3E3E3;
}
#title-user-review {
    height: 0;
    margin: 0;
    padding-top: 35px;
    background: url("/webshop/user_data/packages/default/img/funsup/title-user-review.png") no-repeat;
}
#title-user-review-detail {
    margin: 20px 0 20px 0;
    padding: 5px 0 3px 10px;
    font-size: 120%;
    font-weight: bold;
    background: #CAC4BB;
}
.top {
    margin: 0 0 15px;
    padding: 20px 15px;
}
.funs-title {
    float: left;
    margin: 0 0 0 10px;
    color: #333333;
    font-weight: bold;
}
.switch {
    float: right;
    margin: 0 10px 0 0;
    font-size: 90%;
    font-weight: bold;
}
.snap {
    float: left;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-snap.png") no-repeat left center;
    margin: 0 10px 0 0;
    padding: 0 0 0 23px;
    color: #006699;
}
.snap-nolink {
    float: left;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-snap_on.png") no-repeat left center;
    margin: 0 10px 0 0;
    padding: 0 0 0 23px;
    text-decoration: underline;
}
.comment {
    float: left;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-comment.png") no-repeat left center;
    padding: 0 0 0 35px;
    color: #006699;
}
.comment-nolink {
    float: left;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-comment_on.png") no-repeat left center;
    padding: 0 0 0 35px;
    text-decoration: underline;
}
#snap-block {
    margin: 0 60px 0;
}
.slide-left {
    position: absolute;
    top: 230px;
    left: 10px;
}
.slide-right {
    position: absolute;
    top: 230px;
    right: 10px;
}
.snap-wrapper {
    float: left;
    margin: 0 2.7% 0 0;
    width: 31.5%;
}
.snap-wrapper-end {
    /*
    float: right;
    width: 31.5%;
    */
    float: right;
}
.contents-box {
    background: #FFFFFF;
    padding: 10px 10px 0;
}
.contents-box02 {
    background: #FFFFFF;
    padding: 10px 19px 0;
    /*padding: 2px 2px 0;*/
    margin: 0 0 10px;
    margin-right: -5px;
    margin-left: -3px;
}
.c-top {
}
.face {
    float: left;
    margin: 0 10px 10px 0;

}
.name {
    padding: 5px 0;
}
.name a {
    text-decoration: none;
    color: #006699;
}
.fu_photo {
    margin: 0 0 10px;
}
.fu_photo img {
    /*width: 99.5%;*/
}
.fu_photo-comment {
    padding: 0 0 10px;
    font-size: 90%;
    word-break: break-all;
}
.bottom-box {
    position: relative;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-bottomline.png") repeat-x top center #FFFFFF;
    padding: 0 10px 20px;
    margin: 0 0 10px;
    bottom: 0;
}
.bottom-arr {
    position: absolute;
    top: 0;
    left: 10px;
}
.bottom-title {
    padding: 10px 0 5px;
    font-weight: bold;
}
.bottom-photo {
    float: left;
}
.fu-product-name {
    width: 75%;
    padding: 0.7em 0 0 4em;
    word-wrap: break-word;
}
.fu-product-name a {
    color: #90745C;
    text-decoration: none;
    font-size: 12px;
    word-break: break-all;
}
.bottom {
    clear: both;
    background: url("/webshop/user_data/packages/default/img/funsup/bottom-border.gif") repeat-x scroll center top transparent;
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
    margin-top: 1em;
}
.bottom-face02 {
    float: left;
    /* width: 42%; */
}
.bottom-face02 li {
    float: left;
        margin: 0 1px 1px 0;
}
.bottom-face li {
    float: left;
    margin: 0 1px 0 0;
}
.bottom-comment {
    clear: both;
    padding: 10px 0;
}
.bottom-comment a {
    color: #006699;
    text-decoration: none;
}
.btn-area {
    float: right;
}
.btn-area li {
    float: left;
    margin: 0 0 0 0.5em;
}
.btn_funsleft {
    background: #021762;
    border: 3px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 177px;
    padding: 9px 5px 10px 10px;
}
.btn_funsright {
    background: #47200F;
    border: 3px solid #B29D7E;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 155px;
    padding: 10px 5px 10px 12px;
}

/*郢ｧ�ｳ郢晢ｽ｡郢晢ｽｳ郢晏現繝ｶ郢晢ｽｭ郢晢ｿｽ縺舛SS*/
#comment-block {
    clear: both;
    position: relative;
    margin: 40px auto;
    width: 95%;
}

.slide-up {
    text-align: center;
    margin-bottom: -2.0em;
}

.slide-down {
    text-align: center;
    margin-top: -2.0em;
    /*
    position: absolute;
    left: 50%;
    bottom: -3%;
    */
}
.comment-box {
    padding: 10px;
    margin: 0 0 1.5%;
    background: #FFFFFF;
}
.comment-left {
    width: 20%;
    float: left;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-commentline.png") repeat-y scroll right top #FFFFFF;
    position: relative;
    padding: 0 20px 0 0;
}
.comment-arr {
   position: absolute;
   top: 10px;
   right: 0;
}
.c-photo {
    margin: 0;
}
.c-photo img {
    /*width: 120px;*/

}
.comment-right {
    margin-left:22.4%;
    padding-left: 3%;
    background: url("/webshop/user_data/packages/default/img/funsup/bg-commentline.png") repeat-y scroll left top;
    /*width: 74%;*/
}
.right-photo {
    float: left;
}
.right-title {
   /*  padding: 2% 0 0 10.5%; */
}
.right-title a {
    color: #90745C;
    text-decoration: underline;
}
.right-date {
    padding: 0 0 0 10px;
}
.right-comment {
    margin: 4.5% 0 0;
    line-height: 1.41;
}
.shop-commentarea {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px 0 10px;
    margin: 10px 0 0;
}
.shop-arr {
    position: absolute;
    top: -6px;
    left: 25px;
}
.shop-logo{
    float: left;
    padding: 0 0 0 10px;
}
.shop-logo img{
    margin: 0;
}
.shop-comment {
    padding: 0 0 0 13%;
    width: 84%;
}
.shop-comment p {
    margin: 0;
}

/*detail 郢ｧ�ｳ郢晢ｽ｡郢晢ｽｳ郢晏現繝ｶ郢晢ｽｭ郢晢ｿｽ縺*/
#detail-comment-block {
    background: #FFFFFF;
    clear: both;
    position: relative;
    margin: 40px auto;
    width: 95%;
}
.detail-comment-box {
    padding: 10px;
    background: #FFFFFF;
    line-height: 170%;
}
.detail-right-date {
}
.detail-right-comment {
    margin: 1% 0 0;
    line-height: 1.41;
}


/*clearfix*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
 }

/*隰壽��ｨ�ｿ騾包ｽｻ鬮ｱ�｢ START*/
.post-block {
    background: none repeat scroll 0 0 #F2F2F9;
    border: 5px solid #BACAE2;
    padding: 15px;
    width: 570px;
}
.banner-area {
    text-align: center;
}
.banner-area img {
    margin: 0 0 10px;
}
.banner-area p {
    line-height: 1.8;
}
.red {
    color: #FF0000;
}
.post-loginarea {
    margin: 0 0 20px;
    padding: 15px;
}
.login-title {
    border-left: 5px solid #333366;
    padding: 5px 0 0 10px;
    margin: 0 0 20px 20px;
}
.login-radio {
    padding: 0 10px 0 35px;
    font-size: 140%;
    font-weight: bold;
}
.login-radio img {
    margin: 5px 10px 0;
}
.login-attention {
    color: #FF0000;
    font-size: 60%;
    font-weight: normal;
    padding: 0 0 0 30px;
}
.login-btn {
    padding: 0 0 0 35px;
}
.login-btn img {
    float: left;
}
.login-btn p {
    font-size: 80%;
    padding: 10px 0 0 90px;
}
.post-footer {
    background: url("/webshop/user_data/packages/default/img/funsup/post/bg-post.gif") repeat-x scroll top center;
    padding: 10px 0 0;
    text-align: right;
}
.post-footer p {
    margin: 0;
}

.post-header {
    background: url("/webshop/user_data/packages/default/img/funsup/post/bg-post.gif") repeat-x scroll center bottom transparent;
    height: 50px;
    padding: 0 0 10px;
}
.post-face {
    float: left;
}
.post-select {
    float: left;
    line-height: 1.2;
    padding: 0 0 10px 10px;
}
.post-select p {
    margin: 0 0 0.5em;
}
.post-select input {
    margin: 0 5px 0 0;
}
.check-left {
    float: left;
    margin: 0 10px 0 0;
}
.post-name {
    font-size: 130%;
    font-weight: bold;
}
.post-attention {
    color: #FF0000;
    font-size: 80%;
    padding: 0 0 0 10px;
}
.post-attention a {
    color: #FF0000;
}
.post-infoarea {
    clear: both;
    margin: 15px 0;
}
.post-infoarea p {
    margin: 0;
}
.info-left {
    width: 245px;
    float: left;
}
.left-box {
    margin: 0 0 15px;
}
.info-title {
    font-size: 120%;
    font-weight: bold;
}
.post-url {
    padding: 5px 0 0;
    font-size: 120%;
    font-weight: bold;
}
.post-url input[type="text"] {
    border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 0 5px;
    padding: 2px;
}
.url-attention {
    color: #FF0000;
    font-size: 70%;
    font-weight: normal;
    padding: 0 0 0 35px;
}
.left-box input[type="file"] {
    border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 0 5px;
    padding: 2px;
}
.info-mini {
    font-size: 85%;
}
.postin-btn {
    clear: both;
    text-align: center;
    margin: 15px 0 ;
}
.info-right {
    width: 300px;
    float: right;
    margin: 0 0 15px;
}
.right-box {
    position: relative;
    background: #CCCCCC;
    border: 3px solid #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 150px 0;
    text-align: center;
}

.post-thanks {
    padding: 30px 35px 0;
}
.thanks-title {
    border-left: 5px solid #333366;
    font-size: 125%;
    font-weight: bold;
    padding: 0 0 0 10px;
}
.thanks-comment {
    font-size: 125%;
    padding: 0 0 0 15px;
}
.btn-close {
    font-size: 110%;
    font-weight: bold;
    margin: 30px 0 50px;
    text-align: center;
}