/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
	content     : " ";
	display     : block;
	visibility  : hidden;
	clear       : both;
	height      : 0.1px;
	font-size   : 0.1em;
	line-height : 0;
}

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* HTML tag styles */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#333333;
font-style:normal;
font-size:12px;
}

div {
}

table{border-collapse:collapse;border-spacing:0;}

textarea,input{margin:0;padding:0;}

caption,th{text-align:left;}
td,th{vertical-align: top; color:#333333; line-height:1.5; }

dd,dt,td,th,p {
line-height:1.5;
}

li {
line-height:1.5;
}

fieldset,img,abbr{border:none;}
li{list-style-type:none;}
hr{display:none;}

a{overflow:hidden;}
a:link{color:#00f;text-decoration:none;}
a:visited{ccolor:#00f;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
strong{font-weight:bold;}

img {vertical-align:bottom;}

/* --------------------------------------------------
	Layout
-------------------------------------------------- */
body {
/* setting border: 0 hoses ie5 win window inner well border */
text-align:center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo";
font-size:12px;
color: #333333;
margin:0;
padding:0;
background-color:#CCccff;
}

/* container
-------------------------------------------------- */
#container {
width:800px;
margin:0 auto;
xborder:1px solid #c9c9c9;
text-align:left;
background-color:#FFFFFF;
}

#container {
zoom:1;
}

/* header
-------------------------------------------------- */
h1{
padding:2px 0 0 5px;
font-size:11px;
font-weight:normal;
}

/* 	menu */
#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#menu li{
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	width:114px;
	height:25px;
}

#menu li a{
	display:block;
	width:114px;	/*リンク範囲をブロックに変更*/
	height:25px;	/*リンク範囲の高さを指定：firefox必須*/
	background-position :left top;	/*画像を左上に配置*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	border-bottom:2px solid #0099FF;
	text-decoration:none;
	line-height:normal;
	text-indent:-9999px; 
}
#menu li.navi1 a:link,#menu li.navi1 a:visited{
	background-image:url(images/menu_a.jpg);	/*通常画像*/
}

#menu li.navi2 a:link,#menu li.navi2 a:visited{
	background-image:url(images/menu_b.jpg);	/*通常画像*/
}

#menu li.navi3 a:link,#menu li.navi3 a:visited{
	background-image:url(images/menu_c.jpg);	/*通常画像*/
}

#menu li.navi4 a:link,#menu li.navi4 a:visited{
	background-image:url(images/menu_d.jpg);	/*通常画像*/
}

#menu li.navi5 a:link,#menu li.navi5 a:visited{
	background-image:url(images/menu_e.jpg);	/*通常画像*/
}

#menu li.navi6 a:link,#menu li.navi6 a:visited{
	background-image:url(images/menu_f.jpg);	/*通常画像*/
}
#menu li.navi7 a:link,#menu li.navi7 a:visited{
	background-image:url(images/menu_g.jpg);	/*通常画像*/
}

#menu li a:hover{
	background-position:left bottom;	/*画像を左上に配置*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/ 
	border-bottom:2px solid #FF0000;
}

#menu li.navi1 a:hover,#menu li.navi1 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_a.jpg);	/*ロールオン画像*/
}

#menu li.navi2 a:hover,#menu li.navi2 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_b.jpg);	/*ロールオン画像*/
}

#menu li.navi3 a:hover,#menu li.navi3 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_c.jpg);	/*ロールオン画像*/
}

#menu li.navi4 a:hover,#menu li.navi4 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_d.jpg);	/*ロールオン画像*/
}

#menu li.navi5 a:hover,#menu li.navi5 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_e.jpg);	/*ロールオン画像*/
}

#menu li.navi6 a:hover,#menu li.navi6 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_f.jpg);	/*ロールオン画像*/
}
#menu li.navi7 a:hover,#menu li.navi7 a:active{	/*ロールオーバー時の設定*/
	background-image:url(images/menu_g.jpg);	/*ロールオン画像*/
}

/* breadcrams
-------------------------------------------------- */
#topic_pass{
	text-align:left;
}

p.topic_p{
	font-size: x-small;
	padding:1px 0 1px 5px;
}



/* wrapper
-------------------------------------------------- */
#wrapper {
clear:both;
padding-bottom:30px;
border-bottom:1px solid #c9c9c9;
zoom:1;
}

#wrapper:after {
	content     : " ";
	display     : block;
	visibility  : hidden;
	clear       : both;
	height      : 0.1px;
	font-size   : 0.1em;
	line-height : 0;
}

/* rayout
-------------------------------------------------- */
#contents_left{
float:left;
width:240px;
display:inline;
}
#contents_right{
float:left;
width:550px;
display:inline;
}
/* adress
-------------------------------------------------- */
#adress_l{
float:left;
background-image:url(images/adress.jpg);
background-repeat:no-repeat;
width:220px;
height:255px;
margin-left:10px;
}

ul.adress{
	margin:20px;
}

li.adress01{
	color:#0066FF;
	font-size:1.1em;
	font-weight:bold;
}

li.adress02{
	padding-left:1em;
}

p.button01{
float:left;
margin:0 0px 0 10px;
}

p.button02{
float:left;
margin:0px 0px 0px 10px;
}

/* navi_left
-------------------------------------------------- */
div.navi_left{
}
ul.navi_l{
	clear:both;
	margin:20px 0 100px 10px;
	list-style:none;
}

li.navi_1{
}

ul.navi_l li{
	margin-bottom:2px;
	padding:0px;
	display:block;
	width:200px;

}

li.navi_2{
	text-align:center;
	font-weight:bold;
}

p.navi_3{
margin-top:1em;
padding:8px;
border:5px outset #00CCFF;
text-align:left;
font-weight:normal;
}

/* flash
-------------------------------------------------- */
#flash{
}

p.flash{
}


/* whats new
-------------------------------------------------- */
h2.wn{
width:550px;
height:25px;
background:url(images/whatsnew.jpg) no-repeat;
margin-top:20px;
padding:0.5em 0 0 0px;
text-align:center;
font-weight:normal;
color:#666666;
}

dl.whatsnew{
margin:5px 0 0 10px;
overflow:scroll;
width:530px;
height:200px;
}

dl.whatsnew dt{
}
dl.whatsnew dd{
border-bottom:1px dotted #CCCCCC;
}

/* topics
-------------------------------------------------- */

dl.topics{
margin:20px 0 0 0px;
padding:5px;
}

dt.topi{
padding-left:0.5em;
background-color:#D1FDFE;
border-bottom:1px solid #999999;
border-left:5px solid #0066FF;
font-size:1.1em;
font-weight:bold;
}

dd.topi1{
margin-top:5px;
padding:10px;
border:1px ridge #cccccc;

}

dd.topi2{
text-align:right;
}


/* サブページ
-------------------------------------------------- */
h2.midasi{
background:url(images/bar01.jpg) no-repeat;
width:550px;
height:45px;
color:#FFFFFF;
padding:17px 0 0 10px;
font-size:1.3em;
}

h3.bar{
margin:1em 0 1em 0;
padding:8px;
background-color:#E6FFF8;
border-left:8px solid #59FBC7;
}

h3.name{
margin:2em 0 0.5em 20px;
}
p.text01{
margin:5px 0 0 20px;
}

span.chuui{
color:#CC0000;
}

h4.midasi{
margin:1em 0 0 1em;
}

/* ゆる体操とは
-------------------------------------------------- */
div.takaoka{
margin-top:2em;
border-top:1px dotted #666666;
}
p.takaoka1{
float:left;
margin-left:2em;
}

p.takaoka2{
float:right;
margin-top:1em;

margin-right:13em;
}

div.nido{
clear:both;
margin-top:2em;
border-top:1px dotted #666666;
}

p.nido1{
float:left;
margin-left:2em;
}

p.nido2{
float:right;
margin-top:1em;
margin-right:6em;
}

/* 講師について
-------------------------------------------------- */
div.naomi{
background:url(images/hasegawa2.jpg) no-repeat;
height:120px;
margin-left:20px;
}

p.prof{
margin:10px 0 0 120px;
font-size:1.1em;
font-weight:bold;
}

table.profile{
margin:30px 0 0 20px;
}

/* プログラム
-------------------------------------------------- */
table.theme{
margin:2em 0 3em 2em;
}

table.theme th{
text-align:center;
background-color:#FFDFBF;
}


/* スケジュール
-------------------------------------------------- */
table.schedule1{
margin:0 0 0 10px;
border:1px solid #666666;
}

table.schedule1 th,td{
padding:5px;
border:1px solid #666666;
}

table.schedule1 th{
background-color:
#E0E0E0;
}

table.schedule2{
margin:2em 0 1em 1em;
border:1px solid #666666;
}

table.schedule2 caption{
padding:5px;
font-size:1.2em;
font-weight:bold;
}

table.schedule2 th,td{
padding:5px 5px 5px 10px;
border:1px solid #666666;
}
table.schedule2 th{
background-color:#FFD7FF;
width:200px;
}

/* 受講システム
-------------------------------------------------- */
table.system{
margin-bottom:2em;
}

table.system td,th{
padding:5px;
border:1px solid #666666;
text-align:left;
}

table.system th{
width:7em;
}
th.th00{
border-bottom:0px;
}

th.th01{
border-bottom:0px;
border-top:0px;
}

th.th02{
border-top:0px;
}


table.profile{
}

table.profile td{
border:0px;
text-align:left;
}

td.year{
width:8em;
}


/* アクセス
-------------------------------------------------- */
p.map{
margin:20px 0 0 80px;
}

/* お問い合わせ
-------------------------------------------------- */
table.mailform{
margin:2em 0 2em 0;
text-align:left;
}
table.mailform td{
text-align:left;
}

td.form01{
text-align:left;
background-color:#E4E4F1;
font-weight:bold;
}

td.form02{
text-align:left;
}

p.message{
margin:1em 0 0 1.5em;
}

/* リンク
-------------------------------------------------- */
ul.hp{
margin:2em 0 0 2em;
}

li.hp01{
background:
url(images/list_maru.gif) no-repeat 0.2em;
padding-left:1.5em;
}

li.hp02{
margin:0 0 1em 2em;
}

/* footer contents
-------------------------------------------------- */
#footer {
clear:both;
position:relative;
height:65px;
background:url(images/footer.jpg) no-repeat;
}

p.copyright{
	text-align:left;
	margin:1.5em 5em 1.5em 8em;
	padding:10px;
	font-size:0.9em;
}

p.end_navi{
	color:#FFFFFF;
	text-align:left;
	font-size:0.8em;
}

p.end_navi a{
	text-decoration:none;
	color:#FFFFFF
}

p.end_navi a:hover{
	text-decoration:underline;
	color:#FFFFFF
}

p.footer{
	color:#FFFFFF;
	text-align:center;
	margin-top:30px;
}