@charset "utf-8";
/* CSS Document */

/*まわり込み解除******************
*****************************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



body{
	margin-top: 0;
	margin-bottom: 0;
	background-image: url(../img/all_bg.gif);
	background-repeat: repeat;
}
address {
	font-size: 10px;
	color: #FFF;
	font-style: normal;
	margin-left: 20px;
}
img {
	border-style:0;
	margin: 0;
	padding: 0;
}

a img{
	border:none;
	}
	
.page_top {
	float: right;
	padding: 30px 20px 30px 0;
	}
	
#rap1 {
	width: 760px;
	padding: 0 10px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	clear: both;
}
#rap1 h1 {
	margin: 0;
	padding: 0;
	width: 760px;
}

#rap1 h1.header {
	margin: 0;
	width: 510px;
	height:18px;
	font-family:"｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ", Osaka, "･ﾒ･鬣ｮ･ﾎｳﾑ･ｴ Pro W3";
	font-weight:normal;
	font-size:10px;
	margin-top: 5px;
	color: #666;
	float:right;
}

#rap1 A:hover{
	color: #ff0000;
	visibility : visible;
	float : none;
	clear : none;
	position : relative;
	top : 0pt;
	left : 0pt;
}

#rap1 A {
 padding:1px 1px 0 1px;
}

#header_menu a{
 padding:0px;
}

#header_menu a img{
 padding:0px 1px 2px; 1px;
}

#rap1 span{
	width:50px;
	float:left;
	font-family:"｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ", Osaka, "･ﾒ･鬣ｮ･ﾎｳﾑ･ｴ Pro W3";
	font-weight:normal;
	font-size:10px;
	margin-top: 5px;
	margin-left:5px;
	color: #666;
}
#rap2{
	width: 760px;
	padding:0px 10px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	background-color: #FFF;
	clear: none;
	float: none;
}

#g_navi{
	background-image: url(../img/bg_gnabi.gif);
	width: 796px;
	height: 31px;
	padding: 0 14px 0 40px;
	background-repeat: no-repeat;
}

#g_navi p {
	float: right;
	clear: both;
	padding: 0;
	margin: 0 0;
}

#flash{
	height: 247px;
	width: 760px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#flash_course {
	height: 170px;
	width: 740px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#line{
	height: 20px;
	width: 780px;
	background-image: url(../img/line.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: none;
}
/*左列の設定****/
#left{
	width: 169px;
	background-color: #EEE;
	float: left;
	margin: 0 auto;
	clear: both;
	padding: 0;
}
#left h2 {
	margin: 0;
	background: #FFF;
}
/* このh3は消す*/
#left h3 {
	font-size: 12px;
	color: #666;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 6px 0 0 9px;
	float: none;
}
/*****左列の太字の部分　2011.4******/
#left div.menu_midashi {
	height:23px;
	line-height:23px;
	font-size: 12px;
	color: #666;
	background-image: url(../img/left_midashi.gif);
	background-repeat: no-repeat;
	margin: 0px 0 5px 0;
	padding: 0px 0 0 7px;
	font-weight:bold;

}
#left div.menu_midashi_s {
	height:23px;
	font-size: 9px;
	color: #666;
	background-image: url(../img/left_midashi.gif);
	background-repeat: no-repeat;
	margin: 0px 0 5px 0;
	padding: 4px 0 0 7px;
	font-weight:bold;

}
#bana {
	width: 169px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
}

#left ul {
	margin: 5px auto 10px 10px;
	padding-left: 15px;
}
#left ul li {
	margin: 5px 0;
	font-size: 10px;
	color: #666;
	margin-left: 0px;
	padding-left: 0px;
	list-style-image: url(../img/point2.gif);
}
#left a:link {
	text-decoration: none;
	color: #666;
}
#left a:hover {
	color: #834949;
}
#left a:visited {
	color: #666;
	text-decoration: none;
}

#right_rap{
	float: right;
	width: 581px;
	padding: 0;
	margin-left: 0;
	clear: right;
}

/* REWRIGHT */
#right1{
	float: left;
	width: 376px;
	background-color: #FFFFFF;
	clear: left;
	margin: 0px 0px 0px 5px;
	padding: 0;
}
#right1 h2 {
	margin-top: 10px;
	margin-bottom: 1px;
	clear: both;
	float: left;
	width: 376px;
}
#right1 p {
	margin-top: 1px;
	margin-bottom: 0px;
	float: left;
	clear: both;
	padding-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#right1 table {
	float: left;
	height: 305px;
	width: 375px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

/* REWRIGHT */
#right2{
	float: right;
	width: 175px;
	text-align: left;
	clear: right;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#right2 h2 {
	margin-top: 10px;
	margin-bottom: 1px;
	clear: right;
	float: right;
	width: 175px;
}
#right2 p {
	margin: 1px 0 0 0;
	clear: both;
	padding-bottom: 3px;
}

ul.list {
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}

#news{
	width: 366px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
/* 2010_03_30 */
#news ul {
	list-style-type: none;
	margin: 5px 0 10px 0;
	padding: 0;
}
/* 2010_03_30 */
#news li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 11px;
	color: #666;
	width: 376px;
	margin: 0;
	padding: 4px 0;
	clear: none;
	float: none;
}

#news img {
	float: right;
}
#mobile{
	background-image: url(../img/mobile.gif);
	background-repeat: no-repeat;
	clear: both;
	float: right;
	height: 24px;
	width: 165px;
	padding-top: 87px;
	padding-left: 10px;
	margin-bottom: 0px;
	}

.in_mo{
	height: 14px;
	clear: none;
	float: left;
	border: 1px solid #999999;
	font-size: 11px;
	color: #666;
	margin-right: 5px;
}

	
#foot2 {
	width: 730px;
	height: 45px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #e1091a;
	background-color: #e1091a;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 10px;
	color: #FFF;
	clear: both;
}
#foot2 img {
	float: left;
}
#foot2 a:link {
	color: #FFF;
	text-decoration: none;
}
#foot2 a:visited {
	color: #FFF;
	text-decoration: none;
}
#foot2 a:hover {
	color: #FFFF;
	text-decoration: underline;
}

#foot3 {
	width: 760px;
	height: 25px;
	background: #E1091A;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

A:hover{
  position : relative;
  top : 1px;
  left : 1px;
}


/* CSS eventで使用されているスタイル */

.style2 {font-size: 10px; }
.style3 {font-size: 12px; }
.style4 {font-size: 14px; }
.style5 {font-size: 16px; }
.style6 {font-size: 18px; }

.style7 {color: #333333; }
.style8 {color: #993300; }
.style9 {color: #FF0000; }
.style10 {color: #FF00FF; }
.style11 {color: #FFFFFF; }
.style12 {color: #CC3333; }

.style13 {font-weight: bold; }

.style14 {font-size: 10px; color: #333333; }
.style15 {font-size: 10px; color: #666666; }
.style16 {font-size: 12px; color: #FFFFFF; }
.style17 {font-size: 14px; color: #333333; }
.style18 {font-size: 16px; color: #333333; }
.style19 {font-size: 18px; color: #333333; }
.style20 {font-size: 24px; color: #FF0000; line-height:1.5em;}

.style21 {font-size: 11px; font-weight: bold; }
.style22 {font-size: 12px; font-weight: bold; }
.style23 {font-size: 14px; font-weight: bold; }
.style24 {font-size: 15px; font-weight: bold; }
.style25 {font-size: 16px; font-weight: bold; }
.style26 {font-size: 18px; font-weight: bold; line-height:25px;}

.style27 {color: #FF00FF; font-weight: bold; }

.style28 {font-size: 12px; color: #333333; font-weight: bold; }
.style29 {font-size: 12px; color: #CCCCCC; font-weight: bold; }
.style30 {font-size: 18px; color: #FF00FF; font-weight: bold; }

.style31 {font-weight: bold; font-family: "ＭＳ ゴシック", "Osaka−等幅"; }

.style32 {color: #333333; font-family: "ＭＳ ゴシック", "Osaka−等幅"; }

.style33 {font-family: "ＭＳ ゴシック", "Osaka−等幅"; }

/* CSS jyohoで使用されているスタイル */

.style34 {color: #FFCCFF; }
.style35 {color: #DB006D; font-size: 12px; }
.style36 {color: #FF0066; font-size: 12px; }

/* CSS bizで使用されているスタイル */

.style37 {font-size: 10px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

/* CSS kaigoで使用されているスタイル */

.style38 {color: #CC33FF; }
.style39 {color: #6699FF; }

/* CSS koumuで使用されているスタイル */

/* CSS sportsで使用されているスタイル */

.style40 {color: #3399FF; }
.style41 {color: #00CC99; font-size: 18px; font-weight: bold; }

/* CSS indexで使用されているスタイル */

.style42 {color: #FF3333; }
.style43 {color: #ffffff; background-color: DB4A4A; }
.style44 {color: #FF3333; font-size: 12px; font-weight: bold; }
.style45 {color: #333333; font-size: 11px; font-weight: bold; }

.style46 {color: #DF6262; }
.style47 {color: #FF33FF; }
.style48 {color: #006600; }
.style49 {font-size: 24px; }
.style50 {font-size: 16px; font-weight: bold; color: #CC0099; line-height:1.5em;}
.style51 {font-size: 14px; color: #FF33FF; font-weight: bold;}
.style52 {font-size: 12px; color: #96305E; font-weight: bold; }
.style53 {font-size: 16px; color: #96305E; font-weight: bold; padding:0 15px 0 15px;
line-height:1.5em;}

.style54 {font-size: 12px; color: #333333; line-height:1.5em; padding:5px;}
.style55 {font-size: 10px; line-height:1.2em; padding:5px;}

*html form{
	display:inline;
	}
	
	
#style11 {
        font-size: 10px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
}

.color-red{
	color:#FF0000;
	}

.font-8{
	font-size:9px;
	
	}

.font-8-2{
	font-size:8px;
	color:#666;
	}

.marginleft-15{
	margin-left:15px;
	}

.margin5-5{
	margin:5px 0 0 5px;
	}
.margin10-10{
	margin:10px 0 0 10px;
	}

.margin15-15{
	margin:15px 0 0 15px;
	}

.margin0-15{
	margin-top:15px;
	}
	
.font-13{
	font-size:13px;
	}	

.line130{
	padding:0 10px;
	text-align:justify;
	}
	
/*******こめマークリスト小*******/
ul.kome{padding:3px 5px 0 7px;
		margin:0;
		font-size:11px;
}

ul.kome li{list-style:none;
		text-indent:-1em;
		padding:0 0 0.5em 1em;
		line-height:1.2em;
		font-size:11px;}

/*******こめマークリスト(テーブルに入れる）*******/

ul.kome-tab{padding:1px;
		margin:0;}

ul.kome-tab li{list-style:none;
		text-indent:-1em;
		padding:0 0 0.5em 0em;
		line-height:1.5em;
}

/*******普通のリスト(テーブルに入れる）*********/
#course ul.normal-tab{
	font-size: 12px;
	margin:0px 0px 0px 5px;
	padding:5px 10px 5px 5px;
}
#course ul.normal-tab li {
font-size: 12px;
margin:0px 0px 0px 5px;
padding:0;
line-height:1.5em;
margin:0;
}

/*******こめマークリスト(テーブルに入れない）***/

ul.normal{
font-size: 12px;
	margin:0px 0 0 5px;
	padding:5px 10px 5px 20px;
}
ul.normal li {
font-size: 12px;
line-height:1.5em;
margin:0;
}
/*******こめマークリスト太字*******/

ul.kome-B{padding:3px 15px 0 15px;
		margin:0;
		font-size:0.8em;
		font-weight:bold;
}

ul.kome-B li{list-style:none;
		text-indent:-1em;
		padding:0 0 1em 1em;
		line-height:1.4em;}


/*******番号リスト太字*******/

ol.num-B{padding:3px 15px 10px 15px;
		margin:0;
		font-weight:bold;
}

ol.num-B li{
		margin:0 0 0 2em;
		padding:0;
		line-height:1.4em;}
/*******注1リスト*******/

/*等幅フォントにしないと、スペース幅が合いません。スペースは「 」と記述。
13zimu_hoiku.htmlで使用。*/

ul.chu-B{padding:3px 10px 0 2em;
		margin:0;
		font-size:12px;
		font-family:
'Osaka-等幅',メイリオ,'ＭＳ Ｐゴシック'
		
}

ul.chu-B li{list-style:none;
		text-indent:-3em;
		padding:0 0 1em 2em;
		line-height:1.4em;}
		
h4{padding:0;
margin:0em 0 0.3em 0;}

/*******定義リスト******/
dl{	margin:10px 10px 15px 15px;
	padding:1px;
	font-size: 12px;
	font-family:'Osaka-等幅',メイリオ,'ＭＳ Ｐゴシック'}
	
dt{	font-weight:bold;}

dd{	padding:0.5em 0 1em 0.7em;
	line-height:1.5em;
	margin:0;}

/*******横並び定義リスト******/
dl.inline{width:560px;
clear:both;
padding:0 0 0.5em 0;
margin:0 0 0 1em;
}
dl.inline dt{
   width:8em;
   float: left;
   display:inline;
   line-height:1.5em;
   margin:0 -13em 0 0; /*IEでdlのwidthを3px超えるのを防ぐため */
   padding:0;
}

dl.inline dd{
	width:450px;
	margin:0 0 0 8em;
	padding:0;
	line-height:1.5em;
	font-weight:bold;
}


/******コース説明で使えるシンプルなテキスト******/
p.course-info{padding:5px 10px 7px 15px;
				font-size:12px;
				line-height:1.5em;}
				
/*****無理やり回り込み解除***********/
.kaijyo {clear:left;}


/*****Pでかこんで、
画像に並ぶ文字の高さを中央に***********/
p.v-middle img { vertical-align: middle;
padding:0px 5px 2px 0px;
}
p.v-middle{font-size:12px;}

/* カリキュラム 　時間割テーブルを囲む*/
div#coursecurriculum td{
white-space:nowrap;}/*講座名改行禁止*/
div#coursecurriculum th{
	text-align:center;}

/* 強調したいボックスを入れたい時。
スポーツカテゴリの認定校など */
#dashbox1 {
width:400px;
border-color:#000;
border:dashed 1px;
margin:0 0 10px 10px;
padding:5px 1px 5px 5px;
text-align:left;}

#dashbox1 ul {
padding:2px 1px 2px 15px;
margin:2px;
text-align:left;
}

#dashbox1 ul li {
padding:0px 10px 0px 1px;
margin:0;
line-height:1.2em;
text-align:left;
}

#dashbox1 ul.komechu {
padding:2px 1px 2px 30px;
margin:1px 0px 0px 0px;
line-height:1.2em;
text-align:left;
}

#dashbox1 ul.komechu li{
	list-style:none;
	text-indent:-3em;
	font-family:'Osaka-等幅',メイリオ,'ＭＳ Ｐゴシック'
	margin:0;
	padding:1px 0 2px 2px;
	font-size:11px;
	line-height:1.2em;
}

address {
	font-style: normal;
	margin-top: 5px;
}