@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      base.css
 Adddate:        2010.03.03
 Upddate:        2010.06.15
 Style Info:     お客様の声ページCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　bodyID設定
----------------------------------------------------------- */
#uservoice-body {
}

/* -----------------------------------------------------------
　　お客様の声container設定
----------------------------------------------------------- */
#uservoice-container {
 width: 694px;
 margin: 0 4px;
 padding: 15px 17px;
 background-color: #f8f3e9;
}

/* -----------------------------------------------------------
　　文字カラー設定
----------------------------------------------------------- */
.pink {
 color: #E04776;
}

/* -----------------------------------------------------------
　　お客様の声ページ設定
----------------------------------------------------------- */
/* 募集エリア */
/*.uservoice-get-wrap {
 position: relative;
 width: 694px;
}
.uservoice-get {
 width: 524px;
 min-height: 56px;
 height: auto !important;
 height: 56px;
 padding: 20px 150px 20px 20px;
 background-color: #FFEEE9
}
.uservoice-get-wrap .hagaki {
 position: absolute;
 top: 0;
 right: 40px;
}*/
#uservoice-liner {
 width: 694px;
}
#uservoice-liner p{
 padding-top: 10px;
}
#uservoice-liner .left-wrap {
 float: left;
 width: 386px;
 background: url(../../img/bg_get_middle.jpg) repeat-y left top;
}
#uservoice-liner .left {
 background: url(../../img/bg_get_top.jpg) no-repeat left top;
}
#uservoice-liner .left-inner {
 min-height: 150px;
 height: auto !important;
 height: 150px;
 background: url(../../img/bg_get_bottom.jpg) no-repeat left bottom;
 padding: 0 15px 15px;
}
#uservoice-liner .img-hagaki {
 float: right;
 width: 78px;
 padding-left: 5px;
}
#uservoice-liner .right-wrap {
 float: right;
 width: 290px;
 background: url(../../img/bg_review_middle.jpg) repeat-y left top;
}
#uservoice-liner .right {
 background: url(../../img/bg_review_top.jpg) no-repeat left top;
}
#uservoice-liner .right-inner {
 min-height: 150px;
 height: auto !important;
 height: 150px;
 background: url(../../img/bg_review_bottom.jpg) no-repeat left bottom;
 padding: 0 15px 15px;
}
#uservoice-liner .img-review {
 float: right;
 width: 109px;
 padding-left: 5px;
}

/* タイトル、ページャエリア */
#uservoice-title {
 width: 664px;
 height: 17px;
 margin-top: 20px;
 padding: 8px 15px;
 background: url(../../img/bg_title.gif) no-repeat left top;
}
#uservoice-title h3 {
 float: left;
 width: 129px;
}
#uservoice-title .pager {
 float: right;
 width: 505px;
 text-align: right;
 color: #FFF
}
#uservoice-title .pager a,
#uservoice-title .pager a:link,
#uservoice-title .pager a:visited,
#uservoice-title .pager a:hover {
 color: #FFF
}
#uservoice-title .pager a:hover {
 text-decoration: underline;
}
.pager-bottom {
 margin-top: 10px;
 text-align: right;
}


/* お客様の声エリア */
.uservoice {
 width: 694px;
 margin-top: 20px;
 background: url(../../img/bg_voice_middle.gif) repeat-y left top;
}
.uservoice-user {
 width: 654px;
 padding: 20px;
 background: url(../../img/bg_voice_top.gif) no-repeat left top;
}
.uservoice-staff {
 width: 654px;
 padding: 0 20px 20px;
 background: url(../../img/bg_voice_bottom.gif) no-repeat left bottom;
 position: relative;
}
.uservoice .illust {
 float: left;
 width: 80px;
 position: relative;
 z-index: 2;
}
.uservoice .voice {
 float: left;
 width: 542px;
 padding: 10px 15px;
 background: #FFF;
 border: 1px solid #D6D0CA;
 position: relative;
 z-index: 1;
}
.uservoice-user .voice {
 margin-left: -1px;
}
.uservoice-staff .illust {
 margin-left: -1px;
}

.uservoice .usernm {
 margin-top: 5px;
 padding-top: 5px;
 background: url(../../../img/border_dot_h.gif) repeat-x left top;
}
.usernm img {
 padding-right: 5px;
}
.uservoice span {
 padding-left: 20px;
 color: #38A489;
}
.uservoice span.user-pn {
 padding-left: 0;
 color: #FF6F1A;
}
.uservoice .staffnm {
 margin-bottom: 5px;
 padding-bottom: 5px;
 background: url(../../../img/border_dot_h.gif) repeat-x left bottom;
 color: #0E8770;
}