@charset "utf-8";
#top_swf {
	height: 340px;
	width: 900px;
	margin-top: -20px;
	margin-bottom:30px;
}

#sideBox #sNavi {
	margin-top: 20px;
}

#sNavi a {
	display: block;
	text-indent: -20000px;
	background-repeat: no-repeat;
}

#sn_01 a {
	height: 54px;
	margin-bottom: 10px;
	background-image: url(../../img/top/sn_seminar.jpg);
}

#sn_02 a {
	height: 54px;
	margin-bottom: 10px;
	background-image: url(../../img/top/sn_houjin.jpg);
}

#sn_03 a {
	height: 54px;
	margin-bottom: 30px;
	background-image: url(../../img/top/sn_counselor.jpg);
}

#sn_04 a {
	height: 50px;
	margin-bottom: 10px;
	background-image: url(../../img/top/sn_ck_stress.jpg);
}

#sn_05 a {
	height: 50px;
	margin-bottom: 10px;
	background-image: url(../../img/top/sn_ck_neet.jpg);
}

#sn_06 a {
	height: 50px;
	margin-bottom: 10px;
	background-image: url(../../img/top/sn_ck_word.jpg);
}

#top_navi {
	margin-bottom: 20px;
	margin-left: 10px;
}

#top_navi li {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

#top_navi a {
	height: 130px;
	width: 160px;
	display: block;
	text-indent: -20000px;
	background-repeat: no-repeat;
}

#top_navi a:hover  {
	background-position: 0px -130px;	
}

#top_navi #tn_01 a {
	background-image: url(../../img/top/bt_beginner.jpg);
}

#top_navi #tn_02 a {
	background-image: url(../../img/top/bt_voice.jpg);
}

#top_navi #tn_03 a {
	background-image: url(../../img/top/bt_message.jpg);
}

#top_navi #tn_04 a {
	background-image: url(../../img/top/bt_yoyaku.jpg);
}

#contentsBox .box_wrapper {
	width:690px;
	margin-bottom:20px;
}

#contentsBox #service_box {
	height: 190px;
	width: 690px;
	background-image: url(../../img/top/bg_service_box.jpg);
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 60px;
}
html[xmlns] #contentsBox #service_box {
	height: 140px;
	width: 660px;
}

dt {
	background-image: url(../../img/top/mk_news.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B6CB00;
	float: left;
	clear: both;
	margin-bottom: 15px;
	width:130px;
}
dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B5CA00;
	margin-bottom: 15px;
	width:490px;
	text-indent:10px;
	float:right;
}

#contentsBox #news_box {
	height: 190px;
	width: 690px;
	background-image: url(../../img/top/bg_news_box.jpg);
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 60px;
}
html[xmlns] #contentsBox #news_box {
	height: 140px;
	width: 660px;
}

#contentsBox #attention{
	width:330px;
	float:left;
}

#contentsBox #tel_box {
	width: 330px;
	margin-bottom: 10px;
}
#tel_box em {
	background-image: url(../../img/top/bg_h3_tel.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 330px;
	text-indent: -20000px;
	margin-bottom: 10px;
}

#tel_box p {
	margin-bottom:20px;
}

#tel_box strong{
	background-image:url(../../img/top/bg_txt_tel.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 290px;
	text-indent: -20000px;
	margin-bottom: 5px;
	margin-left:15px;
}

#contentsBox #drag_box {
	width: 330px;
	margin-bottom: 10px;
	float: right;
}

#drag_box em {
	background-image: url(../../img/top/bg_h3_drag.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 330px;
	text-indent: -20000px;
	margin-bottom: 10px;
}

#contentsBox #g_sign_box em {
	background-image: url(../../img/top/bg_h3_ssl.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 330px;
	text-indent: -20000px;
	margin-bottom: 10px;
}

#contentsBox #g_sign {
	width: 128px;
	margin-left: 20px;
	margin-bottom:20px;
	float: left;
}
#contentsBox #g_sign_msg {
	width:280px;
	margin-left:20px;
	margin-bottom: 10px;
}

#contentsBox #info{
	float:right;
	width:330px;
}

#info #mobile {
	background-image:url(../../img/top/bg_mobile.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 175px;
	width: 320px;
	text-indent: -20000px;
}

#info #mobile a{
	width:200px;
	margin-left:-20000px;
	display: block;
}

#other a {
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 900px;
	color: #333333;
	text-decoration: none;
	text-align:left;
	margin-bottom: 20px;
	padding-left: 275px;
	padding-top: 8px;
	line-height: 160%;
}
html[xmlns] #other a {
	height: 42px;
	width: 625px;
}
#other a:hover {
	background-position: 0px -50px;	
}
#other #menu_1 {
	background-image:url(../../img/top/bg_a_other_2.jpg);
}