/* CSS Document */

/*お客様の声表示用*/

#contents_center #top_wrap {
width: auto;
}


div.voice_wrap {
text-align: center;
height: auto;
width: 400px;
margin: 5px auto 10px;
padding:0;
}

div.voice_wrap h2{
font-size: 93%;
font-weight: lighter;
color: #666666;
line-height: 1.4em;
margin-right:15px;
text-align:right;
}

div.voice_wrap h2.category {
text-align: left;
margin:0 0 0 5px;
font-size: 93%;
line-height: 15px;
color: #999999;
width:330px;
float:left;
}
div.voice_wrap p.no{
text-align:right;
width:50px;
color:#666666;
font-size:11px;
line-height: 15px;
float:right;
}
div.voice_wrap h2.category a{
font-size: 14px;
color: #996633;
}
div.voice_wrap h3.head_title {
font-size: 108%;
font-weight: lighter;
color: #333333;
line-height: 20px;
text-align: left;
background-image: none;
width:285px;
padding:0;
margin:0 0 0 10px;
float: left;
}
div.voice_wrap p.get_date {
float: right;
color: #333333;
width: 90px;
text-align: right;
margin:0 5px 0 0;
line-height:20px;
padding:0;
}
div.voice_wrap p.voice {
font-size: 14px;
color: #666666;
line-height: 1.4em;
font-weight: lighter;
text-align: left;
text-indent: 0px;
padding: 5px 15px;
}
div.voice_wrap p.comment {
font-size: 14px;
color: #CC9933;
line-height: 1.4em;
font-weight: lighter;
text-align: left;
text-indent: 0px;
padding: 5px 15px;
}


div.voice_wrap div.message_wrap {

}

div.voice_wrap div.head {
height: 20px;
clear:both;
background: url(/system/component/voice_view/img/message_head.gif) repeat-x;
}
div.voice_wrap div.clear_both {
clear: both;
height: 1px;
width: auto;
font-size: 1px;
}



/*店長の一言＆検索Title表示用*/
div.master_comment_wrap {
width: 600px;
height: auto;
list-style: none;
}
div.master_comment {
width: 340px;
float: right;
margin-right: 5px;
}
div.master_comment_wrap div.count_view {
text-align: left;
/*vertical-align: text-botom;*/
height: auto;
float: left;
color: #666666;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
}

div.master_comment_wrap div.link_box {
float: left;
}
div.master_comment_wrap div.link_box img {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 10px;
}
div.master_comment_wrap div.link_box td {
padding-top: 80px;
text-align: left;
margin-left: 0px;
padding-left: 0px;
font-size: 12px;
color: #ECE9D8;
}
div.master_comment_wrap div.link_box td a{
text-align: left;
color: #333333;
font-weight: lighter;
text-decoration: underline;
font-size: 12px;
}




div.master_comment_wrap p {
font-size: 12px;
line-height: 1.5em;
font-weight: lighter;
color: #666666;
padding-left: 15px;
}
div.master_comment div.foot div.right {
font-size: 10px;
font-weight: lighter;
color: #666666;
float: right;
margin-right: 10px;
}

div.master_comment div.head {
background: url(/system/component/voice_view/img/master_comment_head.gif) no-repeat;
display: block;
height: 18px;
width: 340px;
}
div.master_comment div.body {
background: url(/system/component/voice_view/img/master_comment_body.gif) repeat-y;
display: block;
height: auto;
width: 340px;
text-align: left;
}
div.master_comment div.foot {
background: url(/system/component/voice_view/img/master_comment_foot.gif) no-repeat;
display: block;
height: 28px;
width: 340px;
}
div.master_comment div.body p {
font-size: 10px;
font-weight: lighter;
color: #666666;
padding-right: 10px;
padding-left: 10px;
}

h2.search_title {
font-size: 16px;
font-weight: lighter;
text-align: left;
color: #666666;
line-height: 1.5em;
width: 580px;
margin-left: 10px;
display: block;
padding: 0px;
}

h2.search_title span.strong {
font-size: 16px;
font-weight: bold;
color: #996633;
}


/*最新のお客さまの声表示用*/
div.new_voice_border {
width: 450px;
height: auto;
margin-right: auto;
margin-left: auto;
text-align: center;
}
div.new_voice_border div.head {
background: url(/system/component/voice_view/img/new_voice_border_head.gif) no-repeat;
height: 30px;
}

div.new_voice_border div.body {
background: url(/system/component/voice_view/img/new_voice_border_body.gif) repeat-y;
height: auto;
text-align: left;
}
div.new_voice_border div.foot {
background: url(/system/component/voice_view/img/new_voice_border_foot.gif) no-repeat;
height: 30px;
}

div.new_voice_border h2.category {
font-size: 12px;
font-weight: lighter;
color: #666666;
text-align: left;
border-bottom: 1px dashed #FF9933;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
div.new_voice_border h2.category span.strong {
font-size: 14px;
font-weight: lighter;
color: #996633;
}
div.new_voice_border h2.category a{
font-size: 14px;
font-weight: lighter;
color: #996633;
}

div.new_voice_border h3.voice_head_left {
font-size: 14px;
font-weight: lighter;
color: #666666;
float: left;
width: 300px;
padding-left: 20px;
line-height: 20px;
background-image: none;
}
div.new_voice_border  h3.voice_head_right {
font-size: 14px;
font-weight: lighter;
color: #666666;
float: right;
width: 120px;
text-align: right;
padding-right: 10px;
line-height: 20px;
background-image: none;
}

div.new_voice_border p.voice_message {
width: 400px;
margin-right: auto;
margin-left: auto;
margin-top: 2px;
text-align: left;
font-size: 1em;
color: #666666;
padding-bottom: 10px;
}
div.new_voice_border p.voice_comment {
width: 400px;
margin-right: auto;
margin-left: auto;
margin-top: 2px;
text-align: left;
font-size: 1em;
color: #996633;
padding-bottom: 15px;
}

div.new_voice_border h1.head_comment {
line-height: 30px;
font-size: 16px;
color: #FF9900;
text-indent: 10px;
text-align: left;
}
div.new_voice_border h1.head_comment a{	
color: #FF9900;
}

/*最新のお客さまの声表示用 w580 一時実装用*/
div.new_voice_border_580 {
width: 580px;
height: auto;
text-align: center;
margin-right: auto;
margin-left: auto;
}
div.new_voice_border_580 div.head {
background: url(/system/component/voice_view/img/new_voice_border_head580.gif) no-repeat;
height: 30px;
width: 580px;
float: left;
}

div.new_voice_border_580 div.body {
background: url(/system/component/voice_view/img/new_voice_border_body580.gif) repeat-y;
height: auto;
width: 580px;
float: left;
}
div.new_voice_border_580 div.foot {
background: url(/system/component/voice_view/img/new_voice_border_foot580.gif) no-repeat;
height: 30px;
width: 580px;
float: left;
}

div.new_voice_border_580 h2.category {
font-size: 12px;
font-weight: lighter;
color: #666666;
margin: 0px auto;
padding: 0px;
width: 530px;
text-align: left;
border-bottom: 1px dashed #FF9933;
}
div.new_voice_border_580 h2.category span.strong {
font-size: 14px;
font-weight: lighter;
color: #996633;
}
div.new_voice_border_580 h2.category a{
font-size: 14px;
font-weight: lighter;
color: #996633;
}

div.new_voice_border_580 h3.voice_head_left {
font-size: 14px;
font-weight: lighter;
color: #666666;
float: left;
width: auto;
padding-left: 20px;
line-height: 20px;
background-image: none;
}
div.new_voice_border_580  h3.voice_head_right {
font-size: 14px;
font-weight: lighter;
color: #666666;
float: right;
width: 200px;
text-align: right;
padding-right: 10px;
line-height: 20px;
background-image: none;
}



div.new_voice_border_580 p.voice_message {
width: 530px;
margin-right: auto;
margin-left: auto;
margin-top: 2px;
text-align: left;
font-size: 1em;
color: #666666;
padding-bottom: 10px;
}


div.new_voice_border_580 p.voice_comment {
width: 530px;
margin-right: auto;
margin-left: auto;
margin-top: 2px;
text-align: left;
font-size: 1em;
color: #996633;
padding-bottom: 15px;
}

div.new_voice_border_580 h1.head_comment {
line-height: 30px;
font-size: 16px;
color: #FF9900;
text-indent: 10px;
text-align: left;
}



/*お客様の声　最新10件　主にTopページ表示用*/
div.new_voice_border_380 {
width: 380px;
height: auto;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 5px;
padding: 0px;
margin-top: 0px;
}
div.new_voice_border_380 div.head {
background: url(/system/component/voice_view/img/new_voice_border_head_380.gif) no-repeat;
height: 25px;
width: 380px;
margin: 0px;
padding: 0px;
}

div.new_voice_border_380 div.body {
background: url(/system/component/voice_view/img/new_voice_border_body_380.gif) repeat-y;
height: auto;
text-align: left;
width: 380px;
margin: 0px;
padding: 0px;
}
div.new_voice_border_380 div.foot {
background: url(/system/component/voice_view/img/new_voice_border_foot_380.gif) no-repeat;
height: 20px;
text-align: center;
width: 380px;
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 20px;
font-weight: lighter;
color: #CC6600;
font-size: 12px;
line-height: 20px;
font-weight: lighter;
color: #CC6600;
}



div.new_voice_border_380 h2.category {
font-size: 12px;
font-weight: lighter;
color: #666666;
text-align: left;
border-bottom: 1px dashed #FF9933;
margin: 0px;
padding: 0px 0px 0px 10px;
}
div.new_voice_border_380 h2.category span.strong {
font-size: 14px;
font-weight: lighter;
color: #996633;
margin: 0px;
padding: 0px;
}
div.new_voice_border_380 h2.category a{
font-size: 12px;
font-weight: lighter;
color: #996633;
}

div.new_voice_border_380 h3.voice_head_left {
font-size: 12px;
font-weight: lighter;
color: #666666;
float: left;
width: 250px;
line-height: 20px;
margin: 0px;
padding: 0px 0px 0px 20px;
background-image: none;
}
div.new_voice_border_380  h3.voice_head_right {
font-size: 12px;
font-weight: lighter;
color: #666666;
float: right;
width: 80px;
text-align: right;
line-height: 20px;
margin: 0px;
padding: 0px 10px 0px 0px;
background-image: none;
}

div.new_voice_border_380 p.voice_message {
text-align: left;
font-size: 12px;
color: #666666;
width: auto;
margin-top: 2px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
div.new_voice_border_380 p.voice_comment {
text-align: left;
font-size: 12px;
color: #996633;
width: auto;
margin: 2px 0px 0px 10px;
padding: 0px 0px 5px;
}

div.new_voice_border_380 h1.head_comment {
line-height: 25px;
font-size: 14px;
color: #FF9900;
text-indent: 10px;
text-align: left;
margin: 0px;
padding: 0px;
width: 380px;
}

div.new_voice_border_380 h1.head_comment a:link,div.new_voice_border_380 h1.head_comment a:visited{
color: #FF9900;
text-decoration: none;
}


