@charset "utf-8";



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基本設定
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

* {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 1;
}

body#body_index {
	background: #fff url(../images/base/bg_base_index.gif) repeat-x top;
}

body#body_contents {
	background: #fff url(../images/base/bg_base_contents.gif) repeat-x top;
}

body, div, p, span, li, dt, dd, caption, th, td {
	color:#333;
	font: normal normal normal 14px/160% "ＭＳ Ｐ明朝","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 2px;
}

br {
	letter-spacing: 0;
}

ul, ol, li {
	zoom: normal;
}

a#re_top {
	width: 0;
	height: 0;
}

/* ----------------------------------------------------------------------------------------------------
	2019年6月追加↓
---------------------------------------------------------------------------------------------------- */


/* 無料説明会資料背景”笑顔の女性” */
body#body_001 {
	background: #fff url(../images/base/bgp001.jpg) no-repeat scroll top center;
}

/*「トップへ戻る」用　*/
.ToTopBox {
	font-size: 20px;
	font-weight: bold;
	width: 200;
	height: normal;
	padding: 8 0 5 30;
	margin: 0 0 0 0;
	display: block;
	background: #fff url(../images/base/icon_navi.gif) no-repeat left center;
	border: solid 1px #ccc;
	border-radius: 3px; /* CSS3?? */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome? */ 
	-moz-border-radius: 6px; /* Firefox? */ 
}

.blue {
	color: #55f;
}

/* 健康教室資料背景 */
body#body_002 {
	background: #fff url(../images/base/bgp002.jpg) no-repeat scroll top center;
}

/* ----------------------------------------------------------------------------------------------------
	2019年6月追加↑
---------------------------------------------------------------------------------------------------- */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	リンク用スタイル
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #999;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* 縦書き */

.vertical {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	汎用
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 文字装飾 */
.bold {
	font-weight: bold;
}

.red {
	color:#f55;
}

.black {
	color: #333;
}

.gray {
	color: #666;
}

.strong {
	font-weight: bold;
	color: #f60;
}

/*・・・・・・・・・・・・・・・・ここから２０１９年５月追加・・・・・・・・・・・・・・・・*/

.strong_yasu01 {
	font-weight: bold;
	color: #f33;
}

/*・・・・・・・・・・・・・・・・ここまで２０１９年５月追加・・・・・・・・・・・・・・・・*/

.fs11 {
	font-size: 11px;
}

/*・・・・・・・・・・・・・・・・ここから２０１９年５月追加・・・・・・・・・・・・・・・・*/

.fs12 {
	font-size: 12px;

}
.fs13 {
	font-size: 13px;

}
.fs14 {
	font-size: 14px;
}

.fs24{
        font-size: 24px;
}

.fs25{
        font-size: 25px;
}

.fs30 {
	font-size: 30px;
}

.fs40 {
	font-size: 40px;
}

.fs50 {
	font-size: 50px;
}

.fs60 {
	font-size: 60px;
}

.fs70 {
	font-size: 70px;
}


/*・・・・・・・・・・・・・・・・ここまで２０１９年５月追加・・・・・・・・・・・・・・・・*/

.fs15 {
	font-size: 15px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

/* 余白 */
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.ml15 {
	margin-left: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.ml20 {
	margin-left: 20px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

/* 文字位置 */
.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* 回り込み */
.fl_right {
	float: right;
}

.fl_left {
	float: left;
}

.clear {
	clear: both;
}

/* 写真用枠 */
.bd_img {
	padding: 4px;
	border: solid 1px #ddd
}

/* 非表示 */
.hide {
	display: none;
}

/* 2カラム均等ボックス */
div.in_left {
	float: left;
	width: 320px;
}

div.in_right {
	float: right;
	width: 320px;
}

/* シンプルリスト */
ul.ul_dflt {
	margin-left: 20px;
	list-style-type: circle;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基礎レイアウト
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 本文エリアを中央寄せ */
.BaseBox {
	text-align:left;
	width:950px;
	margin:0 auto;
}

/* 最上部コメント */
p#top_cmnt {
	font-size: 12px;
	color: #fff;
	text-align: right;
	line-height: 22px;
}

/* ヘッダー */
div#HeaderBox {
	width: 950px;
	height: 150px;
	background: url(../images/base/bg_tel.gif) no-repeat right center;
}

/* フッター：横幅100%背景 */
div#FooterBox {
	width:100%;
	margin:0 auto;
	padding: 30px 0 20px;
	text-align:left;
	background: #00a968 url(../images/base/bg_footer.gif) repeat-x top; 
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ナビゲーション
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#ul_navi {
	list-style-type: none;
}

#ul_navi li {
	margin-bottom: 8px
}

#ul_navi li a{
	font-size: 15px;
	font-weight: bold;
	line-height: normal;
	padding: 12px 0 10px 30px;
	display: block;
	background: #fff url(../images/base/icon_navi.gif) no-repeat left center;
	border: solid 1px #ccc;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}

#ul_navi li a:hover {
	color: #000;
	background: #f5f5f5 url(../images/base/icon_navi.gif) no-repeat left center;
}

#ul_navi li#active {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	line-height: normal;
	padding: 12px 0 10px 30px;
	display: block;
	background: #ebfbf5 url(../images/base/icon_navi.gif) no-repeat left center;
	border: solid 1px #ccc;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	本文エリア：2カラム
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#MainBox:after {
	content: " ";
	clear: both;
	width: 950px;
	height: 0;
	display: block;
	visibility: hidden;
}

/* 左：本文 */
div#MainLeft {
	float: left;
	width: 250px;
}

/* 右：サイド */
div#MainRight {
	float: right;
	width: 670px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	フッター
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#FooterBox p {
	font-size: 11px;
	color: #fff;
}

#FooterBox p a {
	color: #fff;
}

#FooterBox p a:hover {
	color: #cfc;
}

/* ----------------------------------------------------------------------------------------------------
	2019年8月追加↓
---------------------------------------------------------------------------------------------------- */

body#body_index_1 {
	background: #fff url(../images/base/bg_base_index_1.jpg) repeat-x top;
}

a#re_top_1 {
	width: 0;
	height: 0;
}

/* ?????????? */
.BaseBox_1 {
	text-align:left;
	width:950px;
	margin:0 auto;
}

/* ??????? */
p#top_cmnt_1 {
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	padding: 0 0 0 0;
	margin: 2 0 4 0;
}

/*????*/
div#HeaderBox_1 {
	width: 950px;
	height: 150px;
	background: url(../images/base/bg_tel.gif) no-repeat right center;
}

/* ????:???????100%?? */
div#FooterBox_1 {
	width:100%;
	margin:0 auto;
	padding: 30px 0 20px;
	text-align:left;
	background: #d17 url(../images/base/bg_footer_1.jpg) repeat-x top; 
}


#FooterBox_1 p {
	font-size: 11px;
	color: #fff;
}

#FooterBox_1 p a {
	color: #fff;
}

#FooterBox_1 p a:hover {
	color: #cfc;
}

.na01{
        background-color: #fff;
	font-size: 25px;
        color:#333;
        line-height:50px;
        width: 950px;
        height: 50px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
        vertical-align: middle;
	border: solid 0px #ffb;
	border-radius: 3px; /* CSS3?? */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome? */ 
	-moz-border-radius: 3px; /* Firefox? */ 
}

.na02{
        background-color: #fff;
	font-size: 16px;
        color:#333;
        line-height:50px;
        width: 80px;
        height: 50px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
        vertical-align: middle;
	border: solid 0px #ffb;
	border-radius: 3px; /* CSS3?? */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome? */ 
	-moz-border-radius: 3px; /* Firefox? */ 
}

<style type="text/css">

#slideshow {
   position: relative;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 350px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 226;
   left:center;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

</style>

/* ----------------------------------------------------------------------------------------------------
	2019年8月追加↑
---------------------------------------------------------------------------------------------------- */

/* end */