@charset "utf-8";
/* CSS Document */


*{
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #624839;
}

body {
	background-color: #CCC;
}

img{
	border-style:none;
	}


#wrapper {
	background-color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper_inner {
	width: 760px;
	margin-left: 70px;
	padding-top: 30px;
}

/* ヘッダー部分の指定 */

#top_logo {
	float: left;
}
#top_contact {
	float: right;
	width: 410px;
}
#top_contact h4 {
	height: 39px;
	width: 226px;
	float: right;
	margin-bottom: 10px;
	background-color: #B7AB93;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

#top_contact h4 a{
	text-decoration: none;
	color: #FFF;
	display: block;
}

#top_contact h4:hover{
	background-color: #C21739;
	color: #FFF;
}

#top_contact dt {
	float: left;
	padding-top:48px;
}
#top_contact dd {
	float: right;
}

/* ヘッダー部分の指定終わり */


/* メインPHOTOスライダー部分指定 */

#red_line{
	background-color: rgb(194,24,57);
	position: absolute;
	top: 283px;
	z-index: 10;
	height: 60px;
	width: 760px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	left: 1px;
}


#slide01{
	height: 343px;
	width: 760px;
}


#slide01 li{
	position: absolute;
}
/* メインPHOTOスライダー部分指定終わり */

/* メインナビゲーション指定 */
#nav_main{
	height: 41px;
	width: 760px;
}


#nav_main li{
	float: left;
	height: 41px;
	width: 151px;
	list-style-type: none;
	text-align: center;
	font-size: 20px;
	line-height: 42px;
	background-color: #B7AB93;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

#nav_main li a{
	text-decoration: none;
	display: block;
		color: #FFF;
			font-weight: bold;

}

#nav_main li:last-child{
	border-right: none;
}

#nav_main li:hover{
	background-color: #C21739;
	color: #FFF;
}
/* メインナビゲーション指定終わり */


/* TOP各項目指定 */

.top_subject01{
	width: 157px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #B7AB93;
	margin-top: 20px;
	padding-right: 21px;
	float: left;
}

#top_container dt{
	height: 24px;
	width: 157px;
	text-indent: -9999px;
}

#top_container dd{
	font-size: 14px;
	line-height: 23px;
	margin-top: 10px;
}


.top_subject02{
	width: 157px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #B7AB93;
	margin-top: 20px;
	padding-right: 21px;
	float: left;
	margin-left: 21px;
}

.top_subject03{
	width: 157px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #B7AB93;
	margin-top: 20px;
	padding-right: 21px;
	float: left;
	margin-left: 21px;
}

.top_subject04{
	width: 157px;
	margin-top: 20px;
	float: left;
	margin-left: 21px;
}

.top_subject01 dt{
	background-image: url(Web_top_img/button_lesson.jpg);
	background-repeat: no-repeat;
}

.top_subject02 dt{
	background-image: url(Web_top_img/button_lecturer.jpg);
	background-repeat: no-repeat;
}

.top_subject03 dt{
	background-image: url(Web_top_img/button_network.jpg);
	background-repeat: no-repeat;
}

.top_subject04 dt{
	background-image: url(Web_top_img/button_form.jpg);
	background-repeat: no-repeat;
}

.top_subject01 dt:hover{
	background-image: url(Web_top_img/button_lesson.jpg);
	background-position: 0px -24px;
	cursor:pointer;
}

.top_subject02 dt:hover{
	background-image: url(Web_top_img/button_lecturer.jpg);
	background-position: 0px -24px;
	cursor:pointer;
}

.top_subject03 dt:hover{
	background-image: url(Web_top_img/button_network.jpg);
	background-position: 0px -24px;
	cursor:pointer;
}

.top_subject04 dt:hover{
	background-image: url(Web_top_img/button_form.jpg);
	background-position: 0px -24px;
	cursor:pointer;
}

#top_container p{
	background-image: url(Web_top_img/button_arrow.jpg);
	height: 12px;
	width: 13px;
	text-indent: -9999px;
	float: right;
}

#top_container p:hover{
	background-image: url(Web_top_img/button_arrow.jpg);
	background-position: 0px -12px;
	cursor:pointer;
}

#top_container img{
	margin-top: 20px;
}
/* TOP各項目指定終わり */


/* 最新情報の指定 */
#topic_container{
	width: 460px;
	float: left;
}

#topic_info{
	margin-top: 30px;
	margin-bottom: 0px;
	padding-left: 20px;
	height: 24px;
	width: 440px;
	background-color: #C21739;
	color: #FFF;
	letter-spacing : 5px;
}


#top_topics{
	height: 230px;
	width: 460px;
	overflow: scroll;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

#top_topics dl{
	width: 400px;
	padding-top: 5px;
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 20px;
	padding-left: 20px;
}

#top_topics dd{
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7AB93;
	font-size: 14px;
}


/* 最新情報の指定終わり */


/* 右側サイドの指定 */

#top_aside{
	float: right;
	padding-top: 30px;
}
#top_aside li{
	list-style-type: none;
}

#top_aside a{
		height: 41px;
	width: 244px;
	display: block;
}


#aside_01{
	background-image: url(Web_top_img/button_outgrew.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 41px;
	width: 244px;
}

#aside_02{
	background-image: url(Web_top_img/button_voice.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 41px;
	width: 244px;
	margin-top: 10px;
}

#aside_03{
	background-image: url(Web_top_img/button_faq.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 41px;
	width: 244px;
	margin-top: 10px;
}

#aside_01:hover{
	background-image: url(Web_top_img/button_outgrew.jpg);
	background-position: 0px -41px;
}

#aside_02:hover{
	background-image: url(Web_top_img/button_voice.jpg);
	background-position: 0px -41px;
}

#aside_03:hover{
	background-image: url(Web_top_img/button_faq.jpg);
	background-position: 0px -41px;
}

#top_aside p{
	font-size: 12px;
	text-decoration: none;
	margin-top: 30px;
	float: right;
}

#top_aside p a{
	text-decoration: none;
}

#top_aside p a:hover{
	color: #C21739;
}
/* 右側サイドの指定終わり */


/* 下のリンクナビゲーションの指定 */

#nav_sab_under{
	clear: both;
	padding-top: 30px;
}


#nav_sab_under ul{
	height: 30px;
	width: 760px;
}



#nav_sab_under li{
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 20px;
	margin-top: 5px;
	border-right-color: #B7AB93;
}

#nav_sab_under li a{
	text-decoration: none;
	font-size: 14px;

}

#nav_sab_under li a:hover{
	color: #C21739;
}

#nav_sab_under li:first-child{
	border-left:solid 1px #B7AB93;
}

.left_nav_sab_under{
	padding-left: 23px;
}

/* 下のリンクナビゲーションの指定終わり */


/* フッターの指定 */

#footer_container{
	height: 30px;
	width: 900px;
	background-color: #B7AB93;
	margin-top: 10px;
	margin-bottom: 20px;
}

#footer_container p{
	font-size: 13px;
	line-height: 28px;
	text-align: center;
	color: #FFF;
}
/* フッターの指定終わり */

/* 問い合わせここから */

.contact_info{
	text-align: center;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.contact_info h2{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #B7AB93;
	padding-bottom: 5px;
	padding-top: 10px;
	margin-bottom: 20px;
}

.contact_description_01{
	font-size: 13px;
	text-align: left;
	line-height: 20px;
}

.contact_description_02{
	padding-left: 15px;
	font-size: 13px;
}

/* CONTACTフォーム　ここから */

.fromTable {
	width: 700px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7AB93;
}

.formTable th{
	width: 250px;
	font-size: 14px;
	font-weight: normal;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #B7AB93;
	border-left-color: #B7AB93;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B7AB93;
}

.formTable th:last-child{
	border-bottom:1px #B7AB93 solid;
}
.formTable td{
	width: 510px;
	padding-left: 25px;
	font-size: 14px;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B7AB93;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B7AB93;
	padding-top: 22px;
	padding-bottom: 22px;
}

form p{
	padding-top: 30px;
	letter-spacing: 50px;
}

table{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7AB93;
	padding-top: 30px;
	}


/* CONTACTフォーム　ここまで */
	
/* 問い合わせここまで */


/* アクセスここから */
#TLIaccess_map{
	width: 542px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

#TLImap_info{
	margin-left: 60px;
}


#TLIaccess_map dt,#TLIaccess_map dd {
	float: left;
}


#TLIaccess_map dl{
	clear: both;
}

#TLIaccess_map dt{
	letter-spacing:3px;
}

#adress_info span{
	margin-left: 32px;
	margin-right: 3px;
}
#TLIaccess_map dd {
	margin-left: 5px;
}

#TLIaccess_map p a {
	float: right;
	font-size: 14px;
	text-decoration: none;
}


#TLIaccess_map p a:hover{
	color:#C21739;
}

/* アクセスここまで */

/* コース紹介ここから */

/* 法人向けコースここから */
#couse_wrapper{
	width: 760px;
	margin-top: 15px;
}

#couse_01{
	width: 349px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #B7AB93;
	padding-right: 30px;
	float: left;
}

#couse_01 h2{
	background-color: #DCDDDD;
	height: 40px;
	width: 349px;
	color: #C21739;
	font-weight: normal;
	text-align: center;
	font-size: 23px;
	line-height: 40px;
	margin-bottom: 10px;
}

#couse_01 h3{
	font-weight: normal;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #DCDDDD;
	line-height: 40px;
	font-size: 21px;
	padding-top: 3px;

}

#couse_01 p{
	line-height: 23px;
	margin-top: 15px;
	font-size: 14px;
}

.couse_info_h4{
	width: 349px;
	font-weight: normal;
	font-size: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DCDDDD;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DCDDDD;
	padding-top: 5px;
	background-color: #EFEFEF;
}

.couse_info{
	width: 200px;
	float: left;
}

.couse_training{
	margin-bottom: 30px;
}

.couse_training img{
	float: right;
	margin-top: 23px;
}

.detail_description{
	background-image: url(Web_couse_img/button_arrow2.jpg);
	height: 12px;
	width: 94px;
	text-indent: -9999px;
	clear: both;
	
}

.detail_description:hover{
	background-image: url(Web_couse_img/button_arrow2.jpg);
	background-position: 0px -12px;
	}
	

.couse_training li{
	list-style-type: none;
}

.couse_training ul{
	padding-top: 20px;
}

.couse_training li a{
	text-decoration: none;
	color: #C21739;
	float: left;
	margin-right: 20px;
	font-size: 13px;
}

.couse_training li a:hover{
	color: #834F20;
}


/* 法人向けコースここまで */

/* 個人向けコースここから */


#couse_02{
	float: right;
	width: 349px;
}

#couse_02 h2{
	background-color: #DCDDDD;
	height: 40px;
	width: 349px;
	color: #C21739;
	font-weight: normal;
	text-align: center;
	font-size: 23px;
	line-height: 40px;
	margin-bottom: 10px;
}

#couse_02 h3{
	font-weight: normal;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #DCDDDD;
	line-height: 40px;
	font-size: 21px;
	padding-top: 3px;
}

#couse_02 p{
	line-height: 23px;
	margin-top: 15px;
	font-size: 14px;
}

.couse_pagetop{
	font-size: 12px;
	float: right;
}

.couse_pagetop a{
	text-decoration: none;
}

.couse_pagetop a:hover{
	color: #C21739;
}

/* 個人向けコースここまで */

/* コース紹介ここまで */