@charset "utf-8";

/* CSS Document Pink */

.sp-footer {
    display: none;
}


/*----------------------------------------------
リセット
------------------------------------------------*/

html {
    font-size: small;
}

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

.nonpc,
.sp {
    display: none;
}

a img:hover {
    opacity: 0.8;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
    height: 100%;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}


/* ヘッダ
///////////////////////////////////////*/

#header02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: white;
}

#header a {
    overflow: hidden;
}

#header a:hover {
    opacity: 0.8;
}

#header {
    width: 100%;
	box-sizing: border-box;
    height: 110px;
    margin: 0 auto;
    padding: 20px 10px 20px 10px;
}


/* ロゴ
------------------------------------------------*/

#logo {
    margin: 0 200px 0 0;
    width: 350px;
    height: 70px;
    float: left;
    text-align: left;
}

#logo a {
    width: 350px;
    height: 70px;
}

h1 {
    font-size: 11px;
    margin: 0 0 0 3px;
}


/* 右上部分
------------------------------------------------*/

.logosp {
    float: left;
    display: block;
    overflow: hidden;
    display: none;
}

.contactsp {
    float: left;
    overflow: hidden;
    display: none;
}

#tel {
    padding: 0;
    margin: 0px 0 0 0;
    width: 442px;
    height: 41px;
    float: right;
    clear: none;
    background: url(../images/tel.png) no-repeat;
    text-indent: -9999px;
}

#btnbox {
    text-indent: -9999px;
    display: inline-block;
    width: 166px;
    margin: -7px 0 0 0px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}


.inqbtn a {
    display: block;
    width: 166px;
    height: 50px;
    margin: 0 5px 5px 0;
    float: none;
    background: url(../images/btn1.png) no-repeat;
}


/* Menu
///////////////////////////////////////*/

.menu-box {
    width: 100%;
    height: 64px;
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: #ff5673;
    border-top: 7px solid #e73554;
}

#menu {
    width: 980px;
    height: 64px;
    margin: 0 auto;
    padding: 0;
    display: block;
}

#menu img {
    float: left;
    padding-top: 25px;
}

#menu li {
    float: left;
    list-style: none;
    width: 163px;
}

#menu li a {
    height: 63px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
}

#menu-01 a {
    background: url(../images/g_navi01.png) no-repeat center 0;
}

#menu-02 a {
    background: url(../images/g_navi02.png) no-repeat center 0;
}

#menu-03 a {
    background: url(../images/g_navi03.png) no-repeat center 0;
}

#menu-04 a {
    background: url(../images/g_navi04.png) no-repeat center 0;
}

#menu-05 a {
    background: url(../images/g_navi05.png) no-repeat center 0;
}
#menu-06 a {
    background: url(../images/g_navi06.png) no-repeat center 0;
}

#menu-01 a:hover,
#menu-01.active a,
#menu-02 a:hover,
#menu-02.active a,
#menu-03 a:hover,
#menu-03.active a,
#menu-04 a:hover,
#menu-04.active a,
#menu-05 a:hover,
#menu-05.active a,
#menu-06 a:hover,
#menu-06.active a {
    background-position: center -63px;
}


/* ヘッダ終わり
///////////////////////////////////////*/


/* サイドナビ
///////////////////////////////////////*/

.sideBox h2 {
    background: none;
    font-size: 16px;
    font-weight: bold;
    border: none;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    background: #ff5673;
}

.side {
    margin: 0;
    padding: 0;
    display: block;
    width: 261px;
    /*	height:100%;*/
}

.side02 {
    margin: 0;
    padding: 0;
    padding: 0.2em 0 0 30px;
}

.side li {
    list-style: none;
    display: block;
    text-decoration: none;
    margin: 0 auto;
}

.side li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

li.side-text {
    height: 30px;
    padding: 10px 10px 5px 40px;
    margin-bottom: 4px;
    border: 0px;
    text-indent: 0;
    background: url(../images/s_list_m01.gif) 30px 1em no-repeat;
    border-bottom: 1px solid #2C343C;
}

li.side-text02 {
    padding: 0 0 0 4em;
    border: 0px;
    text-indent: 0;
}
.sideBox li a:link {
    color: #333333;
    text-decoration: underline;
}
.sideBox li a:visited {
    color: #333333;
    text-decoration: underline;
}
.sideBox li a:active {
    color: #333333;
    text-decoration: none;
}
.sideBox li a:hover {
    color: #333333;
    text-decoration: none;
}
#side-01 a,
#side-02 a,
#side-03 a,
#side-04 a,
#side-05 a,
#side-06 a,
#side-07 a,
#side-08 a,
#side-09 a {
    text-indent: -9999px;
    height: 51px;
}
#side-01 a {
    background: url(../images/sub1.png) no-repeat 0 0;
}
#side-02 a {
    background: url(../images/sub2.png) no-repeat 0 0;
}
#side-03 a {
    background: url(../images/sub3.png) no-repeat 0 0;
}
#side-04 a {
    background: url(../images/sub4.png) no-repeat 0 0;
}
#side-05 a {
    background: url(../images/sub5.png) no-repeat 0 0;
}
#side-06 a {
    background: url(../images/sub6.png) no-repeat 0 0;
}
#side-07 a {
    background: url(../images/sub7.png) no-repeat 0 0;
}
#side-08 a {
    background: url(../images/sub8.png) no-repeat 0 0;
}
#side-09 a {
    background: url(../images/sub9.png) no-repeat 0 0;
}

#side-01 a:hover,
#side-01.active a,
#side-02 a:hover,
#side-02.active a,
#side-03 a:hover,
#side-03.active a,
#side-04 a:hover,
#side-04.active a,
#side-05 a:hover,
#side-05.active a,
#side-06 a:hover,
#side-06.active a,
#side-07 a:hover,
#side-07.active a,
#side-08 a:hover,
#side-08.active a,
#side-09 a:hover,
#side-09.active a {
    background-position: -258px 0;
}

/* サイドナビ終わり
///////////////////////////////////////*/

/* フッタ
///////////////////////////////////////*/
.footer-box {
    width: 980px;
    margin: 20px auto;
    padding-top: 20px;
    clear: both;
    color: #193044;
    text-align: left;
    border-top: 3px solid #262f37;
}
.footer-box p {
    font-size: 12px;
    color: #193044;
}
.footer-box p a {
    color: #193044;
}
.footer-link {
    width: 980px;
    margin: 0 auto;
}
.copy-box {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px 0;
    background: #ff5673;
}
.copy-copy {
    width: 980px;
    margin: 0 auto;
}
.copy {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0 10px 0px;
    color: #fff;
    text-align: center;
}
.safety {
    width: 980px;
    padding: 10px;
    margin: 0 auto;
    text-align: right;
    clear: none;
    color: white;
}

/* フッタ終わり
///////////////////////////////////////*/

/*----------------------------------------------------
	Link
----------------------------------------------------*/
a:link {
    text-decoration: underline;
    color: #1f79cc;
}
a:visited {
    text-decoration: underline;
    color: #1f79cc;
}
a:hover {
    text-decoration: none;
    color: #1f79cc;
}
a:active {
    text-decoration: underline;
    color: #1f79cc;
}
a.txtWhite:link {
    color: #FFF;
    text-decoration: underline;
}
a.txtWhite:visited {
    color: #FFF;
    text-decoration: underline;
}
a.txtWhite:hover {
    color: #FFF;
    text-decoration: none;
}
a.txtWhite:active {
    color: #FFF;
    text-decoration: underline;
}
.copy-box a {
    color: #fff;
}
.link-R {
    padding-left: 15px;
    background: url(../images/link_m.gif) no-repeat 0.2em;
    text-align: right;
    display: inline;
    float: right;
    clear: none;
}
.link-L {
    padding-left: 15px;
    padding-top: 8px;
    background: url(../images/link_m.gif) no-repeat 0 1em;
    display: inline;
    float: left;
    clear: none;
}

/* Layout
///////////////////////////////////////*/
html {
    height: 100%;
}
.page {
    width: 100%;
    min-width: 1000px;
    margin: 0 auto;
    padding: 0;
    min-height: 100%;
}
.left {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.center {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
body > #page {
    height: auto;
}
#g-1 .contents {
    width: 100%;
    margin: 35px auto 0;
    padding: 0;
    overflow: hidden;
    background: url(../images/main_bg.png) no-repeat;
    display: block;
}
.bg_img {
    width: 100%;
    padding-top: 0px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    background: url(../images/main_bg.png) no-repeat;
    background-size: 100%;
    display: block;
    margin-bottom: 40px;
}
.main-image {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.main-image img{
	width: 100%
}

.mainimg {
    width: 100%;
    margin: 20px auto;
    padding: 0;
    display: block;
    background-size: 100%;
}
.contents {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.sideBox {
    width: 261px;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
    float: left;
}
.sideBox02 {
    width: 261px;
    height: auto;
    margin: 0;
    padding: 0px 0 0 0px;
    clear: both;
}
.rightBox {
    width: 670px;
    padding: 0 0 30px 0;
    float: right;
}

/* Contents
///////////////////////////////////////*/
.mainpicBox {
    width: 623px;
    height: 348px;
    padding: 17px 13px;
    margin: 0 0 30px 0;
    background: url(../images/mainpic_bg.gif) no-repeat;
}
.maincontBox {
    width: 670px;
    margin: 0 0 0px 0;
}
.maincontBox td {
    vertical-align: top;
    padding: 5px;
}
.maincontBox02 {
    width: 649px;
    margin: 0 0 30px 0;
    padding: 0;
}
.maincontBox03 {
    width: 649px;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
}
.maincontBox p,
.maincontBox03 p {
    text-align: left;
    padding: 0 10px 0 10px;
}
.picBox {
    width: 268px;
    height: 227px;
    border: 1px solid #E4E4E4;
    background: #FFFFFF;
    padding: 16px;
    margin: 0 20px 10px 0;
    float: left;
}
.rightBtn a {
    width: 175px;
    height: 36px;
    float: right;
    display: block;
    background: url(../images/btn01.gif) no-repeat 0 0;
    font-size: 1px;
    line-height: 1px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    margin-top: 20px;
}
.rightBtn a:hover {
    background: url(../images/btn02.gif) no-repeat 0 0;
}
#pan {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 900px;
    text-align: left;
}
#pan p {
    font-size: 10px;
    text-align: left;
    padding: 0;
}
.news {
    display: block;
    padding: 0;
    text-align: left;
    line-height: 190%;
    margin: 20px 0 0 0;
}
.news p {
    width: 93%;
    margin: 0;
    border-bottom: 1px dotted #333;
}
.content-image {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0 auto;
}
.ruller {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0 auto;
}
.pic-room {
    margin: 0 auto;
    width: 649px;
}
.staff {
    width: 200px;
    float: left;
    margin: 15px 8px 0px 8px;
}
.maincontBox .staff:nth-child(3) {
    float: right;
    margin: 15px 0 0px 0px;
}
.staff:hover {}
.article-content {
    width: 180px;
    overflow: hidden;
    padding: 10px 0 0 5px;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    line-height: 1.5em;
}
.article-content p {
    text-align: center;
    padding-bottom: 8px;
    color: black;
    font-size: 14px;
}
.name {
    font-size: 18px;
    padding-left: 57px;
    padding-top: 20px;
    color: #15937b;
}
.gotoTopBox {
    clear: both;
    padding: 0;
    margin: 0;
}
.gotoTop {
    padding-left: 15px;
    font-size: 12px;
    background: url(../images/link_m01.gif) no-repeat 0.2em;
    text-align: right;
    display: inline;
    float: right;
    clear: none;
    color: #1f79cc;
    margin: 20px 0 0 0;
}
a.gotoTop:link {
    text-decoration: underline;
    color: #3a4753;
}
a.gotoTop:visited {
    text-decoration: underline;
    color: #333435;
}
a.gotoTop:hover {
    text-decoration: none;
    color: #333435;
}
a.gotoTop:active {
    text-decoration: none;
    color: #333435;
}

/*----------------------------------------------------
	テーブル表関係
----------------------------------------------------*/
.infoTable {
    width: 90%;
    line-height: 1.5;
    text-align: left;
    padding: 0;
    margin: 10px;
    border: none !important;
}
.infoTable th {
    width: 40%;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    border: none !important;
    margin: 10px;
    table-layout: fixed;
}
.infoTable td {
    width: 50%;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    border: none !important;
    margin: 10px;
    padding: 10px;
    table-layout: fixed;
}

/*テーブル1、線あり*/
.infoTable01 {
    width: 90%;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    margin: 10px;
    border: 1px solid #cccccc;
}
.infoTable01 th {
    width: 30%;
    font-size: 16px;
	font-weight: bold;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    border: 1px solid #cccccc;
    margin: 0;
    color: #666;
    background-color: #f4f9ec;
    table-layout: fixed;
}
.infoTable01 td {
    width: 60%;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    border: 1px solid #cccccc;
    margin: 0;
    table-layout: fixed;
}
.googlemap {
    margin: 0 auto;
}
.td130 {
    width: 130px;
    background: #F0F0F0;
    text-align: left;
    font-weight: bold;
    border-right: 1px solid #cccccc;
}

/*----------------------------------------------------
	共通見出しバー関係
----------------------------------------------------*/
h2 {
    height: 38px;
    margin-bottom: 6px;
    line-height: 2.3em;
    padding-left: 16px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    background: #ff5673;
    border-bottom: 5px solid #ff8096;
    clear: both;
}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
    color: #fff;
}
h3 {
	height:33px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #333;
    border-left: solid 5px #9e394b;
    background: #f2f2f2;
    padding: 5px 0 0 7px;
    margin: 10px 10px 10px 5px;
}
h4 {
	width: 96%;
    margin: 10px;
    padding: 4px 0 4px 7px;
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    border-bottom: dashed 2px #ff5673;
    clear: both;
}

/*----------------------------------------------------
	共通フォント関係
----------------------------------------------------*/
.txtline {
    text-align: left;
    border-bottom: 1px dotted #999999;
    line-height: 300%;
}
.f-12 {
    font-size: 12px;
}
.f-11 {
    font-size: 11px;
}
.f-10 {
    font-size: 10px;
}
.clear {
    clear: both;
}

/*----------------------------------------------------
	カレンダー関係
----------------------------------------------------*/
#wp-calendar {
    margin: 0 auto 20px;
    padding: 0;
}
#wp-calendar th {
    padding: 2px;
    text-align: center;
}

/*clearFix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.side_bnr{
	max-width: 100%;
	margin: 10px 0
}

.contactTbl td{
  vertical-align: top;
  padding: 20px 10px;
   border: 1px solid #ccc;
}
.contactTbl th{
	  vertical-align: top;
  padding: 20px 10px;
   border: 1px solid #ccc;
	background: #f4f9ec;
	font-weight: bold
}
.contactTbl th p{
	background-color: transparent
}
.phone input{
  width: 90px; 
}
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="file"] {padding:5px;
	font-size:16px;
  width: 100%;
	box-sizing: border-box ;
	font-family: "Noto Sans Japanese",'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
input[type="submit"]{
	padding: 10px 50px;
    font-size: 18px;
    font-weight: bold;
  margin: 0 auto;
  display: inline-block;
    font-family: "Noto Sans Japanese",'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    display: block;
background: #fbcc8f; /* Old browsers */
background: -moz-linear-gradient(top, #fbcc8f 0%, #f8b358 11%, #f99717 50%, #f8b358 90%, #fbcc8f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbcc8f 0%,#f8b358 11%,#f99717 50%,#f8b358 90%,#fbcc8f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbcc8f 0%,#f8b358 11%,#f99717 50%,#f8b358 90%,#fbcc8f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbcc8f', endColorstr='#fbcc8f',GradientType=0 ); /* IE6-9 */
  border: 2px solid #F99717;
  border-radius: 10px;
  color: #300000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer
}