@charset "Shift_JIS";
/*--------------------
__default style clear
--------------------*/

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, address,  { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, b, th, var { font-style : normal; font-weight : normal; }

* { margin:0; padding:0; }

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro";
	font-size:12px;
	line-height:1.5em;
	color:#333333;
	background-color: #ffffff;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}

#g-navi{
	margin:0 auto;
	padding:0;
	height:80px;
}
#g-navi table{
	margin:0;
	padding:0;
}
#contents{
	margin:0 auto;
	padding:0;
	width:800px;
	border:solid 0px #000;
}
#footer{
	margin:10px auto;
	padding:0;
	width:770px;
	text-align:center;
	border-top:solid 1px #000;
}


h1 { 
	margin: 0;
	font-style: normal; 
	font-weight: normal;
	color:#FFFFFF;
	font-size:x-small;
}


h2 img { 
	vertical-align:bottom;
	margin-top: 15px;
	margin-bottom: 15px;
}

.lead{
	margin:0 auto;
	padding:0;
	width:540px;
	text-align:left;
	border:solid 0px #000;
}

table td.under-l{
	border-bottom:solid 1px #ccc;
	font-size:12px;
}



ul, ol{
	margin:auto -3em 1em 0;
	padding:0;
	position:relative;
	left:-3em;
	overflow:hidden;
}

li{
	margin-top:0.25em;
	margin-bottom:0.25em;
}

ul ul, ul ol,
ol ol, ol ul{
	margin-left:1em;
	padding-left:0;
}

ul li, ol li{
	margin-left:5em;
}

li li{
	margin-left:1em;
}






div {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
form {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
input {
	font-size: 12px;
}
textarea {
	font-size: 12px;
}
select {
	font-size: 12px;
}
em {
	font-style: normal;
	font-weight: bold;
}

.textTop {
	font-size: 12px;
	line-height: 16px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 15px;
	font-weight: bold; 
}
.text {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 15px;
}
.textSS{
	font-size:9px; 
	line-height:13px

}
.textS{
	font-size:10px; 
	line-height:15px; 
	color: #333333}
.textM{
	font-size:12px; 
	line-height:20px; 

	color: #333333}
.textL{
	font-size:18px; 
	line-height:20px

}
.textXL{
	font-size:18px; 
	line-height:24px

}
a:link {
	text-decoration: none; 
	color:#000000;
}
a:visited {
	text-decoration: none; 
	color:#000066;
}
a:hover {
	text-decoration: none; 
	color:#FF0000;
}
a:active {
	color:#FF0000;
}
a.iro2:link {
	text-decoration: none; 
	color:#0000FF;
}
a.iro2:visited {
	text-decoration: none; 
	color:#000099;
}
a.iro2:hover {
	text-decoration: none; 
	color:#FF0000;
}
a.iro2:active {
	color:#FF0000;
}
.textMRED {  font-size: 12px; line-height: 18px; font-weight: normal; color: #CC0000}
.textMB {  font-size: 12px; line-height: 20px; font-weight: bold; color: #333333}
.textMBWH {  font-size: 12px; line-height: 16px; font-weight: bold; color: #FFFFFF}
.textM-BL { font-size:12px; line-height:18px; color: #000000}
.textM-BLUE { font-size:12px; line-height:18px; color: #254B97}
.textM-BLUEB { font-size:12px; line-height:18px; color: #254B97 ; font-weight: bold}
.textM-REDB { font-size:14px; line-height:18px; color: #FF0000; font-weight: bolder}
.textMWH { font-size:12px; line-height:18px; color: #FFFFFF}
.textSBLUE { font-size:10px; line-height:15px; color: #3366CC}
.textSRED { font-size:10px; line-height:12px; color: #CC0000}


a.iro3:link {
  padding: 0px 0px 0px 15px;
  text-decoration: none;
  color: #666666;
  border-bottom: dotted 1px #cccccc;
  background:;
  width:180px;
}
a.iro3:hover {
  padding: 0px 0px 0px 15px;
  text-decoration: none;
  color: #ff3300;
  border-bottom: dotted 1px #ff9900;
  background:;
  width:180px;
}
a.iro3:active {
  padding: 0px 0px 0px 15px;
  text-decoration: none;
  color: #ff3300;
  border-bottom: dotted 1px #ff9900;
  background:;
  width:180px;
}
a.iro3:visited {
  padding: 0px 0px 0px 15px;
  text-decoration: none;
  color: #999999;
  border-bottom: dotted 1px #cccccc;
  background:;
  width:180px;
}


a.iro4:link {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #666666;
  border-bottom: dotted 1px #cccccc;
  background:;
  width:140px;
}
a.iro4:hover {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #ff3300;
  border-bottom: dotted 1px #ff9900;
  background:;
  width:140px;
}
a.iro4:active {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #ff3300;
  border-bottom: dotted 1px #ff9900;
  background:;
  width:140px;
}
a.iro4:visited {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #666666;
  border-bottom: dotted 1px #cccccc;
  background:;
  width:140px;
}.textLB { font-size:18px; line-height:20px ; font-weight: bolder; color: #000000}
.textSB { font-size:10px; line-height:15px; color: #000000; font-weight: normal}
.textM-GREEN { font-size:12px; line-height:18px; color: #336600}
.textM-Diary { font-size:12px; line-height:23px; color: #333333 }
.textSWH { font-size:10px; line-height:15px; color: #FFFFFF}
.textM2 { font-size:12px; line-height:15px; color: #333333 }
.textM3 { font-size:12px; line-height:16px; color: #333333 }
.textM-GREENB { font-size:12px; line-height:18px; color: #336600 ; font-weight: bold}
.textM-BLB { font-size:12px; line-height:14px; color: #000000 ; font-weight: bold}


/* データベースのテーブル
---------------------------------------------------- */
table#products {
  margin: 0px 10px 0px 10px;
  width: 550px;
  border-top:    0px solid #aaaaaa;
  border-collapse: collapse;
}
table#products th {
  font-weight: bold;
  color: #444444;
  background: #CEE5FF;
}
table#products td {
  padding: 0em;
  border-right: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
  background: #f1f1ed;
}

/* スケジュールのテーブル
---------------------------------------------------- */
table#products2 {
  margin: 0px 0 0px 0;
  width: 339px;
  border-top:    0px solid #aaaaaa;
  border-collapse: collapse;
}
table#products2 th {
  font-weight: bold;
  width: 60px;
  color: #444444;
  background: #D4E8FF;
  border-right: 1px solid #726d6b;
  border-bottom: 1px solid #726d6b;
}
table#products2 td {
  padding: 0em;
  border-right: 1px solid #726d6b;
  border-bottom: 1px solid #726d6b;
  background: #f1f1ed;
}

/* NEWS&TOPICS CSS
---------------------------------------------------- */
/* newstopics area */




body#news_top {
	padding: 0;
	background: #fff;
	color: #354146;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro";
	font-size: small;
	line-height: 1.5;
}

body#news_top a {
  text-decoration: none;
  line-height:1.3em;
  color:#000;
}
body#news_top a:hover {
  line-height:1.3em;
  color:#D61518;
}
body#news_top a:visited {
  line-height:1.3em;
  color:#666;
}
body#news_top table.top {
  margin: 0 auto;
  padding: 0;
  width:750px;
  line-height:1.3em;
  color: #666;
  border-bottom:#ccc dotted 0px;
}

body#news_top table.top td.point {
  padding:2px 0;
  width:30px;
  text-align:right;
  line-height:1.3em;
  vertical-align:top;
}
body#news_top table.top td.subject {
  padding:2px 0;
  width:660px;
  text-align:left;
  font-size: 12px;
  line-height:1.3em;
  vertical-align:top;
}

body#news_top table.top td.date {
  padding:2px 0;
  width:60px;
  text-align:left;
  font-size: x-small;
  line-height:1.3em;
  vertical-align:top;
}


table#mainnews {
  margin: 0 auto;
  padding:0;
  width:770px;
  vertical-align:top;
  font-size: small;
  line-height:1.5em;
  color: #333;
  background: #FFF;
  text-align:left;
  border:#ccc solid 1px;
}
table#mainnews .date {
  margin: 0px auto;
  padding:0;
  width:700px;
  font-size: x-small;
  line-height:1.3em;
  color: #333;
  text-align:right;
  border-bottom:0px solid #999;
}
table#mainnews .subject {
  margin: 10px 0 7px 10px;
  padding:2px 0 2px 10px;
  width:720px;
  font-size: small;
  line-height:1.3em;
  color: #000;
  text-align:left;
  border-left:3px solid #FF0000;
background: url(../fitness/img/course-bg.jpg) repeat-x bottom;
  border-bottom:1px solid #999;
}


table#mainnews .coment {
  margin: 0px auto;
  padding:0;
  width:720px;
  font-size: small;
  line-height:1.8em;
  color: #333;
  text-align:left;
  border:0px solid #999;
}
table#news-list {
  margin: 0 auto;
  padding: 5px;
  width:770px;
  font-size: x-small;
  line-height:1.8em;
  color: #333;
  background: #FFF;
  text-align:left;
  border:#ccc solid 1px;
}
table#news-list td.date {
  width:100px;
  font-size: x-small;
  line-height:1.5em;
  height:22px;
  color: #333;
}
table#news-list td.subject {
  width:640px;
  font-size: small;
  line-height:1.5em;
  height:22px;
  color: #333;
}


table#news-foot {
  margin: 10px auto;
  padding: 2px 0 2px 0;
  width:770px;
  font-size: small;
  line-height:1.3em;
  color: #333;
  text-align:right;
  border:#333 solid 0px;
}
table#news-foot2 {
  margin: 10px auto;
  padding: 2px 0 2px 0;
  width:770px;
  font-size: small;
  line-height:1.3em;
  color: #333;
  background: #ededed;
  text-align:right;
  border:#333 solid 0px;
}
body#news a {
  text-decoration: none;
  color:#333;
}
body#news a:hover {
  color:#f00;
}
body#news a:visited {
  color:#333;
}



body#news_top table.top2 {
  margin: 0 auto;
  padding: 0;
  width:450px;
  line-height:1.3em;
  color: #666;
  border-bottom:#ccc dotted 0px;
}

body#news_top table.top2 td.point {
  padding:2px 0;
  width:30px;
  text-align:right;
  line-height:1.3em;
  vertical-align:top;
}
body#news_top table.top2 td.subject {
  padding:2px 0;
  width:360px;
  text-align:left;
  font-size: 12px;
  line-height:1.3em;
  vertical-align:top;
}

body#news_top table.top2 td.date {
  padding:2px 0;
  width:60px;
  text-align:left;
  font-size: x-small;
  line-height:1.3em;
  vertical-align:top;
}


body#news_top table.top3 {
  margin: 0 auto;
  padding: 0;
  width:750px;
  line-height:1.3em;
  color: #666;
  border-bottom:#ccc dotted 0px;
}

body#news_top table.top3 td.point3 {
  padding:2px 0;
  width:30px;
  text-align:right;
  line-height:1.3em;
  vertical-align:top;
}
body#news_top table.top3 td.subject3 {
  padding:2px 0;
  width:660px;
  text-align:left;
  font-size: 12px;
  line-height:1.3em;
  vertical-align:top;
}

body#news_top table.top2 td.date3 {
  padding:2px 0;
  width:60px;
  text-align:left;
  font-size: x-small;
  line-height:1.3em;
  vertical-align:top;
}