@charset "utf-8";

/******************************************************************/
/* COMMON PART */
/******************************************************************/
body{ margin:0; padding:0px 20px; font-weight:normal; font-size:small; font-family:verdana,ＭＳ Ｐゴシック,arial,helvetica; line-height:1.75; _line-height:1.35; background-image:url(../images/ube-bg.gif); color:#221815; behavior:url("javascript/csshover2.htc");}
*+html body{ line-height:1.35;}
/* Safari only \*/
html:\66irst-child body { font-size:medium;}
/* */
img{ border:0;}
a{ color:#595757;}
.fl_left{ float:left;}
.fl_right{ float:right;}
.clear{ clear:both;}
.mrg_btm{ margin-bottom:10px;}
.mrg_tb{ margin:10px 0px;}
.mrg_tl{ margin:10px 0px 0px 10px;}
.pad_all{ padding:10px;}
.pad_lr30{ padding:0px 30px;}
.small{ font-size:x-small;}
/* Safari only \*/
html:\66irst-child .small{ font-size:small;}
/* */
.red{ color:red;}
ul.blue{ margin:0; padding:7px 0px;}
ul.blue li{ list-style:none; text-indent:20px; line-height:2; background:url(../images/li_blue.gif) left no-repeat; color:#0A318F;}
ul.red{ margin:0; padding:7px 0px;}
ul.red li{ list-style:none; text-indent:20px; line-height:2; background:url(../images/li_red.gif) left no-repeat; color:#B01F24;}
ul.red_txtk{ margin:0; padding:7px 0px;}
ul.red_txtk li{ list-style:none; text-indent:20px; line-height:2; background:url(../images/li_red.gif) left no-repeat; color:#000000;}
.pad_left{ padding-left:10px;}
.pad_right{ padding-right:10px;}
.txt_gray{ color:#595757;}
.txt_darkgray{ color:#221815;}
.txt_red{ color:#B01F24;}
hr.gray{ clear:both; border:solid 1px #9F9FA0; height:1px; color:#9F9FA0; margin:7px 0px; _margin:0px;}
div.title_gray{ border-left:2px solid #9F9FA0; color:#221815; padding:3px 0px 3px 7px; margin-bottom:5px;}
div.title_red{ border-left:2px solid #B01F24; color:#B01F24; padding:3px 0px 3px 7px; margin-bottom:5px;}
h1#pagetitle{ padding:0px 0px 0px 9px; margin:0px;}
.left02_pad{ padding:0px 9px;}
tr.gray{ background-color:#EFEFEF;}
tr.lightgray{ background-color:#F7F7F7;}
tr.red{ background-color:#B01F24; color:#FFFFFF;}
td.border_redb{ border-bottom:1px solid #B01F24;}
td.border_redl{ border-left:1px solid #B01F24;}
td.border_redr{ border-right:1px solid #B01F24;}
td.border_whl{ border-left:1px solid #FFFFFF;}
td.border_whb{ border-bottom:1px solid #FFFFFF;}
td.img_line_wr{ background:#B01F24 url(../images/03-jhs/line_wr.gif) right top repeat-y;}
td.mrg_right{ border-right:6px solid #FFFFFF;}
td.day{ text-align:right; color:#898989}
td.bg_gray{ background-color:#EFEFEF;}
td.bg_lightgray{ background-color:#F7F7F7;}
td.bg_white{ background-color:#FFFFFF;}
a.btn_detail { background:url(../images/btn-detail.gif) 0px 0px no-repeat; width:132px; height:36px; display:block; text-indent:-9877em;}
a.btn_detail:hover{ background-position:-133px 0px;}
div.contentsr_l{ float:left; width:250px; padding-right:13px;}
div.contentsr_r{ float:left; border-left:1px solid #9F9FA0; width:250px; padding-left:13px;}
ul.li_circle{ margin:0px 0px 15px 15px; padding:0px;}
ul.li_circle li{ list-style-type:circle;}
ul.li_disc{ margin:0px 0px 15px 15px; padding:0px;}
ul.li_disc li{ list-style-type:disc;}
div.redbox{ padding:20px; margin:0px 30px; border:1px solid #B01F24;}
div.graybox{ padding:20px; margin:0px 30px; border:1px solid #9F9FA0;}
ul.li_decimal{ margin:0px 0px 0px 30px; padding:0px;}
ul.li_decimal li{ list-style-type:decimal;}
p.indent{margin:0px;text-indent:1em;}

/******************************************************************/
/* LAYOUT PART */
/******************************************************************/
#outer{ margin:0 auto; width:760px; text-align:left; background-color:#FFFFFF; border:1px solid #9F9FA0; padding-bottom:15px;}
#header{ width:100%; background:url(../images/header-bg.gif) right top repeat-y; position:relative;}
#main{ clear:both; width:760px; position:relative; overflow:hidden;}
#contents{ width:100%; clear:both; margin-top:15px; position:relative; overflow:hidden;}
#contents_left{ float:left; width:170px; padding:0px 9px;}
#contents_center{ float:left; width:380px; border-left:1px solid #B01F24; border-right:1px solid #B01F24;}
#contents_right{ float:left; width:170px; padding:0px 9px;}
#footer{ clear:both; margin:0 auto; width:760px; text-align:center; color:#B01F24; font-size:x-small; padding:5px 0px;}
#contents_left02{ float:left; width:188px; padding:0px; border-right:1px solid #B01F24;}
#contents_right02{ float:left; width:527px; padding:22px;}
#contents_left03{ float:left; width:188px; padding:0px;}
#contents_right03{ float:left; width:527px; padding:22px; border-left:1px solid #B01F24;}



/******************************************************************/
/* HEADER PART */
/******************************************************************/
.read{ width:386px; background:url(../images/white-alpha.png); text-align:right; padding:5px 10px 5px 0px; color:#221815; font-size:13px;}
* html .read{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white-alpha.png',sizingMethod='scale');}
.read02{ width:386px; background:url(../images/white-alpha.png); text-align:right; padding:5px 10px 5px 0px; color:#221815; font-size:13px;}
* html .read02{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/white-alpha.png',sizingMethod='scale');}
#logo{ float:left; padding:20px 30px 0px 30px;}
#header_r{ float:left; width:396px; padding-top:30px; text-align:right;}



/******************************************************************/
/* MENU PART */
/******************************************************************/
/* TEXT MENU */
#txt_menu{ background-color:#B01F24; height:26px;}
#txt_menu a{ color:#FFFFFF; font-size:13px; text-decoration:none;}
#txt_menu a:hover{ text-decoration:underline;}
#txt_menu ul{ margin:0px; padding:0px; _padding-top:4px; float:left; width:324px;}
*:first-child+html #txt_menu ul{ padding-top:4px;}
#txt_menu li{ list-style:none; float:left; letter-spacing:2px; padding:0px 11px; background: url(../images/txtmenu_right.gif) right no-repeat;}
#txt_menu li.no{ background:none;}

/* MENU */
#menubox{ width:760px; height:30px;}
.menu, .menu ul { width:760px; margin:0; padding:0; list-style:none;}
.menu { z-index:100; position:relative;}
.menu li { float:left; margin:0; padding:0px; position:relative; width:127px;}
.menu li.widths { width:125px;}
.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited { font:x-small Arial, Helvetica, sans-serif; display:block; padding:0 2px; text-decoration:none; text-align:center; line-height:2;}
*html .menu li a, .menu li a:link, .menu li a:active, .menu li a:visited { font-size:xx-small; line-height:2.5;}
.menu a{ height:30px;}
.menu li a:hover { background-position:-127px 0px;}
#nav-one li:hover a,
#nav-one li.sfHover a { background-position:-127px 0px;}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a { background:#EFEFEF; color:#000000;}
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover { background:#B01F24; color:#FFFFFF;}
.menu ul { width:124px; list-style:none; margin: 0; position:absolute; top:-999em; border:1px solid #9F9FA0; border-top:none;}
.menu li.widths ul { width:123px;}
.menu li:hover ul,
.menu li.sfHover ul { top:30px;}
.menu ul li { width:120px; float:none; padding:2px; background-color:#EFEFEF;}
.menu li.widths ul li { width:119px;}
.menu ul a { width:116px; white-space:nowrap; border-bottom:2px solid #FFFFFF; height:20px;}
.menu li.widths ul a { width:115px;}
a.school{ background:url(../images/menu/01-school.gif); text-indent:-9877em;}
a.course{ background:url(../images/menu/02-course.gif); text-indent:-9877em;}
a.jhs{ background:url(../images/menu/03-jhs.gif); text-indent:-9877em;}
a.parent{ background:url(../images/menu/04-parent.gif); text-indent:-9877em;}
a.certificate{ background:url(../images/menu/05-certificate.gif); text-indent:-9877em;}
a.qa{ background:url(../images/menu/06-qa.gif); text-indent:-9877em;}

/* MENU LEFT */
#menu_left{ width:168px;}
#menu_left dl{ margin:0px; padding:0px; width:168px;}
#menu_left dt{ margin-top:7px; text-indent:13px; line-height:2; background:url(../images/li_yellow.gif) left no-repeat; color:#595757;}
#menu_left dt.top{ margin:0px;}
#menu_left dd{ margin:0px; padding:6px; background:#EFEFEF url(../images/menu_left.gif) bottom repeat-x; border-left:1px solid #9F9FA0; border-right:1px solid #9F9FA0;}
#menu_left dd:hover{ background-color:#DCDDDD;}
#menu_left dd.start{ border-top:1px solid #9F9FA0;}
#menu_left dd.end{ background:#EFEFEF; border-bottom:1px solid #9F9FA0;}
#menu_left dd.end:hover{ background-color:#DCDDDD;}
#menu_left a{ color:#000000; text-decoration:none; display:block; position:relative;}
#menu_left a:hover{ color:#F5A21C;}

/* SUBMENU */
#submenu{ width:178px; margin:0px; padding:10px 5px; background:url(../images/submenu/submenu_bg.gif) left bottom repeat-x;}
#submenu ul{ margin:0px; padding:10px;}
#submenu li { margin:0px; padding:0px; list-style:none; position:relative; line-height:1.5;}
#submenu li a{ padding-left:12px; background:url(../images/submenu/li_orange.gif) left no-repeat; color:#221815; text-decoration:none;}
#submenu li a:hover{ background:url(../images/submenu/li_red.gif) left no-repeat; color:#B01F24; text-decoration:none;}
#top_btn{ margin-left:8px;}
a.top { background:url(../images/submenu/00-top.gif) 0px 0px no-repeat; width:180px; height:20px; display:block; text-indent:-9877em;}
a.top:hover{ background-position:-180px 0px;}



/******************************************************************/
/* TOP */
/******************************************************************/
div.newsbox{ clear:both; margin-top:15px; padding-bottom:5px; background:url(../images/blue-bgbtm.gif) left bottom repeat-x;}
div.emergency{ clear:both; margin-top:15px; padding-bottom:5px; background:url(../images/blue-bgbtm.gif) left bottom repeat-x; margin-top:15px;}
div.square{ clear:both; height:190px; _height:175px; margin:0px; padding:0px; overflow:auto;}
div.square dl{ margin:0; padding:0px 10px; clear:both;}
div.square dt{ list-style:none; text-indent:20px; line-height:2; background:url(../images/li_square.gif) left no-repeat;}
div.square dd{ margin:0px; padding:0px; text-indent:1em;}
div.square p{ line-height:12; }
.banner_blog{ background-image:url(../images/top/banner-blogbg.gif); color:#FFFFFF; padding:0px 15px 15px 15px;}
.blog_title{ border:3px solid #221815; background:#FFFFFF url(../images/top/icon-blog.gif) left no-repeat; color:#595757; padding:3px; text-indent:20px;}
.blog_title a {text-decoration:none;}
.blue_title{ background:url(../images/blue-title.gif) no-repeat left; color:#FFFFFF; _padding:3px; text-indent:17px; margin-top:10px; font-size:13px; width:175px;}
.blue_titleday{ padding:0px; margin-top:10px; float:right; text-align:right; font-size:13px;}
div.bluesolid_b{ border-bottom:1px solid #0A318F; width:354px;}
div.bluesolid_t{ border-top:1px solid #0A318F; width:360px;}
.activity_boxl{ padding-right:10px; margin-top:10px; float:left; width:175px;}
.activity_boxr{ margin-top:10px; float:left;}
/* CONTENTS RIGHT */
#contents_right dl{ margin:0px; padding:0px; width:170px;}
#contents_right dt{ margin:0; padding:7px 0px; text-indent:20px; line-height:2; background:url(../images/li_blue.gif) left no-repeat; color:#0A318F;}
#contents_right dd{ margin:0px; padding:0px;}



/******************************************************************/
/* SCHOOL */
/******************************************************************/
div.principal {margin:10px 0; text-indent:1em;}
div.kiseki_detail {height:900px; overflow-x:hidden; overflow-y:scroll;}
td.border {border:solid 1px #999999; padding:3px;}
/******************************************************************/
/* COURSE */
/******************************************************************/
.red_list{}
.red_list dl{ margin:0px; padding:0px;}
.red_list dt{ margin-left:0px; text-indent:5px; line-height:2; border-left:2px solid #B01F24; color:#B01F24;}
.red_list dd{ margin:0px 0px 20px 2px; padding:6px;}
div.course_jpg{ float:left; width:200px;}
div.course_detail{ float:left; width:292px; padding-left:25px;}
div.course_detail ul{ margin:0px; padding:0px 0px 0px 15px;}
h2.course_title{ margin-bottom:10px;}
table.study{ border:1px solid #B01F24; border-collapse:collapse;}
table.study td{ padding:5px;}
#wrapper { position:relative; width:100%; margin: 0 auto;}
#photoList { margin:0px; padding:0px;}
#photoList li { float:left; width:90px; height:60px; text-align:center;	margin-top:5px; list-style:none;}
div.flash_left{ float:left; margin-right:6px; text-align:center; color:#B01F24;}
div.flash_right{ float:left; text-align:center; color:#B01F24;}



/******************************************************************/
/* Q&A */
/******************************************************************/
div.qa{ }
div.qa dl{ margin:0px; padding:0px;}
div.qa dt{ padding-bottom:10px; padding-left:41px; background: url(../images/06-qa/icon-q.gif) left top no-repeat; border-bottom:1px solid #9F9FA0;}
div.qa dd{ margin:10px 0px 35px 0px; padding-left:41px; background: url(../images/06-qa/icon-a.gif) left top no-repeat;}

/******************************************************************/
/* SITE MAP */
/******************************************************************/
div.sitemap{ }
div.sitemap dl{ margin:0px; padding:0px;}
div.sitemap dt{ padding-left:41px; margin:10px 0px 10px 7px; background: url(../images/08-sitemap/icon01.gif) left top no-repeat;}
div.sitemap dd{ margin:0px 0px 5px 30px; padding-left:20px; background: url(../images/08-sitemap/icon02.gif) left top no-repeat;}

/******************************************************************/
/* PhotoLink */
/******************************************************************/
p#photolink {background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0}
p#photolink a {
   display: block;
   width: 131px; /* 画像1枚分の横幅 */
   height: 36px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/keijiban.gif"); /* 画像ファイル名 */
}
p#photolink a:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}