@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {
	-webkit-text-size-adjust: none;
	width: 100%;
	background-color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background: url(/images/bg.jpg)  repeat top left;
}
a {
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}
p {
	margin-bottom: 10px;
}
p.contents-text{
	padding: 10px;
    margin-bottom: 0;
}
small {
	font-size: 80%;
}
.center {
	text-align: center;
}
h1 {
	color: #1c4d85;
	background-color: #ebc8f7;
	text-shadow:1px 1px 1px #fff;
	padding: 5px;
	margin-bottom: 15px;
}
h2.hours,
h2.guidelines,
h2.map{
	margin-bottom: 10px;
}
.access-text{
	display: block;	
}
main {display: block;}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header a {
	color: #fff;
}
header .HD-Top {
	background-color: #1d9100;
	color: #fff;
	text-shadow:1px 1px 1px #000;
	text-align: left;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
header .HD-Top a:hover {
	color: #ffcc00;
}
#tel-space {
	margin: 10px 0;
}
#tel-space img {
	width: 100%;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer {
	background-color: #1d9100;
}
#copyright {
	color: #fff;
	padding: 8px;
	font-size: x-small;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
#wrapper {
	width: 100%;
	background-color: #fff;
	text-align:center;
}
nav {
margin-bottom: 20px;
}
#main {
	line-height: 1.3em;
}
.contents {
	padding:0;
}
section,
.section,
.topImage {
	text-align: left;
	padding: 10px 10px 0 10px;
}
.topCopy { margin: 15px 15px 0 15px; text-align: left;}
.article,
article {
	padding: 10px;
	border-top: 1px dashed #000;
}
article.no-line, article.pl-noline, article.pr-noline,
.article.no-line, .article.pl-noline, .article.pr-noline {
	border-top: none;
}
.photo {
	text-align: center;
}
dl.access-boxl,
dl.access-boxr{
	padding: 10px;	
}
dl.access-boxl2,
dl.access-boxr2{
	padding: 10px;
	border-top: 1px dashed #000;
}
dl.access-boxl .case,
dl.access-boxr .case, 
dl.access-boxl2 .case, 
dl.access-boxr2 .case{
	font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
dl.access-boxl .access-photo, 
dl.access-boxr .access-photo, 
dl.access-boxl2 .access-photo, 
dl.access-boxr2 .access-photo{
	margin-bottom: 10px;
    display: block;
}
dl.access-boxl .time, 
dl.access-boxr .time, 
dl.access-boxl2 .time, 
dl.access-boxr2 .time{
	padding-left: 0;	
}
dl.access-boxl .time li{
	padding-bottom: 10px;	
}


em {
	font-weight: bold;
	font-style: normal;
	color: #ff0000;
}
em.semi {
	font-weight: bold;
	font-style: normal;
	color: #000;
}
table td {
	padding: 2px 10px;
}
table th {
	text-align: right;
	white-space: nowrap;
}
.bg01 {
	background-color: #ffeeaa;
}
.bg02 {
	background-color: #ffd2fe;
}
.bg03 {
	background-color: #c6f0ff;
}
img.staff03 {
	width: 100%;
}
#Go {
	font-size: x-small;
	text-align: right;
	padding-bottom: 10px;
}
div#Go {
	padding: 10px;
}
img.full {
	width: 100%;
}
.pickUp {
	text-align:center;
	padding: 10px;
	border: 1px solid #ff9600;
	background-color: #feffd0;
	border-radius: 45px;
}
.pickUp a, .pickUp2 a { display: block; }
.pickUp:hover { background-color: #d2ffd0; }

.pickUp2 {
	text-align:center;
	padding: 10px;
	border: 1px solid #4400cf;
	background-color: #d0f2ff;
	border-radius: 45px;
}
.pickUp2:hover { background-color: #f5c7fa; }

/*-------------------------------
 アクセス情報のスタイル 
---------------------------------*/
section#access {
	display: inherit;
	border-top: 1px dashed #000;
}
section#access article.pl,
#access div.pl {
	border-top: none;
}
section#access article.pr,
#access div.pr {
	border-top: none;
	font-size: x-small;
}
.building {
	display: none;
}
img.logo-map {
	width: 100%;
}


ul.mark {
	list-style-type: disc;
	margin-left: 20px;
}
dd {
	padding-left: 15px;
}
/*------------------------------
パンくず部分を表示
--------------------------------*/
#guide {
	text-align: left;
	font-size: x-small;
	margin: 0 0 15px 10px;	
}
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

#guide li { float: left; padding-right: 10px; }

/*------------------------------
スマホmain-image部分を表示
--------------------------------*/
img.s-top-img {
	max-width: 90%;
	margin-top: 10px;
}
/*------------------------------
PCmain-image部分を消す
--------------------------------*/
img.top-img {
	display: none;
}
.loose-leaf-ex {
	background:url(../images/bg-info.gif) repeat-y left bottom;
	background-size: 100%;
	margin: 10px 0 0 0;
	padding: 10px 20px 20px 25px;
	text-align: left;
	line-height: 1.5em;
}
.loose-leaf h3 {
	padding: 5px 0 10px 0;
	color: #ff999a;
	text-align: center;
	font-size: large;
	text-shadow:1px 1px 1px #fff;
}
img.recruit {
	width: 94%;
	margin: 10px;
}
img.info-title {
	width: 98%;
}
/*------------------------------
スマホ用aside・カレンダー部分
--------------------------------*/
.calendar-parts,
aside {
	border: 4px solid #fcd7a1;
	border-radius: 6px;
	background: url(/images/nav-bgImg.gif);
	margin: 10px 30px 10px 30px;
	display: inherit;
	text-align: center;
}
.calendar-parts .month,
aside .month {
	width: 80%;
	margin: 0 auto 5px auto;
	padding: 10px 5px 5px 5px;
	border-bottom: 1px solid #fff;
	text-align: center; info
}
.calendar-parts table,
aside table {
	margin: 0 auto 10px auto;
}
.calendar-parts th,
aside th {
	text-align: center;
	padding-bottom: 3px;
}
.calendar-parts td,
aside td {
	padding: 5px;
	border: 2px solid #e6b269;
}
.sun {
	color: #ff0000;
}
.sat {
	color: #506582;
}
.bg-sun {
	background-color: #fdfacb;
}
.bg-close {
	background-color: #afd7ff;
}
.bg-am {
	background-color: #99ecb4;
}
table.day-off .bg-sun {
	width: 20px;
}
table.day-off .bg-close {
	width: 20px;
}
table.day-off .bg-am {
	width: 20px;
}
table.day-off td {
	border: none;
	white-space: nowrap;
}
.calendar-parts.info,
aside.info {
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 20px;
}
.calendar-parts.info img,
aside.info img {
	width: 100%;
}



/*--------------------------------
中ページのcalender部分を消す
----------------------------------*/
#calender-area {
	display: none;
}

/*-----------------------------------------
 グローバルナビゲーションのスタイル
-----------------------------------------*/
#nav-area {
	border: 1px solid #fff;
}
nav {
	margin: 0 0 40px 0;
}

nav ul {
	clear:both;
}
nav ul li {
	border-bottom: 1px solid #fff;
	background-color: #c1ffb0;
	font-size: small;
	float: left;
	width: 50%;
}
nav ul li a {
	display: block;
	padding: 5px 0;
	color: #000;
}
nav ul li a:hover {
	background-color: #cd4f17;
	color: #fff;
}
li.GoTop {
	display: none;
}
img.logo {
	display: none;
}
nav ul.nav-wrap li {
	line-height:13px;
}
nav ul.nav-wrap > li {
	width:100%;
    background: none;
    border-bottom: none;
}
nav ul.nav-wrap > li > .current,
nav ul.nav-wrap > li .guide {
    width: 50%;
    display: block;
	font-weight:bold;
    float: left;
    border-bottom: 1px solid #fff;
    background-color: #c1ffb0;
}
nav ul.nav-wrap > li .guide-box{
	padding-left: 0;
}
nav ul.nav-wrap > li > ul,
nav ul.nav-wrap > li .guide-list{
    float: left;
    margin-top: -24px;
    width: 100%;
}
nav ul.nav-wrap > li > ul > li:first-child,
nav ul.nav-wrap > li .guide-list li:first-child{
    margin-left: 50%;
}


/*-----------------------------------------
 サブナビゲーションのスタイル
-----------------------------------------*/
/*
ul.sub-list {
	margin: 0 0 5px 10px;
}
ul.sub-list li {
	float:left;
	font-size: x-small;
	text-shadow:1px 1px 1px #fff;
	border-right: 2px solid #fff;
}
ul.sub-list li a {
	display: block;
	background-color: #c8f7f2;
	color: #000;
	padding: 5px;
}
ul.sub-list li a:hover  {
	background-color: #ebc8f7;
	color: #aa3279;
}
*/

#sub_navi {
	text-align: center;
	background-color: #ddfaf7;
	margin: 0 10px;
	padding: 5px 0;
}
#sub_navi span {
	margin: 0;
}
#sub_navi span a {
	display: inline-block;
	background-color: #fff;
	font-size: x-small;
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-radius: 0.5em;	
}
#sub_navi span a:hover {
	background-color: #ffff00;
}



/*-----------------------------------------
 コンタクトのスタイル
-----------------------------------------*/
#contact-l {
	width: 50%;
	float:left;
	text-align: center;
}
#contact-r {
	width: 50%;
	float: right;
	text-align: center;
}

/*-----------------------------------------
メールフォーム
-------------------------------------------*/
table.form {
	width: 100%;
}
table.form th,table.form td {
	font-size: x-small;
}
input.area1 {
	width: 90%;
}
textarea.area2 {
	width: 100%;
	height: 100px;
}


/* topNewsArea */
.topNewsArea {
	margin-bottom: 10px;
}
.topNewsArea h3 {
	display: inline;
}


/*-----------------------------------------*/
figure.photo {
    margin-bottom: 10px;
}
figure.photo img {
	vertical-align:middle;
}
figure.photo figurecaption {
    margin-top: 10px;
    display: block;
}
.staff {
	font-weight:normal;
    margin-bottom: 10px;
}
.staff:before {
	content:'■';
}
.about-wrap .section {
	padding:0;
}
.about-contents-wrap {
	display:block;
}
/*
.about-contents-link {
    border-top: 1px dashed #000;
    margin-top: 10px;
    padding-top: 20px;
}
*/
.about-contents-link h2 {
	margin-bottom:10px;
}
.about-contents-link img {
	margin:0 auto 10px;
    border-radius: 12px;
    display: block;
}

.about-contents-link p {
    padding: 10px;
}
.about-contents-link p:after {
	display:block;
	clear:both;
	content:'';
}
.about-contents-link a {
	display:block;
    padding-left: 10px;
}
.contents-image{
	margin-bottom: 10px;
}


/*===============================================================
 PC向けおよび大型タブレット向けのレイアウトの指定：769px〜960px 
================================================================*/
@media only screen and (min-width: 768px) {

#wrapper {
	width: 769px;
	margin: 0 auto;
}

#contents {
	width: 769px;
}
#sidebar {
	width: 210px;
	min-height: 900px;
	float: left;
}

/*------------------------------
 ヘッダー部分 
--------------------------------*/
#tel-space img {
	width: 344px;
}

/*------------------------------
 PC・タブレット用aside部分 
--------------------------------*/
.calendar-parts,
aside {
	width: 192px;
	border: 4px solid #fcd7a1;
	border-radius: 6px;
	background: url(/images/nav-bgImg.gif);
	background-size: 100%;
	height: 165px;
	margin: 0 8px 10px 8px;
	padding: 10px 0 0 0;
}
.calendar-parts .month,
aside .month {
	margin: 0 auto 5px auto;
	padding: 0 5px 5px 5px;
}
.calendar-parts table,
aside table {
	width: 180px;
	margin: 0 auto 5px auto;
	font-size: small;
}
.calendar-parts td,
aside td {
	padding: 1px 0 0 0;
}

.calendar-parts dd {
	padding:0;
}

.hours table {
	width: 180px;
	border: 1px solid #fcd7a1;
	margin: 0 auto 5px auto;
	padding: 10px 0 0 0;
	font-size: small;
                                text-align: left;
}

/*------------------------------
 ヘッダーのスタイル 
------------------------------*/
header#wide {
	background-color: #1d9100;
	margin: 0 0 10px 0;
	padding: 5px;
}
header .HD-Top {
	color: #fff;
	text-shadow:1px 1px 1px #000;
	float: left;
}
#tel-space {
	float: right;
	padding: 0;
	margin: 0;
}


#sub_navi {
	display: none;
}


/*------------------------------------
 グローバルナビゲーションのスタイル 
--------------------------------------*/
img.logo {
	display: inherit;
	position:static;
	width: 100%;
	margin: 0 0 0 10px;
}
nav {
	margin: 10px 0 10px 10px;
	padding: 10px 0;
	width: 190px;
	border: 4px solid #fcd7a1;
	border-radius: 6px;
	background: url(/images/nav-bgImg.gif);
}
nav ul.nav-wrap > li,
nav ul {
	margin: 10px 5px;
	padding: 5px 0 8px 0;
}
nav ul.guide-list{
	margin: 0;
	padding: 0;
}
nav ul.nav-wrap > li.cf-home,
nav .cf-home {
	background: url(../images/nav-homeImg.gif);
}

nav ul.nav-wrap > li.cf-about,
nav .cf-about {
	background: url(../images/nav-aboutImg.gif);
}
nav ul.nav-wrap > li.cf-howto,
nav .cf-howto {
	background: url(../images/nav-howtoImg.gif);
}
nav ul.nav-wrap > li.cf-recruit,
nav .cf-recruit {
	background: url(../images/nav-recruitImg.gif);
}
nav ul.nav-wrap > li.cf-blog,
nav .cf-blog {
	background: url(../images/nav-blogImg.gif);
}
nav ul.nav-wrap > li.cf-sitemap,
nav .cf-sitemap {
	background: url(../images/nav-sitemapImg.gif);
}
nav ul li {
	background-color: transparent;
	border: none;
	font-size: large;
	text-align: left;
	float: none;
	width: 100%;
}
nav ul li a {
	padding: 4px 0 5px 35px;
	color: #000;
}
nav ul li a:hover {
	background-color: transparent;
	color: #FF0000;
}
li.GoTop {
	display: inherit;
}

nav ul li.sub_navi {
	font-size: 85%;
}
nav ul li.sub_navi a {
	padding: 8px 5px 2px 35px;
}

nav ul.nav-wrap {
	margin: 0;
	padding: 0;
}
nav ul.nav-wrap > li {
    width: inherit;
    font-size: inherit;
	line-height:inherit;
}
nav ul.nav-wrap > li > .current {
    font-size: large;
    width: inherit;
    float: none;
    border-bottom: none;
    background-color: transparent;
}
nav ul.nav-wrap > li .guide{
	font-weight:bold;
    font-size: large;
    width: inherit;
    float: none;
    border-bottom: none;
    background-color: transparent;
}
nav ul.nav-wrap > li .guide-box{
	padding-left: 0;
}
nav ul.nav-wrap > li > ul,
nav ul.nav-wrap > li .guide-list {
	margin: 0;
	padding: 0;
	background:none;
	float:none;
}
nav ul.nav-wrap > li > ul > li:first-child,
nav ul.nav-wrap > li .guide-list li:first-child {
	margin-left:inherit;
}


/*-------------------------------
サブナビゲーションのスタイル
---------------------------------*/
/*
ul.sub-list li {
	font-size: small;
	width: 19.5%;
}
*/

#sub_navi span {
	margin: 0 5px;
}
#sub_navi span a {
	font-size: small;
}




/*--------------------------------
コンテンツエリア全体のスタイル
----------------------------------*/
#main {
	width: 555px;
	float: right;
}

article.wrap,
.article.wrap {
	float: right;
	width: 45%;
	border: none;
}
.article.pl,
article.pl {
	float: left;
	width: 45%;
}
.article.pr,
article.pr {
	float: right;
	width: 45%;
}
article.pl-noline {
	float: left;
	width: 45%;
	border: none;
}
article.pr-noline {
	float: right;
	width: 45%;
	border: none;
}
dl.access-boxl{
	float: left;
    width: 45%;
    padding: 10px;
}
dl.access-boxr{
	float: right;
    width: 45%;
    padding: 10px;
}
dl.access-boxl2{
	float: left;
    width: 45%;
    padding: 10px;
    border-top: 1px dashed #000;
}
dl.access-boxr2{
	float: right;
    width: 45%;
    padding: 10px;
    border-top: 1px dashed #000;
}
dl.access-boxl .case,
dl.access-boxr .case,
dl.access-boxl2 .case,
dl.access-boxr2 .case{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
dl.access-boxl .access-photo,
dl.access-boxr .access-photo,
dl.access-boxl2 .access-photo,
dl.access-boxr2 .access-photo{
    margin-bottom: 10px;
    display: block;
}
dl.access-boxl .time,
dl.access-boxr .time,
dl.access-boxl2 .time,
dl.access-boxr2 .time{
	padding-left: 0;
}
dl.access-boxl .time li{
	padding-bottom: 10px;	
}
.articlePlStyle {
    float: left;
    width: 45%;
	border-top: 1px dashed #000;
    padding: 10px;
}
.articlePrStyle {
    float: right;
    width: 45%;
	border-top: 1px dashed #000;
    padding: 10px;
}

.pickUp, .pickUp2 {
	width: 50%;
	margin: 0 auto 15px auto;
}


/*------------------------------
アクセス情報のスタイル
--------------------------------*/
.section#access ,
section#access {
	display: inherit;
	border-top: 1px dashed #000;
}
.section#access .article.pl,
section#access article.pl {
	float:left;
	border-top: none;
}
.section#access .article.pr,
section#access article.pr {
	float:right;
	border-top: none;
	font-size: x-small;
}
#access .articlePlStyle {
	border-top: none;
}
#access .articlePrStyle {
	border-top: none;
	font-size: x-small;
}

.building {
	display: inherit;
	width: 100%;
}
img.logo-map {
	width: 100%;
}
img.full {
	width: auto;
}
.contents-image{
	display: block;
    margin-bottom: 15px;
}

/*------------------------------
スマホaside部分を消す
--------------------------------*/
.calender-parts.calender,
aside.calender {
	display: none;
}

/*--------------------------------
main-image部分を表示
----------------------------------*/
img.top-img {
	max-width: 90%;
	display: inherit;
}

/*--------------------------------
スマホmain-image部分を消す
----------------------------------*/
img.s-top-img {
	display: none;
}

/*--------------------------------
中ページのcalender部分を表示
----------------------------------*/
#calender-area {
	display: inherit;
}

/*--------------------------------
スマホ用サブリンク部分を消す
----------------------------------*/
#nav-area {
	display: none;
}

/*------------------------------------------
メールフォーム
-------------------------------------------*/
table.form th,table.form td {
	font-size: medium;
}
table.form th {
	width: 30%;
}
input.area1 {
	width: 50%;
}
textarea.area2 {
	width: 90%;
	height: 100px;
}


/*-----------------------------------------*/

.about-contents-wrap {
	display:flex;
}

.about-contents-link img {
    float: right;
    margin: 0 0 10px 10px;
}


}

/*===============================================================
 PC向けレイアウトの指定：961px以上では固定レイアウト ================================================================*/
@media only screen and (min-width: 961px) {

#wrapper {
	width: 961px;
	margin: 0 auto;
}

#contents {
	width: 961px;
}
#sidebar {
	width: 200px;
	min-height: 900px;
	float: left;
	background: #fff;
}
#main {
	width: 750px;
	float: right;
}

/*---------------------------
アクセス情報のスタイル
-----------------------------*/
section#access article.pr,
#access div.pr {
	font-size: small;
}

/* コンテンツエリア全体のスタイル */





}