@charset "utf-8";
html {
  height: 100%;
  margin: 0 auto;
}
body {
  background:#FFFFFF;
  font-family: メイリオ,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,”ＭＳ Ｐゴシック”,sans-serif;
  width: 100%;
  color:#333333;
  min-width: 1100px;
}
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
/* ヘッダー */
header {
  margin: 0 auto;
  border-bottom: solid 8px #4B0E16;
}
#head-topic {
  padding: 11px 0 12px;
  margin-bottom:20px;
  width: 100%;
  font-size: 12px;
  color: #4C0D14;
  font-weight: bold;
  background-color: #EEDEDC;
}
#topic {
  margin: 0 auto;
  width: 950px;
}
#logo {
  display: block;
  float: left;
  margin-right: 50px;
  width: 122px;
  height: 75px;
  background: url(../imgs/logo.png) no-repeat;
}
#logo > a {
  display: block;
  width: 122px;
  height: 75px;
}
/* メニュー */
#header-menu {
  margin: 0 auto;
  height: 92px;
  width: 950px;
}
ul#menu {
  list-style: none;
}
ul#menu li {
  float: left;
  width: 110px;
  height: 100px;
}
ul#menu li > a {
  display: block;
  width: 110px;
  height: 100px;
}
li#menu-per {
  background: url(../imgs/personal.png) no-repeat;
}
li#menu-com {
  background: url(../imgs/company.png) no-repeat;
}
li#menu-acc {
  background: url(../imgs/access.png) no-repeat;
}
li#menu-faq {
  background: url(../imgs/faq.png) no-repeat;
}
li#menu-con {
  background: url(../imgs/contact.png) no-repeat;
}
li#menu-mer {
  background: url(../imgs/merit.png) no-repeat;
}
li#menu-pro {
  background: url(../imgs/profile.png) no-repeat;
}
li#menu-per:hover {
  background: url(../imgs/personal_h.png) no-repeat;
}
li#menu-com:hover {
  background: url(../imgs/company_h.png) no-repeat;
}
li#menu-acc:hover {
  background: url(../imgs/access_h.png) no-repeat;
}
li#menu-faq:hover {
  background: url(../imgs/faq_h.png) no-repeat;
}
li#menu-con:hover {
  background: url(../imgs/contact_h.png) no-repeat;
}
li#menu-mer:hover {
  background: url(../imgs/merit_h.png) no-repeat;
}
li#menu-pro:hover {
  background: url(../imgs/profile_h.png) no-repeat;
}
li#menu-per-linked {
  background: url(../imgs/personal_h.png) no-repeat;
}
li#menu-com-linked {
  background: url(../imgs/company_h.png) no-repeat;
}
li#menu-acc-linked {
  background: url(../imgs/access_h.png) no-repeat;
}
li#menu-faq-linked {
  background: url(../imgs/faq_h.png) no-repeat;
}
li#menu-con-linked {
  background: url(../imgs/contact_h.png) no-repeat;
}
li#menu-mer-linked {
  background: url(../imgs/merit_h.png) no-repeat;
}
li#menu-pro-linked {
  background: url(../imgs/profile_h.png) no-repeat;
}
/* トップ */
#wrap {
  margin: 0 auto;
  width: 950px;
}
#top-menu {
  margin: 0 auto;
  padding: 45px 0 60px;
  width: 950px;
}
#top-menu > div {
  display: inline-block;
  margin-bottom:18px;
  float: left;
}
#per-top {
  margin-right: 23px;
  width: 520px;
  height: 170px;
  background: url(../imgs/per_top.png) no-repeat;
}
#per-top > a {
  display: block;
  width: 520px;
  height: 170px;
  text-decoration: none;
}
#per-top > a > p {
  padding:90px 0 0 116px;
  width: 382px;
  height: 44px;
  font-size: 14px;
  line-height: 1.6;
  color: #7F2806;
}
#com-top {
  width: 406px;
  height: 170px;
  background: url(../imgs/com_top.png) no-repeat;
}
#com-top > a {
  display: block;
  width: 406px;
  height: 170px;
  text-decoration: none;
}
#com-top > a > p{
  padding: 90px 0 0 116px;
  width: 271px;
  height: 44px;
  font-size: 14px;
  line-height: 1.6;
  color: #3F6600;
}
#acc-top {
  margin-right: 23px;
  width: 220px;
  height: 150px;
  background: url(../imgs/acc_top.png) no-repeat;
}
#acc-top > a {
  display: block;
  width: 220px;
  height: 150px;
}
#faq-top {
  margin-right: 23px;
  width: 220px;
  height: 150px;
  background: url(../imgs/faq_top.png) no-repeat;
}
#faq-top > a {
  display: block;
  width: 220px;
  height: 150px;
}
#mer-top {
  margin-right: 23px;
  width: 220px;
  height: 150px;
  background: url(../imgs/mer_top.png) no-repeat;
}
#mer-top > a {
  display: block;
  width: 220px;
  height: 150px;
}
#pro-top {
  width: 220px;
  height: 150px;
  background: url(../imgs/pro_top.png) no-repeat;
}
#pro-top a{
  display: block;
  width: 220px;
  height: 150px;
}

/* facebook */
#fb {
  margin-bottom: 18px;
  width: 455px;  /*1110変更*/
  height: 500px;
  float:left;
}
/*#new {
  width: 450px;
  height: 24px;
  background: url(../imgs/new_top.png) no-repeat;
}*/
#fb-button {
  width: 250px;
  height: 30px;
  background: url(../imgs/fb_top.png) no-repeat;
  margin-bottom: 7px;
}
#fb-button a {
  display: inline-block;
  width: 250px;
  height: 30px;
  margin-bottom: 10px;
}
#fb-field {
  clear:both;
  margin-bottom: 25px;
  height: 480px;
  width: 460px;
  background-color: #FFFFFF;
  border: 1px solid #37559D;
}

/* トップ用カレンダー　*/
#top-cal {
  float: right;
  margin-bottom: 70px;
}

/* アクセス */
#top-access {
  clear:both;
  margin: 0 auto;
  margin-bottom: 60px;
  width:950px;
  height: 300px;
}
#map {
  width: 400px;
  margin-right: 45px;
  float: left;
}
#map-img {
  background: url(../imgs/map.png);
  width: 400px;
  height: 260px;
}
#map-button {
  margin: 0 auto;
  margin-top: 10px;
  width: 198px;
  height: 24px;
  background: url(../imgs/google_map.png) no-repeat;
}
#map-button > a{
  display: block;
  width: 198px;
  height: 24px;
}
#top-address {
  height: 300px;
}
#company-name {
  margin-bottom: 20px;
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #2B705D;
}
#company-address {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.6;
}
#working {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #2B705D;
}
#working-hour {
  width: 500px;
  height: 89px;
  border: 3px solid #EFEEE4;
    border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
#working-hour td {
  padding: 13px;
  font-size: 14px;
}
.dotted{
  border-bottom: 2px dotted #EFEEE4;
}
.working-time {
  color: #2B705D;
}

/* 問い合わせボタン */
#top-contact {
  clear:both;
  margin: 0 auto;
  margin-bottom: 20px;
  background: url(../imgs/contact_top.png) no-repeat;
  width: 950px;
  height: 90px;
}
#top-contact > a {
  display: block;
  width: 950px;
  height: 90px;
  text-decoration: none;
}
#top-contact > a > p{
  padding: 32px 195px;
  font-size: 28px;
  font-weight: bold;
  color: #FDFDFD;
}
/* ページトップボタン */
#page-top {
  clear: both;
  margin-bottom: 10px;
}
.page-button {
  display: block;
  float:right;
  width: 60px;
  height: 74px;
  position: fixed;
  right: 10px;
  bottom: 60px;
  background: url(../imgs/page_top.png) no-repeat;
}
/* フッター　*/
footer {
  clear: both;
  background-color: #810400;
}
#foot {
  margin: 0 auto;
  margin-top: 100px;
  background: url(../imgs/footer.png) no-repeat;
  width:1100px;
  height: 60px;
}
#copy {
  margin: 0 auto;
  width:950px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding-top: 26px;
  text-align: right;
}
/* サイドバー */
#side-menu {
  width: 200px;
  float: right;
  margin-bottom: 80px;
}
#res-flow {
  width: 200px;
  height: 120px;
  margin-bottom:25px;
  background: url(../imgs/side_icon.png);;
      border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
#res-flow > a{
  display: inline-block;
  width: 200px;
  height: 120px;
  text-decoration: none;
}
#res-flow > a > p{
  margin: 0 auto;
  padding: 20px 0 7px 0;
  width: 170px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.2;
}
#reservation {
  background-color: #470F2B;
  text-align: center;
  height: 50px;
      border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}
#res-text {
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.2;
  color:#FFFFFF;
}
#mail-form {
  width: 200px;
  height: 65px;
  background: url(../imgs/mail.png);
  border-bottom: 1px solid #7F0000;
}
#mail-form > a {
  text-decoration: none;
  display:block;
  width: 200px;
  height: 60px;
}
#mail-form > a > p {
  padding: 24px 0 0 55px;
  font-size: 16px;
  font-weight: bold;
  color: #7F0000;
}
#tel {
  width: 200px;
  height: 85px;
  background: url(../imgs/tel.png) no-repeat;
}
#tel-number {
  padding: 14px 0 0 55px;
  font-size: 16px;
  font-weight: bold;
  color: #7F0000;
}
#tel-text {
  font-size: 12px;
  line-height: 1.6;
  padding: 14px 0 0 15px;
}
#side-working {
  width: 200px;
  height: 92px;
  margin-bottom: 15px;
  background: url(../imgs/working.png) no-repeat;
  padding: 12px 0 0 12px;
}
#side-working td {
  font-size: 14px;
  line-height: 1.2;
  color: #FFFFFF;
  padding: 0 0 3px 0;
}
#side-fb {
  width: 200px;
  height: 70px;
  background: url(../imgs/side_fb.png) no-repeat;
  position: relative;
}
#side-fb a {
  position: absolute;
  width: 200px;
  height: 70px;
  padding: 12px;
  text-decoration: none;
}
#fb-icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(../imgs/fb_liezo.png) no-repeat;
  float: left;
}
#fb-text {
  display: inline-block;
  padding: 10px 0 0 15px;
  width: 113px;
  height: 46px;
  font-size: 14px;
  line-height: 1.2;
  color: #FFFFFF;
}

/* personal.html */
#breadcrumb {
  width: 100%;
  height: 100px;
  margin-bottom: 50px;
}
.per-bread-color {
  background-color: #7F2A0F;
}
.com-bread-color {
  background-color: #406800;
}
.acc-bread-color {
  background-color: #2B705D;
}
.faq-bread-color{
  background-color: #44517F;
}
.con-bread-color{
  background-color: #480D2B;
}
.flow-bread-color {
  background-color: #86626E;
}
.mer-bread-color{
  background-color: #3D4E51;
}
.pro-bread-color{
  background-color: #2F3333;
}
#bread {
  margin: 0 auto;
  width:1100px;
  height: 100px;
}
.per-bread {
  background: url(../imgs/personal_head.png) no-repeat;
}
.com-bread {
  background: url(../imgs/company_head.png) no-repeat;
}
.acc-bread {
  background: url(../imgs/access_head.png) no-repeat;
}
.faq-bread {
  background: url(../imgs/faq_head.png) no-repeat;
}
.con-bread {
  background: url(../imgs/contact_head.png) no-repeat;
}
.flow-bread {
  background: url(../imgs/flow_head.png) no-repeat;
}
.mer-bread {
  background: url(../imgs/merit_head.png) no-repeat;
}
.pro-bread {
  background: url(../imgs/profile_head.png) no-repeat;
}
#bread-tag {
  margin: 0 auto;
  width: 950px;
  padding-top: 3px;
}
.bread-page {
  font-size: 12px;
  text-decoration: none;
  color: #FFFFFF;
}
#bread-arrow {
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url(../imgs/bread_arrow.png) no-repeat;
}
#page-title {
  display: inline-block;
  margin: 25px 52px 0 75px;
  width: 316px;
  height: 45px;
  font-size: 30px;
  color: #FFFFFF;
  float: left;
}
#con-page-title {
  display: inline-block;
  margin: 25px 52px 0 75px;
  width: 450px;
  height: 45px;
  font-size: 30px;
  color: #FFFFFF;
  float: left;
}
#page-com {
  font-size: 14px;
  line-height: 1.6;
  color:#FFFFFF;
  float: left;
  margin-left: -8px;
}
#page-exp {
  display: inline-block;
  margin-top: 22px;
  width: 382px;
  height: 44px;
  font-size: 14px;
  line-height: 1.6;
  color:#FFFFFF;
}
#content {
  width: 700px;
  float: left;
}
h1 {
  margin: 0 auto;
  width: 700px;
  font-size: 24px;
  margin-bottom: 50px;
}
.sub-topic {
  margin-bottom: 65px;
}
#sub-title {
  font-size: 20px;
  color: #4C0D14;
}
.tp-icon{
  width: 26px;
  height: 27px;
  float: left;
  margin-right: 10px;
}
.per-tp-icon {
  background: url(../imgs/tp_icon.png) no-repeat;
}
.com-tp-icon {
  background: url(../imgs/com_tp_icon.png) no-repeat;
}
.acc-tp-icon {
  background: url(../imgs/acc_tp_icon.png) no-repeat;
}
.con-tp-icon {
  background: url(../imgs/con_tp_icon.png) no-repeat;
}
.mer-tp-icon {
  background: url(../imgs/mer_tp_icon.png) no-repeat;
}
.faq-tp-icon {
  margin: 3px;
  background: url(../imgs/faq_tp_icon.png) no-repeat;
}
.pro-tp-icon {
  background: url(../imgs/pro_tp_icon.png) no-repeat;
}
.tp-title {
  padding-top: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
.per-color {
  color: #4C0D14;
}
.com-color {
  color: #3F6800;
}
.acc-color {
  color: #26705D;
  margin-bottom: 50px;
}
.con-color {
  color: #480D2B;
}
.mer-color {
  color: #3D4E51;
}
.faq-color {
  margin: 3px 3px 3px 8px;
  color: #44517F;
  display: inline-block;
  float: left;
}
.pro-color {
  color: #2F3333;
  margin: 3px 3px 3px 8px;
  display: inline-block;
  float: left;
}
.tp-text {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  width: 699px;
  color: #333333;
}
.tp-text > a {
  color:#4B8BCB;
}
.tp-arrow {
  margin: 0 auto;
  margin-bottom: 20px;
  background: url(../imgs/tp_arrow.png) no-repeat;
  width: 34px;
  height: 26px;
}
.tp-query {
  margin: 0 auto;
  width: 562px;
  height: 124px;
  border: solid 3px #EFEEE4;
      border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
.tp-query p{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  color: #D96D00;
  float: left;
}
#look {
  margin: 50px 0 0 30px;
}
#look-icon {
  background: url(../imgs/look_icon.png) no-repeat;
  margin: 10px 30px 0 0;
  width:43px;
  height: 106px;
  float: right;
}
#cry {
  margin: 35px 0 0 30px;
  width: 364px;
  line-height: 1.6;
}
#cry-icon{
  background: url(../imgs/cry_icon.png) no-repeat;
  margin: 15px 30px 0 0;
  width:30px;
  height: 99px;
  float: right;
}
#consider {
  margin: 35px 0 0 30px;
  width: 364px;
  line-height: 1.6;
}
#consider-icon{
  background: url(../imgs/consider_icon.png) no-repeat;
  margin: 20px 30px 0 0;
  width:72px;
  height: 90px;
  float: right;
}
/* 悩み　*/
#exp {
  width: 660px;
  height: 372px;
  margin-bottom: 40px;
  padding: 20px;
  background-color: #EFEEE4;
        border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
#exp-logo {
  float: left;
  margin: 12px 50px 0 10px;
  width: 122px;
  height: 75px;
  background: url(../imgs/logo.png) no-repeat;
}
#exp-topic {
  width: 464px;
  height: 110px;
  float: right;
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  margin-bottom: 23px;
}
.bold {
  font-weight: bold;
}
.exp-list {
  padding-top: 22px;
  width: 660px;
}
.exp-list div{
  margin: 0 0 10px 10px;
  font-size: 14px;
  display: inline-block;
  background-color: #FFFFFF;
          border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
}
#exp-1 {
  padding: 13px 51px 13px 52px;
  width: 212px;
  line-height: 1.6;
}
#exp-2 {
  padding: 13px 0px 13px 10px;
  width: 304px;
  line-height: 1.6;
}
#exp-3 {
  padding: 13px 15px 13px 39px;
  width: 260px;
  line-height: 1.6;
}
#exp-4 {
  padding: 13px 24px 13px 30px;
  width: 260px;
  line-height: 1.6;
}
#exp-5 {
  padding: 24px 33px 24px 70px;
  width: 212px;
  line-height: 1.6;
}
#exp-6 {
  padding: 24px 12px 24px 12px;
  width: 291px;
  line-height: 1.6;
}
/* 料金 */
#fee-topic {
  display: inline-block;
  margin: 0 12px 0 2px;
  width: 148px;
  font-size: 16px;
  font-weight: bold;
  color: #6E6B57;
}
#fee-com {
  margin: 0 0 5px 0;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
}
#fee-table {
  width: 700px;
  margin-bottom: 30px;
    border: 3px solid #EFEEE4;
    border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
#fee-table th {
  padding: 12px;
  width: 200px;
  text-align:left;
}
#fee-table td {
  padding: 12px;
  font-size: 14px;
}

/* company.html */
.tp-sub-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  color:#333333;
  margin-left: -5px;
  margin-bottom: 10px;
}
/* 相談例 */
.exa-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 3px;
}
.example {
  width: 650px;
  height: 235px;
  margin-bottom: 40px;
  padding: 25px;
  background-color: #EFEEE4;
        border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
.exa-list {
  width: 660px;
}
.exa-list div{
  display: inline-block;
  margin: 5px;
  background-color: #FFFFFF;
          border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  float:left;
}
#exa-1 {
  padding: 13px 18px 13px 18px;
  width: 279px;
  line-height: 1.6;
}
#exa-2 {
  padding: 13px 15px 13px 15px;
  width: 285px;
  line-height: 1.6;
}
#exa-3 {
  padding: 24px 50px 24px 50px;
  width: 215px;
  line-height: 1.6;
}
#exa-4 {
  padding: 13px 30px 13px 30px;
  width: 255px;
  line-height: 1.6;
}
#exa-5 {
  padding: 13px 43px 13px 44px;
  width: 228px;
  line-height: 1.6;
}
#exa-6 {
  padding: 13px 14px 13px 15px;
  width: 286px;
  line-height: 1.6;
}
/* 契約料金 */
.con-price-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 3px;
}
.con-price {
  padding: 10px 10px 10px 15px;
  width: 680px;
  line-height: 1.6;
  border: solid 3px #EFEEE4;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
.con-price p{
  font-size: 14px;
}
#con-exa-1 {
  padding: 13px 18px 13px 18px;
  width: 279px;
  line-height: 1.6;
}
#con-exa-2 {
  padding: 13px 15px 13px 15px;
  width: 285px;
  line-height: 1.6;
}
#con-exa-3 {
  padding: 13px 19px 13px 20px;
  width: 276px;
  line-height: 1.6;
}
#con-exa-4 {
  padding: 13px 13px 13px 13px;
  width: 289px;
  line-height: 1.6;
}
#con-exa-5 {
  padding: 13px 21px 13px 22px;
  width: 597px;
  line-height: 1.6;
}
/* access.html */
/* 電話 */
#tel-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 15px;
}
#tel-field {
  width: 650px;
  height: 39px;
  padding: 25px;
  margin-bottom: 30px;
  background-color: #EFEEE4;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
#tel-icon {
  width: 49px;
  height: 40px;
  background: url(../imgs/tel_icon.png) no-repeat;
  float: left;
}
#tel-num {
  display: inline-block;
  margin: 10px 0 0 30px;
  font-size: 28px;
  font-weight: bold;
  width: 220px;
  height: 42px;
  float: left;
}
#tel-com {
  display: inline-block;
  margin: 20px 0 0 20px;
  font-size: 12px;
}
/* 営業時間 */
#working-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 5px;
}
/* 地図 */
#acc-map {
  margin:70px 45px 40px 0;
  width: 400px;
  float: left;
}
#address {
  margin-top: 70px;
}
#add-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 5px;
}
#add-text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
}
#acc-map-button {
  margin-top: 10px;
  width: 198px;
  height: 24px;
  background: url(../imgs/google_map.png) no-repeat;
}
#acc-map-button > a{
  display: block;
  width: 198px;
  height: 24px;
}
#acc-title {
  clear: both;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 20px;
}
.acc-sub-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
.acc-text {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
}
/* contact.html */
/* カレンダー */
.con-text {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 30px;
}
#calendar {
  margin: 0 auto;
  width: 700px;
}
/* 問い合わせフォーム */
#contact-form {
  width: 700px;
  height: 400px;
  border: 1px solid #CCCCCC;
}
#contact-form th,
#contact-form td {
  border-bottom: 1px dotted #CCCCCC;
}
#contact-form tr:last-child th,
#contact-form tr:last-child td {
  border:none;
}
#contact-form th {
  background-color: #EEEEEE;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  padding: 15px 0 15px 20px;
}
#contact-form td {
  padding: 15px 0 15px 20px;
}
#contact-form tr:last-child th {
  vertical-align: top;
  height: 140px;
}
#contact-form tr:last-child td textarea{
  width: 440px;
  height: 160px;
}
#submit {
  width: 700px;
  text-align: center;
  margin-top: 20px;
  position: relative;
}
#sub-arrow {
  position: absolute;
  background: url(../imgs/sub_arrow.png) no-repeat;
  width: 23px;
  height: 32px;
  top: 15px;
  left: 393px;
}
#next {
  background-color: #810400;
  color: #FFFFFF;
  border-style: none;
  width: 200px;
  height: 60px;
  font-size: 24px;
  padding-right: 30px;
  cursor: pointer;
    border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* merit.html */
.seven-c-text {
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  color: #6E6B57;
  margin-bottom: 20px;
}
.seven-maru {
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  background: url(../imgs/seven_maru.png);
}
.seven-c-color{
  color: #D86C00;
}
.seven-c {
  margin: 0 auto;
  width: 600px;
  height: 347px;
  margin-top:40px;
  margin-bottom: 50px;
  background-color: #EFEEE4;
  list-style: none;
}
.seven-c li {
  width: 600px;
  height: 49px;
  border-bottom:1px dotted #CCCCCC;
}
.seven-c li:last-child {
  border: none;
}
.seven-c p {
  display: inline-block;
}
.c-text {
  font-size: 14px;
}
.c-num {
  margin: 10px;
  padding: 8px 10px 7px 9px;
  background-color: #FFFFFF;
  color: #44517F;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
.c-key {
  margin: 10px 0 0 0;
  width: 245px;
  font-size: 16px;
  font-weight: bold;
  color: #394C51;
}
.chara-title {
  font-size: 16px;
  font-weight: bold  line-height: 1.2;
  color:#6F6B57;
  margin-bottom: 20px;
}
.chara-text {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 40px;
}

/* faq.html */
.faq-sub-topic:last-child{
  margin-bottom: 50px;
}
.faq-label {
  width: 690px;
  height: 35px;
  padding: 5px;
  background-color: #D2DDE6;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom: 20px;
}
.oc-button1,
.oc-button2,
.oc-button3,
.oc-button4 {
  display: inline-block;
  float: right;
  padding: 5px;
  width: 114px;
  height: 25px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor:pointer;
  position: relative;
}
.open1,
.open2,
.open3,
.open4 {
  position: absolute;
  margin: 6px 0 0 7px;
  width: 18px;
  height: 18px;
  background: url(../imgs/open.png) no-repeat;
  float: left;
}
.close1,
.close2,
.close3,
.close4 {
  display: none;
  position: absolute;
  margin: 3px;
  width: 18px;
  height: 18px;
  background: url(../imgs/close.png) no-repeat;
  float: left;
}
.open1-text,
.open2-text,
.open3-text,
.open4-text {
  position: absolute;
  left: 42px;
  top: 12px;
  font-size: 14px;
  color: #4B8BCB;
  width: 80px;
  height: 24px;
  float: right;
}
.close1-text,
.close2-text,
.close3-text,
.close4-text {
  display: none;
  position: absolute;
  left: 37px;
  top: 12px;
  font-size: 14px;
  color: #4B8BCB;
  width: 80px;
  height: 24px;
  float: right;
}
.quest1,
.quest2,
.quest3 {
  margin:30px 0 20px 0;
  border-bottom: 1px dotted #CCCCCC;
  display: none;
}
.quest1-last,
.quest2-last,
.quest3-last{
  margin-bottom: 40px;
  border:none;
  display: none;
}
.q-icon {
  position:relative;
  display: inline-block;
  padding: 8px;
  width: 14px;
  height: 14px;
  font-size: 16px;
  font-weight: bold;
  background-color: #EFEEE4;
  color: #44517F;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
}
.q-icon:before {
  border-top:0.5em solid transparent;
  border-left:1em solid #EFEEE4;
  border-bottom:0.5em solid transparent;
  right:-10px;
  content:"";
  display:block;
  position:absolute;
  width:0;
  height: 0;
}
.a-icon {
  clear: both;
  margin-top: 20px;
  position:relative;
  display: inline-block;
  padding: 8px;
  width: 14px;
  height: 14px;
  font-size: 16px;
  font-weight: bold;
  background-color: #EFEEE4;
  color: #B20000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
}
.a-icon:before {
  border-top:0.5em solid transparent;
  border-left:1em solid #EFEEE4;
  border-bottom:0.5em solid transparent;
  right:-10px;
  content:"";
  display:block;
  position:absolute;
  width:0;
  height: 0;
}
.q-text {
  padding: 8px 0 15px 35px;
  font-size: 16px;
  font-weight: bold;
  width: 606px;
  line-height: 1.2;
  color: #6F6B57;
  margin-bottom: 15px;
  display: inline-block;
  cursor: pointer;
}
.q-text span {
  text-decoration: underline;
}
.ans {
  display: none;
}
.a-open {
  display: inline-block;
  margin-left: 5px;
  width: 14px;
  height: 14px;
  background: url(../imgs/a_open.png);
}
.a-text {
  width: 642px;
  font-size:14px;
  line-height: 1.6;
  padding: 18px 0 25px 65px;
}

/* profile.html */
/* カウンセラー */
#counselor-photo {
  margin-top: 40px;
  clear: both;
  width: 200px;
  height: 260px;
  background: url(../imgs/photo.jpg) no-repeat;
  float: left;
}
#counselor {
  display: inline-block;
  margin: 40px 0 20px 0;
  width: 455px;
  height: 97px;
  color: #6D6B57;
    border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #EFEEE4;
  float: right;
}
#degree {
  padding: 10px 0 6px 20px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #CCCCCC;
}
#name {
  display: inline-block;
  padding: 10px 0 0 20px;
  font-size: 26px;
}
#hurigana {
  padding: 3px 0 0 12px;
  font-size: 14px;
}
#from {
  padding:  0 0 0 50px;
  display: inline-block;
  font-size: 14px;
}
#pro-text1,
#pro-text2 {
  display: inline-block;
  font-size: 14px;
  line-height: 1.6;
}
#pro-text1 {
  width: 461px;
  height: 156px;
  float: right;
}
#pro-text2 {
  margin-top: 20px;
  margin-bottom: 30px;
}
#sign {
  text-align: right;
}
#sign-img{
  display: inline-block;
  margin: 40px 0 40px 0;
  width: 200px;
  height: 100px;
  background-color: #CCCCCC;
}
.profile1,
.profile2,
.profile3,
.profile4 {
  display: none;
}
.profile1 ul {
  margin: 0 0 30px 30px;
}
.profile1 ul li {
  font-size: 14px;
  line-height: 1.6;
}
.profile2 ul {
  margin: 0 0 30px 30px;
  list-style: none;
}
.profile2 ul li {
  font-size: 14px;
  line-height: 1.6;
}
.profile3 ul{
  margin: 0px 0 30px 30px;
  list-style: none;
}
.profile3 > ul > li {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.profile3 > ul > li > span {
  font-weight: bold;
}
.profile4 table{
  font-size: 14px;
  border: 1px solid #333333;
}
.profile4 th {
  padding: 5px 0 5px 5px;
  border: 1px solid #2F3333;
}
.profile4 td {
  padding: 5px 0 5px 5px;
  border: 1px solid #2F3333;
}
/* 経歴リスト */
.pro-label {
  width: 690px;
  height: 35px;
  padding: 5px;
  background-color: #D9DCDE;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom: 20px;
}
.flow-title {
  clear:both;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color: #6F6B57;
  margin-bottom: 15px;
}
.flow-block,
.flow-block-f,
.flow-block-ff {
  display: inline-block;
  background-color: #ECE7F2;
  margin-bottom:30px;
  width: 200px;
  height: 80px;
    border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
}
.flow-block-f {
  width: 153px;
}
.flow-block-ff {
  width: 300px;
}
.f-num {
  display: inline-block;
  margin: 15px 0 0 5px;
  padding: 15px 0 0 0;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #A08288;
  width: 50px;
  height: 40px;
  border-right: 3px solid #FFFFFF;
  float: left;
}
.f-num-f {
  display: inline-block;
  margin: 20px 0 0 5px;
  padding: 7px 0 0 0;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #A08288;
  width: 36px;
  height: 34px;
  border-right: 3px solid #FFFFFF;
  float: left;
}
.f-text {
  margin: 28px 0 0 10px;
  color: #490A2B;
  font-size: 14px;
  display: inline-block;
}
.f-text2 {
  margin: 20px 0 0 10px;
  color: #490A2B;
  font-size: 14px;
  display: inline-block;
}
.f-text3 {
  margin: 34px 0 0 10px;
  color: #490A2B;
  font-size: 14px;
  display: inline-block;
}
.flow-com {
  clear: both;
  list-style: none;
}
.flow-com li {
  width: 700px;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 10px;
}
.flow-com li:last-child {
   margin-bottom: 30px;
}
.arrow,
.arrow-f,
.arrow-ff {
  display: inline-block;
  margin: 25px 15px 0 15px;
  background: url(../imgs/arrow.png) no-repeat;
  width: 18px;
  height: 24px;
  float: left;
}
.arrow-f {
  margin: 25px 5px 0 5px;
}
.arrow-ff {
  margin: 25px 35px 0 35px;
}
/* 留意事項 */
#notice {
  margin-bottom: 40px;
  background-color: #EFEEE4;
      border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}
#notice p {
  width: 660px;
  padding: 20px;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px dotted #CCCCCC;
}
#notice p:last-child {
  border:none;
}
.flow-con {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}