@charset "shift_jis";

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

last update 2008.10.10

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



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

browser style clear

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

* {
	margin: 0;
	padding: 0;
	background: transparent;
}

html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

ul,li,dl,dt,dd {
	list-style: none;
}

img {
	vertical-align: top;
}

a img {
	border: none;
}

a {
	text-decoration: underline;
}

a:link {
	color: #666633;
}

a:visited {
	color: #333366;
}

a:hover {
	color: #666633;
	text-decoration: none;
}

a:active {
	color: #713314;
}

body {
	background: #ffffff;
	text-align: center;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #000000;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	line-height: 180%;
	width: 100%;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

p {
	margin: 0 0 5px 0;
}

select option {
	padding: 0 5px;
}




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

wireframe

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

div#all {
	position:relative;
	margin: 10px auto 0 20px;
	min-width:980px;
	height: auto;
	display: block;
	background: #ffffff;
}

div#header {
	margin: 0 auto;
	width: 980px;
}

#header h1{
	margin:0 180px 0 0;
	padding:0;
	font-size: 12px;
	float: right;
}

#header a:link {
	color:#000000;
	text-decoration:none;
}

#header a:hover {
	color:#000000;
	text-decoration:none;
}

#header a:visited {
	color:#000000;
	text-decoration:none;
}

body.mainPage div#wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	_overflow: hidden;
	height: 100%;
}

body.listPage div#wrapper,
body.independentPage div#wrapper,
body.archivePage div#wrapper {
	margin: 10px auto 0 auto;
	width: 980px;
	text-align: left;
	_overflow: hidden;
	height: 100%;
}




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

wireframe

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

div#mainContent {
	float: right;
	width: 770px;
	height: auto;
}

div#main_area {
	float: left;
	width: 590px;
}

div#right_area {
	float: right;
	width: 170px;
}

div#secondly {
	float: left;
	width: 200px;
}





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

secondly

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

div#secondly div#btnArea_snd {
	width: 200px;
	height: 207px; 
	background: url(../img/bg_secondly_g.gif) no-repeat;
	padding: 5px;
}

div#secondly div#lnav h2 {
	_margin: 10px 0 0 0;
	padding: 0;
	width: 200px;
	height: 25px;
}

div#secondly div#lnav p {
	margin: 10px 0 0 0;
	_margin: 5px 0 0 0;
	padding: 0;
	width: 200px;
	height: 25px;
}

div#secondly div#lnav ul li {
	background: url(../img/arrow_bg_g.gif) no-repeat 5px 8px;
	padding: 2px 0 2px 20px;
}

div#secondly div#mlmgArea_snd {
	margin: 10px 0 0 0;
}

div#secondly div#mlmgArea_snd input#fld_mlmg_snd {
	width: 170px;
}

div#secondly div#mlmgArea_snd input#btn_mlmg_snd {
	width: 60px;
	padding: 2px;
	border: 1px solid #006633;
	background: #FFFFFF;
}

div#secondly div#mlmgArea_snd input#btn_mlmg_snd:hover {
	width: 60px;
	padding: 2px;
	border: 1px solid #f09a0b;
	background: #FFFFFF;
}

div#secondly div#mlmgArea_snd input#btn_smpl_snd {
	width: 100px;
	padding: 2px;
	border: 1px solid #006633;
	background: #FFFFFF;
}

div#secondly div#mlmgArea_snd input#btn_smpl_snd:hover {
	width: 100px;
	padding: 2px;
	border: 1px solid #f09a0b;
	background: #FFFFFF;
}

div#secondly div#mlmgArea_snd div#mlmgArea_snd_input {
	width: 200px;
	background: url(../img/bg_mlmg_snd.gif) repeat-y;
	text-align: center;
}

p.bEnd {
	padding: -10px 0 0 0;
}


div#secondly dl#lnav2 dt{
	background: url(../img/arrow_bg_g.gif) no-repeat 5px 12px;
	padding: 5px 0 0 20px;
}	

div#secondly dl#lnav2 dd{
	border-bottom: 1px dotted #666666;
	padding: 0 0 0.5em 10px;
	margin: 0 0 0.5em 0; 
}	

div#secondly div#btnArea_snd_recruit {
	width: 200px;
	height: 72px; 
	background: url(../img/bg_secondly_g2.gif) no-repeat;
	padding: 7px;
	margin: 10px 0 0 0;
	font-weight: bold;
}

div#secondly div#btnArea_snd_recruit p {
	width: 90px;
	float: left;
}

div#secondly div#entryArea_snd {
	margin: 10px 0 0 0;
}

div#secondly div#entryArea_snd p#blogTitle {
	width: 100%;
	padding: 0 0 0 5px;
	background: #c0d23a;
}

div#secondly div#entryArea_snd p a {
	background: url(../img/arrow_page.gif) no-repeat 5px 5px;
	padding: 2px 0 2px 20px;
}




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

common header and nav

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

div#header p#h_tel {
	float: right;
	height: 55px;
	margin: 0 180px 0 0;
}

div#nav {
	width: 980px;
	_width: 980px;
	_margin: 0 0 0 -40px;
	overflow: hidden;
	clear: both;
}

div#nav ul#gNav {
	margin: 0 auto;
	width: 980px;
}

div#nav ul#gNav li {
	float: left;
	height: 40px;
}

div#nav ul#gNav li a {
	display: block;
	height: 40px;
	color: #333333;
	text-decoration: none;
}

div#nav ul#gNav li a span {
	display:none;
}

li#nav_001,
li#nav_001_active,
li#nav_001 a {
	width: 75px;
}


body.mainPage li#nav_001 a {
	background: url(../img/gnav_001_on.gif) no-repeat left;
}

li#nav_001 a {
	background: url(../img/gnav_001.gif) no-repeat left;
}


li#nav_001 a:hover {
	background: url(../img/gnav_001_on.gif) no-repeat left;
}

li#nav_001_active {
	background: url(../img/gnav_001_on.gif) no-repeat left;
}


li#nav_002,
li#nav_002_active,
li#nav_002 a {
	width: 144px;
}

li#nav_002 a {
	background: url(../img/gnav_002.gif) no-repeat left;
}

li#nav_002 a:hover {
	background: url(../img/gnav_002_on.gif) no-repeat left;
}

li#nav_002_active {
	background: url(../img/gnav_002_on.gif) no-repeat left;
}


li#nav_003,
li#nav_003_active,
li#nav_003 a {
	width: 98px;
}

li#nav_003 a {
	background: url(../img/gnav_003.gif) no-repeat left;
}

li#nav_003 a:hover {
	background: url(../img/gnav_003_on.gif) no-repeat left;
}

li#nav_003_active {
	background: url(../img/gnav_003_on.gif) no-repeat left;
}

li#nav_004,
li#nav_004_active,
li#nav_004 a {
	width: 203px;
}

li#nav_004 a {
	background: url(../img/gnav_004.gif) no-repeat left;
}

li#nav_004 a:hover {
	background: url(../img/gnav_004_on.gif) no-repeat left;
}

li#nav_004_active {
	background: url(../img/gnav_004_on.gif) no-repeat left;
}

li#nav_005,
li#nav_005_active,
li#nav_005 a {
	width: 173px;
}

li#nav_005 a {
	background: url(../img/gnav_005.gif) no-repeat left;
}

li#nav_005 a:hover {
	background: url(../img/gnav_005_on.gif) no-repeat left;
}

li#nav_005_active {
	background: url(../img/gnav_005_on.gif) no-repeat left;
}


li#nav_006,
li#nav_006_active,
li#nav_006 a {
	width: 107px;
}

li#nav_006 a {
	background: url(../img/gnav_006.gif) no-repeat left;
}

li#nav_006 a:hover {
	background: url(../img/gnav_006_on.gif) no-repeat left;
}

li#nav_006_active {
	background: url(../img/gnav_006_on.gif) no-repeat left;
}

li#btn_006,
li#btn_006_active,
li#btn_006 a {
	width: 107px;
}

li#btn_006 a {
	background: url(../img/btn_blank006.gif) no-repeat left;
}

li#btn_006 a:hover {
	background: url(../img/btn_blank006.gif) no-repeat left;
}

li#btn_006_active {
	background: url(../img/btn_blank006.gif) no-repeat left;
}




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

common footer

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

div#footer {
	width: 980px;
	height: auto;
	clear: both;
	text-align: center;
}

div#footer div#fnav ul {
	width: 800px;
	font-size: 80%;
	text-align: left;
	float: left;
}

div#footer div#fnav ul li {
	display: inline;
}

div#footerInner {
	width: 980px;
	height: 160px;
	clear: both;
	background: url(../img/bg_footer.gif) repeat-x top;
}

div#footerInner ul li {
	float: left;
	padding: 25px 0 20px 20px;
}

div#footerInner ul li#fcSeparate {
	padding: 25px 0 20px 45px;
}

div#footerInner p#copyright {
	width: 800px;
	font-size: 80%;
	color: #888888;
	line-height: 140%;
	text-align: right;
	float: right;
}




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

main page

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

body.mainPage div#header p.logo{
	width: 216px;
	height: 64px;
	float: left;
}

body.mainPage div#mainContent div#gutsMark {
	float: left;
	width: 99px;
	padding: 15px 0 0 0;
}

body.mainPage div#mainContent ul#topPoint {
	float: left;
	width: 490px;
	height: 120px;
	padding: 10px 0 0 0;
}

body.mainPage div#mainContent ul#topPoint li {
	padding: 5px 0 0 0;
}

body.mainPage div#mainContent p.bnr {
	clear: both;
	width: 590px;
}

body.mainPage div#mainContent h3#ttl_top_t {
	clear: both;
	width: 590px;
	margin: 10px 0 0 0;
}

body.mainPage div#mainContent p.top_voice {
	margin: 0 20px 0 20px;
	font-size:130%;
}
	
body.mainPage div#mainContent ul#btn_top_teacher,
body.independentPage div#wrapper div#mainContent div#common ul#btn_top_teacher {
	clear: both;
	width: 590px;
	margin: 5px 0 0 0;
}

body.mainPage div#mainContent ul#btn_top_teacher li,
body.independentPage div#wrapper div#mainContent div#common ul#btn_top_teacher li {
	display: inline;
	width: 190px;
	margin: 0 2px 0 0;
}

body.independentPage div#wrapper div#mainContent div#main_area div#common ul#gutsmark li {
	background: url(../img/gutslogo.gif) no-repeat top left;
	padding: 0 0 20px 50px;
	font-size: 130%;
}

body.independentPage div#wrapper div#mainContent div#main_area div#common ul#gutsmark b {
	font-weight:bold;
	color:#ff6600;
}

body.mainPage div#mainContent h3#ttl_top_a {
	clear: both;
	width: 585px;
	margin: 10px 0 0 0;
	background: #999999;
	color: #ffffff;
	padding: 1px 0 1px 5px;
	font-size: 110%;
}

body.mainPage div#mainContent h3#ttl_top_c,
body.mainPage div#mainContent h3#ttl_top_n {
	clear: both;
	width: 585px;
	margin: 10px 0 0 0;
	background: #999999;
	color: #ffffff;
	padding: 1px 0 1px 5px;
}

div#mainContent ul#bnr_top {
	width: 600px;
	_width: 590px;
}

div#mainContent ul#bnr_top li {
	float: left;
	width: 290px;
	margin: 5px 9px 0 0;
	_margin: 5px 5px 0 0;
}

div#mainContent ul#bnr_teacher_index {
	width: 600px;
	_width: 590px;
}

div#mainContent ul#bnr_teacher_index li {
	float: left;
	width: 90px;
	margin: 5px 9px 0 0;
	_margin: 5px 5px 0 0;
}

body.mainPage div#wrapper div#mainContent dl#news {
	background: url(../img/bg_body.gif) no-repeat;
}

body.mainPage div#wrapper div#mainContent dl#news dt {
	background: url(../img/list_mark.gif) no-repeat left 9px;
	color: #999999;
	padding: 0 0 0 10px;
}

body.mainPage div#wrapper div#mainContent dl#news dd {
	border-bottom: 1px dotted #666666;
	padding: 0 0 0.5em 10px;
	margin: 0 0 0.5em 0; 
}

body.mainPage div#wrapper div#mainContent dl#news dd a {
	background: #ffffff url(../img/arrow_page.gif) no-repeat right center;
	padding: 1px 18px 3px 0;
}

body.mainPage div#wrapper div#mainContent ul#newsNav {
	width: 170px;
	float: right;
	margin: 0 0 20px 0;
}

body.mainPage div#wrapper div#mainContent ul#newsNav li {
	float: left;
	margin-left: 2px;
}

body.mainPage div#wrapper div#mainContent h3.several {
	clear: both;
	width: 380px;
	_width: 440px;
	height: 42px;
	_height: 62px;
	background: #ffffff url(img/ttl_tree.gif) no-repeat left 9px;
	color: #333333;
	font-size: 120%;
	margin: 30px 0 0 0;
	padding: 20px 0 0 70px;
}

body.mainPage div#wrapper div#mainContent h3.notice {
	clear: both;
	width: 380px;
	_width: 440px;
	height: 58px;
	_height: 78px;
	background: #ffffff url(img/ttl_tree_notice.gif) no-repeat left 9px;
	color: #333333;
	font-size: 120%;
	margin: 30px 0 0 0;
	padding: 20px 0 0 80px;
}


body.mainPage div#wrapper div#mainContent div#main_area p.fontup {
	font-size:130%;
}




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

independent pages and entry list page(at your discretion)

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

body.independentPage div#header p.logo,
body.listPage div#header p.logo,
body.archivePage div#header p.logo {
	width: 216px;
	height: 64px;
	float: left;
}

body.listPage div#secondly h2,
body.independentPage div#secondly h2,
body.archivePage div#secondly h2 {
	font-size: 90%;
	color: #eb9300;
}

body.independentPage div#wrapper div#mainContent div#common h1,
body.listPage div#wrapper div#mainContent div#common h1,
body.archivePage div#wrapper div#mainContent div#common h1 {
	width: 590px;
	height: 85px;
	font-size: 130%;
	font-weight: bold;
}

body.independentPage div#wrapper div#mainContent div#common h2,
body.listPage div#wrapper div#mainContent div#common h2 {
	background: url(../img/ttl_common_h2.gif) no-repeat left;
	width: 585px;
	height: 40px;
	padding: 20px 0 0 5px;
	margin: 0 0 5px 0;
	font-size: 130%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#wrapper div#mainContent div#common h3,
body.listPage div#wrapper div#mainContent div#common h3 {
	padding: 10px 0 0 0;
	margin: 5px 0;
	margin-right: 50px;
	background: #ffffff;
	font-size: 110%;
	font-weight: bold;
	clear: both;
  border-bottom: orange dotted 2px;

}

body.independentPage div#wrapper div#mainContent div#common h3:first-letter,
body.listPage div#wrapper div#mainContent div#common h3:first-letter {
	font-size: 150%;
}

body.independentPage div#wrapper div#mainContent p,
body.listPage div#wrapper div#mainContent p,
body.archivePage div#wrapper div#mainContent p {
	margin: 0 auto 25px auto;
}

/* 料金テーブル & キャンペーンのご案内*/
body.independentPage div#wrapper div#mainContent div#common table#price_table_main {
	font-size: 120%;
	width: 580px;
	margin-bottom: 30px;
	border-collapse:collapse;
	margin-left: 10px;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main tr.first td{
	background-color: #f0f0f0;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main td {
	border:1px solid #C9C9C9;
}
body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.tanka {
	width: 90px;
	padding:8px 5px 8px 5px;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.form_title {
	width: 150px;
	background-color: #e2f6ac;
	padding:8px 5px 8px 5px;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.form_body {
	width: 410px;
	padding:8px 5px 8px 5px;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.hensachi {
	width: 150px;
	padding:8px 5px 8px 5px;
}


body.independentPage div#wrapper div#mainContent div#common table#price_table_main input.none_border {
	border: 0px solid #a0a0a0;
	margin-right: 1px;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main input {
	border: 1px solid #a0a0a0;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main textarea {
	border: 1px solid #a0a0a0;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.course {
	width: 153px !important;
	width: 200px;
	padding:8px 5px 8px 5px;
}
body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.course2 {
	width: 153px !important;
	width: 200px;
	padding:8px 5px 8px 5px;
	background-color: #FFFFCC;
}
body.independentPage div#wrapper div#mainContent div#common table#price_table_main td.description {
	width: 220px;
	padding:8px 5px 8px 5px;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main span.lead {
	font-weight:bold;
	color:#006633;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main span.lead2 {
	font-size:12px;
        line-height: 1.2;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main span.lead3 {
	font-size:10.5px;
        line-height: 1.2;
}

body.independentPage div#wrapper div#mainContent div#common table#price_table_main span.lead4 {
	font-size:10.5px;
        line-height: 1.2;
}
body.independentPage div#wrapper div#mainContent div#common table#price_table_main span.lead5 {
	font-weight:bold;
	color:#FF3366;
}

/* 料金テーブル(ここまで) */

/* 料金について詳しく知りたい */
div#mainContent ul#price_list {
	width: 600px;
	_width: 590px;
}

div#mainContent ul#price_list li {
	float: left;
	width: 191px;
	margin: 5px 9px 0 0;
	_margin: 5px 5px 0 0;
}
/* 料金について詳しく知りたい(ここまで) */


body.independentPage div#topicPath,
body.independentPage div#topicPath a,
body.listPage div#topicPath,
body.listPage div#topicPath a,
body.archivePage div#topicPath,
body.archivePage div#topicPath a {
	font-size: 90%;
}

body.independentPage p.toTop,
body.listPage p.toTop,
body.mainPage p.toTop {
	text-align: right;
}

body.independentPage p.toTop a,
body.listPage p.toTop a {
	font-size: 80%;
	background: #ffffff url(../img/arrow_up.gif) no-repeat left center;
	padding: 5px 0 5px 20px;
}




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

mainContent

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

body.independentPage div#mainContent div#common,
body.independentPage div#mainContent div#intrTeachers,
body.independentPage div#mainContent div#case_01,
body.independentPage div#mainContent div#case_02,
body.independentPage div#mainContent div#case_03 {
	margin: 10px 0 0 0;
}

div#common p {
	font-size: 120%;
	padding: 0 0 0 10px;
}

div#common h4{
               margin:0px 35px;
               padding:0px;
               font-size:90%;
               font-weight:bold;
               color:#00A500;
               border-bottom:1px dashed #cccccc;

}

div#common h5{
              margin: 25px 0px 5px 35px;
              padding:0;
              text-align:right;
              color:#716664;
}


div#common img.commonImageLeft{
	float: left;
}

div#common img.commonImageRight{
	float: right;
}

div#common span.strongmoji {
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 10 10px;
}

p#btnNext {
	clear: both;
	width: 590px;
	height: 26px;
}

p#btnNext a {
	float: right;
	text-align: right;
	width: 128px;
	height: 26px;
}

p#btnPrev {
	clear: both;
	width: 590px;
	height: 26px;
	padding: 20px 0 0 0;
}

p#btnPrev a {
	float: left;
	text-align: left;
	width: 128px;
	height: 26px;
}

p.bnr {
	width: 590px;
	text-align: center;
	color: #663300;
}


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

introduction teachers

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

body.independentPage div#mainContent div#intrTeachers h1 {
	width: 590px;
	height: 260px;
	margin: 0 0 10px 0;
}

body.independentPage div#mainContent div#intrTeachers h3 {
	background: url(../img/ttl_common_h2.gif) no-repeat left;
	width: 590px;
	height: 40px;
	padding: 20px 0 0 5px;
	_padding: 10px 0 0 5px;
	margin: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#intrTeachers h3#intrFirst {
	background: url(../img/ttl_common_h2.gif) no-repeat left;
	width: 590px;
	height: 40px;
	padding: 20px 0 0 5px;
	_padding: 10px 0 0 5px;
	margin: 10px 0 5px 0;
	_margin: 20px 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#intrTeachers h3#gutsTitle {
	background: url(../img/bg_caseTitle.gif) no-repeat left;
	width: 530px;
	_width: 590px;
	height: 54px;
	padding: 30px 0 0 60px;
	_padding: 15px 0 0 60px;
	margin: 0;
	_margin: 15px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#intrTeachers h4 {
	height: 30px;
	padding: 5px 0 0 0;
	margin: 5px 0;
	background: #ffffff;
	color: #ed8800;
	font-size: 110%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#intrTeachers h4:first-letter {
	font-size: 150%;
}

ul#nav_intrT {
	width: 590px;
	height: 48px;
}

ul#nav_intrT li {
	float: left;
	width: 290px;
	_width: 284px;
	height: 48px;
	margin: 0 0 0 5px;
}

ul#nav_intrT li a {
	display: block;
	width: 284px;
	height: 48px;
}


ul#nav_intrT li a span {
	display: none;
}

li#navIntrT_001,
li#navIntrT_001_active,
li#navIntrT_001 a {
	width: 284px;
	height: 48px;
}

li#navIntrT_001 a {
	background: url(../img/btn_intrT_001.gif) no-repeat left;
}

li#navIntrT_001_active a,
li#navIntrT_001 a:hover {
	background: url(../img/btn_intrT_001_on.gif) no-repeat left;
}

li#navIntrT_002,
li#navIntrT_002_active,
li#navIntrT_002 a {
	width: 284px;
	height: 48px;
}

li#navIntrT_002 a {
	background: url(../img/btn_intrT_002.gif) no-repeat left;
}

li#navIntrT_002_active a,
li#navIntrT_002 a:hover {
	background: url(../img/btn_intrT_002_on.gif) no-repeat left;
}


body.independentPage div#mainContent div#intrTeachers dl {
	width: 560px;
	margin: 0 auto;
	_margin: 15px auto;
}

body.independentPage div#mainContent div#intrTeachers dl dt {
	border-bottom: 1px dotted #ed8800;
	background: url(../img/arrow_bg_o.gif) no-repeat 5px 8px;
	padding: 2px 0 2px 20px;
	font-weight: bold;
}

body.independentPage div#mainContent div#intrTeachers dl dd {
	padding: 10px 0 10px 15px;
}

body.independentPage div#mainContent div#intrTeachers div#index_teachers dl {
	width: 330px;
	margin: 0 0 0 0;
	font-size: 90%;
}

body.independentPage div#mainContent div#intrTeachers div#index_teachers dl dt {
	border-bottom: 1px dotted #ed8800;
	background: url(../img/arrow_bg_o.gif) no-repeat 0px 0px 0px 8px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}

body.independentPage div#mainContent div#intrTeachers div#index_teachers dl dd {
	padding: 0px 0px 0px 15px;
}

table.intrSchedule {
	width: 560px;
	margin: 0 auto 15px auto;
	border-bottom: 1px solid #333333;
	border-top: 2px solid #333333;
}

table.intrSchedule caption {
	width: 560px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
}

table.intrSchedule th.time {
	width: 94px;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}	

table.intrSchedule th.day {
	width: 93px;
	font-size: 80%;
	text-align: center;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

table.intrSchedule th.day_last {
	width: 93px;
	font-size: 80%;
	text-align: center;
	border-bottom: 1px solid #333333;
}



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

case

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

body.independentPage div#mainContent div#case_01 h1,
body.independentPage div#mainContent div#case_02 h1 {
	width: 590px;
	height: 85px;
	font-size: 130%;
	font-weight: bold;
}

body.independentPage div#mainContent div#case_03 h1 {
	width: 591px;
	height: 341px;
	font-size: 130%;
	font-weight: bold;
}

body.independentPage div#mainContent div#case_01 h2#caseCatch,
body.independentPage div#mainContent div#case_02 h2#caseCatch {
	background: url(../img/bg_caseTitle.gif) no-repeat left;
	width: 530px;
	height: 54px;
	padding: 25px 0 0 60px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_01 p#caseName,
body.independentPage div#mainContent div#case_02 p#caseName {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}

body.independentPage div#mainContent div#case_01 h2,
body.independentPage div#mainContent div#case_02 h2,
body.independentPage div#mainContent div#case_03 h2 {
	background: url(../img/ttl_common_h2.gif) no-repeat left;
	width: 585px;
	height: 40px;
	padding: 20px 0 0 5px;
	margin: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_01 h3 {
	background: url(../img/bg_case_tml.gif) no-repeat left;
	width: 560px;
	height: 40px;
	padding: 13px 0 0 0;
	margin: 0 auto 5px auto;
	clear: both;
}

body.independentPage div#mainContent div#case_01 h3 span {
	background: #ffffff;
	height: 40px;
	padding: 5px;
	margin: 0 0 5px 16px;
}

body.independentPage div#mainContent div#case_01 h4#caseBfr {
	background: url(../img/ttl_case_bfr.gif) no-repeat left;
	width: 510px;
	height: 54px;
	padding: 25px 0 0 80px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_01 h4#caseAft {
	background: url(../img/ttl_case_aft.gif) no-repeat left;
	width: 510px;
	height: 54px;
	padding: 25px 0 0 80px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_01 h4#caseCsl {
	background: url(../img/bg_caseTitle.gif) no-repeat left;
	width: 530px;
	height: 54px;
	padding: 25px 0 0 60px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_02 h3#caseSecret,
body.independentPage div#mainContent div#case_03 h3#caseSecret {
	width: 590px;
	height: 40px;
	clear: both;
}

body.independentPage div#mainContent div#case_02 h5 {
	padding: 2px 5px;
	margin: 5px 0;
	background: #777777;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_02 h4#caseCsl {
	background: url(../img/bg_caseTitle.gif) no-repeat left;
	width: 530px;
	height: 54px;
	padding: 25px 0 0 60px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_02 h4#caseBfr,
body.independentPage div#mainContent div#case_03 h4#caseBfr {
	background: url(../img/ttl_case_bfr.gif) no-repeat left;
	width: 510px;
	height: 54px;
	padding: 25px 0 0 80px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_02 h4#caseAft,
body.independentPage div#mainContent div#case_03 h4#caseAft {
	background: url(../img/ttl_case_aft.gif) no-repeat left;
	width: 510px;
	height: 54px;
	padding: 25px 0 0 80px;
	margin: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

body.independentPage div#mainContent div#case_01 div.caseContent {
	width: 560px;
	margin: 0 auto 10px auto;
}

div#case_02 dl#listSecret {
	width: 560px;
	margin: 10px auto 10px auto;
}

div#case_02 dl#listSecret dt {
	width: 80px;
	float: left;
	background: url(../img/arrow_fingar.gif) no-repeat left;
	font-weight: bold;
	font-size: 110%;
	padding: 5px 0 5px 30px;
}

div#case_02 dl#listSecret dd {
	font-size: 110%;
	padding: 5px 0;
	border-bottom: 1px dotted #cccccc;	
}

div#case_02 dl.caseCsl {
	width: 590px;
}

div#case_02 dl.caseCsl  dd {
	width: 580px;
	margin: 10px 0 10px 0;
	padding: 5px;
	border: 2px dotted #cccccc;
}

div#case_02 dl.caseCsl  dt.minus,
div#case_02 dl.caseCsl  dt.goal,
div#case_02 dl.caseCsl  dt.solve {
	padding: 2px 5px;
}

div#case_02 dl.caseCsl  dt.minus {
	width: 50px;
	background: #cccccc;
}

div#case_02 dl.caseCsl  dt.goal {
	width: 40px;
	background: #fad235;
}

div#case_02 dl.caseCsl  dt.solve {
	width: 200px;
	background: #d9e668;
}

div#case_02 dl ul li {
	background: url(../img/arrow_bg_o.gif) no-repeat 5px 8px;
	padding: 2px 0 2px 20px;
}

div#case_02 dl ol li {
	list-style-position: inside;
	list-style-type: decimal;
}


div#case_02 p#parent,
div#case_02 p#student,
div#case_02 p#teacher {
	font-weight: bold;
	font-size: 120%;
}

div#case_02 p#parent {
	color: #663300;
}

div#case_02 p#student {
	color: #cc0066;
}

div#case_02 p#teacher {
	color: #333399;
}


ul#nav_case {
	width: 590px;
	height: 48px;
}

ul#nav_case li {
	float: left;
	width: 290px;
	_width: 284px;
	height: 48px;
	margin: 0 0 0 5px;
}

ul#nav_case li a {
	display: block;
	width: 284px;
	height: 48px;
}


ul#nav_case li a span {
	display: none;
}

li#navCase_001,
li#navCase_001_active,
li#navCase_001 a {
	width: 284px;
	height: 48px;
}

li#navCase_001 a {
	background: url(../img/btn_case_001.gif) no-repeat left;
}

li#navCase_001_active a,
li#navCase_001 a:hover {
	background: url(../img/btn_case_001_on.gif) no-repeat left;
}

li#navCase_002,
li#navCase_002_active,
li#navCase_002 a {
	width: 284px;
	height: 48px;
}

li#navCase_002 a {
	background: url(../img/btn_case_002.gif) no-repeat left;
}

li#navCase_002_active a,
li#navCase_002 a:hover {
	background: url(../img/btn_case_002_on.gif) no-repeat left;
}

table.caseSchedule {
	float: right;
	width: 390px;
	height: auto;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #333333;
	border-bottom: 2px solid #333333;
}

table.caseSchedule caption {
	width: 390px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 3px;
	font-weight: bold;
	color: #ed8800;
}

table.caseSchedule th.time {
	width: 48px;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}	

table.caseSchedule th.day {
	width: 48px;
	font-size: 80%;
	text-align: center;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

table.caseSchedule th.day_last {
	width: 48px;
	font-size: 80%;
	text-align: center;
	border-bottom: 1px solid #333333;
}

td.content,
td.content_o {
	font-size: 80%;
	text-align: center;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

td.content_last {
	font-size: 80%;
	text-align: center;
	border-bottom: 1px solid #333333;
}

td.content_o {
	background: #ffeed0;
}

thead th {
	color: #333333;
	font-weight: normal;
	background: #ffeed0;
}

div.bln {
	float: right;
	width: 286px;
	background: url(../img/bln_01_top.gif) no-repeat top;
	padding: 20px 0 0 37px;
}

div.bln2 {
	float: right;
	width: 286px;
	background: url(../img/bln_02_top.gif) no-repeat top;
	padding: 20px 0 0 37px;
}

div.bln4 {
	float: right;
	width: 286px;
	background: url(../img/bln_04_top.gif) no-repeat top;
	padding: 20px 0 0 37px;
}

div.bln5 {
	float: right;
	width: 286px;
	background: url(../img/bln_05_top.gif) no-repeat top;
	padding: 20px 0 0 37px;
}

div.bln p,
div.bln2 p,
div.bln5 p {
	width: 274px;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #ffb632;
	border-left: 1px solid #ffb632;
	border-right: 1px solid #ffb632;
}

div.bln4 p {
	width: 274px;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #a6c769;
	border-left: 1px solid #a6c769;
	border-right: 1px solid #a6c769;
}

div.bln3 {
	float: left;
	width: 286px;
	background: url(../img/bln_03_top.gif) no-repeat top;
	padding: 20px 37px 0 0;
}

div.bln3 p {
	width: 264px;
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #ffb632;
	border-left: 1px solid #ffb632;
	border-right: 1px solid #ffb632;
}




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

common

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

.textL {
	font-size: 150%;
}

.textS {
	font-size: 80%;
}


.delete {
	text-decoration: line-through;
}

.center {
	text-align: center;
}

.attention {
	background: #ffd2d2;
}

.attention02 {
	border: dotted 1px #ff0066;
	padding: 5px;
}

.obligatoire {
	font-weight: bold;
	color: #cc3300;
}

.quietly {
	font-size: 85%;
	line-height: 120%;
	color: #888888;
}

.detail {
	font-size: 85%;
	text-align: right;
}

p.more,
p.viewList {
	text-align: right;
	float: right;
	margin: 0 0 25px 0;
}


p.more {
	font-size: 10px;
	*font-size: x-small;
	*font: xx-small;
	margin: -15px 0 0 0;
	padding: 0;
}


.imageLeft {
	float: left;
	width: auto;
	padding: 0 10px 0 0;
	margin: 0 0 10px 0;
}

.imageRight {
	float: right;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}

p.clearBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}




br.clear {
	clear: both;
}


.customervoice{
						margin-left:10px;
						padding: 10px 10px 10px 10px;
						width:550px;
						background-color: #F0F0DC;
						border-top:#004c99 1px solid;
						border-left:#004c99 1px solid;
						border-right:#004c99 1px solid;
						border-bottom:#004c99 1px solid;
						font-size: 14px;
}

/* blog.html */

div#secondly div#calendar table{
             margin:0;
             padding:5px;
             width:190px;
	font-size: 90%;
              
}
/* blog.html(ここまで) */


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

sankousho

------------------------------------------*/
table.table-01 {
    width: 590px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
	width:90px;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

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

sj

------------------------------------------*/
table.table-02 {
    width: 590px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
	width:90px;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    line-height: 120%;
    text-align: left;
	font-size: 80%;
}
table.table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	font-size: 90%;
}