@charset "utf-8";
/* ===================================================================
CSS information

 file name  :dtp.css
 style info :DTP専用
 last update:2010.06
=================================================================== */

h4{
 width: 488px;
 height: 29px;
 background: url(../img/price_h_bg.gif) no-repeat center;
 text-indent: 20px;
 font-size: 120%;
 padding-top: 8px;
 margin: 0 0 10px;
 color: #333;
 }

h5{
 border-left: 4px solid #66bd00;
 margin: 15px auto;
 color: #333;
 font-size:120%;
 padding-left: 5px;
 }

p{ margin: 10px 10px;}
img{ margin: 0 auto;}

div.priceNavi{
 width: 770px;
 display: block;
 clear: both;
 overflow: hidden;
 border: 1px solid #ccc;
 margin: 10px auto;
 padding: 0;
 }
 div.priceNavi ul li{
  float: left;
  display: inline;
  padding: 5px 10px 5px;
  border-right: 1px solid #ccc;
  }

div.imageArea{
 width: 770px;
 display: block;
 clear: both;
 overflow: hidden;
 margin: 10px 0;
 }
 div.imageArea img.mainImg{
  float: left;
  display: inline;
  margin: 0 10px 0;
  }
 div.imageArea div.priceNote{
  width: 500px;
  float: right;
  display: inline;
  }
 div.imageArea div.priceNote img.icon{ margin-left: 5px;}

p.mainPrice{
 background: url(../img/price_bg_blue.gif) repeat;
 width: 490px;
 height: 30px;
 text-align: right;
 margin: 10px auto;
 font-size: 160%;
 font-weight: bold;
 padding: 10px 5px;
 color: #333;
 }
 p.mainPrice span.small{ font-size: 80%; margin-right: 10px;}

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

/*table*/
table.priceListMin{
 width: 500px;
 border: 1px solid #aaa;
 }
 table.priceListMin th{
  width: 350px;
  background: #daf4ff;
  border-right: 10px solid #aadaef;
  padding: 5px;
  font-weight: normal;
  }
 table.priceListMin th.light{
  background: #effaff;
  border-right: 10px solid #cfcfcf;
  }
 table.priceListMin td{
  background: #eee;
  padding: 5px;
  text-align: right;
  }
 table.priceListMin td.light{
  background: #f7f7f7;
  }

table.priceList{
 width: 750px;
 border: 1px solid #aaa;
 margin: 0 auto;
 }
 table.priceList th{
  width: 350px;
  background: #daf4ff;
  border-right: 10px solid #aadaef;
  padding: 5px;
  font-weight: normal;
  }
 table.priceList th.light{
  background: #effaff;
  border-right: 10px solid #cfcfcf;
  }
 table.priceList td{
  background: #eee;
  padding: 5px;
  text-align: right;
  }
 table.priceList td.light{
  background: #f7f7f7;
  }

table.functionList{
 width: 750px;
 border: 1px solid #aaa;
 margin: 0 auto;
 }
 table.functionList th{
  width: 150px;
  background: #daf4ff;
  border-right: 10px solid #aadaef;
  padding: 5px;
  font-weight: normal;
  }
 table.functionList th.light{
  background: #effaff;
  border-right: 10px solid #cfcfcf;
  }
 table.functionList td{
  background: #eee;
  padding: 5px;
  }
 table.functionList td.light{
  background: #f7f7f7;
  }
  
table.functionList2{
 width: 750px;
 border-top: 1px solid #aaa;
 border-right: 1px solid #aaa;
 margin: 0 auto;
 }
 table.functionList2 th{
  width: 150px;
  background: #daf4ff;
  padding: 5px;
  font-weight: normal;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  }
 table.functionList2 th.light{
  background: #effaff;
  }
 table.functionList2 td{
  background: #eee;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  }
 table.functionList2 td.light{
  background: #f7f7f7;
  }
 table.functionList2 td.price1{
  background: #aadaef;
  width: 80px;
  text-align: right;
  }
 table.functionList2 td.price2{
  background: #dfdfdf;
  width: 80px;
  text-align: right;
  }

p.pageTop{ text-align: right; margin: 20px 0 50px;}