/* CSS Document */

/*------ 全体構造 ------ */

body {
  margin: 0px;
  padding: 0px;
  font-style:normal; 
  font-size:90%;
  color: #000000;
  background-image: url(../../image/bgsky.gif);
  background-repeat: repeat-x;
  font-family:"ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
}

img { border: none; }

 #body {
  width: 800px;
  margin: 10px auto;
  padding: 0px;
}

.header{
  height:50px;
  font-size:;
  color:#333333;
  padding-left:0;
}

.footer{
  height:20px;
  font-size:90%;
  text-align:center;
  line-height: 1.6em;
　margin:20px 0;
}

.top{
  font-size:14px;
  padding-left:600px;
  margin-bottom:10px;
}

.topmidashi{
  font-size:80%;
}

.copyright{
  height:30px;
  font-size:80%;
  text-align:center;
  margin-top:5px;
}

.clear{
  clear:both;
}

/*------ タグの設定 ------ */

p {
  margin: 0px;
  padding: 0px;
  line-height: 160%;
}

h1 {
  margin: 0px;
  padding: 0px;
}

h2 {
  margin: 0px;
  padding: 0px;
}

h3 {
  margin: 0px;
  padding: 0px;
}

ul {
  margin: 0 0 0 1em;
  padding: 0;
}

/*------ 見出し設定 ------ */

.midashi1{
  font-size:16px;
  padding-left:80px;
  margin-top:20px;
}

.midashi2{
  }

.midashi3{
  }

/*------ メニュー ------ */

.logo{
  float:left;
  width:151px;
  margin-top:10px;
  margin-right:10px;
}

.menu_list{
  margin:26px 0 0 200px;
}

.menu{
  float:left;
  padding:0 1px 0px 0;
  width:122px;
}

/*---------- ルーム一覧に戻る ---------- */

.room-back{
  float:left;
  width:200px;
  height:21px;
  font-size:16px;
  margin-top:30px;
  padding:2px 0 0 28px ;
  background-image: url(../image/yazirushi.gif);
  background-repeat:no-repeat;
  background-position: left;
}

/*------背景（room/indexのみ）----- */

.contents_top{
  height:50px;
  background-image: url(../../image/sky_bg1.gif);
  background-repeat:no-repeat;
  background-position: right top;
  margin:0;
}

.contents_middle{
  background-image: url(../../image/sky_bg2.gif);
  background-repeat:repeat-y;
  background-position: right top;
  margin:0;
}

.contents_bottom{
  height:40px;
  background-image: url(../../image/sky_bg3.gif);
  background-repeat:no-repeat;
  background-position: right top;
  margin:0;
}

/*----ルーム一覧（room/indexのみ）----- */

.room-midashi{
  font-size: 16px ;
  color: #333333 ;
  text-align: left ;
  padding-top: 10px ;
  padding-left:85px;
  }

.title{
  margin-left:80px;
  margin-top:10px;
}

.arrow{
  float:left;
  width:29px;
  height:30px;
  background-image: url(../image/arrow-red.gif);
  background-repeat:no-repeat;
  background-position: right top;
  margin-right:5px;
}

.sample-name{
  width:650px;
  padding:2px 0 3px 0;
  font-size:15px;
}

.client-name{
  width:650px;
  margin-left:30px;
  font-size:11px;
}

/*---------- 商品情報とリンク ---------- */

.roomtitle{
  height:;
  font-size:25px;
  border-bottom: 4px solid #FF6666;
  margin:10px 0 10px 0;
  line-height:;
}

.product{
  float:left;
  width:540px;
  background:#FFFFFF;
  border: 0px solid #FF6666;
}

.image{
  width:238px;
  float:left;
  border:solid #FF6666 1px;
  margin-top:10px;
  text-align:center;
}

.information{
  width:270px;
  float:left;
  margin:10px 10px 0 10px;
}

.information table{
  border-collapse: collapse;
}

.information td{
  border-bottom:solid #FF6666 1px;
  border-top:solid #FF6666 1px;
  line-height:1.4em;
  padding:4px;
  font-size:14px;
}

.information th{
  white-space: nowrap;
  border-top:solid #FF6666 1px;
  border-bottom:solid #FF6666 1px;
  font-size:14px;
}

.client-link {
  width:540px;
  margin:30px 0 10px 0;
  text-align:center;
}

.client-link2 {
  width:540px;
  margin:15px 0 10px 125px;
  text-align:center;
}

/*------ 商品評価とレーダーチャート ----- */

.estimation{
  float:left;
  width:260px;
  border: 0px solid #FF6666;
  margin-top:5px;
}

.sougou{
  width:260px;
}

.sougou table{
  margin-left:auto;
  margin-right:auto;
}

.total{
  font-size:18px;
  padding:0 5px;
}

.totalscore{
  color:#FF6600;
  font-size:25px;
  font-weight:bold;
}

.radar{
  width:260px;
  text-align:center;
  margin:3px 0 0 0;
}

.radar image{
  margin-left:auto;
  margin-right:auto;
}

.list{
  width:260px;
  margin:;
}

.list table{
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
}

.list td{
  border-top:dotted #999999 0px;
  border-bottom:dotted #999999 1px;
  padding:1px 2px 1px 10px;
  font-size:120%;
  color:#FF6600;
}

.list th{
  border-top:dotted #999999 0px;
  border-bottom:dotted #999999 1px;
  padding:3px;
  text-align:left;
  font-weight:normal;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000; }


/*---------- コメント枠 ---------- */

.pickup{
  font-size:16px;
  font-weight: bold;
  color:#555555;
  text-align:center;
  margin-left:5px;
  padding-top:15px;
  height:40px;
  background-image: url(../image/pickup.gif);
  background-repeat: no-repeat;
}

.comment1{
  width:390px;
  padding:0 10px 10px 5px;
  float:left;
}

.comment2{
  width:390px;
  padding:0 5px 0 0;
  float:left;
}

.com{
  width:390px;
  padding-bottom:10px;
}

.com-top{
  height:15px;
  background-image: url(../image/com-bg1.gif);
  background-repeat:no-repeat;
  background-position:right top;
}

.com-middle{
  background-image:url(../image/com-bg2.gif);
  background-repeat:repeat-y;
  background-position:right top;
}

.com-bottom{
  height:15px;
  background-image:url(../image/com-bg3.gif);
  background-repeat:no-repeat;
  background-position:right top;
}

/*---------- コメント中身 ---------- */

.c-header{
  height:14px;
  margin:0 15px;
  border-bottom: dotted #FFCC99 5px;
  font-size:12px;
}

.c-nickname{
  float:left;
  width:170px;
}

.c-hito{
  float:left;
  width:8px;
  padding:0 5px 0 0;
}

img.c-hito { vertical-align: middle; }

.c-face{
  float:left;
}

.star{
  float:left;
  font-size:90%;
  color:#333333;
  padding-left:10px;
  padding-bottom:2px;
  text-align:right;
}

.comment{
  padding:5px 15px 0 15px;
  line-height: 1.3em;
 
}

/*---------- 実施概要 ---------- */

.sampling_outline{
  width:420px;
  margin:0 0 0 180px;
}

.sampling_outline table{
  border-collapse: collapse;
}

.sampling_outline td{
  font-size:90%;
  border:solid #999999 1px;
  color:#333333;
  padding:3px 10px 3px 5px;
}

/*------room0000クールドラフト----- */

.cooldraft-information{
  width:280px;
  float:left;
  margin:10px 0 0 10px;
}

.cooldraft-information table{
  border-collapse: collapse;
}

.cooldraft-information td{
  border-bottom:solid #FF6666 1px;
  border-top:solid #FF6666 1px;
  line-height:1.4em;
  padding:4px;
  font-size:14px;
}

.cooldraft-information th{
  white-space: nowrap;
  border-top:solid #FF6666 1px;
  border-bottom:solid #FF6666 1px;
  font-size:14px;
}

/*-----------qa.html（Ｑ＆Ａ）----------- */

.ground{
  margin-top:40px;
}

.qamidashi{
  padding-top:10px;
  padding-bottom:30px;
  text-align:center;
}

.qa{
  padding-left:80px;
  padding-bottom:15px;
}

.q-icon{
  float:left;
  width:32px;
  height:29px;
  background-image: url(../image/question.gif);
  background-repeat:no-repeat;
  background-position: right top;
  margin-right:5px;
}

.a-icon{
  float:left;
  width:32px;
  height:29px;
  background-image: url(../image/answer.gif);
  background-repeat:no-repeat;
  background-position: right top;
  margin-right:5px;
}

.q-text{
  float:left;
  width:600px;
  padding-top:1px;
  line-height:1.3em;
}

.a-text{
  float:left;
  width:600px;
  padding-top:2px;
  padding-bottom:15px;
  line-height:1.3em;
  font-size:90%;
}

.info{
  padding:10px 0 ;
  text-align:center;
  font-size:12px;
}