@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Discription : Top Page Layout CSS
	Editors     : Bface Saeki
	Last Editor : Bface Saeki
	Last Update : 2011/10/13
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Foremost Side Setting
	 - Banner Area
	 - Section [Main Elements]
	 - Section [Foremost Information]
	 - Section [Foremost Admission]
	3. CC&IM Top Commonness Setting
	
	*. 404 Error
	*. Clear Release 
	
====================================== */




/*===== ■1. Individual Redefinition =====*/
body#Foremost h2 {
	position: relative;
	background: url(common/img/bg_contents-line.jpg) no-repeat center 15px;
	margin-bottom: 5px;
	padding: 0px 0px 21px 7px;
}





/*===== ■2. Foremost Side Setting =====*/
/* Banner Area */
body#Foremost #Banners {
	width: 954px;
	margin: 5px auto 15px;
}

body#Foremost #Banners li {
	background: url(img/bg_banner.jpg) no-repeat;
	padding: 4px;
}


/* Section [Main Elements] */
body#Foremost #MainElements {
	background: url(img/bg_main-element_bottom.gif) no-repeat bottom;
	padding-bottom: 10px;
}

body#Foremost #MainElements dl {
	background: url(img/bg_main-element_top.jpg) no-repeat;
	float: left;
	width: 358px;
	padding: 2px 2px 0px;
}

body#Foremost #MainElements #CCBusinessProspectus {
	float: right;
}

body#Foremost #MainElements dt { margin-bottom: 14px;}

body#Foremost #MainElements dt a {
	background: url(img/btn_element-im.jpg) no-repeat;
	display: block;
	width: 358px;
	height: 65px;
}

body#Foremost #MainElements #CCBusinessProspectus dt a { background: url(img/btn_element-cc.jpg) no-repeat;}

body#Foremost #MainElements dt a:hover,
body#Foremost #MainElements #CCBusinessProspectus dt a:hover { background-position: 0px -65px;}

body#Foremost #MainElements dd {
	width: 340px;
	margin: 0px auto;
}

body#Foremost #MainElements dd p {
	float: left;
	width: 175px;
	margin-bottom: 20px;
	line-height: 175%;
}

body#Foremost #MainElements dd p.ElementSummary {
	background: url(img/bg_element-border.jpg) no-repeat center top;
	float: none;
	width: 340px;
	margin: 0px;
	padding: 20px 0px 10px;
	line-height: 150%;
	clear: both;
}

body#Foremost #MainElements dd strong {	display: block; margin-bottom: 15px;}

body#Foremost #MainElements dd a {
	display: inline;
	font-weight: bold;
}

body#Foremost #MainElements dd span {
	display: block;
	float: right;
	width: 162px;
	margin-bottom: 20px;
}


/* Section [Foremost Information] */
body#Foremost #ForemostInformation { margin-bottom: 40px;}

body#Foremost #ForemostInformation h2 { margin-bottom: 15px;}

body#Foremost #ForemostInformation h2 img { display: inline; margin-right: 8px; vertical-align: top;}

body#Foremost #ForemostInformation h2 a img { margin-right: 0px;}

body#Foremost #ForemostInformation h2 em {
	position: absolute;
	top: 7px;
	right: 10px;
}

body#Foremost #ForemostInformation h2 em a {
	background: url(img/btn_information.jpg) no-repeat;
	display: inline-block;
	width: 144px;
	height: 13px;
}

body#Foremost #ForemostInformation h2 em a:hover { background-position: 0px -13px;}

body#Foremost #ForemostInformation ul {
	width: 683px;
	margin-left: 18px;
}

body#Foremost #ForemostInformation li {
	margin-bottom: 12px;
	padding: 0px 8px 11px;
	border-bottom: 1px solid #EBEBEB;
}

body#Foremost #ForemostInformation li.last-child {
	margin: 0px;
	padding-bottom: 0px;
	border: none;
}

body#Foremost #ForemostInformation li span {
	display: block;
	padding: 0px 0px 5px 60px;
}
body#Foremost #ForemostInformation li span.Others { background: url(common/img/mark_others.jpg) no-repeat 0px 3px;}
body#Foremost #ForemostInformation li span.CC { background: url(common/img/mark_cc.jpg) no-repeat 0px 3px;}
body#Foremost #ForemostInformation li span.IM { background: url(common/img/mark_im.jpg) no-repeat 0px 3px;}


/* Section [Foremost Admission] */
body#Foremost #MainContents #ForemostAdmission { margin: 0px auto;}
 
body#Foremost #ForemostAdmission h2 { margin-bottom: 15px;}

body#Foremost #ForemostAdmission p {
	margin: 0px 0px 25px 12px;
	line-height: 175%;
}

body#Foremost #ForemostAdmission strong {
	display: block;
	margin: 0px 0px 10px 12px;
}

body#Foremost #ForemostAdmission ul#Privilege {
	margin: 0px 0px 30px 12px;
}

body#Foremost #ForemostAdmission #Privilege li {
	background: url(common/img/bg_circle-gray.gif) no-repeat 0px 5px;
	float: left;
	padding-left: 12px;
	margin-right: 13px;
}

body#Foremost #ForemostAdmission #EachAdmission {
	background: url(img/bg_admission.jpg) no-repeat;
	width: 567px;
	margin-left: 11px;
	padding: 25px 66px 20px 72px;
}

body#Foremost #ForemostAdmission #IM_Admission {
	width: 200px;
	float: left;
}

body#Foremost #ForemostAdmission #CC_Admission {
	width: 200px;
	float: right;
}

body#Foremost #ForemostAdmission dt { margin-bottom: 20px;}
body#Foremost #ForemostAdmission dt img { margin: 0px auto;}

body#Foremost #ForemostAdmission dd ul li {
	background: url(img/bg_admission-shadow.gif) no-repeat center bottom;
	padding-bottom: 5px;
	/zoom: 1;
}

body#Foremost #ForemostAdmission dd ul a {
	background: url(img/btn_admission-im.jpg) no-repeat;
	display: block;
	width: 200px;
	height: 36px;
}

body#Foremost #ForemostAdmission #CC_Admission dd ul a { background: url(img/btn_admission-cc.jpg) no-repeat;}

body#Foremost #ForemostAdmission dd ul a:hover,
body#Foremost #ForemostAdmission #CC_Admission dd ul a:hover { background-position: 0px -36px;}





/*===== ■3. CC&IM Top Commonness Setting =====*/
body#CCTop #MainContents #MainElements,
body#IMTop #MainContents #MainElements { margin-bottom: 0px;}

#MainElements div{
	margin-bottom: 35px;
}

#MainElements #SectionSecond {
	background: url(img/bg_main-element_bottom02.jpg) no-repeat bottom;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

#MainElements dl {
	background: url(img/bg_main-element_top02.jpg) no-repeat;
	float: left;
	width: 358px;
	padding: 2px 2px 0px;
}

#MainElements #TopSchedule,
#MainElements #TopInformation {
	float: right;
}

#MainElements dt { position: relative; margin-bottom: 20px;}

#MainElements dd {
	width: 340px;
	margin: 0px auto;
}

#MainElements dd a { font-weight: bold;}

#MainElements dd strong.IntroTxt {
	display: block;
	margin-bottom: 15px;
	color: #555555;
	font-size: 116%;
	line-height: 140%;
}

#MainElements dd p { margin-bottom: 15px; 	line-height: 175%;}


#MainElements #TopActivity dd em {
	background: url(img/bg_element-border.jpg) no-repeat center bottom;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 25px;
}

#MainElements #TopActivity dd dl {
	background: none;
	float: none;
	width: 332px;
	margin: 0px auto 15px;
	padding: 0px 3px 15px;
	border-bottom: 1px solid #EBEBEB;
}

#MainElements #TopActivity dd dl.last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
}

#MainElements #TopActivity dd dt {
	background: url(common/img/bg_titleline-o.gif) no-repeat;
	margin-bottom: 0px;
	padding: 10px 0px 5px;
	font-size: 107.5%;
	font-weight: bold;
	/zoom: 1;
}
body#IMTop #MainElements #TopActivity dd dt { background: url(common/img/bg_titleline-g.gif) no-repeat;}

#MainElements #TopActivity dd dd {
	width: auto;
}

#MainElements #TopActivity dd dd p {
	float: left;
	width: 215px;
	margin: 0px;
}

#MainElements #TopActivity dd dd span {
	dipslay: block;
	float: right;
	width: 100px;
	height: 85px;
}

#MainElements #TopActivity dd dd strong {
	display: block;
	padding-top: 10px;
}

#MainElements #TopActivity dd dd strong.Continue { padding-top: 0px;}


#MainElements #TopSchedule dt em,
#MainElements #TopInformation dt em {
	position: absolute;
	top: 20px;
	left: 150px;
}

#MainElements #TopSchedule dt strong,
#MainElements #TopInformation dt strong {
	position: absolute; 
	top: 25px;
	left: 270px;
}

#MainElements #TopSchedule dt strong a,
#MainElements #TopInformation dt strong a {
	background: url(common/img/btn_topcc-list.jpg) no-repeat;
	display: block;
	width: 75px;
	height: 13px;
}

body#IMTop #MainElements #TopSchedule dt strong a,
body#IMTop #MainElements #TopInformation dt strong a { background: url(common/img/btn_topim-list.jpg) no-repeat;}

#MainElements #TopSchedule dt strong a:hover,
#MainElements #TopInformation dt strong a:hover,
body#IMTop #MainElements #TopSchedule dt strong a:hover,
body#IMTop #MainElements #TopInformation dt strong a:hover { background-position: 0px -13px;}

#MainElements #TopSchedule dd li {
	margin: 0px auto 15px;
	padding: 0px 5px 15px;
	border-bottom: 1px solid #EBEBEB;
}

#MainElements #TopSchedule dd li.last-child { margin-bottom: 10px;}

#MainElements #TopSchedule dd strong { display: block; margin-bottom: 10px;}

#MainElements #TopSchedule dd strong#TopScheduleBefore { text-align: right;}

#MainElements #TopSchedule dd em {
	background: url(common/img/mark_session-o.jpg) no-repeat 0px 3px;
	display: block;
	margin-left: 5px;
	padding: 0px 0px 5px 35px;
	color: #E58606;
}

body#IMTop #MainElements #TopSchedule dd em {
	background: url(common/img/mark_session-g.jpg) no-repeat 0px 3px;
	color: #7DA833;
}

#MainElements #TopSchedule dd p { margin: 0px 0px 0px 5px; line-height: 175%;}


#MainElements #TopAdmission dd em {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

#MainElements #TopAdmission dd ul { margin-bottom: 20px;}

#MainElements #TopAdmission dd li {
	background: url(common/img/bg_circle-gray.gif) no-repeat 0px 5px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 13px;
	padding: 0px 0px 5px 12px;
}

#MainElements #TopAdmission dd dl {
	background: none;
	float: none;
	width: 200px;
	margin: 0px auto;
	padding: 0px;
}

#MainElements #TopAdmission dd dd {
	width: auto;
}

#MainElements #TopAdmission dd dt img { margin: 0px auto;}

#MainElements #TopAdmission dd dd ul { margin-bottom: 0px;}

#MainElements #TopAdmission dd dd ul li {
	background: url(img/bg_admission-shadow.gif) no-repeat center bottom;
	padding: 0px 0px 5px;
	/zoom: 1;
}

#MainElements #TopAdmission dd dd ul a {
	background: url(img/btn_admission-im.jpg) no-repeat;
	display: block;
	width: 200px;
	height: 36px;
}

#MainElements #TopAdmission dd dd ul a { background: url(img/btn_admission-cc.jpg) no-repeat; padding: 0px;}
body#IMTop #MainElements #TopAdmission dd dd ul a { background: url(img/btn_admission-im.jpg) no-repeat; padding: 0px;}

#MainElements #TopAdmission dd dd ul a:hover,
body#IMTop #MainElements #TopAdmission dd dd ul a:hover { background-position: 0px -36px;}


#MainElements #TopInformation dd li {
	margin: 0px auto 20px;
	padding: 0px 5px 20px;
	border-bottom: 1px solid #EBEBEB;
}

#MainElements #TopInformation dd li.last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
}

#MainElements #TopInformation dd li em {
	background: url(common/img/bg_circle-gray-s.gif) no-repeat 0px 7px;
	display: block;
	padding: 0px 0px 8px 8px;
}

#MainElements #TopInformation dd li a {
	background: none;
	padding: 0px;
	font-weight: normal;
}





/*===== ■*.404 Error  =====*/
body#Error #ErrorIntro { width: 707px;}
body#Error #ErrorIntro h2 { margin: 15px 0px 15px 10px;}

body#Error #ErrorIntro p {
	background: url(common/img/bg_dotted-gray.gif) repeat-x bottom;
	margin-bottom: 25px;
	padding: 0px 0px 26px 10px;
}

body#Error #ErrorIntro #Cause { margin: 0px 0px 25px 10px;}

body#Error #ErrorIntro #Cause li {
	background: url(common/img/bg_circle.jpg) no-repeat 0px 2px;
	padding: 0px 0px 5px 13px;
	/zoom: 1;
}

body#Error #ErrorIntro #BtnBack {
	width: 150px;
	margin: 0px auto;
}

body#Error #ErrorIntro #BtnBack a {
	background: url(img/btn_back-home.jpg) no-repeat;
	display: block;
	width: 150px;
	height: 36px;
}

body#Error #ErrorIntro #BtnBack a:hover { background-position: 0px -36px;}


/*===== ■*.Clear Release  =====*/
body#Foremost #MainElements:after,
body#Foremost #ForemostAdmission ul:after,
body#Foremost #ForemostAdmission #EachAdmission:after,
#MainElements div:after,
#MainElements #TopActivity dd dd:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

body#Foremost #MainElements,
body#Foremost #ForemostAdmission ul,
body#Foremost #ForemostAdmission #EachAdmission,
#MainElements div,
#MainElements #TopActivity dd dd {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html body#Foremost #MainElements,
*html body#Foremost #ForemostAdmission ul,
*html body#Foremost #ForemostAdmission #EachAdmission,
*html #MainElements div,
*html #MainElements #TopActivity dd dd {
	height: 1%;
}

body#Foremost #MainElements,
body#Foremost #ForemostAdmission ul,
body#Foremost #ForemostAdmission #EachAdmission,
#MainElements div,
#MainElements #TopActivity dd dd {
	display: block;
}
/* End hides from IE-mac ￥*/