﻿@charset "utf-8";

#content div.main_body {
margin-top: 6px;
padding-bottom: 32px;
float: left;
width: 736px;
}

#content p.subtitle {
margin-bottom: 4px;
margin-left: 12px;
color: #666;
font-weight: bold;
}

#content p.note {
margin-bottom: 4px;
text-align: right;
color: #999;
font-size: 0.8em;
}

/* ------------------------------------------------
  conntent :: main_body
------------------------------------------------ */
#content div.main_body h3 {
margin-bottom: 2px;
padding: 22px 16px 0 16px;
background-position: left top;
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 1.3em;
font-weight: bold;
}

#content div.main_body h3.drink {
background-image: url(image/bg_head_drink.gif);
height: 68px;
}

#content div.main_body h3.karyu {
margin-top: 32px;
background-image: url(image/bg_head_karyu.gif);
height: 81px;
}


/* ------------------------------------------------
  conntent :: main_body :: voice
------------------------------------------------ */

#content div.main_body div.voice{
margin-bottom:30px;
padding: 14px;
border:#CCCCCC solid 1px;
background-image:url(image/bg_voice.jpg);
background-position:right top;
background-repeat:no-repeat;
font-size:0.9em;
}

#content div.main_body div.voice img{
float:left;
margin-right:5px;
}

#content div.main_body div.voice div.prof {
width:380px;
background-color:#E7E7E7;
margin:10px 0px;
padding:15px;
clear:both;
}

#content div.main_body div.voice div.prof img {
border:#FFFFFF 1px solid;
}

#content div.main_body div.voice div.prof rb {
font-weight:bold;
font-size:1.2em;
}


#content div.main_body div.voice div.prof rp,
#content div.main_body div.voice div.prof rt,
#content div.main_body div.voice div.prof small, {
font-size:0.8em;
}

#content div.main_body div.voice div.prof p{
margin-top:10px;
}

/* ------------------------------------------------
  conntent :: main_body :: comment
------------------------------------------------ */
#content div.main_body div.comment {
margin-bottom: 8px;
margin-left: 24px;
padding: 3px;
border: 1px #AFDFDF solid;
width: 686px;
}

#content div.main_body div.comment.last_child {
margin-bottom: 0;
}

#content div.main_body div.comment h4 {
padding: 18px 14px 18px 14px;
font-size: 0.9em;
}

#content div.main_body div.comment h4.female {
background-color: #FDF2FD;
}

#content div.main_body div.comment h4.male {
background-color: #F0F3FB;
}

#content div.main_body div.comment h4.item50 {
background-image: url(image/item_50.jpg);
background-position: 630px center;
background-repeat: no-repeat;
}

#content div.main_body div.comment h4.item200 {
background-image: url(image/item_200.jpg);
background-position: 630px center;
background-repeat: no-repeat;
}

#content div.main_body div.comment h4.item200k {
background-image: url(image/item_200k.jpg);
background-position: 630px center;
background-repeat: no-repeat;
}

#content div.main_body div.comment h4.item400 {
background-image: url(image/item_400.jpg);
background-position: 630px center;
background-repeat: no-repeat;
}

#content div.main_body div.comment h4 span {
font-weight: bold;
display: block;
}

#content div.main_body div.comment h4 span.title {

float: left;
}

#content div.main_body div.comment h4.female span.title {
color: #C00;
}

#content div.main_body div.comment h4.male span.title {
color: #069;
}

#content div.main_body div.comment h4 span.years {
margin-right:50px;
color: #999;
float: right;
}

#content div.main_body div.comment p {
padding: 6px 10px 4px 10px;
font-size: 1.2em;
}


/* ------------------------------------------------
  conntent :: page_control
------------------------------------------------ */
#content ul.page_control {
margin-left: 24px;
padding-bottom: 2px;
padding-top: 2px;
}

#content ul.page_control li {
padding-bottom: 4px;
padding-top: 6px;
font-size: 0.8em;
float: left;
width: 348px;
}

#content ul.page_control li img {
margin-left: 4px;
margin-right: 4px;
vertical-align: -4px;
}

#content ul.page_control li.previous {
text-align: left;
}

#content ul.page_control li.next {
text-align: right;
}

