@charset "UTF-8";

/* original.css */

/* ********************************

Created: 2010/12/13
Last Modified: 2010/12/24
Editor(s): M.Y.
Last Editor: S.W.

******************************** */

/* index
―――――――――――――――

	[0] 共通
	―――――――――――――――
		├ 
		└ 
		
	[1] TOP
	―――――――――――――――
		├ main-img
		├ searchmenu
		├ seminar & news
		├ job
		├ banner
		└ shortcut

	[2] CATEGORY
	―――――――――――――――
		├ categorytit
		└ categorylist

	[3] DETAIL
	―――――――――――――――
		└ edit



――――――――――――――― */


/* ―――――――――――――――
	[0] 共通
――――――――――――――― */

/* ―――――――――――――――
	[1] TOP
――――――――――――――― */
/* info-box */

#info-box{
	margin: 4px 0 25px 0;
	border: solid 1px #ccc;
	padding: 14px;
	text-align: center;
	line-height: 1.6;
}

#info-box p a{
	background: url(/img/arrow-red02.gif) no-repeat left center;
	padding-left: 1.2em;
}

/* news */
#news{
	padding-bottom: 30px;
}
#news h3{
	margin-bottom: 15px;
}
#edit #news dl{ line-height: 1.4; }
#news dt{
	float: left;
	width: 8.7em;
	padding-left: 8px;
}
#news dd{
	background: url(/img/bg_dotline01.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 8px;
}
#news dd img{
	float: left;
	margin-right: 10px;
	padding-bottom: 0.6em;
}
/* Hides from IE-mac \*/
* html #news dd img {padding-bottom: 0.75em;}
/* End hide from IE-mac */
#news dd a{
	padding-bottom: 3px;
}
#news p,
#news ul
{
	text-align: right;
	margin-top: 7px;
}
#news ul{
	background: url(/img/bg_dotline02.gif) repeat-y 580px bottom;
}
#news ul li{
	display: inline;
}

/* pickup */
#news div.pickup{
	display: block;
	margin-bottom: 20px;
	padding: 1px;
	border: solid 5px #f0efef;
	background-color: #CCCCCC;
}

#news div.pickup dl{
	background: #fff;
	padding: 15px 10px;
}

#news div.pickup dl dt{
	width: 8.1em;
	color: #df2b2f;
	font-weight: bold;
	text-align: center;
	padding: 0;
}

#news div.pickup dl dd{
	background-image: none;
	padding: 0;
	margin: 0;
}

#news div.pickup dl dd img{
	padding: 0;
}

/* markset */
#markset{
	border-top: 1px solid #CCCCCC;
}
#markset ul{
	padding-top: 20px;
}
#markset ul li{
	display: inline;
	margin-right: 20px;
}

/* banner */
#banner li{
	padding-bottom: 12px;
}



/* ―――――――――――――――
	[2] CATEGORY
――――――――――――――― */

/* categorytit */
#categorytit
{
}

/* ―――――――――――――――
	[3] DETAIL
――――――――――――――― */

/* edit */
#edit p,#edit ul,#edit ol,#edit dl,
#edit .box01,#edit .box-tel,#edit .box-check,
#edit table
{
	margin-left: 20px;
}

#edit table ol{
	margin-left: 0;
}

#edit{
	line-height: 1.6;
}

#edit p{
	margin-bottom: 15px;
}

/* ―――――――――――――――
	[4] institution
――――――――――――――― */
#institution #s-navi li a,
#institution #s-navi li strong{
background: url(/img/arrow-blue.gif) no-repeat 18px center;
	}
#institution #s-navi a:hover,
#institution #s-navi a:active{
	color: #4283ba;
	}
#institution #s-navi li strong{ color: #4283ba; }

#institution dl ul.institutionbox{ padding: 24px 20px 15px ; }
#institution dl ul.institutionbox li{ margin-right: 20px; }

#institution ul.institutionbox{
	padding: 10px;
	background: url(/institution/img/bg_institution01.gif) no-repeat left top;
}
#institution dl.bottom20,#institution ul.institutionbox{ margin-left: 0; }

/* ―――――――――――――――
	[5] facilities
――――――――――――――― */
.fac-txt{
	float: right;
	width:183px;
}

.fac-txt dl{
	margin-top: 20px;
}
.fac-txt dt{
	margin-bottom: 10px;
}
#edit .fac-txt ul.lh12 li{
	background: url(/img/round-red.gif) no-repeat left 0.3em;
}
#edit .fac-txt ul.list05 li{
	background: url(/img/round-green.gif) no-repeat left 0.3em;
}

/* ―――――――――――――――
	[6] event
――――――――――――――― */
#event #s-navi li a,
#event #s-navi li strong{
		background: url(/img/arrow-green.gif) no-repeat 18px center;
	}
#event #s-navi a:hover,
#event #s-navi a:active{
	color: #5ca62d;
	}
#event #s-navi li strong{ color: #5ca62d; }
#event #eventflow{ margin-bottom: 40px; }
#event #eventflow dl{
	margin-bottom: 15px;
	padding-bottom: 20px;
	background: url(/event/img/bg_event-arrow.gif) no-repeat center bottom; 
}
#event #eventflow dt{
	padding: 0.36em 15px;
	border-bottom: solid 1px #CCCCCC;
	background: url(/img/bg_h4.gif) no-repeat left top;
	font-size: 100%;
	color: #333333;
}
#event #eventflow dd{
	padding: 15px;
	border: solid 5px #f0efef;
	background-color: #FFFFFF;
}

/* ―――――――――――――――
	[5] jobs
――――――――――――――― */
#jobs table{
	margin-bottom: 5px;
}
#jobs ul.none-style{
	margin-bottom: 25px;
}

.lower #edit .toggle h2{
	padding-right: 100px;
	background: no-repeat url(/img/underarrowl-red02.gif) 0.65em center;
}
.toggle .box01{
	margin-left: 20px;
	width: 650px;
}
/** html .toggle .box01{
	width: 640px!important;
}*/
.toggle .box01 p,
.toggle .box01 span,
.toggle .box01 ul{
	padding-left: 20px!important;
	padding-right: 0!important;
	margin-left: 0!important;
	width: 630px;
}

.toggle .box01 p{ padding-bottom: 0px; }
.toggle .box01 ul{
 padding-top: 0;
 padding-botoom: 0;
}
.toggle h2 span{ text-decoration: underline; }

#jobs table p,#jobs table ul,#jobsdetail table p,#jobsdetail table ul{ margin: 0; }
#jobs table ol li,#jobsdetail table ol li{ margin-left: 20px; }

.toggle .box01 span,
.jobs-form span{
	font-weight: bold;
	color: #DF2B2F;
	white-space: nowrap;
}
.toggle .box01 span{
	padding-top: 10px;
	background-color: #FFFFFF;
	display: block;
}
.jobs-form span{
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

/* ―――――――――――――――
	[6] sitemap
――――――――――――――― */
.sitemap{
	clear: both;
	margin-left: 50px;
}

.sitemap .s-block{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 30%;
}

/* ―――――――――――――――
	[7] Contact
――――――――――――――― */

.error {
font-size: 90%;
background-color:#FFE6E6;
border:1px solid #df2b2f;
color:#df2b2f;
display:block;
margin:3px 0;
padding:0 3px;
}

/* ―――――――――――――――
	[8] About -- group
――――――――――――――― */
#edit .group{ padding-bottom: 50px; }
#edit .group .table01{
	float: right;
	width: 540px;
	margin-bottom: 0;
}

#edit .group .icon{
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 0;
}

#edit #aboutlink{
	clear: both;
	padding-bottom: 10px;
}
#edit #aboutlink dl{
	float: left;
	width: 216px;
	margin: 0 16px 16px 0;
}
#edit #aboutlink dt{
	height: 30px;
	margin-bottom: 1px;
}
#edit #aboutlink dd{
	width: 192px;
	padding: 12px;
	border-bottom: solid 1px #dddcdb;
	background: url(/about/img/bg_about.gif) no-repeat left top;
}
* html #edit #aboutlink dt{	margin-bottom: 0px; }
* html #edit #aboutlink dd{	margin-top: -2px; }

#edit .box-philosophy{
	padding: 20px 0 10px;
	border-bottom: solid 1px #DDDCDB;
	display: block;
	background: url(/about/img/bg_philosophy.gif) repeat-y left top; 

}

#edit .box-philosophy p,
#edit .box-philosophy li{
	margin-right: 20px;
}

#edit .box-philosophy dl dt{
	color: #DF2B2F;
}

/* ―――――――――――――――
	[9] Topics
――――――――――――――― */

#topics span img{ margin-left: 20px; }


/* ―――――――――――――――
	[99] Other
――――――――――――――― */

span.small {
	font-weight: normal;
	font-size: 90%;
}


/* ----- float-list ----- */
#edit ul.float-list02 li{
	float: left;
	margin-right: 6px;
	padding-left: 0;
	padding-bottom: 5px;
	background: none;
	display: block;
	white-space:nowrap;
}


/* ----- staff-list01 ----- */

#edit ul.staff-list01 li{
	background: none;
	width: 320px;
	float: left;
	padding-left: 0;
	margin-right: 10px;
} 

#edit ul.staff-list01 li a{
	padding: 10px;
	display: block;
	border:1px solid #ccc;
	background-color: #efefef;
} 

#edit ul.staff-list01 li a:hover,
#edit ul.staff-list01 li a:active{
	padding: 10px;
	display: block;
	color: #fff;
	background-color: #df2b2f;
	border:1px solid #a31f22;
}

#edit ul.list-btn{
	text-align: center;
}


#edit ul.list-btn li{
	display: inline-block;
	margin-left: 10px !important;
}

/* ----- learning02 ----- */

#def,
#schedule01,
#schedule02,
#schedule03,
#schedule04 {
	display: none;
}
table tr.bg-gray td{
	background: #fafafa;
}

/* ----- dl_position01 ----- */
#edit dl.dl_position01 {
	margin-left: 0;
	margin-bottom: 5px;
	}

#edit dl.dl_position01 dt{
	float: left;
	width: 8.5em;
	}

#edit dl.dl_position01 dd.name{
	float: left;
	width: 7em;
	padding-left: 0;
	}

#edit dl.dl_position01 dd{
	padding-left: 16em;
	}
	
	
/* ----- human ----- */
/*
#edit .Hmncontbox{
	clear: both !important;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #E4E3E3;
	text-align:center
}

#edit .Hmncontbox h3{
	background: none;
	border-bottom:none;
	margin:0px;
	padding:5px;
}

#edit .Hmncontbox ul{
	margin:auto;
	text-align: center;
}

#edit .Hmncontbox ul li {
    display: inline;
    margin-right: 15px;
    margin-left: 0;
    padding-bottom: 0;
	padding-left: 10px;
    background: url(/img/round-red.gif) no-repeat left 0.4em;
}

#edit .Hmncontbox p {
    margin: 5px 0 ;
}
*/

#edit .contact-box.Hmncontbox {
/*	border: none;
	background: #E4E3E3; */
}
#edit .contact-box.Hmncontbox .text{
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}