@charset "UTF-8";



/* top */

#main-top {

  float: right;

  width: 570px;

  padding-top: 20px;

}

#main-top h2 {

  width: 570px;

  padding-bottom: 5px;

  border-bottom: solid #CCCCCC 2px;

}

#main-top h2 span {

  display: block;

  float: right;

}

div.t-news  {

  width: 570px;

  margin: 10px 0px 15px;

  padding-bottom: 15px;

  background: url(../img/dot01.gif) repeat-x left bottom;

}

div.t-news dl  {

  margin: 0px 0px 10px 10px;

}

div.t-news dt {

  clear: both;

  float: left;

  width: 110px;

  padding: 3px 0px 3px 10px;

  line-height: 1.4;

  background: url(../img/arrow01.gif) no-repeat left center;

}

div.t-news dd {

  width: 400px;

  margin-left: 120px;

  padding: 3px 0px;

  line-height: 1.4;

}

.t-procuct-b {

  width: 564px;

  margin: 15px 0px 0px;

  padding-bottom: 10px;

  background: url(../img/bg_t-procuct_b.gif) no-repeat left bottom;

}

.t-procuct-b br {

  clear: both;

}

.t-procuct-t {

  width: 564px;

  padding-top: 10px;

  background: url(../img/bg_t-procuct_t.gif) no-repeat left top;

}

.t-procuct-m {

  width: 564px;

  background: url(../img/bg_t-procuct_m.gif) repeat-y left top;

}

.t-box {

  float: left;

  width: 180px;

  margin: 0px 8px 0px 0px;

}

.t-box h3 a:link, .t-box h3 a:visited {

  display: block;

  padding: 0px 10px 10px 28px;

  border-right: solid #CCCCCC 1px;

  border-left: solid #CCCCCC 1px;

  background: #EEEEEE url(../img/arrow02.gif) no-repeat 10px 3px;

}

.t-box h3 a:hover, .t-box h3 a:active {

  background: #EEEEEE url(../img/arrow02_o.gif) no-repeat 10px 3px;

}

.t-box p {

  margin: 10px;

  font-size: 10px;

  line-height: 1.3;

}

/* contents */

#main {

  float: right;

  width: 570px;

}

.pro {

  padding: 0px 0px 20px;

  background: url(../img/dot01.gif) repeat-x left bottom;

}

.pro-third {

  padding: 0px 0px 10px;

}

.pro h3, .pro-third h3 {

  margin: 20px 0px;

  padding-bottom: 5px;

  border-bottom: solid #CCCCCC 2px;

}

.pro .p-main-l {

  float: left;

  width: 360px;

  padding: 0px 0px 20px 5px;

}

.corner02-t {

  width: 360px;

  padding-top: 4px;

  background: url(../img/corner_t02.gif) no-repeat left top;

}

.corner02-b {

  width: 360px;

  padding-bottom: 4px;

  background: url(../img/corner_b02.gif) no-repeat left bottom;

}

.pro .p-main-l h1 {

  padding: 5px 0px 5px 25px;

  background: #D7EEFC url(../img/icon01.gif) no-repeat 10px 8px;

  font-size: 14px;

  font-weight: bold;

}

.pro .p-main-l p {

  margin-top: 15px;

  line-height: 1.3;

}

.pro .p-main-r {

  float: right;

  width: 191px;

  padding: 0px 0px 15px;

}

.pro .p-main-r img {

  margin-bottom: 10px;

}

.pro .p-main-r p.order {

  background: url(../img/dot01.gif) repeat-x left top;

  padding-top: 15px;

}

.corner03-t {

  clear: both;

  width: 562px;

  margin-bottom: 20px;

  margin-left: 5px;

  padding-top: 4px;

  background: url(../img/corner_t03.gif) no-repeat left top;

}

.corner03-b {

  width: 562px;

  padding-bottom: 4px;

  background: url(../img/corner_b03.gif) no-repeat left bottom;

}

.pro .p-detail {

  padding: 7px 10px 0px;

  background-color: #EEEEEE;

}

.pro .p-detail dl {

  margin: 5px 0px 0px 10px;

}

.pro .p-detail dt {

  clear: both;

  float: left;

  width: 45px;

  padding: 4px 0px;

}

.pro .p-detail dt img {

  vertical-align: text-top;

}

.pro .p-detail dd {

  margin-left: 45px;

  padding: 4px 0px;

  font-size: 11px;

  line-height: 1.3;

}

.corner04-t {

  width: 562px;

  margin-left: 5px;

  padding-top: 4px;

  background: url(../img/corner_t04.gif) no-repeat left top;

}

.corner04-b {

  width: 562px;

  padding-bottom: 4px;

  background: url(../img/corner_b04.gif) no-repeat left bottom;

}

.pro .p-voice {

  padding: 7px 10px 5px;

  border-right: solid #CCCCCC 1px;

  border-left: solid #CCCCCC 1px;

}

.pro .p-voice dl {

  margin-left: 10px;

}

.pro .p-voice dt {

  font-weight: bold;

  padding: 10px 0px;

}

.pro .p-voice dd {

  margin-bottom: 20px;

  line-height: 1.3;

}

.pro .p-voice p.name {

  margin-left: 10px;

  font-size: 10px;

  line-height: 1.3;

}

.pro .p-voice p.continued {

  margin: -20px 0px 0px;

  text-align: right;

}

.pro p.p-second-l {

  clear: both;

  float: left;

  width: 166px;

  padding-left: 5px;

}

.pro .p-second-r {

  width: 375px;

  margin-left: 186px;

}

.pro .p-second-r h2, .pro .p-second-r p {

  margin-bottom: 10px;

  line-height: 1.3;

}

.pro .p-second-l img, .pro .p-second-r img {

  margin-bottom: 10px;

}

.pro p.all-list {

  clear: both;

  margin-bottom: -10px;

  text-align: right;

}

/*--------------------↓↓ Clear Fix（IE 5は要ハック） --*/

.p-second-r:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



/*for IE 5.5-7*/

.p-second-r {

  display: inline-table;

  zoom:1;

 }



/* Hides from IE-mac \*/

* html .p-second-r { height: 1%; }

.p-second-r { display: block; }

/* End hide from IE-mac */



/*--------------------↑↑ Clear Fix --*/



/* これ以降Mac IE 5のみに適用される \*//*/



.p-second-r { display: block; }



/* これ以降Mac IE 5以外にも適用される */



.pro-third p, .pro-third .corner04-t {

  margin-left: 5px;

}

.pro-third p {

  margin-bottom: 5px;

  line-height: 1.3;

}

.pro-third .corner04-m {

  padding: 5px 0px 0px 20px;

  border-right: solid #CCCCCC 1px;

  border-left: solid #CCCCCC 1px;

}

.pro-third table {

  width: 522px;

  border-collapse:collapse;

}

.pro-third table th {

  width: 145px;

  padding: 10px 5px 10px;

  border-bottom: solid #CCCCCC 1px;

  font-weight: normal;

  text-align: left;

  vertical-align: top;

}

.pro-third table th img {

  margin: 0px 3px;

  vertical-align: text-bottom;

}

.pro-third table td {

  padding: 5px;

  border-bottom: solid #CCCCCC 1px;

}

.pro-third table td span {

  font-size: 10px;

  padding-left: 5px;

}

.pro-third table td input {

  width: 150px;

}

.pro-third table td textarea {

  width: 250px;

}

.pro-third table th.bottom, .pro-third table td.bottom {

  border-bottom: none;

}

.pro-third table td.center {

  padding: 10px 5px;

  border-bottom: none;

}

.pro-third table td.center input {

  width: auto;

}