@charset "UTF-8";
/* CSS Document */

html {font-family:Helvetica, Arial, sans-serif;}

/********************************** CSS Reset **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,img,address,em,strong
{ margin:0; padding:0; border:none; font-style:normal; font-weight:normal; text-decoration:none; color:#333; list-style:none; }
input {margin:0; padding:0;font-style:normal; font-weight:normal;}
table,th,td{margin:0; padding:0;font-style:normal; font-weight:normal; text-decoration:none; color:#333; list-style:none;}
img{ vertical-align: top; vertical-align: bottom; }

body{  font-size: 12px; text-align:center;}

body div { display:block; background:none; text-align:left; }
a	{color:#afb700; text-decoration: none;}
a:visited	{ color:#afb700;}
a:hover,a:active	{ color: #aaa; text-decoration:underline; }

.clearfix	{clear:both; height:1px; line-height:1px; font-size:1px;}
.clear	{clear:both;}
.left	{ float:left;display:inline;}
.right	{ float:right;display:inline;}
.auto	{ margin:0 auto;}
.center	{ text-align:center;}


/********************************** CSS TOP **********************************/
body{ background:url(images/bg.gif) repeat top left; color: #333; }
#wp { width:960px; margin: 0 auto; background: #fff; }
#header, #footer, #container, #main-navi { margin: 0 10px;}
#header { height:60px; }

#header { position: relative;}
#header h1 { position: absolute; top:25px; left:160px; font-size: 11px; font-weight: normal; display: inline; color: #b07c51;}
#header ul#top-navi li { display: inline; float: left; font-size: 11px;color: #fff;}
#header ul#top-navi { position: absolute; left:645px; top:0px; }
#header form { position: absolute; left:660px; top:35px;}
#header #logo { position: absolute; top:10px; }

#cse-search-box { padding-left: 25px; background: url(./images/search.gif) center left no-repeat;}
#cse-search-box input { display: inline; float: left;}
#cse-search-box input.text { border: 1px solid #565658; height: 18px; line-height:18px; width: 200px;  font-size: 17px;}
#cse-search-box input.submit { margin-left: 3px; }
*html #cse-search-box { display: none;}

#top-navi{ background: url(./images/crononet_04.gif) top left; width: 283px; padding-left: 10px; height: 25px; line-height: 22px;}
#top-navi a{  color: #fff; }
*html #top-navi { width: 290px; position: absolute; left:625px; top:0px; }
*html #top-navi li a { font-size: 9px;}

#main-navi ul li { float:left; display: inline; width:180px;height:40px; overflow: hidden; }
#main-navi ul li a { display:block;  position:relative; width:180px;height:40px; text-decoration: none; font-size: 0px; color: #fff; }
#main-navi ul li a:hover span { text-decoration: none; opacity:0.70;filter:alpha(opacity=70); }
#main-navi ul li a span{ width:100%; height:100%; position:absolute; cursor:pointer; }

#main-navi ul li#mn01{ width:180px; }
#main-navi ul li#mn02{ width:180px; }
#main-navi ul li#mn03{ width:180px; }
#main-navi ul li#mn04{ width:180px; }
#main-navi ul li#mn05{ width:220px; }
#main-navi ul li#mn05 a{ width:220px; }

#main-navi ul li#mn01 a span { background:url(./images/crononet_07.gif) no-repeat 0 0; }
#main-navi ul li#mn02 a span { background:url(./images/crononet_07.gif) no-repeat -180px  0; }
#main-navi ul li#mn03 a span { background:url(./images/crononet_07.gif) no-repeat -360px  0; }
#main-navi ul li#mn04 a span { background:url(./images/crononet_07.gif) no-repeat -540px  0; }
#main-navi ul li#mn05 a span { background:url(./images/crononet_07.gif) no-repeat -720px  0; }

#content{ width: 710px; padding:10px 10px 10px 0; min-height:1300px; background: #fff;}
*html #content { height: auto !important; height:1300px;}

#flash { margin:10px; }

#sidebar-left {width: 220px; margin:0 10px 10px 0;  }
#sidebar-left dt {}
#sidebar-left dd { padding:0 15px; line-height: 160%;  border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
#sidebar-left dd a{ color:#532f11 ;}

#sidebar div { margin: 0; background: #fff; }
#sidebar div img { margin: 0; }
#sidebar #school-search span { color: #f28c35; display: block; background:none; border:0; font-size:12px; }


#school-search { margin-top: 10px;}
#school-search div { padding:0 15px; line-height: 160%;  border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
#school-search p { line-height: 140%; color:#6e492a ;}
#school-search span { color: #f28c35; display: block;}
#school-search em { display: block; }

#container{ background:#f7f1ec;}
#sidebar { width: 220px; margin:0 0 10px 0; }
#sidebar img{ margin: 10px 5px 0;}
#sidebar dt img { margin: 0;}
#sidebar dd { padding:0 15px; line-height: 160%;  border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; background:#fff;}
#sidebar dd a{ color:#6e492a ;}
#sidemenu-top {margin-top: 10px;}

*html a.side-banner { margin:0 5px 0; padding-bottom:10px; }

#sidebar div.box { margin:10px 5px; background: #fff; font-size: 13px; line-height: 180%; border-left:1px solid #f4a77d; border-right:1px solid #f4a77d; border-bottom:1px solid #f4a77d;}
#sidebar div span {  font-size: 14px; font-weight: bold;  background:#f28c35 ; border-bottom: 1px solid #eee; display: block; text-indent: 5px; line-height: 100%; padding: 5px 0; border: 2px solid #f4a77d;}
#sidebar div.box span a{ color: #fff; }
#sidebar div.box ul  { }
#sidebar div.box ul li { list-style-type:circle; list-style-position: outside; margin:5px 0 5px 20px; line-height: 140%;}


#content-body-top{ width: 480px;}

#top_btn ul { margin: 0; padding: 0;}
#top_btn li { float:  left; display: inline; margin: 0 2px 10px; padding: 0;}
#top_btn li.end { margin: 0; padding: 0;}

#content-body-top h2 ,#content-body-top h3 { color: #f28c35; font-size: 15px; padding-right: 30px; height: 29px; line-height: 29px; margin-bottom: 5px; font-weight: bold;}
#content-body-top h3{ margin-top: 10px;}

.img_set { margin-bottom:20px; padding-bottom: 10px; border-bottom: 1px dotted #efefef;}
.img_set img { padding: 3px; border: 1px solid #eee; }
.img_set img.left { margin:0 10px 0 0; }
.img_set img.right{ margin:0 0 0 10px; }

.img_set h4 { color:#532f11; font: 13px; font-size: bold; display: inline; }
.img_set h5 { color:#fff; display: inline; background: #e0ea0d url(./images/ic_date.gif) left top no-repeat; font: 11px; line-height: 10px; padding:0 3px 0 8px; margin: 0;  }
.img_set p { margin: 0; padding: 0; display: block; }
.img_set a { color: #532f11;}
.img_set blockquote span { font-weight: bold; line-height: 200%; }
.img_set blockquote { background: #ffeee0; padding:5px; }

ul#news li { list-style: circle; line-height: 140%; list-style-position: inside; margin: 3px 0 3px 10px;}
ul#news li a { color: #532f11; text-decoration: underline;}
ul#news li a:hover { color: #666;}


#footer	{ background: #666; color: #fff;  height:60px; position: relative;}
#footer ul { position: absolute; top: 10px; left: 10px; }
#footer p{  color: #fff;  position: absolute; top: 30px; left: 10px;  font-size: 10px;}
#footer a{  color: #fff; }
#footer ul li { display: inline; float: left; color: #fff; font-size: 11px;}

#pankuzu { padding: 5px 0; text-indent: 10px; margin-bottom: 10px; font-size: 11px;  }
#pankuzu strong { font-weight: bold; }

/********************************** CSS Parts **********************************/

.tblayout{ border-collapse: collapse; width:100%; margin-bottom: 15px; }
.tblayout th { width: 20%; background: #ffeee0; font-weight: bold;}
.tblayout th, .tblayout td{ border: 1px solid #ffe1c8; padding:10px; }

.child_content { margin:0 0 0 10px;}
.child_content p { margin:0 0 10px;}
.child_content ol li { line-height: 160%; list-style-type: decimal; margin:0 0 10px 30px; list-style-position:outside;}
.child_content a { font-weight: bold;}
.child_content strong { font-weight: bold; color:#f28c35;}


.btn_contact { text-align: center;}
.btn_contact img{ margin: 10px auto; }

.content-body-sec h3 { color: #f28c35; font-size: 15px; margin:20px 0 15px; padding:0 0 5px 35px; background: url(./images/icon_01.jpg) top left no-repeat; line-height: 25px; font-weight: bold; border-bottom:1px dotted #f28c35; }
.content-body-sec h4 { color: #532f11; font-size: 13px; margin:0; padding:3px 0 7px; line-height:140%; font-weight: bold; }
.content-body-sec p { line-height:160%;}


/********************************** Flow Tab **********************************/

ul.domtabs {background:url(/imgdir/flow/menu.gif) no-repeat 0 0; height: 110px; width: 710px;}

ul.domtabs li { float:left; display: inline; width:110px;height:110px; margin-right:10px; overflow: hidden; }
ul.domtabs li a { display:block;  position:relative; width:110px;height:110px; text-decoration: none; font-size: 0px; color: #fff; }
ul.domtabs li a:hover span { text-decoration: none; }
ul.domtabs li a span{ width:100%; height:100%; position:absolute; cursor:pointer; }

ul.domtabs li a#dt01 span { background:url(/imgdir/flow/menu.gif) no-repeat 0 0; }
ul.domtabs li a#dt02 span { background:url(/imgdir/flow/menu.gif) no-repeat -120px  0; }
ul.domtabs li a#dt03 span { background:url(/imgdir/flow/menu.gif) no-repeat -240px  0; }
ul.domtabs li a#dt04 span { background:url(/imgdir/flow/menu.gif) no-repeat -360px  0; }
ul.domtabs li a#dt05 span { background:url(/imgdir/flow/menu.gif) no-repeat -480px  0; }
ul.domtabs li a#dt06 span { background:url(/imgdir/flow/menu.gif) no-repeat -600px  0; }

ul.domtabs li a#dt01:hover span { background:url(/imgdir/flow/menu.gif) no-repeat 0 -110px; }
ul.domtabs li a#dt02 hover span { background:url(/imgdir/flow/menu.gif) no-repeat -120px  -110px; }
ul.domtabs li a#dt03 hover span { background:url(/imgdir/flow/menu.gif) no-repeat -240px  -110px; }
ul.domtabs li a#dt04 hover span { background:url(/imgdir/flow/menu.gif) no-repeat -360px  -110px; }
ul.domtabs li a#dt05 hover span { background:url(/imgdir/flow/menu.gif) no-repeat -480px  -110px; }
ul.domtabs li a#dt06 hover span { background:url(/imgdir/flow/menu.gif) no-repeat -600px  -110px; }

ul.domtabs li.active a#dt01 span { background:url(/imgdir/flow/menu.gif) no-repeat 0 -110px; }
ul.domtabs li.active a#dt02 span { background:url(/imgdir/flow/menu.gif) no-repeat -120px  -110px; }
ul.domtabs li.active a#dt03 span { background:url(/imgdir/flow/menu.gif) no-repeat -240px  -110px; }
ul.domtabs li.active a#dt04 span { background:url(/imgdir/flow/menu.gif) no-repeat -360px  -110px; }
ul.domtabs li.active a#dt05 span { background:url(/imgdir/flow/menu.gif) no-repeat -480px  -110px; }
ul.domtabs li.active a#dt06 span { background:url(/imgdir/flow/menu.gif) no-repeat -600px  -110px; }

div.domtab div { clear: both; padding:10px 0; margin: 0 10px; }
div.domtab div.img_set a { font-size: 12px;}
div.domtab div.img_set h4 { color:#afb700; }
div.domtab div.img_set h5 { color:#333; border:1px solid #d3d867; padding: 5px 0; margin: 5px 0; font-size: 12px; text-indent: 10px; background: none; display: block;}

/********************************** Blog **********************************/

#blog h3 { font-size:18px ; font-weight: bold; color: #000; background:url(./images/blog_h3_icon.gif) no-repeat top left; border: none; text-indent: 0; padding:0 0 0 33px; margin: 0; line-height: 180%;  border-bottom:1px dotted #aaa; margin-top: 30px; }
#blog h3 a{ color: #000;}
#blog h4 { font-weight: bold; font-size: 14px; color: #000;}

#blog #blog_menu { font-size:12px ; font-weight: normal; color: #000; background:#efefef;line-height: 180%; margin-bottom: 20px; text-indent: 10px; }

#blog #txt { margin: 10px; color: #000; font-size: 13px; }
#blog #txt p {  }
#blog #txt img { border: 1px solid #eee; padding: 3px;}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.navigation { margin-bottom: 30px;}
.box-small {text-align:center; width:160px; margin:0 30px 10px;}
 

/********************************** Sitemap **********************************/

ul.sitemap{list-style:none;}
ul.sitemap li{list-style:none;background:url(/imgdir/common/point3.gif) no-repeat left 1px;padding:0 0 0 15px;margin:0 0 10px 0; }
ul.sitemap li ul{margin:0px 10px 10px -10px;padding:10px 0 0 0;background:url(/imgdir/common/bar.gif) repeat-y left top;}
ul.sitemap li ul li{background:none;padding:0 0 0 0px;margin:0;margin:0 0 5px 20px; list-style-type: circle; list-style-position: inside;}
ul.sitemap li ul li img{padding-right:5px;}
ul.sitemap li ul li.last{background:url(/imgdir/common/bar2.gif) no-repeat 0px top;padding:0 0 0 20px;margin:0 0 0 -0px;}
ul.sitemap li a{ color:#663300}


/********************************** School **********************************/
.btn_more {}
.btn_more a { border:1px solid #f28c35; color:#f28c35; font-weight: bold; padding: 2px 4px; float:right; display: inline; }
.btn_more a:hover { background:#f28c35; color: #fff; text-decoration: none; }