@charset "UTF-8";

.top_visual {
	padding: 0px 0px 20px!important;
}
/*
.main_img{
	width:690px;
	height:223px;
	overflow:hidden;
}

.main_img dl{
	width:690px;
	height:223px;
}
*/

.main_img{
	width:663px;
	height:223px;
	margin:0 auto;
	overflow:hidden;
}

.main_img dl{
	width:663px;
	height:223px;
}

.main_img dt{
	width:27px;
	height:223px;
	float:left;
}

.main_img dd{
	margin:0;
	width:582px;
	height:223px;
	float:left;
	overflow:hidden;
}
.main_img dt span.over{
	cursor:pointer;
}
.main_img dt span.selected{
	cursor:default;
}


.main_img dt span{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

dt#step1 span{
	background:url(../../images/tab01_n.gif);
}
dt#step1 span.over{
	background:url(../../images/tab01_o.gif);
}
dt#step1 span.selected{
	background:url(../../images/tab01_o.gif);
}


dt#step1b span{
	background:url(../../images/tab01b_n.gif);
}
dt#step1b span.over{
	background:url(../../images/tab01b_o.gif);
}
dt#step1b span.selected{
	background:url(../../images/tab01b_o.gif);
}

dt#step2 span{
	background:url(../../images/tab02_n.gif);
}
dt#step2 span.over{
	background:url(../../images/tab02_o.gif);
}
dt#step2 span.selected{
	background:url(../../images/tab02_o.gif);
}

dt#step3 span{
	background:url(../../images/tab03_n.gif);
}
dt#step3 span.over{
	background:url(../../images/tab03_o.gif);
}
dt#step3 span.selected{
	background:url(../../images/tab03_o.gif);
}

dt#step4 span{
	background:url(../../images/tab04_n.gif);
}
dt#step4 span.over{
	background:url(../../images/tab04_o.gif);
}
dt#step4 span.selected{
	background:url(../../images/tab04_o.gif);
}
dt#step5 span{
	background:url(../../images/tab05_n.gif);
}
dt#step5 span.over{
	background:url(../../images/tab05_o.gif);
}
dt#step5 span.selected{
	background:url(../../images/tab05_o.gif);
}




.pickup {
	padding: 0px 0px 40px;
	clear: both;
	position: relative;
}
/*
.pickup h3 {
	padding: 0px 0px 16px!important;
}*/
.pickup h3 {
	background:url(../../images/title.jpg) no-repeat left top;
	width:690px;
	height:40px;
	text-indent:-9999px;
	padding: 0px 0px 16px!important;
}

.pickup h3.news {
	background:url(../../images/title_news.jpg) no-repeat left top;
	width:690px;
	height:40px;
	text-indent:-9999px;
	padding: 0px 0px 16px!important;
}


ul.tab{
	height:32px;
	border-bottom:solid 2px #900;
}

ul.tab li{
	width:342px;
	height:32px;
	float:left;
	text-indent:-9999px;
}
ul.tab li#n01{margin-right:6px;}

ul.tab li a{
	outline:none;
	display:block;
	width:342px;
	height:32px;
}

ul.tab li#n01 a{background:url(../../images/news_tab01_n.jpg) no-repeat left top;}
ul.tab li#n01 a.selected{background:url(../../images/news_tab01_o.jpg) no-repeat left top;}
ul.tab li#n02 a{background:url(../../images/news_tab02_n.jpg) no-repeat left top;}
ul.tab li#n02 a.selected{background:url(../../images/news_tab02_o.jpg) no-repeat left top;}

ul.tab li a.selected{
	cursor:default;
}


div.panel{
	clear:both;
	border:1px solid #CCCCCC;
	padding:10px;
}



.btn_list{
	width:70px;
	height:21px;
	position:absolute;
	top: 10px;
	left: 610px;
}


.pickup dt {
	padding: 0px 0px 0px 11px;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.45em;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
}
.pickup dd {
	padding: 0px 0px 5px 16px;
	border-bottom: 1px dotted #CDCDCD;
	margin: 0px 0px 5px;
}
.pickup dd a{
	color: #2279CA;
}

.eng_edu {
	padding: 0px 0px 10px;
	margin: 0px 0px 20px;
	background: url(../../images/top_m_bg.jpg) left bottom no-repeat;
}
.eng_edu h3 {
	padding: 0px 0px 10px!important;
}
.eng_edu ul{
	padding: 0 10px 0 15px;
}
.eng_edu ul li{
	padding-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}
.eng_edu ul li a{
	color: #2279CA;
}

.m_bnr {
	padding: 0px 0px 20px;
}
.m_bnr li {
	float: left;
	padding-left: 6px;
}
.m_bnr li.bnr_l {
	padding-left: 0px;
}

.m_bnr li#m_bnr_top_m_bnr01 a{
	text-indent:-9999px;
	display:block;
	width:168px;
	height:50px;
	background:url(/images/top_m_bnr01.jpg) no-repeat;
}
.m_bnr li#m_bnr_top_m_bnr02c a{
	text-indent:-9999px;
	display:block;
	width:168px;
	height:50px;
	background:url(/images/top_m_bnr02c.jpg) no-repeat;
}
.m_bnr li#m_bnr_top_m_bnr03 a{
	text-indent:-9999px;
	display:block;
	width:168px;
	height:50px;
	background:url(/images/top_m_bnr03.jpg) no-repeat;
}
.m_bnr li#m_bnr_top_m_bnr04c a{
	text-indent:-9999px;
	display:block;
	width:168px;
	height:50px;
	background:url(/images/top_m_bnr04c.jpg) no-repeat;
}