@import url(page.css);

#main2{
width:840px;
padding:10px 0 10px 13px;
}

h2.service_catch{
  width:639px;
  background:url("/images/service/service_catch.png") no-repeat;
}

img.heading{
  margin:10px 0 10px 10px;
}

/*--TOP--*/

#sboxtop{
  background:url("/images/service/boxtop.gif") no-repeat;
  height:7px;
  width:625px;
  margin-left:5px;
}

#sbox{
  background:url("/images/service/boxbg.gif") repeat-y;
  padding:5px;
  width:625px;
  margin-left:5px;
}

#sbox p{
  font-size:90%;
  padding:5px;
}

#sboxbtm{
  background:url("/images/service/boxbtm.gif") no-repeat;
  height:6px;
  margin-bottom:10px;
  margin-left:5px;
  width:625px;
}

img.sbtn{
  margin:5px 0 5px 10px;
  text-align:left;
}

p.ltxt{
  float:left;
  width:520px;
}
p.rstar{
  float:left;
  width:58px;
}
/*--特徴--*/

#impress{
  margin-left:10px;
}

*html #impress{
  margin-left:5px;
}

#fourimp{
  width:630px;
  font-size:10px;
}
#fourimp td{
  padding:3px;
  border:1px solid #cccccc;
  vertical-align:top;
}
#fourimp td.l{
  width:50%;
}
#fourimp td.r{
  width:50%;
}

#threeimp{
  width:630px;
  font-size:10px;
}
#threeimp td{
  width:33%;
  padding:3px;
  border:1px solid #cccccc;
  vertical-align:top;
  line-height:1.8;
}

#threeimp img{
  margin:2px 0 2px 0;
}


/*--価格--*/
#price{
  margin-left:10px;
}

*html #price{
  margin-left:5px;
}

  p.captiontxt{
    font-size:80%;
    line-height:18px;
  }
  p.read{
    font-size:85%;
    line-height:18px;
  }
  table.pricetbl{ 
    width:630px;
    font-size:100%;
    text-align:center;
    margin:5px 0 5px 0;
  }
  table.pricetbl th{
    background-color:#0085CA;
    border:1px solid #666666;
    color:#ffffff;
  }
  table.pricetbl tr.top{
    background-color:#99ccff;
  }
  table.pricetbl tr.next{
    background-color:#D2E2EF;
  }
  table.pricetbl th.smallprice{
    font-size:80%;
  }
  table.pricetbl td.smallprice{
    font-size:80%;  
  }
  span.cpsmall{
    font-size:80%;
  }
  p.tbtxt{
      font-size:80%;
      line-height:140%;
  }
  p.tbtxt_o{
      font-size:80%;
      line-height:140%;
      height:58px;
  }
  p.tbtxt_u{
      font-size:80%;
      line-height:140%;
  }
  p.captxt{
      font-size:90%;
  }
  span.smallred{
      font-size:80%;
      color:red;
  }
/*--オプション--*/
#option{
  margin-left:10px;
}

*html #option{
  margin-left:5px;
}


#optionbg{
  width:210px;
  border:1px solid #ccc;
  margin-left:1px;
  float:left;
  height:390px;
}

table.tbmini{
  width:209px;
  font-size:80%;
  border:1px solid #ccc collapse;
  text-align:left;
}
table.tbmini td{
  border:1px solid #ccc;
  line-height:140%;
}
span.ctr{
  margin:auto;
}
.optbtn{
  text-align:center;
  font-size:80%;
}
.optbtn_b{
  text-align:center;
  font-size:80%;
  margin-top:48px;
}
span.arrow_blk{
  background:url("/images/service/arrow_blk.png") no-repeat;
  padding-left:11px;
  vertical-align:middle;
}
img.blogbtn{
  margin-top:5px;
}
#designpack{
  padding-top:5px;
  font-size:90%;
}

/*--フロー--*/
#steps{
  margin-left:10px;
}
  #step_img{
    background:url("/images/page/step_image.png") no-repeat;
    min-height:100%;
    margin:10px 0 10px 0;
    width:756px;
    height:162px;
    z-index:1;
  }
 img.flowimg{
  margin:5px auto;
  
  }
/*--specs--*/
#specs{
  width:430px;
  margin-left:10px;
  float:left;
}
ul.speclist{
  margin:10px;
}
ul.speclist li{
  margin-left:10px;
  list-style-type:disc;
}

#spec_img{
  width:192px;
  float:right;
}

/*--VPSstock HA--*/

#sla_caption{
  width:610px;
  margin:5px 0 0 10px; 
  padding:5px;
  border:2px dotted #ff6666;
}
p.sla_read{
  padding-top:3px;
  font-size:80%;
  line-height:130%;
}

td.ha_inq{
  padding-top:4px;
}

/*--個別構築--*/
#explain{
  margin-left:10px;
}
#result{
  margin-left:10px;
}
#inq{
  margin:20px 0 0 20px;
}

img.inq1{
  float:left;
}
img.inq2{
  float:left;
  padding:10px 0 0 10px;
}

/*--スペック表--*/
#specs{
  margin-left:10px;
}

#mytable {
	width: 630px;
	padding: 0;
	margin-top:15px;
  font-size:90%;
}

  #mytable th{
    width:15%;
    font-size:90%;
  	font-weight:bold;
  	border-right: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
  	border-top: 1px solid #ccc;
  	text-align: left;
  	padding: 3px 3px 3px 10px;
  	background: #CAE8EA url("/images/service/bg_header.jpg") no-repeat;
    line-height:130%;
  }

  #mytable th.title{
    width:15%;
    font-size:90%;
  	font-weight:bold;
  	border-right: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
  	border-top: 1px solid #ccc;
  	text-align: center;
  	padding: 3px 3px 3px 10px;
  	background: #CAE8EA url("/images/service/bg_header.jpg") no-repeat;
    line-height:130%;
    width:60%;
  }

  #mytable th.nobg {
  	border-top: 0;
  	border-left: 0;
  	border-right: 1px solid #ccc;
  	background: none;
  }

  #mytable th.spec {	
  	border-left: 1px solid #ccc;
  	border-top: 0;
  	background: #fff url("/images/service/bullet1.gif") no-repeat;
  }

  #mytable th.spec_ctg {	
    width:10%;
  	border-left: 1px solid #ccc;
  	border-top: 0;
  	background: #fff url("/images/service/bullet1.gif") no-repeat;
  }

  #mytable th.spec_ttl {	
    width:15%;
  	border-left: 1px solid #ccc;
  	border-top: 0;
  	background: #fff url("/images/service/bullet1.gif") no-repeat;
  }

  #mytable th.spec_ctg2 {	
    width:20%;
  	border-left: 1px solid #ccc;
  	border-top: 0;
  	background: #fff url("/images/service/bullet1.gif") no-repeat;
  }

  #mytable th.spec_ttl2 {	
    width:20%;
  	border-left: 1px solid #ccc;
  	border-top: 0;
  	background: #fff url("/images/service/bullet1.gif") no-repeat;
  }

  #mytable th.specalt {
  	border-left: 1px solid #ccc;
  	border-top: 0;
  	background: #f5fafa url("/images/service/bullet2.gif") no-repeat;
  }

  #mytable td {
  	border-right: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
  	background: #fff;
  	padding: 3px 3px 3px 10px;
  }

  #mytable td.alt {
  	background: #F5FAFA;
  }

  #mytable span.small_cap{
    font-size:80%;
  }

#attention{
  margin-left:10px;
}

#attention ul{
  margin-top:10px;
  font-size:80%;
  line-height:120%;
}

#attention li{
}

p.attxt{
  margin-top:10px;
  font-size:80%;
  line-height:120%;
}

#specs h3{
  margin-top:10px;
  color:#009999;
}