@charset "UTF-8";
/*------------------------------------*\
 * 52.1 メインビジュアル文字
 */


@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);

.three-boxes {
    overflow: hidden;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.three-boxes li {
	display: inline-block;
    margin-right: 0;
	margin-bottom: 5px;
}

.four-boxes {
    overflow: hidden;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.four-boxes li {
	display: inline-block;
    margin-right: 0;
	margin-bottom: 5px;
}


/***** 52.1 メインビジュアル文字 *****/

.title-black {
	color: #3B7E7F;
    font-size: 2.3em;
    font-weight: 500;
    line-height: 1.0em;
    text-align: center;

}

@media screen and (max-width: 640px) {
    .title-black {
    font-size: 1.5em;
    }
}

/**********************************/
/*         カラーボックス         */
/**********************************/


.home-subtitle-box
{
	text-align: center ;				/* テキスト、画像の真ん中寄せ *
	padding: 0 0 ;					/* 上下の余白 */
	margin-bottom: 2em ;				/* 他のブロックとのスペース */
	background: #9BCCCE ;				/* 背景色 */
	padding: 10px 0 10px 0;
	margin: 40px 0 20px 0;
}


/* 中の文字1 */
.home-subtitle-box-char {
	color: #3B7E7F;
    font-size: 2.0em;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center;
	padding: 10px 0 10px 0;
}

@media screen and (max-width: 880px) {
    .home-subtitle-box-char {
    font-size: 1.5em;
    }
}

/* 中の文字2 */

.home-subtitle-box-char-mini {
	color: #3B7E7F;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
	padding: 10px 0px 10px 0;

}

.home-subtitle-box-char-mini-w {
	color: #ffffff;
    font-size: 1.4em;
    font-weight: 600;
}

img.bottun_s{
	margin: 5px 0px 0px 0px;
	vertical-align: bottom;

}

/**********************************/
/*     2段が1段になるテーブル     */
/**********************************/


.title-box
{
	margin-left: auto;
	margin-right: auto;
	/* border-bottom: 3px solid #738780 ;		/枠線 */
	text-align: center ;				/* テキスト、画像の真ん中寄せ */
	padding: 0 0;					/* 上下の余白 */
	margin-bottom: 1em ;				/* 他のブロックとのスペース */
	background: #9BCCCE ;				/* 背景色 */
	width: 1000px;
}

@media (max-width:1000px){
	.title-box{
	width: 100%;
	}
}

table.title-box td,table.title-box td{
	display:table-cell
}

@media (max-width:1000px){
	table.title-box td,table.title-box td{
		display:block
	}
}

/* 中の文字1 */

.title-box-char {
	color: #3B7E7F;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
	padding-top: 10px;
}

/* 中の文字2 */

.title-box-char-mini {
	color: #3B7E7F;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
	padding-bottom: 10px;

}

.title-box-char-mini-w {
	color: #ffffff;
    font-size: 26px;
    font-weight: 600;
}

@media screen and (max-width: 640px) {
    .title-box-char {
    	font-size: 22px;
		padding: 10px 0 0 0;
    }

	.title-box-char-mini {
		color: #3B7E7F;
		font-size: 16px;
    	line-height: 1.2em;
		padding: 0 0 10px 0;
	}

	.title-box-char-mini-w {
		color: #fffff;
		font-size: 18px;
		font-weight: 600;
	}

}
/***** ◎のある図 *****/

.in-3box {
    margin-top: 1em;
    margin-bottom: 0em;
	text-align: center;
}

.in-3box li {
	display: inline-block;
    max-width: 31.5%;
    margin-right: 16px;
	margin-bottom: 1em;
	text-align: center;
}

@media screen and (max-width: 300px) {
    .in-3box li {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1em;
        text-align: center;
    }
}

/**********************************/
/*　利用料用の赤い枠 角が丸い四角 */
/**********************************/
.sub-title-fee{
	/*角丸*/
	border-radius: 20px; /* CSS3 */
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */
	-moz-border-radius: 20px; /* Firefox用 */
	behavior: url(../js/PIE.htc); /* IE用 */
	/*レイアウト*/
	color:#ffffff;
	text-align: center;
	margin: 10px 2%;
	padding: 10px;
	background-color: #D84763;
}

/* 中の文字1 */

.sub-title-fee-char {
	color: #ffffff;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;

}

@media screen and (max-width: 640px) {
    .sub-title-fee-char {
    font-size: 1.6em;
    }
}

/* 中の文字2 */

.sub-title-fee-char-mini {
	color: #D1B088;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;

}

/**********************************/
/*　　　　ニュースエリア　　　 */
/**********************************/

.news_tab{
	margin:0 0 0 20px;
}
.news-area{
    /*box-shadow*/
	box-shadow: 3px 3px 5px #aaaaaa;
	-webkit-box-shadow: 3px 3px 5px #aaaaaa;
	-moz-box-shadow: 3px 3px 5px #aaaaaa;

    /*ボックスのデザイン*/
	margin:0 20px 20px 20px;
    padding:20px;
    border:2px solid #D1B088;
    text-align:center
}

.news-area table{
	padding: 0 0 0 0;
}

.news-area tr.contents{
	border-bottom:1px dotted #D1B088;
}

.news-area td.pagination{
	vertical-align: right;
	padding-top: 5px;
}

.news-area td.w_date{
	width: 130px;
	text-align: right;
	vertical-align: top;
	padding:0 20px 0 0 ;
}


.news-area td.w_title{
	text-align: left;
	vertical-align: top;
}

/**********************************************/
/*　「簡単です」のコメント（角が丸い四角） */
/**********************************************/
.easy-comment{
	/*角丸*/
	border-radius: 20px; /* CSS3 */
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */
	-moz-border-radius: 20px; /* Firefox用 */
	behavior: url(../js/PIE.htc); /* IE用 */
	/*レイアウト*/
	margin: 0px 2% 30px 2%;
	padding: 20px 20px 20px 20px;
	background-color: #ffffff;
	border: 3px solid #D84763;
	text-align: center;
	
	font-size:22px;
	line-height: 1.4em;
}



@media (max-width:800px){
	.easy-comment{
		font-size:20px;
	}
}