@charset "utf-8";

/* ==================================================
CSS Information

 File name	:style.css
 Style Info	:トップページ用
=================================================== */
#headerArea .header {
	margin:10px auto 0 auto;
}

#mainContentsArea #mainContents #mainArea{
	float: left;
}

#mainContentsArea #mainContents #side_MenuArea{
	float: right;
}

#mainVisualArea {
	background: url(/images/index_bg_visual.jpg) no-repeat center top transparent;
}

#mainVisualArea #mainVisual {
	position: relative;
	width: 960px;
	height: 448px;
	margin: 0 auto 13px auto;
	padding:10px 0 0 0;
	text-align: center;
}
#mainVisualArea #mainVisual p img {
	width: 960px;
	height: 448px;
}
#mainVisualArea #visualThumb {
	position: absolute;
	right: 0;
	bottom: 0;
}
#mainVisualArea #visualThumb li {
	overflow: hidden;
	float: left;
	margin: 0 0 0 5px;
}
#mainVisualArea #visualThumb li.active {
	border: solid 2px #77c7f9;
}
#mainVisualArea #visualThumb li.active img {
	margin: -2px;
}

#mainVisualArea #mainVisualBtn li {
	cursor: pointer;
}
#mainVisualArea #visualPrev {
	position: absolute;
	top: 170px;
	left: -43px;
}
#mainVisualArea #visualNext {
	position: absolute;
	top: 170px;
	right: -43px;
}

#mainContentsArea #mainContents #side_MenuArea .correspondenceCourse{
	margin: 0 0 10px 0;
	padding: 16px 0 11px 0;
	border: 2px solid #f0f0f0;
	background: #ffffff;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu{
	padding:0 14px 0 14px;
	background: #f6f6f6;
	position: relative;
	right: 0;
	bottom: 0;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu li span.icon_blank4 {
    position: absolute;
    top: 30px;
	left: 190px;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu li span.icon_blank5 {
    position: absolute;
    top: 82px;
	left: 190px;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu li{
	padding: 0 0 0 0;
	border-bottom: 1px solid #e8e8e8;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu li.lastChild{
	border-bottom: none;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu li a{
	display: block;
	padding: 16px 0 16px 28px;
	font-weight: bold;
	font-size: 108%;
	background: url(/common/images/icon/commn_icon_snavi_01.gif) no-repeat 6px 19px transparent;
}

#mainContentsArea #mainContents #side_MenuArea #indexMenu li a:hover{
	color:#ffffff;
	background: url(/common/images/icon/commn_icon_snavi_02.gif) no-repeat 6px 19px #77c7f9;
}

#importantNewsWarp {
	margin:0 0 25px 0;
}

#importantNewsWarp #importantNews p{
	padding:8px 8px 8px 8px;
	font-size: 116%;
	font-weight: bold;
	background: #3faaec;
}

#importantNewsWarp #importantNews ul{
	padding:10px 10px 10px 10px;
	border:2px solid #e2e2e2;
}

#importantNewsWarp #importantNews ul li{
	margin-bottom:0px;
}

#importantNewsWarp #importantNews ul .backIndent_nonArrow a{
	display: block;

	padding-right: 15px;

	background: url(/common/images/icon/common_icon_arrow_05.gif) no-repeat right center transparent;
}

#importantNews ul .indent_arrow{
	display: block;
	padding: 5px 0 5px 12px;
	background: url(/common/images/icon/common_icon_arrow_03.gif) no-repeat left center transparent;
}

#newsTabWarp{
	margin:0 0 25px 0;
}

#newsTabWarp #newsTab{
	position: relative;
	width:710px;
}

.newsContens{
	width:678px;
	line-height:1.5;
}


.newsContens .newsWarpDl{
	margin:0 0 10px 0;
}

.newsContens .newsWarpDt{
	float: left;
	margin:0 10px 0 0;
}

.newsContens .newsWarpDd{
	float: left;
	width:585px;
}

.newsContens .newsBox{
	float: left;
	width:100%;
	padding:0 0 10px 0;
	background: url(/common/images/bg/common_bg_dot_01.gif) repeat-x left bottom transparent;
}

.newsContens .lastChild .newsBox{
	padding:0 0 0 0;
	background: none;
}

.newsContens .newsBox .news_thumb{
	float: right;
	width:80px;
	margin:0 10px 0 0;
}

.newsContens .newsBox dl{
	float: left;
	width:485px;
}

.newsContens .newsBox dt{
	margin:0 0 6px 0;
}

.newsContens .newsBox dt .news_data{
	float: left;
	margin:0 10px 0 0;
}

.newsContens .newsBox dt .news_icon{
	float: left;
	margin-right:10px;
}

.newsContens .newsBox dd{
	width:485px;
}

.newsContents02{
	margin-top: -10px;
	width:693px;
	line-height:1.5;
	background:#fff;
}
.newsContents02Inner{
	padding:10px 0 10px 15px;
	margin-bottom:5px;
	background:url(/images/index_bg_newsContents.gif) 0 bottom no-repeat;
}
.newsContents02 .newsWarpDl{
	float:left;
	width:315px;
	padding-right:23px;
	position: relative;
}
.newsContents02 .newsWarpDt{
	float: left;
	margin:1.8em 10px 0 0;
}

.newsContents02 .newsWarpDd{
	overflow: hidden;
	zoom: 1;
}

.newsContents02 .newsBox{
	padding:0 0 10px 0;
}

.newsContents02 .lastChild .newsBox{
	padding:0 0 0 0;
	background: none;
}

.newsContents02 .newsBox .news_thumb{
	float: right;
	width:80px;
	margin:0 10px 0 0;
}

.newsContents02 .newsBox dl{
	float: left;
}

.newsContents02 .newsBox dt{
	margin:0 0 6px 0;
}

.newsContents02 .newsBox dt .news_data{
	float: left;
	margin:0 10px 0 0;
}
.newsContents02 .newsBox dt .news_date{
	position: absolute;
	left: 0;
	top: 0;
}
.newsContents02 .newsBox dt .news_icon{
	position: relative;
	left: 80px;
	top: 0;
}
.newsContents02 .newsBox dt .news_date,
.newsContents02 .newsBox dt .news_icon{
	margin-right:5px;
}

.newsContents02 .news_date {
	margin-right: 10px;
	width: 80px;
	float: left;
}
.newsContents02 .news_icon {
	overflow: hidden;
	zoom: 1;
}
.newsContents02 .news_icon li {
	float: left;
}
.newsContents02 .news_icon li img {
	margin: 0 5px 5px 0;
}
.newsContents02 .news_img {
	margin: 5px 10px 0 0;
	width: 80px;
	float: left;
	clear: both;
}
.newsContents02 .news_text {
	margin-top: 2px;
	overflow: hidden;
	zoom: 1;
}


#ex_infoWarp {
	margin:0 0 25px 0;
}

#ex_infoWarp #ex_info {
	padding:0 0 5px 0;
	background: url(/common/images/bg/common_bg_dot_01.gif) repeat-x left bottom transparent;
}

#ex_infoWarp #newsTabBtn{
	float:right;
}

.ex_infoContens{
	line-height:1.5;
}

.ex_infoContens dl{
	margin:0 0 10px 0;
}

.ex_infoContens dt{
	float: left;
	margin:0 10px 0 0;
}
.ex_infoContens dd{
	float: left;
	width:585px;
}



#pickUPWarp {
	margin:0 0 25px 0;
}

#pickUPWarp #pickUP{
	width:710px;
}

#pickUPWarp #pickUPInner li{
	float: left;
	display: block;
	margin:0 16px 15px 0;
}

#pickUPWarp #pickUPInner li.stepLastChild{
	margin-right:0;
}

#pickUPWarp #pickUPInner li.stepLast{
	margin-bottom:0;
}
#pickUPWarp #pickUPInner ul {
	display: none;
	height: 315px;
}
#pickUPWarp #pickUPInner ul.active {
	display: block;
}

#pickUPWarp #pickUPBtn {
	float: right;
	margin-top: 5px;
}
#pickUPWarp #pickUPBtn li{
	cursor: pointer;
	float: left;
	width: 13px;
	margin: 0 0 0 4px;
}

#schoolMemberContensWarp{
	margin:20px 0 0 0;
	background:#cae4f4;
}

#schoolMemberContensWarp #schoolMemberContens{
	width:960px;
	margin:0 auto;
	padding: 20px 0 20px 0;
	background: #cae4f4;
}

#schoolMemberContensWarp #schoolMemberContens .p_title{
	float: left;
	display: block;
	margin:10px 5px 10px 0;
}

#schoolMemberContensWarp #schoolMemberContens li.prevBtn,
#schoolMemberContensWarp #schoolMemberContens li.li_smcBnr,
#schoolMemberContensWarp #schoolMemberContens li.nextBtn{
	float: left;
	display: block;
}

#schoolMemberContensWarp #schoolMemberContens li.li_smcBnr{
	padding:0 0 0 10px;
}

#schoolMemberContensWarp #schoolMemberContens #smcBnr li{
	position: relative;
	float: left;
	display: table;
	width:170px;
	height:50px;
	margin:0 8px 0 0;
	background:#ffffff;
}

#schoolMemberContensWarp #schoolMemberContens #smcBnr li.lastChild{
	margin:0 0 0 0;
}

#schoolMemberContensWarp #schoolMemberContens #smcBnr a{
	display: table-cell;
	width:170px;
	height:50px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

#schoolMemberContensWarp #schoolMemberContens #smcBnr a.br1{
/*	margin-top:1em;*/
}

#schoolMemberContensWarp #schoolMemberContens #smcBnr a.br2{
	margin-top:0.5em;
}

/* IE 7 */
*:first-child+html #schoolMemberContensWarp #schoolMemberContens #smcBnr a {
	display: inline;
	zoom: 1;
}

#schoolMemberContensWarp #schoolMemberContens #smcBnr .indent_arrow{
	position: relative;
	display: inline-block;
	margin:0 8px 0 8px;
	padding: 5px 0 5px 28px;
	text-align: center;
	background: url(/common/images/icon/common_icon_arrow_01.gif) no-repeat left center transparent;
}

#ex_info_TweetWarp{
	margin:20px 0 0 0;
	text-align:right;
}

#modalContainer {
	z-index: 100;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#modalWindow {
	z-index: 101;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	padding: 15px;
	background: #fff;
	font: 12px/1.231 Helvetica, Arial, Tahoma, sans-serif;
	font-family: Meiryo, 'メイリオ', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
#modalWindowInner {
	position: relative;
}
#modalImage {
	margin: 0 0 10px;
}
#modalText {
	text-align: center;
}
#modalClose {
	position: absolute;
	right: -15px;
	top: -15px;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	background: #000;
	color: #fff;
}



#indexMenu span.note {
    font-size: 80%;
    font-weight: normal;
}