@charset "shift_jis";

/*------------------ 
デフォルトスタイルリセット用
------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,
blockquote,th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
       font-size: 100%;
       font-weight: normal;
}
ol,ul {
    margin: 0;
    padding: 0;
       list-style: none;
}
fieldset,img {
       border: 0;
}
table {
       border-spacing: 0;
       border-collapse: collapse;
}
caption,th {
       text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
       font-style: normal;
}

/*------------------ 
ページ全体
------------------*/
body {
    margin: 0;
    padding: 0;
    color: #111111;
    text-align: center;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', sans-serif;
    background-color: #FFFAF0;
}
#WRAP {
    width: 760px;
    margin: 0 auto;
}
html {
       font-size: 80%;
}
h1 {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}
.h1 {
    font-size: 1.0em;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
}
h3 {
    font-size: 105%;
    font-weight: normal;
    margin-bottom: 1em;
}
h4 {
    font-size: 1.0em;
    font-weight: bold;
}
p,pre,td {
    font-size: 105%;
    line-height: 175%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
}
div,td,th {
       text-align: left;
}
hr {
    height: 1px;
}

/*------------------
  ヘッダ
------------------*/
#header {
    width: 760px;
    text-align: left;
}
#header h2 {
    margin-top:0; 
    margin-left: 0;
    position: absolute;
}
#header h2 a {
    color: #0000FF;
    text-decoration: none;
}
#title {
    width: 760px;
    height: 180px;
    position: relative;
}

.mp_menu {
/*    display: none; */
}
.sp_menu {
    display: none;
/*    size: 50%; */
}

/*------------------
  ページ本体（2段組み）
------------------*/
#pagebody {
    width: 760px;
    margin-left: auto; 
    margin-right: auto;
    padding: 0;
    background: #FFFFFF;
    background: #ffffff url(../images/bg_pagebody.gif) repeat-y;
}
#pagebody a {
    color: #0000FF;
    text-decoration: underline;
}
#pagebody a:visited {
    color: purple;
}
#pagebody a:hover,
#pagebody a:active,         /* for IE (Keyboard) */
#pagebody a:focus         /* for Netscape (Keyboard) */
{
    color: #FF0099;
}
#content {
  width: 760px;
  margin-top: 0;
  padding: 0;
}
#main {
    width: 550px;
    float: right;
    margin: 10px 0 0;
    padding-right: 8px;
}
#main_wrap {
    font-size: 110%;
    line-height: 180%;
    margin: 0;
    width: 550px;
}
#naviarea {
    width: 180px;
    float: left;
    margin: 10px 0 0;
    padding-left: 15px;
}
#FOOTER {
    background: #ffffff url(../images/bg_pagebody.gif) repeat-y;
    margin: 0 auto 20px;
    padding: 0;
}

/*------------------
 メイン
------------------*/
.section {
    margin: 0;
    padding: 0;
    float: left;
    width: 550px;
    background: #ffffff url(../images/main/main_section_inner.gif) repeat-y;
    /* ★ 本文に別フォントを設定 210501 */
    font-family: -apple-system, BlinkMacSystemFont, Meiryo, 'メイリオ' ;
}
.section-index {
    margin: 0;
    padding: 0;
    float: left;
    width: 550px;
}
.section h2 {
    background: url(../images/main/main_section_top.gif) no-repeat;
    margin: 0;
    width: 520px;
    height: 90px;
    color: #FF0066;
    float: left;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
.section_h2 {
    background: #ffffff url(../images/main/main_section_top.gif) no-repeat;
    margin: 0;
    padding: 15px 20px 0;
    width: 550px;
    height: 50px;
    color: #FF0066;
    float: left;
    font-weight: bold;
}
.section-inner {
    margin: 0 0 0 35px;
    padding: 0;
    width: 480px;
    clear: both;
}
.inner-right {
    margin: 0;
    padding: 0;
    width: 360px;
    float: right;
}
.inner-left {
    margin: 0;
    padding: 0;
    width: 100px;
    float: left;
    font-size: 0.8em;
}
.section_bottom {
    width: 550px;
    height: 20px;
}


ul.check_box1  {
    padding: 5px;
    background: #FFF6F6;
}
li.check_box1 {
    text-indent: 20px;
    background: url(../images/check-mark.gif) no-repeat left top;
    font-size: 110%;
    /* font-weight: bold; */
    line-height: 130%;
    margin-top: 10px;
    margin-bottom: 10px;
}
li.check_box2 {
    text-indent: 20px;
    background: url(../images/ya01.gif) no-repeat left top;
    line-height: 1.2;
    margin-bottom: 1em;
}

#Syojo_01_div {
    background-image: url(../images/sub_Shojo_01.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    height: 220px;
    width: 480px;
}
#Syojo_01_ul {
    font-size: 1px;
    padding: 0px;
    margin: 0px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    color: #FFFFFF;
}

.scroll-box {
    width: 95%;                /* 横幅 */
    height: 400px;               /* 横幅 */
    border: 2px solid #222;      /* わかりやすくボーダーを引く */
    overflow-y: scroll;          /* 縦方向にスクロール可能にする */
    padding: 6px;
}
.scroll-box::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.scroll-box::-webkit-scrollbar-track {
  background: #ddd;
}
.scroll-box::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #009900;
}

.voice {
    border: 1px solid #FF9966;
    padding: 7px;
    font-size: 95%;
    line-height: 180%;
    margin-bottom: 10px;
    /* ★ 喜びの声に別フォントを設定 210502
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
}
.voice_wine {
    border: 1px solid #AA0044;
    padding: 7px;
    font-size: 95%;
    line-height: 180%;
    margin-bottom: 10px;
    /* ★ 喜びの声に別フォントを設定 210502
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
}


#toiawase table {
    border: solid 1px #000000;
    border-collapse: collapse;
    width: 460px;
    font-size: 1em;
    margin: 0 auto;
}
#toiawase th {
    font-weight: bold;
    padding: 3px;
    width: 130px;
    border: 1px black solid;
}
#toiawase td {
    border: 1px black solid;
    border-collapse: collapse;
    margin: 0;
    padding: 3px;
    width: 330px;
}
.tr_1 {
    background-color: #E0FFF0;
}
.tr_2 {
    background-color: #FFFFFF;
}

#open table {
    border: solid 1px #226600;
    border-collapse: collapse;
    font-size: 1em;
    width: 476px;
    margin: 0 auto;
}
#open th {
    border: solid 1px #226600;
    border-collapse: collapse;
    padding: 3px;
    font-style: normal;
    text-decoration: none;
}
#open td {
    border:  solid 1px #226600;
    border-collapse: collapse;
    padding: 3px;
    text-align: center;
    width: 48px;
}

#course table {
    border: solid 1px #226600;
    border-collapse: collapse;
    font-size: 1em;
    width: 476px;
    margin: 0 auto;
}
#course th {
    border: solid 1px #226600;
    border-collapse: collapse;
    padding: 3px;
    font-style: normal;
    text-decoration: none;
}
#course td {
    border:  solid 1px #226600;
    border-collapse: collapse;
    padding: 3px;
    text-align: right;
}

#flow table {
    width: 470px;
    margin: 0 auto;
}
#flow td {
    padding: 3px;
    border-bottom: solid 1px #226600;
    border-collapse: collapse;
    font-size: 90%;
    line-height: 150%;
}

.box_green {
    border: 1px solid #000066;
    margin-bottom: 7px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 7px;
}

#profile {
    height: 200px;
    margin-bottom: 10px;
}
.koe {
    font-size : 1.0em;
    font-weight: bold;
}
#map_area {
    text-align: center;
    margin-bottom: 10px;
}
#map {
    font-size: 90%;
    line-height: 130%;
}


.kansen dt {
    margin: 20px 0 0 0;
    font-size: 120%;
    font-weight: bold;
    color: #000099;
}
.kansen dd {
    margin: 10px 0 0 20px;
}


/*----------------
 左ナビゲーション
------------------*/

.side_navi_link {
    background: url(../images/side/side_navi_bg.gif) no-repeat;
    height: 30px;
    width: 180px;
    padding: 6px 0 0 0;
    margin: 0px;
    display: block;
    text-indent: 0px;
}

.side_navi_link a {
    margin: 0 0 0 6px;
    font-size: 130%;
    font-weight: bold;
}


.side_navi_link_C {
    background: url(../images/side/side_navi_C_bg.gif) no-repeat;
    height: 30px;
    width: 180px;
    padding: 6px 0 0 0;
    margin: 0px;
    display: block;
    text-indent: 0px;
}

.side_navi_link_C a {
    margin: 0 0 0 6px;
    font-size: 130%;
    font-weight: bold;
}


.side_navi_link_H {
    background: url(../images/side/side_navi_H_bg.gif) no-repeat;
    height: 30px;
    width: 180px;
    padding: 6px 0 0 0;
    margin: 0px;
    display: block;
    text-indent: 0px;
}

.side_navi_link_H a {
    margin: 0 0 0 6px;
    font-size: 130%;
    font-weight: bold;
}



.side_navi_img, .side_navi_img a {
    height: 30px;
    width: 180px;
    padding: 0px;
    margin: 0px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
}

.side_navi_txt {
    width: 172px;
    margin: 0 0 15px 8px;
    padding: 0px;
    line-heiht: 160%;
}

#side_navi_01 div, #side_navi_01 a,
#side_navi_02 div, #side_navi_02 a,
#side_navi_03 div, #side_navi_03 a,
#side_navi_04 div, #side_navi_04 a,
#side_navi_05 div, #side_navi_05 a,
#side_navi_06 div, #side_navi_06 a,
#side_navi_07 div, #side_navi_07 a,
#side_navi_08 div, #side_navi_08 a,
#side_navi_09 div, #side_navi_09 a,
#side_navi_10 div, #side_navi_10 a,
#side_navi_11 div, #side_navi_11 a
{
    float: left;
    display: block;
    height: 30px;
    width: 180px;
    padding: 0px;
    margin: 0px;
    background: url(../images/side/side_navi01.gif) no-repeat;
    text-indent: -9999px;
}

#side_navi_01 a { background-position: 0px -30px; padding: 0px; margin: 0px; }
#side_navi_01 a:hover { background-position: -180px -30px; padding: 0px; margin: 0px; }

#side_navi_02 a { background-position: 0px -60px; padding: 0px; margin: 0px; }
#side_navi_02 a:hover { background-position: -180px -60px; padding: 0px; margin: 0px; }

#side_navi_03 a { background-position: 0px -90px ;}
#side_navi_03 a:hover { background-position: -180px -90px ;}

#side_navi_04 a { background-position: 0px -120px ;}
#side_navi_04 a:hover { background-position: -180px -120px ;}

#side_navi_05 a { background-position: 0px -150px ;}
#side_navi_05 a:hover { background-position: -180px -150px ;}

#side_navi_06 a { background-position: 0px -180px ;}
#side_navi_06 a:hover { background-position: -180px -180px ;}

#side_navi_07 a { background-position: 0px -210px ;}
#side_navi_07 a:hover { background-position: -180px -210px ;}

#side_navi_08 a { background-position: 0px -240px ;}
#side_navi_08 a:hover { background-position: -180px -240px ;}

#side_navi_09 a { background-position: 0px -270px ;}
#side_navi_09 a:hover { background-position: -180px -270px;}

#side_navi_10 a { background-position: 0px -300px ;}
#side_navi_10 a:hover { background-position: -180px -300px;}

#side_navi_11 a { background-position: 0px -330px ;}
#side_navi_11 a:hover { background-position: -180px -330px;}




.left {
    font-size: 100%;
    float: left;
    color: #333333;
    background-color: #FFF2D9;
    margin: 0 0 10px;
    width: 180px;
}
.left_h2 {
       font-size: 1.1em;
       color: #FFFFFF;
       text-align: center;
       background: url(../images/side/side_title01.gif) no-repeat;
       width: 180px;
       height: 25px;
       padding-top : 6px;
    font-weight: bold;
}
.left_wrap {
    font-size : 90%;
    padding: 8px 10px;
}
.left_scroll {
       height: 150px;
       overflow: auto;
       width: 13em;
       background-color: #ffffff;
       border: 1px solid #dddddd;
       padding: 5px;
}



/*------------------
 ヘッダナビゲーション
------------------*/
#h_navi {
    width: 760px;
    background-color: #ffffff;
       margin: 0;
}
#h_navi_left {
     float: left;
    height: 30px;
       width: 20px;
       margin: 0;
}
#h_navi_right {
    float: left;
    height: 30px;
    width: 20px;
    margin: 0;
}
#h_navi ul {
    float: left; 
    margin: 0;
    list-style: none;
    background: url(../images/h_navi01.gif) no-repeat;
}
#h_navi li,#h_navi a{
    float: left;
    display: block;
    height: 30px;
    width: 120px;
    background: url(../images/h_navi01.gif) no-repeat;
    text-indent: -9999px;
}

#h_navi02 a { background-position: -120px 0 ;}
#h_navi03 a { background-position: -240px 0 ;}
#h_navi04 a { background-position: -360px 0 ;}
#h_navi05 a { background-position: -480px 0 ;}
#h_navi06 a { background-position: -600px 0 ;}
#h_navi01 a:hover { background-position: 0 -30px ;}
#h_navi02 a:hover { background-position: -120px -30px ;}
#h_navi03 a:hover { background-position: -240px -30px ;}
#h_navi04 a:hover { background-position: -360px -30px ;}
#h_navi05 a:hover { background-position: -480px -30px ;}
#h_navi06 a:hover { background-position: -600px -30px ;}


/*------------------
 フッタ
------------------*/
#footer1 {
       text-align: center;
       width: 760px;
    margin: 0;
    padding: 10px;
}
#footer1 h2 {
       font-size: 1.4em;
       text-align: center;
       padding-bottom: 5px;
}
#footer2 {
    text-align: center;
    width: 760px;
    margin: 0;
    padding: 10px;
}
#footer2 a {
    color: #0000FF;
    text-decoration: underline;
}
#footer2 a:visited {
    color: purple;
}
#footer2 a:hover,
#footer2 a:active,         /* for IE (Keyboard) */
#footer2 a:focus {        /* for Netscape (Keyboard) */
    color: #0000FF;
    background-color: #FFFFCC;
}
#footer_c {
    text-align: center;
    width: 760px;
    margin: 0;
    padding: 10px;
}

#footer3 {
    margin: 0;
    padding: 0;
    display: block;
    width: 760px;
    height: 15px;
    text-align: center;
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size: 70%;
    background-image: url(../images/bg_footer3.gif);
}
#footer3 p{
    font-size: 9px;
    line-height: 0.9;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 1px;
    color: white;
}
#footer3 a {
    color: white;
    text-decoration: none;
}
#footer3 a:hover {
    color: white;
    text-decoration: underline;
}

/*------------------ 
 フロートボックス解除用。htmlでは<br class="clear" />で使用 
------------------*/
.clear {
    clear: both;
}

/*------------------
 テキスト用
------------------*/
.b {
    font-weight: bold;
}
.s {
    text-decoration: line-through;
}
.u {
    text-decoration: underline;
}
.large {
    font-size: 200%;
    line-height: 150%;
}
.small {
    font-size: x-small;
}
.bg_yell {
    background-color: #FFEEAA;
}
.text_right {
    text-align: right;
    margin-right: 20pt;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.pink {
    color: #FF0066;
}
.green {
    color: #226622;
}
.red {
    color: #CC0000;
}
.blue {
    color: #0000CC;
}
.brown {
    color: #4D2C00;
}
.bluegreen {
    color: #006622;
}
.purple {
    color: #270042;
}
.wine {
    color: #AA0044;
}
.darkblue {
    color: #003F51;
}
.orange {
    color: #CC6600;
}
.navy {
    color: #000099;
}
.img_right {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
}
.td {
    font-size: 95%;
    line-height: 150%;
    color: #222222;
}
.plus25 {
    font-size: 125%;
}
.plus10 {
    font-size: 110%;
}
.plus05 {
    font-size: 105%;
}

.m05 {
    font-size: 95%;
}
.m10 {
    font-size: 90%;
}
.m15 {
    font-size: 85%;
}
.m20 {
    font-size: 80%;
}
.m25 {
    font-size: 75%;
}
.m30 {
    font-size: 70%;
}



/* ------------------
  イメージ画像
------------------ */

#img_header_pc { width: 760px; height: 180px; }
#img_header_smart { display: none; }

.img_480-40 { width: 480px; height:  40px; }
.img_480-50 { width: 480px; height:  50px; }
.img_480-60 { width: 480px; height:  60px; }
.img_480-70 { width: 480px; height:  70px; }
.img_480-80 { width: 480px; height:  80px; }
.img_480-90 { width: 480px; height:  90px; }
.img_480-100{ width: 480px; height: 100px; }
.img_360{ width: 480px; height: 360px; }
.img_480-120{ width: 480px; height: 120px; }
.img_480-180{ width: 480px; height: 180px; }
.img_480-200{ width: 480px; height: 200px; }
.img_480-220{ width: 480px; height: 220px; }
.img_480-240{ width: 480px; height: 240px; }
.img_480-380{ width: 480px; height: 380px; }
.img_400-340{ width: 400px; height: 340px; }
.img_250-185{ width: 250px; height: 185px; }

.img_240-50 { width: 240px; height:  50px; }
.img_240-150{ width: 240px; height: 150px; }

.img_sub_title_01  { width: 480px; height: 90px; }
.img_sub_index { width: 480px; height: 200px; }
.img_main_section_bottom { width: 550px; height:  20px; }
.img_Coupon_01           { width: 480px; height: 200px; }


/* ------------------
  ナビゲーションドロワー＆ハンバーガーメニュー
------------------ */

/*ヘッダーまわりはご自由に*/
header {
  display:none;
}

#nav-drawer {
  display:none;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display:none;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  display:none;
}
#nav-open span:before {
  display:none;
}
#nav-open span:after {
  display:none;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display:none;
}

/*中身*/
#nav-content {
  display:none;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display:none;
}

#nav-input:checked ~ #nav-content {
  display:none;
}

/* 終 base.css */



/* Yahoo!地図 埋め込み PC/SP 切替 */
.map_pc { display: block; }
.map_sp { display: none; }