@charset "utf-8";

/*-------------------------------------------------

common

-------------------------------------------------*/

*{
 margin:0;
 padding:0;
}

html {
 overflow-y: scroll;
}


/* 背景固定ver */
body {
	color: #555555;
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
	font-size: 12px;
	line-height:1.8em;
    background:url(../img/bg_feb01.jpg) repeat-x left top fixed;
}

body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	vertical-align:bottom;
}

ol, ul, li {
	list-style-type: none;
}

table td{
	vertical-align:top;
}
.Center{
	text-align:center;
}
.Right{
	text-align:right;
}

.red{
	color:#F00;
}


/*-------------------------------------------------

link

-------------------------------------------------*/

a:link {
 color: #105CB6;
 text-decoration: underline;
}

a:visited {
 color: #105CB6;
 text-decoration: underline;
}

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

a:active {
 color: #105CB6;
 text-decoration: underline;
}

/*-------------------------------------------------

headTop

-------------------------------------------------*/
#headTop {
	width: 100%;
	background: url(../img/bg_headTop.jpg) repeat-x top;
}


/*-------------------------------------------------

head

-------------------------------------------------*/
#head {
	position:relative;
	width: 1040px;
	margin:0 auto;
}

h1{
	color:#FFF;
	position:absolute;
	top:8px;
	left:10px;
	font-size:10px;
	line-height:1em;
	font-weight: normal;
}
#topBack {
	position:absolute;
	top:6px;
	right:10px;
}
h2{
	position:absolute;
	top:30px;
	left:20px;
}
#head h3{
	position:absolute;
	top:240px;
	left:319px;
	margin:0;
}
#head ul#course{
	list-style-type:none;
	position:absolute;
	top:170px;
	left:40px;
	line-height:0;
}
#head ul#course li{
	margin:0;
}
#head ul#utility{
	list-style-type:none;
	position:absolute;
	top:-25px;
	right:20px;
}
#head ul#utility li{
	float:left;
}

#hImg01{
	position:absolute;
	top:30px;
	left:319px;
}

h3{
	margin-bottom:20px;
}


/*-------------------------------------------------

topicPath

-------------------------------------------------*/


.topicPath {
	width:740px;
	height:21px;
	font-size:10px;
	line-height:1em;
}

.topicPath ul{
	margin:0;
	padding:0;
}

.topicPath ul li {
	float:left;
	height:15px;
	padding-top:4px;
	background-color:#F9F7EB;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	list-style-type: none;
}
.topicPath ul li a {
	color:#474747;
	text-decoration:none;
}
.topicPath ul li a:hover {
	text-decoration:underline;
}

.topicPath ul li.homeL{
 display:block;
 width:141px;
 padding-left:30px;
 background-image:url(../../../../img/bg_pathHomeL.gif);
 background-repeat:no-repeat;
 background-position:left top;
 border-left:1px solid #CCCCCC;
}

.topicPath ul li.mid {
	display:block;
	padding-left:10px;
	padding-right:20px;
	background-image:url(../../../../img/bg_pathMid.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.topicPath ul li.end {
	display:block;
	padding-left:10px;
	padding-right:10px;
}
.topicPath ul li.local {
	padding-left:20px;
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	background-image:url(../../../../img/bg_pathEnd.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/*-------------------------------------------------

mainArea

-------------------------------------------------*/
#mainArea{
	width:800px;
	padding:50px 120px 0 120px;
	margin:0 auto;	
	background-color:#FFFFFF;
}
.conWrap{
	padding:18px;
	background-color:#FEFAED;
	border:2px solid #CCC;
}
h3{
	margin-bottom:20px;
}
h4{
	font-size:14px;
	color:#E5245F;
	margin-bottom:10px;	
}
.dot{
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../img/bg_dot.gif) repeat-x left bottom;
}
.gotoTop{
	text-align:right;
	margin-bottom:30px;
}
#tVoice img{
	padding:1px;
	margin-bottom:5px;
	border:1px solid #CCC;
}
.tVoice{
	background-color:#F3F3F3;
	border:5px solid #E6E6E6;
}
/*-------------------------------------------------

topMenu

-------------------------------------------------*/

ul#topMenu{
 position:relative;
 width:792px;
 height:84px;
 margin:0 auto 20px auto;
}

ul#topMenu li{
 list-style-type:none;
}

ul#topMenu li#btn1{
 position:absolute;
 top:0;
 left:0;
 z-index: 1;
}

ul#topMenu li#btn2{
 position:absolute;
 top:0;
 left:265px;
z-index: 1;
}

ul#topMenu li#btn3{
 position:absolute;
 top:0;
 left:530px;
  z-index: 1;
}

ul#topMenu ul#dlist1,
ul#topMenu ul#dlist2,
ul#topMenu ul#dlist3{
	position:absolute;
	display:none;
	background:#FFF;
	border:1px solid #CCC;
	width:260px;
	padding:0;
	margin:0;
}

ul#topMenu ul#dlist1{
	top:84px;
	left:0px;
}
ul#topMenu ul#dlist2{
	top:84px;
	left:0px;
}
ul#topMenu ul#dlist3{
	top:84px;
	left:0px;
}

ul#topMenu ul#dlist1.Show,
ul#topMenu ul#dlist2.Show,
ul#topMenu ul#dlist3.Show{
	display:block;
	visibility:visible;
}

/* Added 2004/07/16 PU Sai*/

ul#topMenu ul#dlist1.Hidden,
ul#topMenu ul#dlist2.Hidden,
ul#topMenu ul#dlist3.Hidden{
	display:none;
	visibility:hidden;
}

ul#topMenu ul#dlist1 li,
ul#topMenu ul#dlist2 li,
ul#topMenu ul#dlist3 li{
	float:none;
	font-weight:normal;
	background-image:none;
}

ul#topMenu ul#dlist1 li a,
ul#topMenu ul#dlist2 li a,
ul#topMenu ul#dlist3 li a{
	font-size:12px;
	font-weight:normal;
	float:none;
	display:block;
	padding:7px 0 7px 20px;
	text-decoration:underline;
	color:#B4002F;
	line-height:1.3em;
	background:#ffffff;
	background-image:url(../img/icn_list.gif);
	background-repeat:no-repeat;
	background-position:230px center;
}

ul#topMenu ul#dlist1 li a:hover,
ul#topMenu ul#dlist2 li a:hover,
ul#topMenu ul#dlist3 li a:hover{
	text-decoration:none;
}

/*-------------------------------------------------

navi

-------------------------------------------------*/

ul#navi{
	position:relative;
	width:800px;
	height:280px;
	background:url("../img/bg_navi.jpg") no-repeat left top;
}
ul#navi li#tit{
	position:absolute;
	top:20px;
	left:20px;
}
ul#navi li#ban{
	position:absolute;
	top:20px;
	right:20px;
}
ul#navi li#btn1{
	position:absolute;
	top:100px;
	left:15px;
	z-index: 1;
}

ul#navi li#btn2{
	position:absolute;
	top:100px;
	left:170px;
	z-index: 1;
}

ul#navi li#btn3{
	position:absolute;
	top:100px;
	left:325px;
	z-index: 1;
}
ul#navi li#btn4{
	position:absolute;
	top:100px;
	left:480px;
	z-index: 1;
}

ul#navi li#btn5{
	position:absolute;
	top:100px;
	left:635px;
	z-index: 1;
}

ul#navi li#btn6{
	position:absolute;
	top:177px;
	left:480px;
	z-index: 1;
}

ul#navi li#btn7{
	position:absolute;
	top:177px;
	left:635px;
	z-index: 1;
}

ul#navi ul#dlist1{
	position:absolute;
	display:none;
	background:#ffffff;
	width:160px;
	padding:0;
	margin:0;
}
/*-------------------------------------------------

table

-------------------------------------------------*/
table.baseTbl{
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
}

table.baseTbl th{
	width:30%;
	background:#f6f6f6;
	padding:0.5em;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

table.baseTbl td{
	padding:0.5em;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table td.dotT{
	width:40px;
	background:url(../img/bg_dotT.gif) repeat-y center top;
}

table.lsnTbl th {
	background: #F6F6F6;
	color: #F83D5E;
	font-size: 10px;
	padding: 0.5em 0.8em;
	line-height:1em;
	border: 1px solid #F83D5E;
}

table.lsnTbl td {
	background: #fff;
	text-align: center;
	vertical-align:middle;
	padding: 0.5em 0.8em;
	line-height: 1.4em;
	border: 1px solid #F83D5E;
}
/*-------------------------------------------------

carender

-------------------------------------------------*/

#cArea{
	position:absolute;
	top:400px;
	right:40px;
	width:650px;
	height:250px;
}

#cBtn{
	position:absolute;
	left:35px;
	top:150px;
}

#cBtn02{
	position:absolute;
	bottom:150px;
	left:350px;
}

#cTable{
	position:absolute;
	bottom:10px;
	right:10px;
	width:260px;
}

#cTxt{
	position:absolute;
	bottom:5px;
	right:20px;
	width:670px;
	text-align:right;
	background-color:#FFF;
}

table#carender{
 font-size:10px;
 line-height:1em;
 border-collapse:collapse;
 background-color:#fff;
}

table#carender th{
 font-weight:normal;
 border:1px solid #ccc;
}

table#carender th#cTit{
 font-weight:bold;
 font-size:12px;
 color:#fff;
 padding:5px;
 background-color:#E4215D;
}

table#carender th#month{
 color:#fff;
 padding:3px;
 background-color:#F1839E;
}

table#carender th#month p{
 font-weight:bold;
 font-size:12px;
 margin-bottom:3px;
}

table#carender th.dTit{
 background-color:#F9F7EB;
 color:#555555;
}

table#carender td{
 padding:2px 2px 11px 2px;
 border:1px solid #ccc;
 color:#555555;
}
table#carender td span{
 font-size:12px;
 margin-left:5px;
}
table#carender td.dSun{
 background-color:#FFF7FC;
}
table#carender td.dSat{
 background-color:#EEFDFF;
}

/*-------------------------------------------------

foot

-------------------------------------------------*/

#foot{
 width:860px;
 font-size:10px;
 line-height:1.3em;
 text-align:left;
 margin:0 auto;
 padding-top:15px;
 padding-bottom:5px;
 padding-left:40px;
 padding-right:40px;
 background-image:url(../../../../img/bg_foot.jpg);
 background-repeat:repeat-x;
 background-position:left top;
}

#foot ul{
 margin-bottom:10px;
}

#foot ul li{
 display:inline;
}

#foot ul li a{
 color:#474747;
 text-decoration:none;
}

#foot ul li a:hover{
 text-decoration:underline;
}

div#serch{
 text-align: center;
 margin-top:20px;
}

p#copyR{
 text-align:center;
 margin-top:30px;
}


/*-------------------------------------------------

dotTable

-------------------------------------------------*/


table.dotTable{
	background-image: url(../img/bgTable.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

table.dotTable th{
 vertical-align:top;
 width:100px;
 padding:0 10px;
}

table.dotTable td{
 vertical-align:top;
 padding-right:5px;
}

table.dotTable th.topTd,
table.dotTable td.topTd{
 padding-bottom:10px;
 border-bottom:1px dotted #D3BEA5;
}

table.dotTable th.mddlTd,
table.dotTable td.mddlTd{
 padding-top:5px;
 padding-bottom:5px;
 border-bottom:1px dotted #D3BEA5;
}

table.dotTable th.btmTd,
table.dotTable td.btmTd{
 padding-top:10px;
}

table td.cImg{
 width:210px;
 vertical-align:top;
 padding-right:20px;
}



table td.cInfo{

}

.dott{
 padding-bottom:30px;
 margin-bottom:30px;
 border-bottom:1px dotted #735940;
}

.point1,
.point2,
.point3,
.point4,
.point5{
	background-repeat:no-repeat;
	height:16px;
	padding:2px 0 8px 90px;
	color:#E45886;
	font-size:16px;
}

.point1{background-image:url(../img/course_point1.gif);}
.point2{background-image:url(../img/course_point2.gif);}
.point3{background-image:url(../img/course_point3.gif);}
.point4{background-image:url(../img/course_point4.gif);}
.point5{background-image:url(../img/course_point5.gif);}



table.lessonTable{
 border:1px solid #D3BEA5;
}

table.lessonTable th{
	background-color:#E6E3CF;
	padding:0.5em 0.8em;
	font-weight:normal;
	color:#72593F;
	width:20%;
	vertical-align:middle;
	border-left:1px solid #ffffff;
	border-bottom:1px dotted #D3BEA5;
}

table.lessonTable th.topTh{
	border-top:1px solid #ffffff;
}

table.lessonTable th.btmTh{
	border-bottom:1px solid #ffffff;
}

table.lessonTable td{
	padding:0.5em 0.8em;
	border-bottom:1px dotted #D3BEA5;
}

table.lessonTable td.btmTd{
	border-top:1px solid #ffffff;
}

table.lessonTable td.btmTd{
	border-bottom:1px solid #ffffff;
}


/*-------------------------------------------------

pageTop

-------------------------------------------------*/

div#pageTop{
 position:relative;
 width:790px;
 height:29px;
}

div#pageTop a{
 position:absolute;
 top:0;
 right:10px;
 width:120px;
 height:29px;
 display:block;
}

/*btmTxt*/

#btmTxt{
 text-align:right;
 font-size:10px;
 line-height:1.2em;
 margin-bottom:20px;
 margin-right:10px;
}

#btmTxt em i{
 font-style:normal;
}

/*お問合せテーブル*/

table.contact{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}

table.contact th{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background:#F9F7EB;
	padding:5px 10px;
}

table.contact td{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding:5px 10px;
}
.contents {
	width:680px;
	margin: 0 auto 30px auto;
}

.lessonArea .contents {
	width:720px;
	margin: 0 auto;
}

.lessonArea {
	width: 718px;
	padding:20px;
	margin:0 auto;
	background-color:#FEFAED;
	border:1px solid #EADEBF;
}
div .bar {
	width:760px;
	height:4px;
	background-color:#CCC;
	margin:30px auto;
}