.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both; visibility:hidden;}
.clearfix { *zoom: 1;}
html,body{overflow-x: hidden;}
area,textarea,a{ border:none; outline:none;}

/****** pro top ******/

#pro_container {
  float:right;
  width: 530px;
  margin: 0 auto;
  text-align:center;
}

#pro_container h1{
  background: url(/images/line.gif) no-repeat center bottom;
  text-align:left;
  margin-bottom:15px;
  padding:5px 0 30px 0;
}
#pro_container h1 img{
  text-align:left;
  padding-left:6px;
}
	
#pro_container p.protitle{
  float:right;
  width: 530px;
  background:#F8F8F8;
  font-size:80%;
  margin:10px 0;
  padding:6px 10px;
  text-align:right;
}
#pro_container p.protitle img{
  width:12px;
  height:auto;
  padding-right:4px;
}

.prolist-box {
 width: 530px;
 overflow: hidden;
 *zoom: 1;
 margin-top:20px;
}

table.prolist-table{
  width: 530px;
  border-collapse:collapse;
  border-spacing:0;
  margin:15px 0 20px 0;
  empty-cells:show;
  font-size:80%;
  color: #009900;
}
.prolist-table td{
  width:172px;
  border-bottom:1px dotted #CDCDCD;
  border-right:7px solid #FFFFFF;
  padding:5px auto;
  text-align:left;
  vertical-align:top;
}
.prolist-table td:last-child{
  border-right:none;
}

.prolist-table td dl {
  margin: 0;
  padding: 0;
}
 
.prolist-table td dl dt {
  float : left;
  width:2.5em;
  clear:both;
  list-style: none;
  text-align:left;
  padding:12px 0 0 0;
  letter-spacing:0.4pt;
}

.prolist-table td dl dd {
  list-style: none;
  text-align:left;
  margin-left:3em;
  letter-spacing:0.7pt;
  line-height:1.4;
  padding:12px 0 9px 0;
}
.prolist-table td dl dd img {
  width:12px;
  height:auto;
  padding-left:4px;
}

.prolist-table td dl dd a {
  text-decoration: none;
}
 
.prolist-table td dl dd a:hover {
  color: #006600;
}

/****** proshop ******/

#proshop_container {
  width: 570px;
  text-align:center;
  font-family: Roboto, "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 115%;
  line-height: 1.5;
  margin:15px;
}

#proshop_container .main {
  text-align:center;
}

#proshop_container p.protitle{
  width: 92%;
  background:#F8F8F8;
  margin:10px 0 8px 0;
  padding:1% 4%;
  text-align:left;
}

#proshop_container p.protitle img{
  width:12px;
  height:auto;
  padding:4px 4px 0 0;
}

#proshop_container .main h1{
  margin-bottom:15px;
  margin:8px 0 4px -0.5em;
  padding:0;
  text-align:left;
  font-size:135%;
  color:#83C625;
  font-weight:bold;
}
#proshop_container .main h1 span{
  font-size:90%;
}

* html body #proshop_container .main dl dd div{
   display:inline-block;
}

#proshop_container .main dl {
  text-align:left;
  border-bottom:1px dotted #999;
}

#proshop_container .main dl dt {
   float:left;
   width: 3em;
   border-top:1px dotted #999;
   padding-top:8px;
   padding-bottom:0;
   padding-right:0;
}

#proshop_container .main dl dd {
   margin-left:3em;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:10px;
   border-top:1px dotted #999;
}

#proshop_container .main dl dt.hpdt {
   width: 7em;
}
#proshop_container .main dl dd.hpdd {
   margin-left:7em;
}

#proshop_container .main dl dd.hpdd a {
  color: #83C625;
  outline: none;
  text-decoration: underline;
}

#proshop_container .main dl dd.hpdd a:hover {
  color: #029A5A;
  text-decoration: none;
}

#proshop_container h2 {
  font-size:110%;
  font-weight:bold;
  color: #F2647F;
  margin:0 0 6px 0;
  padding-left:33px;
  background: url(../img/comment.png) no-repeat;
  text-align:left;
}
#proshop_container .main p {
  text-align:left;
  margin:0;
  padding-bottom:10px;
}