@charset "UTF-8";


/* メインコンテンツ部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#000、line-heightが1.8emになっています。 */
div#main-inner{
  font-size: 0.85em;
  color: #000;
  line-height: 1.8em;
}

/* テキストリンクの色を指定するところです。
   デフォルトではcolorが#00fになっています。 */
a{
  color: #00f;
}


/* テキストリンクにマウスを乗せたときの色を指定するところです。
   デフォルトではcolorが#009になっています。 */
a:hover{
  color: #009;
}


p{      /*  段落間の広さを指定するところです。デフォルトでは1.5em;になっています。 */
  margin-bottom: 1.5em;
}







/* ▼--------------ここより下を修正する必要はないと思います。--------------------------------▼ */

body{
  min-width: 800px;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, table, p{
  margin: 0;
}

ul, ol{
  padding-left: 20px;
}

th, td{
  vertical-align: top;
}

body{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

div.top-block{
  padding-top: 5px;
}

p#logo, p#logo-side-link, p#phone, p#phone-description{
  margin: 0;
}

div#logo-contents, .navi-inner, table.f-inner{
  margin: 0 auto;
  width: 800px;
}

p#logo{
  width: 400px;
  float: left;
  font-size: 1.5em;
  line-height: 2em;
}

p#logo a{
  color: #000;
}

div#logo-side{
  width: 330px;
  float: right;
  font-size: 0.85em;
  color: #000;
}

p#logo-side-link{
  text-align: right;
  font-size: 0.8em;
}

p#phone{
  font-size: 1.2em;
  font-weight: bold;
  color: #f60;
}

p#phone-description{
  font-size: 0.8em;
}

p#header-image{
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

div#background{
  clear: both;
  padding-top: 10px;
}

#wrapper{
  margin: 0 auto 20px auto;
}

div#main-inner{
  padding: 10px 20px;
}

h1{
  height: 34px;
  padding: 10px 40px 0 0;
  font-size: 1.1em;
  text-align: center;
}

h2, h3, h4, h5, h6{
  font-size: 1.0em;
}

table.f-inner{
  padding: 10px 0;
  font-size: 0.9em;
}

.clearfix:after{
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

* html .clearfix{
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix{
  height: 1%;
}

.clearfix{
  display: block;
}
/* End Hack */ 


/* ▼----------------------------------組み込みクラス ---------------------------------------▼ */

a img{
  border: none;
}

.img-blue{
  border: 8px solid #e6e7ff;
}

.img-gray{
  border: 8px solid #eee;
}

.img-green{
  border: 8px solid #d9ffa7;
}

.img-pink{
  border: 8px solid #ffeeff;
}

.img-yellow{
  border: 8px solid #ffc;
}

.font-small{
  font-size: 0.9em;
}

h1.h1-black{
  background: url("../img/base/h1/black.png") no-repeat;
}

.h1-blue{
  background: url("../img/base/h1/blue.png") no-repeat;
}

.h1-green{
  background: url("../img/base/h1/green.png") no-repeat;
}

.h1-orange{
  background: url("../img/base/h1/orange.png") no-repeat;
}

.h1-red{
  background: url("../img/base/h1/red.png") no-repeat;
}

.headerB-black, .headerB-blue, .headerB-green, .headerB-orange, .headerB-pink, .headerB-red,
.headerC-black, .headerC-blue, .headerC-green, .headerC-orange, .headerC-pink, .headerC-red,
.headerD-black, .headerD-blue, .headerD-green, .headerD-orange, .headerD-pink, .headerD-red{
  padding: 3px 0 0 10px;
}

.headerA{
  margin: 0;
  padding: 5px 0 3px 10px;
  color: #fff;
  background-color: #000;
  font-weight: bold;
}

.headerB-black{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.headerB-blue{
  border-top: 1px solid #00f;
  border-bottom: 1px solid #00f;
}

.headerB-green{
  border-top: 1px solid #390;
  border-bottom: 1px solid #390;
}

.headerB-orange{
  border-top: 1px solid #f60;
  border-bottom: 1px solid #f60;
}

.headerB-pink{
  border-top: 1px solid #f09;
  border-bottom: 1px solid #f09;
}

.headerB-red{
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
}

.headerC-black{
  border-bottom: 2px solid #000;
}

.headerC-blue{
  border-bottom: 2px solid #00f;
}

.headerC-green{
  border-bottom: 2px solid #390;
}

.headerC-orange{
  border-bottom: 2px solid #f60;
}

.headerC-pink{
  border-bottom: 2px solid #f09;
}

.headerC-red{
  border-bottom: 2px solid #f00;
}

.headerD-black{
  border-bottom: 2px dotted #000;
}

.headerD-blue{
  border-bottom: 2px dotted #00f;
}

.headerD-green{
  border-bottom: 2px dotted #390;
}

.headerD-orange{
  border-bottom: 2px dotted #f60;
}

.headerD-pink{
  border-bottom: 2px dotted #f09;
}

.headerD-red{
  border-bottom: 2px dotted #f00;
}

.navi-gray{
  background: #f5f5f5 url("../img/base/navi/gray.png") bottom center repeat-x;
  border-bottom: 1px solid #eee;
  border-bottom: 1px solid #ccc;
}

.navi-gray .navi-inner{
  padding: 5px 0;
  font-size: 0.9em;
  color: #000;
}

.navi-gray a{
  color: #000;
}

.navi-gray a:hover{
  color: #666;
}

.navi-black, .navi-blue, .navi-green, .navi-red{
  height: 42px;
}

/* navi-gray以外 */
.navi-inner{
  padding: 10px 0;
  font-size: 0.9em;
  color: #fff;
}

.navi-black{
  background: #f5f5f5 url("../img/base/navi/black.png") repeat-x;
}

.navi-black a{
  color: #fff;
}

.navi-black a:hover{
  color: #eee;
}

.navi-blue{
  background: #f5f5f5 url("../img/base/navi/blue.png") repeat-x;
}

.navi-blue a{
  color: #fff;
}

.navi-blue a:hover{
  color: #eee;
}

.navi-green{
  background: #f5f5f5 url("../img/base/navi/green.png") repeat-x;
}

.navi-green a{
  color: #fff;
}

.navi-green a:hover{
  color: #eee;
}

.navi-red{
  background: #f5f5f5 url("../img/base/navi/red.png") repeat-x;
}

.navi-red a{
  color: #fff;
}

.navi-red a:hover{
  color: #eee;
}

.background-none, .background-none-border{
  background-color: #fff;
}

.background-black{
  background: url("../img/base/background/black.png");
}

.background-brown{
  background: url("../img/base/background/brown.png");
}

.background-deepgreen{
  background: url("../img/base/background/deepgreen.png");
}

.background-gray{
  background: url("../img/base/background/gray.png");
}

.background-navy{
  background: url("../img/base/background/navy.png");
}

.background-orange{
  background: url("../img/base/background/orange.png");
}

.background-red{
  background: url("../img/base/background/red.png");
}


.background-dot-blue{
  background: url("../img/base/background/dot-blue.png");
}

.background-dot-gray{
  background: url("../img/base/background/dot-gray.png");
}

.background-dot-green{
  background: url("../img/base/background/dot-green.png");
}

.background-dot-pink{
  background: url("../img/base/background/dot-pink.png");
}

.background-net-blue{
  background: url("../img/base/background/net-blue.png");
}

.background-net-gray{
  background: url("../img/base/background/net-gray.png");
}

.background-net-green{
  background: url("../img/base/background/net-green.png");
}

.background-net-orange{
  background: url("../img/base/background/net-orange.png");
}

.background-net-pink{
  background: url("../img/base/background/net-pink.png");
}

.background-check-blue{
  background: url("../img/base/background/check-blue.png");
}

.background-check-green{
  background: url("../img/base/background/check-green.png");
}

.background-check-red{
  background: url("../img/base/background/check-red.png");
}

.background-check2-blue{
  background: url("../img/base/background/check2-blue.png");
}

.background-check2-green{
  background: url("../img/base/background/check2-green.png");
}

.background-check2-pink{
  background: url("../img/base/background/check2-pink.png");
}

.background-black p#logo a, .background-black #logo-side-link a, .background-black p#phone,
.background-black #phone-description,
.background-brown p#logo a, .background-brown #logo-side-link a, .background-brown p#phone,
.background-brown #phone-description,
.background-deepgreen p#logo a, .background-deepgreen #logo-side-link a, .background-deepgreen p#phone,
.background-deepgreen #phone-description,
.background-navy p#logo a, .background-navy #logo-side-link a, .background-navy p#phone,
.background-navy #phone-description,
.background-orange p#logo a, .background-orange #logo-side-link a, .background-orange p#phone,
.background-orange #phone-description,
.background-red p#logo a, .background-red #logo-side-link a, .background-red p#phone,
.background-red #phone-description,
.background-check-blue p#logo a, .background-check-blue #logo-side-link a, .background-check-blue p#phone,
.background-check-blue #phone-description,
.background-check-green p#logo a, .background-check-green #logo-side-link a, .background-check-green p#phone,
.background-check-green #phone-description,
.background-check-red p#logo a, .background-check-red #logo-side-link a, .background-check-red p#phone,
.background-check-red #phone-description
{
  color: #fff;
}

.background-none-border #wrapper,
.background-gray #wrapper,
.background-dot-blue #wrapper, .background-dot-gray #wrapper, .background-dot-green #wrapper, .background-dot-pink #wrapper,
.background-check-blue #wrapper, .background-check-green #wrapper, .background-check-red #wrapper,
.background-check2-blue #wrapper, .background-check2-green #wrapper, .background-check2-pink #wrapper{
  width: 780px;
  padding: 20px 10px 0 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.background-none #wrapper, .background-black #wrapper, .background-brown #wrapper, .background-navy #wrapper,
.background-deepgreen #wrapper, .background-orange #wrapper, .background-red #wrapper,
.background-net-blue #wrapper, .background-net-gray #wrapper, .background-net-green #wrapper,
.background-net-orange #wrapper, .background-net-pink #wrapper{
  width: 782px;
  padding: 20px 10px 0 10px;
  background-color: #fff;
}

table.tableA-black, .tableA-blue, .tableA-gray, .tableA-green, .tableA-red,
table.tableB-black, .tableB-blue, .tableB-gray, .tableB-green, .tableB-red, .tableC{
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  line-height: 1.5em;
}

.tableA-black th, .tableA-black td, .tableA-blue th, .tableA-blue td, .tableA-gray th, .tableA-gray td,
.tableA-green th, .tableA-green td, .tableA-red th, .tableA-red td,
.tableB-black th, .tableB-black td, .tableB-blue th, .tableB-blue td, .tableB-gray th, .tableB-gray td,
.tableB-green th, .tableB-green td, .tableB-red th, .tableB-red td,
.tableC th, .tableC td{
  padding: 5px;
}

.tableA-black, .tableA-black th, .tableA-black td, .tableB-black{
  border: 1px solid #000;
}

.tableA-blue, .tableA-blue th, .tableA-blue td, .tableB-blue{
  border: 1px solid #00f;
}

.tableA-gray, .tableA-gray th, .tableA-gray td, .tableB-gray{
  border: 1px solid #ccc;
}

.tableA-green, .tableA-green th, .tableA-green td, .tableB-green{
  border: 1px solid #390;
}

.tableA-red, .tableA-red th, .tableA-red td, .tableB-red{
  border: 1px solid #f00;
}

.tableB-black th, .tableB-black td{
  border: 1px dotted #000;
}

.tableB-blue th, .tableB-blue td{
  border: 1px dotted #00f;
}

.tableB-gray th, .tableB-gray td{
  border: 1px dotted #ccc;
}

.tableB-green th, .tableB-green td{
  border: 1px dotted #390;
}

.tableB-red th, .tableB-red td{
  border: 1px dotted #f00;
}

.tableC th, .tableC td{
  border-bottom: 1px dotted #000;
}

div.blockA-black, .blockA-blue, .blockA-gray, .blockA-green, .blockA-red, .blockA-pink, .blockA-yellow,
.blockB-black, .blockB-blue, .blockB-gray, .blockB-green, .blockB-red,
.blockC-black, .blockC-blue, .blockC-gray, .blockC-green, .blockC-orange, .blockC-red, .blockC-pink, .blockC-yellow,
.blockC-lightblue, .blockC-lightgreen, .blockC-lightpink, .blockC-lightyellow,
.block-section{
  padding: 5px;
}

.blockA-black{
  border: 1px solid #000;
}

.blockA-blue{
  border: 1px solid #00f;
}

.blockA-gray{
  border: 1px solid #ccc;
}

.blockA-green{
  border: 1px solid #6c3;
}

.blockA-pink{
  border: 1px solid #fcc;
}

.blockA-red{
  border: 1px solid #f00;
}

.blockA-yellow{
  border: 1px solid #fc0;
}

.blockB-black{
  border: 1px dashed #000;
}

.blockB-blue{
  border: 1px dashed #00f;
}

.blockB-gray{
  border: 1px dashed #ccc;
}

.blockB-green{
  border: 1px dashed #390;
}

.blockB-red{
  border: 1px dashed #f00;
}

.blockC-black{
  border: 10px solid #000;
}

.blockC-blue{
  border: 10px solid #00f;
}

.blockC-gray{
  border: 10px solid #eee;
}

.blockC-green{
  border: 10px solid #6c3;
}

.blockC-orange{
  border: 10px solid #f90;
}

.blockC-pink{
  border: 10px solid #fcc;
}

.blockC-red{
  border: 10px solid #f00;
}

.blockC-yellow{
  border: 10px solid #ff0;
}

.blockC-lightblue{
  border: 10px solid #d0e2fa;
}

.blockC-lightgreen{
  border: 10px solid #daf0cc;
}

.blockC-lightpink{
  border: 10px solid #ffeaf5;
}

.blockC-lightyellow{
  border: 10px solid #fffecc;
}

ul.list-check-black li, .list-check-blue li, .list-check-green li, .list-check-red li{
  list-style: none;
  margin-bottom: 8px;
  padding: 5px 0 5px 40px;
  min-height: 21px;
  height: auto !important;
  height: 21px;
}

.list-check-black li{
  background: url("../img/base/list/list-check-black.png") no-repeat;
}

.list-check-blue li{
  background: url("../img/base/list/list-check-blue.png") no-repeat;
}

.list-check-green li{
  background: url("../img/base/list/list-check-green.png") no-repeat;
}

.list-check-red li{
  background: url("../img/base/list/list-check-red.png") no-repeat;
}

.list-circle-black li, .list-circle-blue li, .list-circle-green li, .list-circle-red li{
  list-style: none;
  padding-left: 28px;
}

.list-circle-black li{
  background: url("../img/base/list/list-circle-black.png") no-repeat left center;
}

.list-circle-blue li{
  background: url("../img/base/list/list-circle-blue.png") no-repeat left center;
}

.list-circle-green li{
  background: url("../img/base/list/list-circle-green.png") no-repeat left center;
}

.list-circle-red li{
  background: url("../img/base/list/list-circle-red.png") no-repeat left center;
}

ul.list-squareA-black li, .list-squareA-blue li, .list-squareA-green li, .list-squareA-red li,
.list-squareB-black li, .list-squareB-blue li, .list-squareB-green li, .list-squareB-red li{
  list-style: none;
  margin-bottom: 8px;
}

.list-squareA-black li, .list-squareA-blue li, .list-squareA-green li, .list-squareA-red li{
  padding: 0 0 0 25px;
  min-height: 24px;
  height: auto !important;
  height: 24px;
}

.list-squareB-black li, .list-squareB-blue li, .list-squareB-green li, .list-squareB-red li{
  padding: 3px 0 3px 25px;
  min-height: 18px;
  height: auto !important;
  height: 18px;
  border-bottom: 1px dotted #000;
}

.list-squareA-black li, .list-squareB-black li{
  background: url("../img/base/list/list-square-black.png") no-repeat left center;
}

.list-squareA-blue li, .list-squareB-blue li{
  background: url("../img/base/list/list-square-blue.png") no-repeat left center;
}

.list-squareA-green li, .list-squareB-green li{
  background: url("../img/base/list/list-square-green.png") no-repeat left center;
}

.list-squareA-red li, .list-squareB-red li{
  background: url("../img/base/list/list-square-red.png") no-repeat left center;
}

div.no1-black, .no2-black, .no3-black, .no4-black, .no5-black, .no6-black, .no7-black, .no8-black, .no9-black,
.no1-blue, .no2-blue, .no3-blue, .no4-blue, .no5-blue, .no6-blue, .no7-blue, .no8-blue, .no9-blue,
.no1-green, .no2-green, .no3-green, .no4-green, .no5-green, .no6-green, .no7-green, .no8-green, .no9-green{
  margin: 0 0 8px 15px;
  padding: 5px 0 5px 40px;
  min-height: 24px;
  height: auto !important;
  height: 24px;
}

.no1-black{
  background: url("../img/base/no/no1-black.png") no-repeat;
}

.no2-black{
  background: url("../img/base/no/no2-black.png") no-repeat;
}

.no3-black{
  background: url("../img/base/no/no3-black.png") no-repeat;
}

.no4-black{
  background: url("../img/base/no/no4-black.png") no-repeat;
}

.no5-black{
  background: url("../img/base/no/no5-black.png") no-repeat;
}

.no6-black{
  background: url("../img/base/no/no6-black.png") no-repeat;
}

.no7-black{
  background: url("../img/base/no/no7-black.png") no-repeat;
}

.no8-black{
  background: url("../img/base/no/no8-black.png") no-repeat;
}

.no9-black{
  background: url("../img/base/no/no9-black.png") no-repeat;
}

.no1-blue{
  background: url("../img/base/no/no1-blue.png") no-repeat;
}

.no2-blue{
  background: url("../img/base/no/no2-blue.png") no-repeat;
}

.no3-blue{
  background: url("../img/base/no/no3-blue.png") no-repeat;
}

.no4-blue{
  background: url("../img/base/no/no4-blue.png") no-repeat;
}

.no5-blue{
  background: url("../img/base/no/no5-blue.png") no-repeat;
}

.no6-blue{
  background: url("../img/base/no/no6-blue.png") no-repeat;
}

.no7-blue{
  background: url("../img/base/no/no7-blue.png") no-repeat;
}

.no8-blue{
  background: url("../img/base/no/no8-blue.png") no-repeat;
}

.no9-blue{
  background: url("../img/base/no/no9-blue.png") no-repeat;
}

.no1-green{
  background: url("../img/base/no/no1-green.png") no-repeat;
}

.no2-green{
  background: url("../img/base/no/no2-green.png") no-repeat;
}

.no3-green{
  background: url("../img/base/no/no3-green.png") no-repeat;
}

.no4-green{
  background: url("../img/base/no/no4-green.png") no-repeat;
}

.no5-green{
  background: url("../img/base/no/no5-green.png") no-repeat;
}

.no6-green{
  background: url("../img/base/no/no6-green.png") no-repeat;
}

.no7-green{
  background: url("../img/base/no/no7-green.png") no-repeat;
}

.no8-green{
  background: url("../img/base/no/no8-green.png") no-repeat;
}

.no9-green{
  background: url("../img/base/no/no9-green.png") no-repeat;
}

div.answer-blue, .answer-gray, .answer-green, .answer-orange, .answer-pink,
.question-blue, .question-gray, .question-green, .question-orange, .question-pink{
  padding: 8px 5px 5px 40px;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  background-position: 3px 2px;
  background-repeat: no-repeat;
}

.answer-blue, .answer-gray, .answer-green, .answer-orange, .answer-pink{
  margin: 0 0 0 40px;
}

.answer-blue{
  background-image: url("../img/base/qa/a-blue.png");
}

.answer-gray{
  background-image: url("../img/base/qa/a-gray.png");
}

.answer-green{
  background-image: url("../img/base/qa/a-green.png");
}

.answer-orange{
  background-image: url("../img/base/qa/a-orange.png");
}

.answer-pink{
  background-image: url("../img/base/qa/a-pink.png");
}

.question-blue, .question-gray, .question-green, .question-orange, .question-pink{
  margin: 0 0 10px 5px;
  border: 1px solid #ccc;
}

.question-blue{
  background-image: url("../img/base/qa/q-blue.png");
}

.question-gray{
  background-image: url("../img/base/qa/q-gray.png");
}

.question-green{
  background-image: url("../img/base/qa/q-green.png");
}

.question-orange{
  background-image: url("../img/base/qa/q-orange.png");
}

.question-pink{
  background-image: url("../img/base/qa/q-pink.png");
}

hr.line-black{
  color: #000;
}

.line-blue{
  color: #00f;
}

.line-green{
  color: #3c0;
}

.line-orange{
  color: #f60;
}

.line-pink{
  color: #f09;
}

.line-red{
  color: #f00;
}

div.footer-none{

}

.footer-none a{
  color: #000;
}

.footer-black{
  background: url("../img/base/footer/black.png");
}

.footer-blue{
  border-top:5px solid #009;
  background: url("../img/base/footer/blue.png");
}

.footer-gray{
  background: url("../img/base/footer/gray.png");
}

.footer-green{
  border-top: 5px solid #360;
  background: url("../img/base/footer/green.png");
}

.footer-pink{
  border-top: 5px solid #f0f;
  background: url("../img/base/footer/pink.png");
}

.footer-white{
  border-top: 5px solid #000;
  background: url("../img/base/footer/white.png");
}

.footer-yellow{
  border-top: 5px solid #f90;
  background: url("../img/base/footer/yellow.png");
}

.footer-border-black, .footer-border-blue, .footer-border-green, .footer-border-orange, .footer-border-pink, .footer-border-red{
  background-color: #fff;
}

.footer-border-black{
  border-top:5px solid #000;
}

.footer-border-blue{
  border-top:5px solid #009;
}

.footer-border-green{
  border-top:5px solid #360;
}

.footer-border-orange{
  border-top:5px solid #f90;
}

.footer-border-pink{
  border-top:5px solid #f0f;
}

.footer-border-red{
  border-top:5px solid #f00;
}

.footer-grad-blue{
  background: #008 url("../img/base/footer/blue-g.png") repeat-x;
}

.footer-grad-green{
  background: #060 url("../img/base/footer/green-g.png") repeat-x;
}

.footer-grad-orange{
  background: #f90 url("../img/base/footer/orange-g.png") repeat-x;
}

.footer-grad-red{
  background: #f00 url("../img/base/footer/red-g.png") repeat-x;
}

.footer-net-blue{
  background: url("../img/base/background/net-blue.png");
}

.footer-net-gray{
  background: url("../img/base/background/net-gray.png");
}

.footer-net-green{
  background: url("../img/base/background/net-green.png");
}

.footer-net-orange{
  background: url("../img/base/background/net-orange.png");
}

.footer-net-pink{
  background: url("../img/base/background/net-pink.png");
}

.footer-dot-blue{
  background: url("../img/base/background/dot-blue.gif");
}

.footer-dot-gray{
  background: url("../img/base/background/dot-gray.gif");
}

.footer-dot-green{
  background: url("../img/base/background/dot-green.gif");
}

.footer-dot-pink{
  background: url("../img/base/background/dot-pink.gif");
}

.footer-black, .footer-black a, .footer-grad-blue, footer-grad-blue a, .footer-grad-green,
.footer-grad-green a,  .footer-grad-orange, footer-grad-orange a, .footer-grad-red, .footer-grad-red a{
  color: #fff;
}