@charset "UTF-8";
/*==================================================

	　　アルファ整体院Website用css
	2013June05wed (c)Shokodo.Co.,Ltd

====================================================*/

/*基本設定---------------------------------------------*/
html {
	margin:0;
	padding:0;
}
body {
	margin:0 auto 0 auto;/* 全体をセンタリング */
	width:100%;/* for IE */
	text-align:center;/* 大元はセンタリング */
	font-size: 16px;
	font-family:'メイリオ',Meiryo,'ＭＳ ゴシック';
	color:#663300;/* 文字色：ブラウン */
}
img {
	border-style:none;/* 画像にリンクしても枠線出さない */
}
a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);/* リンク付き画像にマウスポインタ置くと半透明になる */
}
a { 
	color:#663300;
	text-decoration:underline;
}/* リンクされた文字 */
a:link { 
	color:#663300;
	text-decoration:underline;
}/* 未訪問リンク文字 */
a:visited { 
	color:#663300;
	text-decoration:underline;
}/* 訪問後リンク文字 */
a:hover { 
	color:#996633;
	text-decoration:underline;
}
a:active { 
	color:#996633;
	text-decoration:underline;
}
.f_l { float:left; }
.f_r { float:right; }
.red { color:#ff0000; }
.orenge { color:#ff3300; }
.m_img { margin:10px 5px; }
.center_img {
	display:block;
	margin:1em auto;
}
.index_img { 
	width:680px;
	height:280px;
	margin:0 60px;
}
.mourning {
	color:#333333;
	font-weight:bolder;
}
/*画面いっぱいのヘッダとフッタ+++++++++++++++++++++++++++++*/
#head_out {
	width:100%;
	height:130px;
	background-color:#fff;
	position:relative;
	top:0px;
	left:0px;
	z-index:2;
	background-image:url("img/head_back.jpg") ;
}
#cont_out {
	width:100%;
	min-height:100vh;
	height:auto !important;
	height:1100px;
	position:reltive;
	top:0px;
	left:0px;
	z-index:3;
}
#foot_out {
	width:100%;
	height:180px;
	background-color:#ccff66;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	background-image:url('img/001.jpg');
}
/*サイトの大枠--------------------------------------------*/
#container {
	position:relative;
	width:1074px;
	height:100%;
	min-height:100vh;/*800px;*/
	margin:0 auto 0 auto;
	padding-bottom: 150px;
}
/*ヘッダー------------------------------------------------*/
#head {
	width:1074px;
	height:130px;
	margin:0 auto;
	text-align:left;
	background-image:url("img/head_back_reaf.png");
}
#title_logo {
	width:300px;
	height:50px;
	margin:70px 0 0 0;
}
#telno_logo {
	width:246px;
	height:63px;
	margin:40px 0 0 0;
}
/*コンテンツ----------------------------------------------*/
#contents {
	position:relative;
	width:800px;
	min-height:850px;
	height:auto !important;
	height:850px;
	margin:10px 0 0 220px;
	padding:0px;
	text-align:left;
}
#contents h3 {
	width:680px;
	height:25px;
	font-size: 110%;
	font-weight:bolder;
	text-align:left;
	margin:10px auto;
}
#con_cen_flash {
	width:680px;
	height:280px;
	margin:0;
	padding:0;
}
/*左カラム------------------------------------------------*/
/*/////////////////////////////////////////////////////////
メニュー増えたら#cont_outの高さを増やす
ここでの高さ指定は不要
/////////////////////////////////////////////////////////*/
#navigation {
	position:absolute;
	float:left;
	width:220px;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	font-size: 90%;
}
ul#navi {
	width:200px;
	margin:0 auto 10px auto;
	padding:0px;
	list-style:none;
	border-top:1px dashed #996633;
	background-image:url("img/navi_back.jpg");
	background-repeat:repeat-x;
}
ul#navi li {
	height:25px;
	padding:8px 0 5px 5px;
	margin:0px;
	font-size: 110%;
	font-weight:bold;
	margin:0 0 0 3px;
	padding:8px 15px 8px 8px; 
	text-align:right;
	border-bottom:1px dashed #996633;
}
ul#bn_box {
	width:150px;
	margin:10px 25px;
	padding:0;
	list-style:none;
	text-align:cente;
}
ul#bn_box li {
	height:50px;
	padding:5px 0 0 0;
	margin:0;
}
#navigation a { 
	color:#336600;
	text-decoration:none;
}/* リンクされた文字 */
#navigation a:link { 
	color:#336600;
	text-decoration:none;
}/* 未訪問リンク文字 */
#navigation a:visited { 
	color:#336600;
	text-decoration:underline;
}/* 訪問後リンク文字 */
#navigation a:hover { 
	color:#336600;
	text-decoration:underline;
}
#navigation a:active { 
	color:#336600;
	text-decoration:underline;
}

table.rest {
	width:180px;
	height:100%;
	margin:10px auto;
	font-weight:normal;
	border:1px solid #663300;
}
table.rest th {
	width:20px;
	font-weight:normal;
	text-align:center;
}
.regi_txt {
	width:190px;
	height:100%;
	margin:10px auto 0px auto;
	padding:0;
	text-align:left;
}
/*main---------------------------------------------------*/
.txt_box {
	width:680px;
	height:100%;
	margin:20px auto 0 auto;
	padding:0 0 0 30px;
	text-align:left;
}
table.reg_time {
	width:600px;
	font-weight:normal;
	margin:10px auto;
	padding:5px;
	background-image:url('img/001.jpg');
}
table.reg_time th {
	font-size: 110%;
	font-weight:bold;
	border-bottom:1px dashed #663300;
}
table.reg_time td {
	border-bottom:1px dashed #663300;
}
/*TOPICS--------------------------------------------------*/
#topic {
	position:relative;
	width:680px;
	height:123px;
	margin:5px auto;/* top right bottom left*/
}
#topic_outbox {
	width:680px;
	height:123px;
	margin:5px auto;/* top right bottom left*/
	overflow:auto;
}
table.topic_box {
	width:650px;
	/*height:120px;*/
	margin:0 0 20px 10px;
	color:#996633;
	font-size: 95%;
	text-align:left;
}
table.topic_box tr td {
	width: 100%;
	height:15px;
	border-bottom:1px dashed #663300;
	vertical-align:top;
}
table.topic_box td.day {
	width:100px;
	text-align:center;
	vertical-align:top;
}
.notice {
	position:relative;
	width:700px;
	height:140px;
	margin:50px auto 10px auto;
	text-align:center;
	background-image:url("img/holiday_back.jpg");
	background-repeat:no-repeat;
	border:1px solid #ffffff;
}
.notice_box {
	position:relative;
	width:580px;
	height:80px;
	margin:50px auto 10px auto;
	padding:0;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#ff3300;
}
/*フッター------------------------------------------------*/
#footer {
	width:1074px;
	height:100px;
	margin:0px auto;
	padding:10px 0 0 0;
	text-align:left;
	clear:both;
}
#foot_navi {
	width:680px;
	height:100px;
	margin:0 0 0 0px;
	font-size: 93%;
}
ul#navi_bottom {
	margin: 20px 0 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
	ul#navi_bottom li {
		list-style:none;
		height:30px;
		text-align: center;
		margin: 0 10px 8px 0;
	}
		ul#navi_bottom li.strech_box {
			flex-basis: 160px;
		}
	ul#navi_bottom li a {
		display:block;
		text-decoration: none;
	}
	ul#navi_bottom li a:hover {
		text-decoration: underline;
	}
#copyright {
	width:1074px;
	height:20px;
	margin:0;
	padding:10px 0;
	text-align:right;
	clear:both;
}
/*ここから下は、index.html以外のページ=========================================================*/
#sub_contents {/*情報量が少ないページ用に高さを固定*/
	position:relative;
	width:800px;
	height:780px;
	margin:10px 0 0 212px;
	padding:0px;
}
#video-frame {
	width:800px;
	height:100%;
	margin:10px 0 0 212px;
	padding-bottom:100px;
}
/*++++++++++++++++++++++++++++++++++++

	price.html

++++++++++++++++++++++++++++++++++++*/
table.price {
	width:500px;
	height:300px;
	margin:0px auto;
	padding:0;
	font-size: 120%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px dashed #ccc;
}
table.price tr.odd {
	background-color:#feebbe;
}
table.price th {
	width:280px;
	padding:5px;
}
table.price th span,td span {
	font-size: 90%;
	font-weight:normal;
}
table.price td {
	width:220px;
	padding:5px;
}
/*++++++++++++++++++++++++++++++++++++

    qanda.html、a_school.html

++++++++++++++++++++++++++++++++++++*/
#contents_q {
position:relative;
	width:100%;/*650px;*/
	min-height:780px;
	height:auto !important;
	height:780px;
	margin:10px 0 20px 10px;
	padding:0px;
	text-align:left;
}
#contents_q h2 {
	font-size: 110%;
	font-weight:bolder;
	margin:0;
}
span.answer { 
	font-size: 110%;
	font-weight:bolder;
	float: left;
}
.q_box {
position:relative;
	margin:2px 0 15px 18px;
	padding:0;
	text-align:left;
}
b { font-weight:bolder; }
/*++++++++++++++++++++++++++++++++++++

    	    link.html

++++++++++++++++++++++++++++++++++++*/
table.link {
	position:relative;
	width:640px;
	height:510px;
	margin:20px 80px;
	text-align:center;
	padding:10px auto;
	border-collapse:collapse;
}
/*++++++++++++++++++++++++++++++++++++

    	    medical.html

++++++++++++++++++++++++++++++++++++*/
#medical_front {
	position:relative;
	width:800px;
	height:820px;
	margin:0;
	padding:0;
	text-align:center;
}
#medical_back {
	position:relative;
	width:800px;
	height:820px;
	margin:0;
	padding:0;
	text-align:center;
}
.medical_t_txt {
	width:650px;
	height:50px;
	margin:15px;
	padding:0 0 0 0;
	text-align:left;
}
.medical_txt {
	width:300px;
	height:300px;
	margin:0 0 0 476px;
	padding:0px 0 0 0;
	text-align:left;
}
#mesTxt1 {
	color:#003300;
	font-weight:bolder;
}
#mesTxt2 {
	color:#003300;
	font-weight:bolder;
}
/*++++++++++++++++++++++++++++++++++++

    	    greeting.html

++++++++++++++++++++++++++++++++++++*/
.greeting_img {
	display:block;
	width:234px;
	height:262px;
	margin:10px;
	padding:0;
}
.greeting_img2 {
	width:161px;
	height:188px;
	margin:0 10px 10px 10px;
	padding:0;
}
.greeting_txt {
	width:650px;
	height:100%;
	margin:10px;
	padding:0;
}
/*++++++++++++++++++++++++++++++++++++

    	    seminar.html

++++++++++++++++++++++++++++++++++++*/
table.seminar {
	width:680px;
	height:100%;
	margin:0px auto;
	padding:0;
	font-size: 120%;
	border-collapse:collapse;
	border-spacing:0;
}
table.seminar th {
	width:680px;
	height:100%;
	background-color:#99cc00;
	color:#ffffff;
	padding:3px;
}
table.seminar td {
	width:340px;
	height:100%;
	text-align:center;
	margin:0px auto;
}
table.seminar_etc {
	width:680px;
	height:100%;
	margin:0px auto;
	padding:0;
	font-size: 120%;
	border-collapse:collapse;
	border-spacing:0;
}
table.seminar_etc th {
	width:680px;
	height:100%;
	background-color:#339900;
	color:#ffffff;
	padding:3px;
}
table.seminar_etc td {
	width:340px;
	height:100%;
	text-align:center;
	margin:0px auto;
}
table.seminar_h {
	width:680px;
	height:100%;
	margin:0px auto;
	padding:0;
	font-size: 120%;
	border-collapse:collapse;
	border-spacing:0;
}
table.seminar_h td {
	width:340px;
	height:100%;
	text-align:left;
	margin:0px auto;
}
/*++++++++++++++++++++++++++++++++++++

    	    activity.html

++++++++++++++++++++++++++++++++++++*/
.activity_box {
	width:600px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:10px auto;
	text-align:left;
}

/*++++++++++++++++++++++++++++++++++++

    	    feature.html

++++++++++++++++++++++++++++++++++++*/
img.feature { 
	width:650px;
	margin:10px 0 0 20px;
}