@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#555;
font-size:small;
/* font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; */
font-family: "ＭＳ 明朝",serif; 
line-height:1.5;
-webkit-text-size-adjust: none;
/*background:#C9CACA;*/
background:#fff; 

}


/* リンク設定
------------------------------------------------------------*/
/*a{color:#d1ad93;text-decoration:none;} */
a{color:#FFF;text-decoration:none;}


a:hover{color:#ad8a71;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
/* index用wrap */
.base{
padding:0;
width:100%;
position: absolute;
opacity: 0.8; 
z-index: 100;
left: 0px;
top: 0px;
}
#wrapper{
/*margin:0 auto; */
margin-top:0px;
/*padding:0 1%;
width:98%;*/

padding:0;
width:100%;
position:relative;
/*background:#fff; */
z-index:1;
}
#wrapper{
/*width:960px;*/
padding:0;
margin:0 auto;
}
.inner{
width:960px;
padding:0;
margin:0 auto;
}
#wrapper{padding-bottom:20px;}

.inner2{
margin:0 auto;
width:102%;
}

/* top
------------------------------------------------------------*/
#top{
text-align:left;
font-size:10px;
}
#top2{
text-align:left;
margin-top:0px;
position: relative;
}
/* 追従円 */
.sidec {
    position: absolute;
    right: -49px;
    bottom: -31px;
}
#top3{
margin-bottom:10px;
padding:0 auto;
position: relative;
}
/* 追従円2 */
.sidec2 {
    position: absolute;
    right: -37px;
    bottom: -28px;
}
/* arrow */
.prev-arrow{
    position: absolute;
    right: 935px;
    bottom: 135px;
}
.next-arrow{
    position: absolute;
    right: -14px;
    bottom: 135px;
}



/*************
/* ヘッダー
*************/
#header{
clear:both;
height:80px;
background-color:#51bde7;
position: relative;

/*
background-image: url("../images/head.jpg");
background-image: url("images/head_bg3.jpg");
background-repeat: repeat-y;
color="#51bde7"
*/
}

#header h1{
padding:5px 0 10px;
font-size:12px;
font-weight:normal;
}

.nav{
position: relative;
}
/* menu mouse over */
.menu_01 {
    position: absolute;
    left: 468px;
    bottom: -80px;
}
.menu_02 {
    position: absolute;
    left: 600px;
    bottom: -80px;
}
.menu_03 {
    position: absolute;
    left: 745px;
    bottom: -80px;
}
.menu_04 {
    position: absolute;
    left: 835px;
    bottom: -80px;
}

ul.headnav{
float:right;
width:630px;
padding-top:33px;
color:#FFF;
font-weight:bold;

}
ul.headnav a{
 display: block;
}
ul.headnav li{
float:right;
margin-bottom:10px;
padding:0 20px 0 17px;
/*border-right:1px solid #FFF;*/
color:#FFF;
}

.head_title{
margin-top:8px;
margin-bottom:8px;
font-size:9px;
}
.head_wrap{
position:relative;
background-image: url("../images/home.jpg");
}


/*************
/* ロゴ
*************/
.logo{
margin-top:18px;
float:left;
width:244px;
}

.logo span{display:block;}


/*************
/* 電話番号
*************/
.info{
float:right;
text-align:right;
}

.info .open{font-size:11px;}


/*************
/* ロゴ+電話番号
.logo,.info .tel{
margin-top:6px;
font-size:20px;
font-weight:bold;
}

.logo span,.info span{
font-size:.6em;
font-weight:normal;
}
*************/



/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:30px auto;
padding:0;
position:relative;
line-height:0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
text-align:center;
}

#mainBanner img{
max-width:100%;
height:auto;
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:0;
padding:5px 10px;
line-height:1.4;
text-align:left;
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}

#subpage #mainBanner{margin-top:0;}


/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
}

.box{
padding:10px;
text-align:center;
}

.box img{
max-width:100%;
height:auto;
}

.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}

.box p.readmore a{
padding:3px 7px;
border-radius:3px;
color:#fff;
background:#d1ad93;
}

.box p.readmore a:hover{background:#ad8a71;}


/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #efefef;
overflow:hidden;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading{
font-weight:normal;
padding:10px 0;
margin-bottom:5px;
border-top:3px double #ebebeb;
border-bottom:3px double #ebebeb;
}

section.content img{
max-width:90%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

#gallery .grid{background:transparent;}

#gallery .grid img,.border{box-shadow:0 0 3px #ccc;}


/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
/* サイドバー
*************/
#sidebar ul{padding:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
display:block;
}

#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
clear:both;
background-image: url("../images/footbg.jpg");
background-repeat: repeat;
}

/*
#footer .inner{
border-top:2px solid #ebebeb;
border-bottom:2px solid #ebebeb;
overflow:hidden;
}

*/

#footer .inner{
overflow:hidden;
}
* html #footer .inner{height:1%;}
#footer .grid{
margin:0;
}


#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
text-align:left;
font-color:white;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;

}

ul.footnav{
float:right;
width:630px;
padding:10px 0;
color:#FFF;

}

ul.footnav li{
float:right;
margin-bottom:10px;
padding:0 20px 0 17px;
border-right:1px solid #FFF;
color:#FFF;

}

address{
clear:both;
padding:20px 0;
text-align:right;
font-style:normal;
font-size:9px;
color:#FFF;
}

.ft01{
color:#FFF;
font-size:10px;

}
.ft02{
padding:20px 0;
text-align:right;
font-style:normal;
font-size:9px;
color:#FFF;
}
/* totop
------------------------------------------------------------*/
#totop{
text-align:right;
margin-bottom:-5px;
margin-right:-34px;

}


/* 個別ページ　top.html
------------------------------------------------------------*/
/* top slider */
.slider-container {
  /*width:960px;
  text-align:center;*/
  position: relative;
}
.slider {
  display: none;
  margin: 0 24px;
  overflow: hidden;
}
.slider.slick-initialized {
  display: block;
}
.slider-arrow {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  color: #37abd1;
  line-height: 36px;
  font-size: 35px;
  cursor: pointer;
  z-index: 10;  /* must */
}
.slider-prev {
  left: 0;
}
.slider-next {
  right: 0;
}
.slick-slide {
/*  padding: 1.5em 0; */
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  outline: 0;
  background-color: #fff;
}
/* 追従円 ※TOP専用※ */
.sidecx {
    position: absolute;
    right: -21px;  /*左右*/
    bottom: -44px; /*上下*/
}
/* ヘッダー主文言 */
.top_text01 {
position: absolute;
font-size:20px;
font-weight: bold;
line-height:2;
letter-spacing: 3px;
margin:30px auto;
padding:0;
text-align:left;
font-size:22px;
color:#2aa6ce;
right: 610px;
bottom: 100px;
}

ul.midnav{
float:center;
width:800px;
padding:25px 0;
color:#000;
}

ul.midnav li{
float:center;
margin-bottom:10px;
padding:0 20px 0 17px;
/*border-right:1px solid #FFF;*/
color:#000;
}

/* mid メニュー*/
#topMid{
background-image: url("../images/top_mid_bg.jpg");
height:348px;
position:relative;
}

#topMid .top_mid_p01{
position: absolute;
top: 85px;
left: 65px;
}
#topMid .top_mid_p02{
position: absolute;
top: 85px;
left: 285px;
}
#topMid .top_mid_p03{
position: absolute;
top: 85px;
left: 505px;
}
#topMid .top_mid_p04{
position: absolute;
top: 85px;
left: 725px;
}

.top_slogan{
/*max-width:100%;
height:auto;
bottom:10px;
left:0;*/
padding:0px 20px 20px 20px;
line-height:2.4;
text-align:center;
}

.top_p04{
margin: 30px 0px 20px 0px;
padding:0;
text-align:center;
font-size:17px;
color:#116e88;
}

/* 個別ページ　fee.html
------------------------------------------------------------*/
.about_p02{
font-size:small;
font-weight: bold;
line-height:1.5;
margin:30px auto;
padding:0;
text-align:center;
font-size:22px;
color:#2aa6ce;
}
.about_p03{
font-family: "小塚ゴシック Pr6N",serif; 
margin:30px auto;
padding:0;
text-align:center;
line-height:2;
font-size:13px;
color:#000;
}
.about_p04{
margin: 30px 0px 20px 0px;
padding:0;
text-align:center;
font-size:17px;
color:#000;
}
.about_p05{
margin:5px auto;
padding:0;
text-align:center;
font-size:12px;
color:#000;
}
.about_t01{
display:block;
float:center;
width: 600px; height: 200px;
border:1px solid #d3d3d3;
text-align:center;
margin:30px auto;

}

#riyouBanner{
margin:70px 30px 90px 30px;
padding:0;
position:relative;
line-height:0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
text-align:center;
}

#riyouBanner img{
max-width:100%;
height:auto;
padding:10px;

}


/* 個別ページ　access.html
------------------------------------------------------------*/
.access_i01{
padding:0;
text-align:center;
float:left;
}
.access_p03{
margin:30px auto;
padding:0;
text-align:center;
font-size:15px;
color:#006480;
}

/* 個別ページ　form.php
------------------------------------------------------------*/
.form_btn{
padding:0;
text-align:center;
background:url('../images/btn_apl.jpg');
border:0px;
width:348px;
height:57px;
cursor:pointer;
}
.row{
margin-left:80px;
border:1px dotted;
border-color:#bfd8df;
width:800px;
}
.row2{
margin-left:80px;
width:800px;
text-align:right;
}
.form_red{
color:red;
font-size:13px;
}
.form_blue{
padding:0px 0px 0px 50px;
margin:40px auto;
color:#006480;
font-size:13px;
}
.form_black{
color:#000;
font-size:13px;
}

.row3{
border:1px dotted;
border-color:#bfd8df;
margin-left:80px;
width:800px;
height:80px;
text-align:left;
/*background:#eeeeee;*/
}
.row4{
border:1px dotted;
border-color:#bfd8df;
margin-left:80px;
width:800px;
height:220px;
text-align:left;
/*background:#eeeeee;*/
}
.row5{
border:1px dotted;
border-color:#bfd8df;
margin-left:80px;
width:800px;
height:180px;
text-align:left;
/*background:#eeeeee;*/
}

.form_box1{
padding:0px 0px 0px 50px;
color:#006480;
font-size:13px;
height:50px;
width:100px;
/*background:#ffebcd;*/
float:left;
text-align:left;
margin-top:30px;

}
.form_box2{
padding:0px 0px 0px 30px;
color:#006480;
font-size:13px;
height:70px;
width:250px;
float:left;
/*background:#fffacd;*/
text-align:left;
margin-top:10px;
}

.form_box3{
padding:0px 0px 10px 30px;
color:#006480;
font-size:13px;
height:200px;
width:250px;
float:left;
/*background:#fffacd;*/
text-align:left;
margin:10px auto;
}
.form_box4{
padding:0px 0px 10px 30px;
color:#006480;
font-size:13px;
height:170px;
width:250px;
float:left;
/*background:#fffacd;*/
text-align:left;
margin-top:25px;
}

/* 個別ページ　about.php
------------------------------------------------------------*/
/* mid メニュー*/
#topMid2{
height:348px;
position:relative;
font-size:9px;
}

#topMid2 .top_mid2_p01{
position: absolute;
top: 85px;
left: 0px;
}
#topMid2 .top_mid2_p02{
position: absolute;
top: 87px;
left: 240px;
}
#topMid2 .top_mid2_p03{
position: absolute;
top: 85px;
left: 480px;
}
#topMid2 .top_mid2_p04{
position: absolute;
top: 85px;
left: 725px;
}
/* 個別ページ　flow.php
------------------------------------------------------------*/
.flow_cancel{
margin:20px 120px 0px 0px; 
padding:0;
text-align:right;
font-size:13px;
}
.flow_cancel2,.flow_cancel2 a{
font-size:13px;
color:#2aa6ce;
}

#flowBanner{
margin:-20px 30px 90px 30px;
padding:0;
position:relative;
line-height:0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
text-align:center;
}
#flowBanner img{
max-width:100%;
height:auto;
padding:10px;

}