@charset "utf-8";
/*======================================
	1-1.Universal selector
=======================================*/

* {
	color: #333333;
	/*	font-weight: normal;*/
	font-style: normal;

}

img{border:0;}

p{
	padding: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}

/*======================================
	1-2.Structure Module
=======================================*/

body {
	text-align: center;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	font-family: verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	line-height: 160%;
}


div#content,
div#head,
div#foot2,
div#topicPath{
	text-align: left;
	margin: auto;
	width:995px;
}

div#foot{
	text-align: center;
	margin: auto;
	background-image: url(../img/foot_bg.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size:12px;
}

div#foot2{
	background-image: url(../img/foot_info.gif);
	background-repeat: no-repeat;
	height: 100px;
}

div#head{
	height: 379px;
	position: relative;
	font-size:12px;
	background-image: url(../img/head_side.jpg);
	background-repeat: no-repeat;
	margin-top: 11px;

}

div#content{margin-top:15px;}

div#side{
	width:305px;
	float:right;
	background-color: #FFFFFF;
}

div#main{
	width:650px;
	float:left;
}

div#pagetop{
	clear:both;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
}

.clear{
	clear:both;

}

/*======================================
	1-3.Text Module
=======================================*/


address {
	padding-top:20px;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	font-family: Verdana;
	font-style: normal;

}

h1,h2{
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 120%;
}

h3{
	margin-top:0;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	border-bottom-width: 1px;
	font-size: 18px;
}


/*======================================
	1-4. Hypertext Module
=======================================*/

a:link {
	color: #0099FF;
	text-decoration: none;
}

a:visited {
	color: #0099FF;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}

a:focus{ /*リンクをクリックした際に表示される点線を消す*/
outline:none;
}




/*======================================
	1-5. List Module
=======================================*/

ul,li,
S
 {
	margin: 0em;
	padding: 0px;
	list-style-type:none;
	list-style-position: outside ;
}

dl,
dt,
dd
 {
	margin: 0em;
	padding: 0px;
	list-style-position: inside;
}

/*======================================
	ヘッダー　スタイル
=======================================*/

h1 a{
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 0;
	padding-top:169px;
	overflow:hidden;
	display: block;}

div#head_img{
	position:absolute;
	left: 161px;
	top: 0px;
	width: 834px;
	height: 379px;


}







/*======================================
	メニュー　スタイル
=======================================*/


#navi{
	width: 650px;
	margin: 0px;
	padding: 0px;
}



#navi:after {  after擬似要素による子ボックスのフロートのクリア 
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#navi ul {
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navi li {
	float: left; /* 左寄せ */
	list-style-type: none;
	margin:0;
	padding:0;
}
.mn1 a, .mn2 a, .mn3 a, .mn4 a, .mn5 a, .mn6 a , .mn7 a, .mn8 a{
	display: block; /* ブロックボックス化 */
	position: relative; /* for IE6 （マウス反応範囲が広がらないバグの対処）*/
	height:	0;
	padding-top:99px;
	overflow:hidden;
		width:325px;

}
.mn1 a {
	background:url(../img/bt_cource.gif) no-repeat;
}

.mn1 a:hover,.mn2 a:hover,.mn3 a:hover,.mn4 a:hover,.mn5 a:hover,.mn6 a:hover{
filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;}


.mn2 a {
	background:url(../img/bt_qual.gif) no-repeat;
}

.mn3 a {
	background:url(../img/bt_sche.gif) no-repeat;
}

.mn4 a {
	background:url(../img/bt_acc.gif) no-repeat;
}
.mn5 a {
	background:url(../img/bt_cont.gif) no-repeat;
}

.mn6 a {
	background:url(../img/bt_reserv.gif) no-repeat;
}



/*======================================
	side　スタイル
=======================================*/

.side01{
	background-image: url(../img/side_lesson.gif);
	background-repeat: no-repeat;
	width: 305px;
	height: 0;
	padding-top:33px;
	overflow:hidden;
	display: block;
}

.side02{
	background-image: url(../img/side_info.jpg);
	background-repeat: no-repeat;
	width: 305px;
	height: 0;
	padding-top:33px;
	overflow:hidden;
	display: block;
}

.side03{
	background-image: url(../img/side_blog.gif);
	background-repeat: no-repeat;
	width: 305px;
	height: 0;
	padding-top:33px;
	overflow:hidden;
	display: block;
}


.side04{
	background-image: url(../img/side_course.gif);
	background-repeat: no-repeat;
	width: 305px;
	height: 0;
	padding-top:33px;
	overflow:hidden;
	display: block;
}



#content #side ul li{
	background-image: url(../img/list_ico.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	line-height: normal;
	}

#content #side .new ul{ margin:0;
}

#content #side .new li{
	background-image: url(../img/list_ico.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-size: 12px;
	line-height: 110%;
	list-style-type: none;
}


/* サンプルtableの共通設定
----------------------------------------------------------- */
.sample7 table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
.sample7 th, td	{
	padding: 10px 20px;
	color: #1D5C79;
}



/* サンプル7
----------------------------------------------------------- */
.sample7 th	{
	background: #CAE5F1 url(image/th.jpg) repeat-x;
	border-top: 2px solid #1D5C79;
	border-bottom: 1px solid #FFF;
}
.sample7 td	{
	background: #F4FAFC url(image/td.jpg) repeat-x;
	border-bottom: 1px solid #FFF;
}

/*======================================
	main　スタイル
=======================================*/
.top_info {
	background-image: url(../img/top_img.jpg);
	background-repeat: no-repeat;
	height: 166px;
	width: 641px;
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
}
.info_bt a{
	background-image: url(../img/bt_info.gif);
	background-repeat: no-repeat;
	width: 225px;
	position: absolute;
	left: 409px;
	top: 102px;
		height: 0;
	padding-top:58px;
	overflow:hidden;
	display: block;

}

.info_bt a:hover{
filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;}
.box_m {
	background-image: url(../img/box_m.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
}
#foot #foot2 ul {
	margin-left: 320px;
}
#foot #foot2 li {
	display: inline;
	list-style-type: circle;
	padding-left: 5px;
	margin-left: 5px;
}
.side_info {
	background-image: url(../img/room.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	width: 305px;
	padding-top: 10px;
	margin: 0px;
}
.tx12 {
	font-size: 12px;
}
#content #main .box_m h4 {
	font-size: 18px;
	color: #0072CB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.tx_red {
	color: #FF0000;
}
.tx14gr {
	font-size: 14px;
	font-weight: bold;
	color: #0099CC;
}
.tx_or {
	color: #FF6600;
}
.txgr {
	color: #009933;
}
.tx_pk {
	color: #FF66CC;
}
.tx_bl{ color:#0099CC
}
.bgvl {
	background-color: #ECD9FF;
}
.bg_bl {
	background-color: #BADAF8;
}
.bg_gr {
	background-color: #CDF5D3;
}
.bg_pk {
	background-color: #FFD0E8;
}
.bg_ye {
	background-color: #FFEAAA;
}
.box {
	border: 1px solid #CCCCCC;
	padding: 10px;
}