/* Reset CSS */

    html, body, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }

    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
img { border: 0; }

/* Reset CSS */

body {
	background-color:#EFEFEF;
	text-align: center;
	font-family:Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	line-height:180%;
	color:#333333;
	margin:0px;
	padding-top:0px;
	}

a:link       {color:#333333; text-decoration:none;}
a:visited    {color:#333333 ;text-decoration:none;} 
a:active     {color:#333333; text-decoration:underline;} 
a:hover      {color:#333333; text-decoration:underline;}

.pagecontens a:link       {color:#172FA9; text-decoration:underline;}
.pagecontens a:visited    {color:#172FA9 ;text-decoration:underline;} 
.pagecontens a:active     {color:#172FA9; text-decoration:none;} 
.pagecontens a:hover      {color:#172FA9; text-decoration:none;}

br.clear { clear:both; margin:0; padding:0; line-height:0; }

.margin_t2  { margin-top:2px; }
.margin_t8  { margin-top:8px; }
.margin_t15 { margin-top:15px; }
.margin_t30 { margin-top:30px; }
.margin_t40 { margin-top:40px; }
.margin_l5  { margin-left:5px; }
.margin_l8  { margin-left:8px; }
.margin_l10 { margin-left:10px; }
.margin_l15 { margin-left:15px; }
.margin_l20 { margin-left:20px; }
.margin_l25 { margin-left:25px; }
.margin_l40 { margin-left:40px; }
.margin_l60 { margin-left:60px; }
.margin_l150 { margin-left:110px; }
.margin_l190 { margin-left:190px; }
.margin_b5  { margin-bottom:5px; }
.margin_r10 { margin-right:10px; }

.margin_tb5  { margin-top:5px; margin-bottom:5px; }
.margin_tb15 { margin-top:15px; margin-bottom:15px; }
.margin_tb30 { margin-top:30px; margin-bottom:30px; }
.margin_tb50 { margin-top:50px; margin-bottom:50px; }

.padding_t3  { padding-top:3px; }
.padding_t8  { padding-top:8px; }
.padding_b15 { padding-bottom:15px; }
.padding_l10 { padding-left:10px; }

.orangetxt { padding-top:15px; }

.w55 { width:55px; }
.w335 { width:335px; }

.f_blue { color:#172FA9 }
.f_blue2 { color:#4E8AD3 }
.f_etnblue { color:#255BA5 }
.f_orange { color:#CC6600 }

.f_10 { font-size:82%; }
.f_14 { font-size:115%; }
.f_16 { font-size:135%; }
.f_20 { font-size:165%; }

.f_bold { font-weight:bold; }

.lh150 { line-height:150%; }

sup { font-size:80%; position:relative; top:-4px; }

.left { float:left; }
.right { float:right; }

#pagebody {
	width:950px;
	text-align:left;
	margin:0 auto;
	padding:0;
	}

.ptop { text-align:right; margin-top:10px; }

/* *****　ヘッダー　***** */

#header {
	margin:20px 0 0 0;
	padding:0;
	}
#header h1 {
	font-size:12px;
	font-weight:normal;
	color:#CC6600;
	}
#header .logo {
	float:left;
	width:500px;
	}
#header ul.hlink {
	float:right;
	list-style-type: none;
	margin:0;
	padding:10px 0 0 0;
	}
#header .hlink li {
	float:left;
	margin-left:20px;
	background-repeat:no-repeat;
	}
	li.sitemap { background-image:url(img/h_sitemap.gif); padding-left:22px; }
	li.pamphlet { padding-top:1px; }
	li.tel { padding-top:1px; }

#header a:active, #header a:hover { color:#255BA5; }

#header #hnavi {
	clear:both;
	margin:0;
	padding:0;
	}
#header #hnavi ul {
	list-style-type: none;
	margin:0;
	padding:3px 0 0 0;
	}
#header #hnavi li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	}




/* ********　フッター　******** */

#footer {
	clear:both;
	width:100%;
	margin:25px 0 0 0;
	padding:20px 0 0 0;
	background:url(img/f_bdr.gif) top repeat-x;
	background-color:#e1e1e1;
	}
#footer .contents {
	width:950px;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
	}
#footer .contents div {
	float:left;
	}
#footer .contents ul {
	margin:5px 0 30px 0;
	padding:0;
	}
#footer .contents li {
	list-style:none;
	margin:0;
	padding:5px 0 0 5px;
	}
#footer .contents li a {
	color:#666666;
	}
#footer .copyr {
	clear:both;
	width:100%;
	margin:0;
	padding:10px 0;
	background:url(img/f_bdr.gif) top repeat-x;
	background-color:#e1e1e1;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#535353;
	}

/* *****　コンテンツ部分　***** */

#contents {
	clear:both;
	float:left;
	margin:8px 0 0 0;
	padding:0;
	}


.pankuzu { margin:5px 0 0 0; padding:0; }
.pankuzu ul { margin:0; padding:0; font-size:85%; }
.pankuzu li { 
	list-style:none;
	float:left;
	margin-right:5px;
	margin-left:3px;
	padding-top:2px;
	}
	.pankuzu li.below {
	background:url(img/pankuzuli.gif) left no-repeat;
	padding-left:12px;
	}


#contents #leftbody {
	float:left;
	width:710px;
	}
#contents #mainbody {
	margin:5px 0 0 0;
	padding:0;
	border:1px solid #E4E4E3;
	background-color:#FFFFFF;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	}
#contents #rightbody {
	float:left;
	width:230px;
	margin:5px 0 0 10px;
	}
	
#contents #mainbody .cblock {
	margin:15px 10px;
	}

.pagecontens p { padding-top:15px; }

#contents #rightbody #navi {
	width:228px;
	margin:0;
	padding:0;
	border:1px solid #E4E4E3;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	background:url(img/l_bg.jpg) top repeat-x;
	background-color:#F9F9F9;
	}

#contents #rightbody #navi .lnavi {
	padding:15px 10px 0 20px;
	}
#contents #rightbody #navi .lnavi div {
	padding-bottom:15px;
	}
#contents #rightbody #navi .lcontents {
	padding:0 15px 15px 20px;
	}
#contents #rightbody #navi .lcontents p {
	margin:8px 0 8px 2px;
	font-size:80%;
	line-height:135%;
	color:#666666;
	}

.cblock h2 { margin:5px 0 20px 0;  } 
.cblock h3 { margin:8px 0 10px 8px; font-weight:normal; color:#CC6600; font-size:135%; }

.pagecontens h2 { margin:5px 0 20px 0; padding-bottom:15px;  } 
 
.cblock p { margin:8px 5px 10px 8px; } 

.blockline {
	border-top:1px solid #efefef;
	padding-top:3px;
	}

.bluearrow { text-align:right; }
	.bluearrow a { background:url(img/arrow.gif) right no-repeat; padding-right:15px; color:#255BA5; }
	
.detail { text-align:right; font-size:85%; margin-bottom:15px; }
	.detail a { background:url(img/arrow.gif) right no-repeat; padding-right:15px; color:#255BA5; }

.attention { clear:both; font-size:80%; color:#666666; line-height:150%; padding-top:5px; }
	.attention .mark { float:left; width:10px; }
	.attention .txt { margin-left:10px; }
.attention2 { clear:both; font-size:80%; color:#666666; line-height:150%; padding-top:5px; }
	.attention2 .mark { float:left; width:25px; }
	.attention2 .txt { margin-left:25px; }
.attention3 { clear:both; line-height:150%; padding-top:5px; margin:0 10px; }
	.attention3 .mark { float:left; width:15px; }
	.attention3 .txt { margin-left:15px; }


/* ********　カテゴリー　******** */

#contents #rightbody #category {
	width:220px;
	margin:0 0 8px 0;
	padding:3px 4px;
	border:1px solid #E4E4E3;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	background-color:#ffffff;
	}

#category .first { padding-bottom:3px; }
#category .second { padding:1px 0; }
#category ul.third { margin:0 0 5px 0; padding:0; }
#category ul.third li { margin:0; padding:0; list-style:none; display:inline; }

#category .dotline { background-image:url(img/catescdline.gif); background-position:top; background-repeat:repeat-x; }

/* ********　追加ナビ　******** */

#contents #rightbody #lbnavi {
	margin:0 0 10px 0;
	}



/* *****　トップページ　***** */

ul.tquestion {
	margin:0;
	padding:0;
	}
.tquestion li {
	margin:12px 0 0 0;
	padding:0;
	}

.info {
	clear:both;
	margin:0;
	padding-bottom:8px;
	}
.info .date {
	float:left;
	width:115px;
	}
.info .mark {
	float:left;
	width:62px;
	}
.info .txt {
	margin-left:115px;
	}


/* *****　ページ　***** */

.tit {
	margin:0 0 20px 0;
	padding:0;
	}
	

/* *****　フォーム　***** */

form#mailform {
	padding: 5px;
}
table.mailform {
	width: 620px;
	margin:0 auto;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: dotted 1px #999999;
	padding: 12px 5px;
	vertical-align:middle;
}
table.mailform tr th {
	width: 200px;
	font-weight:bold;
}
table.mailform tr td input, table.mailform tr td textarea {
	padding:3px;
}

table.mailform2 {
	width: 620px;
	margin:10px auto;
}
table.mailform2 tr th,table.mailform2 tr td {
	text-align: left;
	font-size: 12px;
	padding: 8px 5px;
	vertical-align:top;
}
table.mailform2 tr th {
	width: 220px;
	font-weight:bold;
}
table.mailform2 tr td input, table.mailform tr td textarea {
	padding:3px;
}
.mailform2 .tdbtmbdr { border-bottom: dotted 1px #999999; }

/* *****　質問コーナー　***** */

.qa {
	margin:0;
	padding:0;
	}
.qa .question {
	margin:20px 0 5px 0;
	padding:0;
	}
.qa .answer {
	background:url(qa/img/answer.gif) no-repeat;
	margin:10px 10px 0 35px;
	padding:2px 0 0 30px;
	}
	
/* *****　今週　***** */
.thisweek {
	margin:30px 0 30px 30px;
	padding:0;
	line-height:30px;
	}
.thisweek .word {
	margin:0;
	float:left;
	}
.thisweek .exp {
	margin-left:220px;
	}

.thisweek .word1 {
	margin:0 0 0 15px;
	float:left;
	}
.thisweek .word2 {
	margin-left:250px;
	}

/* *****　教材　***** */
.book {
	margin:20px;
	}
.book img.rmdbook {
	}
.book .bookname {
	margin-left:110px;
	line-height:22px;
	padding-top:0;
	}

/* *****　事業所　***** */

table.about {
	margin:15px auto;
	padding:0;
	width:650px;
	border-top:1px solid #dddddd;
	}
table.about th {
	width:100px;
	vertical-align:middle;
	padding:10px 30px;
	border-bottom:1px solid #dddddd;
	font-weight:bold;
	background-color:#eeeeee;
	}
table.about td {
	vertical-align:middle;
	padding:10px;
	border-bottom:1px solid #dddddd;
	}


#sitemap {
	margin:5px;
	}
#sitemap a:link       {color:#333333; text-decoration:none;}
#sitemap a:visited    {color:#333333 ;text-decoration:none;} 
#sitemap a:active     {color:#172FA9; text-decoration:underline;} 
#sitemap a:hover      {color:#172FA9; text-decoration:underline;}

#sitemap .first {
	margin:5px 30px 0 30px;
	padding:0 0 0 15px;
	font-weight:bold;
	}
#sitemap .second {
	margin:5px 60px 0 60px;
	background:url(img/arrow2.gif) no-repeat;
	padding:0 0 0 15px;
	}
#sitemap .third {
	margin:2px 90px 0 90px;
	background:url(img/arrow2.gif) no-repeat;
	padding:0 0 0 15px;
	}
#sitemap .forth {
	margin:2px 120px 0 120px;
	background:url(img/arrow2.gif) no-repeat;
	padding:0 0 0 15px;
	}

/* ********　各ページ　******** */

.nextpage {
	margin:30px 0;
	padding:0;
	text-align:center;
	}
.nextpage a {
	background:url(img/arrow2.gif) no-repeat;
	padding:1px 0 0 10px;
	}
	
ul.ccircle {
	margin:0;
	}
ul.ccircle li {
	background-image:url(corporation/img/li_circle.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	}

ul.hint {
	margin-left:10px;
	margin-top:20px;
	list-style-type:decimal;
	}
ul.hint li {
	margin-left:20px;
	margin-top:30px;
	margin-bottom:50px;
	}
.hint .arw { text-align:center; margin:5px 30px 5px 0; }
.hint .hintxt { margin:5px 30px 5px 0; text-align:center; }

.imgtxtbln { vertical-align:text-bottom; margin-right:3px; }

.tutor { margin-top:20px; }
.tutor .name_m {
	background-color:#333399;
	height:25px;
	padding-top:5px;
	color:#FFFFFF;
	}
.tutor .name_l {
	background-color:#CC6699;
	height:25px;
	padding-top:5px;
	color:#FFFFFF;
	}
	.tutor .men { background-image:url(tutor/img/tutor_m.gif); background-repeat:no-repeat; padding-left:40px; }
	.tutor .lady { background-image:url(tutor/img/tutor_l.gif); background-repeat:no-repeat; padding-left:40px; }
.tutor .detailtit {
	float:left;
	width:85px;
	line-height:140%;
	margin-top:10px;
	margin-left:5px;
	}
.tutor .detailtxt {
	margin-top:10px;
	margin-left:90px;
	margin-bottom:10px;
	text-align:left;
	line-height:140%;
	}
.tutor .detailline {
	border-top:1px dotted #cccccc;
	padding-bottom:2px;
	margin:0 3px;
	}
.tutorlink {
	float:right;
	padding:10px 8px 0 0;
	text-align:center;
	}
.tutorlink a {
	background:url(tutor/img/fourline.jpg) no-repeat;
	padding:5px 0 0 25px;
	color:#255BA5;
	}


dl.fee { margin:20px 0 5px 25px; padding:0; color:#cc6600; font-size:22px; }
dl.fee dt { float:left; margin:0; padding:0; }
dl.fee dd { margin:0 0 0 190px; padding:0; }

dl.fee dd:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }