@charset "utf-8";



/* 全体の設定 */

body {

  background-color:#f7f7f7;

  font: 14px "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}



h1 {

  font-size: 1.5em;

  margin: 1em 0;

}



h2 {

  font-size: 1.2em;

  margin: 1em 0;

}



input[type="text"]:focus, textarea:focus {

  background-color: #ffff99;

}



dt {

  font-weight: bold;

}



img {

   vertical-align:bottom

}



label, input[type="radio"], input[type="checkbox"] {

  cursor: pointer;

}



a:link {

  color: blue;

}



a:visited {

  color: blue;

}



a:hover {

  color: red;

}



caption {

  text-align: left;

  font-weight: bold;

}



#wrapper {

  width: 900px;

  margin: 0 auto;

  box-shadow: 0 0 2px #cccccc;

  background-color: #ffffff;

}



/* ヘッダー */

#header {

  width: 900px;

  border-bottom: 2px solid #E10000;

  margin-bottom: 5px;

  padding: 5px 0;

}



#header a#logo {

  float: left;

  margin-left: 10px;

}



#header_menu {

  float: right;

  margin-right: 10px;

}



#header_menu li {

  display: inline;

  font-size: 12px;

}



#header_menu li a {

  padding-left: 12px;

  background: url(../images/sankaku2.gif) no-repeat left center;

}



#header_menu li a:hover {

  background: url(../images/sankaku3.gif) no-repeat left center;

}



/* パンくずリスト */

#topicpath {

  margin: 0 10px 5px;

  list-style: none;

  font-size: 12px;

}



#topicpath li {

  float: left;

}



/* 申し込みフォームのナビゲーション */

#navigation {

  float: right;

  margin: 0;

}



/* コンテンツ */

#contents {

  width: 685px;

  float: left;

  margin-left: 10px;

  _margin-left: 5px;

  margin-bottom: 20px;

}



#banner {

  overflow: hidden;

  margin-right: -5px;

  margin-top: 5px;

  margin-bottom: 10px;

  _zoom: 1;

}



#banner li{

  float: left;

  margin-right: 5px;

}



#contents h1 {

  margin: 0 0 10px;

  text-indent: 10px;

  line-height: 2em;

  border: 1px solid #E10000;

  border-left-width: 5px;

  background-color: #f5f5f5;

  background-image: -ms-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%);

  background-image: -moz-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%);

  background-image: -o-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%);

  background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #F5F5F5 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFEFEFE, endColorstr=#FFF5F5F5);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFEFEFE, endColorstr=#FFF5F5F5)";

  background-image: linear-gradient(to bottom, #FEFEFE 0%, #F5F5F5 100%);

}



#contents h2 {

  font-size: 1.2em;

  color: #fff;

  line-height: 30px;

  text-indent: 10px;

  margin: 20px 0 0;

  /*border-left: 5px solid #2e2930;*/
  border-left: 5px solid  #E10000;

  /*border-bottom: 1px solid #2e2930;*/
  border-bottom: 1px solid  #E10000;

  background-color: #E10000;

}



#contents h3 {

  margin: 15px 0;

  font-size: 1.1em;

  text-indent: 0.5em;

  border-left: 10px solid #404040;

  border-bottom: 1px solid #404040;

}



#contents h4 {

  margin: 15px 0 10px;

  text-indent: 0.2em;

  border-left: 5px solid #ff9900;

}



.section {

  padding: 20px;

  padding-bottom: 0;

}



.section table {

  width: 100%;

  margin-top: 20px;

}



.section table:first-child {

  margin-top: 0;

}



.section table,.section th,.section td {

  border: 1px solid #999999;

}



.section table th {

  width: 210px;

  text-align: left;

  color: #fff;

  padding: 5px;

  /*background-color: #2e2930;*/
  background-color: #585858;

  vertical-align: top;

  text-shadow: 1px 1px 0 rgba(255,255,255,.5)

}



.section table td {

  padding: 5px;

}



table.spec_in_table,table.spec_in_table th,table.spec_in_table td {

  border: 0;

}



table.spec_in_table th{

  width: 120px;

  font-weight: normal;

  padding: 0;

  background-color: #ffffff;

}



table.spec_in_table td{

  padding: 0;

}



.feature {

  /*margin-bottom: 10px;*/

}



.feature div {

  padding: 10px;

  border: 1px solid #999999;

  float: left;

  margin-right: 10px;

}



.feature dl dd {

  display: list-item;

  list-style: disc inside;

  margin: 0;

}



.tax {

  font-size: 11px;

}



.img {

  float: left;

  margin-right: 15px;

}



.step {

  text-align: right;

}



.step img {

  margin-right: -14px;

  _zoom: 1;

}



.comment {

  font-size: 12px;

  margin: 0;

}



table#price_list, table#price_list th, table#price_list td {

  text-align: center;

}



/* メニュー */

#menu {

  width: 185px;

  float: left;

  margin-left: 10px;

}



#menu ul.menu {

  border: 2px solid #E10000;

  border-bottom: none;

  margin-top: 10px;

}



#menu ul.menu li {

  border-bottom: 2px solid #E10000;

}



#menu ul.menu li p {

  padding: 5px;

  background-color: #FFFAF0;

  border-top: 1px solid #E10000;

}



#menu ul li a {

  background: url(../images/sankaku.gif) no-repeat;

}



#menu ul.menu li a {

  display: block;

  color: #000000;

  padding: 10px 24px;

  background: url(../images/sankaku.gif) no-repeat 10px center;

}



#menu ul.menu li a:hover {

  background-color: #fcece5;

  text-shadow: 1px 1px 0 rgba(51,51,51,0.2);

}



#menu ul.submenu {

  margin-top: 10px;

}



#menu ul.submenu li a {

  display: block;

  padding: 5px 26px;

  background: url(../images/sankaku2.gif) no-repeat 12px 10px;

}



#menu ul.submenu li a:hover {

  background: url(../images/sankaku3.gif) no-repeat 12px 10px;

}



#nav_box {

  border: 2px solid #E10000;

  background-color: #FFFAF0;

  padding: 5px 0;

  text-align: center;

}



#nav_box a.entry {

  display: block;

  width: 170px;

  height: 35px;

  margin: 0 auto 5px;

  text-indent: -9999px;

  /*background: url(../images/mousikomi.gif) no-repeat top;*/
  background: url(../images/mousikomi-170_2.gif) no-repeat top;

}



#nav_box a.kakunin {

  display: block;

  width: 170px;

  height: 35px;

  margin: 0 auto 5px;

  text-indent: -9999px;

  background: url(../images/kakunin.gif) no-repeat top;

}



#nav_box a:hover {

  opacity:0.7;

  filter: alpha(opacity=70);        /* ie lt 8 */

  -ms-filter: "alpha(opacity=70)";  /* ie 8 */

  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */

  -khtml-opacity: 0.7;              /* Safari 1.x */

}



/* FAQ */

#faq_link {

  list-style: square inside;

  padding: 0 20px;

}



dl.faq {

}



dl.faq dt {

  font-size: 1.1em;

  border-bottom: 1px solid #eb3253;

  border-left: 5px solid #eb3253;

  text-indent: -1.5em;

  padding-left: 1.5em;

}



dl.faq dd:first-letter {

  font-size: 1.1em;

  font-weight: bold;

}



dl.faq dd {

  text-indent: -20px;

  padding-left: 20px;

  margin: 0 0 40px 6px;

  padding-top: 5px;

  padding-bottom: 5px;

  background-color: #fcece5;

}



dl.faq dd ul {

  /*padding-left: 1.5em;*/

}



dl.faq dd ul.square {

  list-style-type: square;

}



dl.faq dd ul li {

  text-indent: -1em;

  padding-left: 1em;

}



/* 設定ガイド */

.setting dd {

  text-indent: 0;

  margin-bottom: 2em;

}



.setting dd div {

  float: left;

  width: 245px;

  text-align: center;

}



.setting dd dl{

  overflow: hidden;

  _zoom: 1;

}



.setting dd dl dd{

  margin: 0;

}



.setting ol {

  list-style: decimal inside;

  width: 400px;

  float: right;

}



.setting ol li {

  margin-left: 1em;

  text-indent: -1em;

}



/* フッター */

#footer {

  width: 900px;

  clear: both;

  border-top: 2px solid #E10000;

  text-align: center;

  padding: 10px 0;

}



/* 今すぐお申込み */

div#appli {

  margin: 50px auto;

  padding-bottom: 25px;

}



div#appli a {

  display: block;

  width: 450px;

  height: 70px;

  margin: 0 auto;

  text-indent: -9999px;

  /*background: url(../images/omousikomi.gif) no-repeat;*/
  background: url(../images/mousikomi.png) no-repeat;
  
}



div#appli a:hover {

  opacity:0.7;

  filter: alpha(opacity=70);        /* ie lt 8 */

  -ms-filter: "alpha(opacity=70)";  /* ie 8 */

  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */

  -khtml-opacity: 0.7;              /* Safari 1.x */

}



/* 申し込みページ */

#contents2 {

  width: 700px;

  margin: 0 auto;

}



#contents2 h1 {

  font-size: 1.2em;

  margin-top: 1em;

}



#contents2 pre {

  width: 700px;

  border: 1px solid #999999;

  height: 300px;

  overflow-y: scroll;

  white-space:pre-wrap;

  word-wrap:break-word;

}



#submit {

  margin: 50px auto;

  width: 380px;

  overflow: hidden;

}



#cancel {

  display: block;

  width: 150px;

  height: 50px;

  text-indent: -9999px;

  float: left;

  background: url(../images/cancel.gif) no-repeat;

}



#cancel:hover {

  background-position: bottom;

}



#agree {

  display: block;

  width: 180px;

  height: 50px;

  text-indent: -9999px;

  float: right;

  background: url(../images/agree.gif) no-repeat;

}



#agree:hover {

  background-position: bottom;

}



/* 入力フォーム用のスタイル */

.form_table {

  width: 100%;

  border: 1px solid #c6c6c6;

  border-left: #ff4500 solid 3px;

  margin-bottom: 15px;

}



.form_table th,.form_table td {

  border: 1px solid #c6c6c6;

  padding: 0.5em 1em;

}



.form_table th {

  background: none #ffebcd;

  text-align: left;

  vertical-align: top;

  width: 6em;

}



.form_table_sub th {

  background: none lightpink;

}



.form_table th,.form_table td {

  padding: 0.5em 1em;

}



.form_table th.required img {

  float: right;

}



.form_table th label {

  display: block;

}



.form_table .form_submit {

  text-align: center;

}



.form_table .form_submit div {

  width: 380px;

  margin: 10px auto 0;

}



.form_table .form_submit div p {

  clear: both;

  margin: 0;

  text-align: right;

  font-size: 12px;

}



.form_table .form_submit input {

    display:block;

    margin: 0 auto;

    padding:0;

    border:0;

    text-indent:-9898px;

    font-size: 0px;

    line-height: 0px;

    cursor:pointer;

}



.form_table .form_submit input.submit {

    width:150px;

    height:50px;

    background:url(../images/submit.gif) no-repeat top;

}



.form_table .form_submit input.fixed {

    width:150px;

    height:50px;

    background:url(../images/fixed.gif) no-repeat top;

    float: left;

}



.form_table .form_submit input.remise {

    width:180px;

    height:50px;

    background:url(../images/remise.gif) no-repeat top;

    float: right;

}



.form_table .form_submit input:hover {

  background-position: bottom;

}



.form_table th.th14 {

  width: 14em;

}



table.price {

  width: auto;

}



.form_table th.remark {

  width: auto;

}



.caption {

  margin: 0;

}



.router, .usb {

  width: 50%;

}



.product {

  display: block;

}



/* トップページへ戻るリンク */

p.pagetop {

  text-align: right;

  margin-top: 20px;

  padding-right: 20px;

}



/* new clearfix */

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.img_area {

  width:150px;

  float: left;

}



.commentary {

  margin-left: 170px;

}



.frameset {

  text-align: center;

  margin-top: 20px;

}



.frameset iframe {

  vertical-align: bottom;

}



.ad {

}



.notes {

  margin-top: 10px;

}



.notes li {

  font-size: 12px;

  margin-left: 1em;

  text-indent: -1em;

}



.kiyaku dd {

  margin-left: 1em;

  margin-bottom: 1em;

  text-indent: 0;

}



/* 利用規約 */

iframe.kiyaku {

  width: 645px;

  margin-top: 10px;

  height: 300px;

}



.kiyaku dd dl {

  margin-top: 1em;

}



.kiyaku dd ul {

  margin: 1em 0 1em 1em;

}

.kiyaku dd ul li {

  margin-left: 1.5em;

  text-indent: -1.5em;

}



.red {

  color: red;

}



#contact {

  margin: 10px;

  border: 2px solid #E10000;

  padding: 10px;

  text-align: center;

}



#contact dt {

  margin-bottom: 10px;

}



.caution {

  text-decoration: underline;

  color: red;

  font-size: 16px;

}



.my_list {

  list-style-type: square;

  list-style-position: inside;

}