@charset "utf-8";

.frameEnd   {
	background-image: url(../images/common/index_contentsEnd.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 264px;
	background-position: bottom;
}




.con_howto {
	float: left;
	width: 441px;
	padding-right: 24px;
}


.con_howto h2 {
	background-image: url(../images/index/index_title_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 40px;
	width: 435px;
	font-size: 1px;
	padding-bottom: 7px;
	margin-left:3px;
}

.con_howto h2 a{
	overflow:hidden;
	display:block;
	height: 40px;
	width: 435px;
}


.con_howto .contentsFrame h4.catch {
	background-image: url(../images/index/index_catch_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 278px;
	font-size: 1px;
	padding-bottom: 20px;
}

.con_howto .contentsFrame .sTitle_01 {
	background-image: url(../images/index/index_sTitle_01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 405px;
	font-size: 1px;
	padding-bottom: 10px;
}

.con_howto .contentsFrame .sTitle_02 {
	background-image: url(../images/index/index_sTitle_02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 405px;
	font-size: 1px;
	padding-bottom: 10px;
}


.con_howto .contentsFrame .sTitle_03 {
	background-image: url(../images/index/index_sTitle_03.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 405px;
	font-size: 1px;
	padding-bottom: 10px;
}




.con_function {
	float: left;
	width: 441px;
}


.con_function h2 {
	background-image: url(../images/index/index_title_02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 40px;
	width: 435px;
	font-size: 1px;
	padding-bottom: 7px;
	margin-left:3px;
}

.con_function h2 a{
	overflow:hidden;
	display:block;
	height: 40px;
	width: 435px;
}


.con_function .contentsFrame h3 {
	text-indent: -9999px;
}

.con_function .contentsFrame h4.catch {
	background-image: url(../images/index/index_catch_02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 278px;
	font-size: 1px;
	padding-bottom: 20px;
}

.con_function .contentsFrame .sTitle_01 {
	background-image: url(../images/index/index_sTitle_04.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 405px;
	font-size: 1px;
	padding-bottom: 10px;
}

.con_function .contentsFrame .sTitle_02 {
	background-image: url(../images/index/index_sTitle_05.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 405px;
	font-size: 1px;
	padding-bottom: 10px;
}


.con_function .contentsFrame .sTitle_03 {
	background-image: url(../images/index/index_sTitle_06.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 405px;
	font-size: 1px;
	padding-bottom: 10px;
}


.con_opinion {
	float: left;
	width: 441px;
	padding-right: 24px;
}


.con_opinion h2 {
	background-image: url(../images/index/index_title_03.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 40px;
	width: 435px;
	font-size: 1px;
	padding-bottom: 7px;
	margin-left:3px;
}

.con_opinion h2 a{
	overflow:hidden;
	display:block;
	height: 40px;
	width: 435px;
}


.con_opinion .contentsFrame h4.name {
	background-image: url(../images/index/index_teacher_name.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 32px;
	width: 278px;
	font-size: 1px;
	padding-bottom: 20px;
}



.chapter {
	width:260px;
}


.chapter li, .chapter a {
	width: 260px;
	height: 25px;
	display: block;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
	text-decoration: none;
	}
	
.chapter_01 {
	padding-bottom:10px;
}
.chapter_02 {
	padding-bottom:10px;
}
.chapter_03 {
    padding-bottom:10px;
}


.chapter_01 a { background: transparent url(../images/index/index_btn_01.jpg) 0px 0px no-repeat;}
.chapter_02 a { background: transparent url(../images/index/index_btn_02.jpg) 0px 0px no-repeat;}
.chapter_03 a { background: transparent url(../images/index/index_btn_03.jpg) 0px 0px no-repeat;}

.chapter  li a:hover , .chapter  li a.here{background-position:right top;}




.con_point {
	float: left;
	width: 441px;
}


.con_point h2 {
	background-image: url(../images/index/index_title_04.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 40px;
	width: 435px;
	font-size: 1px;
	padding-bottom: 7px;
	margin-left:3px;
}

.con_point h2 a{
	overflow:hidden;
	display:block;
	height: 40px;
	width: 435px;
}


.point {
	width:260px;
}


.point li, .point a {
	width: 260px;
	height: 25px;
	display: block;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
	text-decoration: none;
	}
	
.point_01 {
	padding-bottom:10px;
}
.point_02 {
	padding-bottom:10px;
}
.point_03 {
    padding-bottom:10px;
}


.point_01 a { background: transparent url(../images/index/index_btn_04.jpg) 0px 0px no-repeat;}
.point_02 a { background: transparent url(../images/index/index_btn_05.jpg) 0px 0px no-repeat;}
.point_03 a { background: transparent url(../images/index/index_btn_03.jpg) 0px 0px no-repeat;}

.point  li a:hover , .point  li a.here{background-position:right top;}



.con_lineup {
	float: left;
	width: 906px;
}


.con_lineup h2 {
	background-image: url(../images/index/index_title_05.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 40px;
	width: 900px;
	font-size: 1px;
	padding-bottom: 7px;
	margin-left:3px;
}

.con_lineup h2 a{
	overflow:hidden;
	display:block;
	height: 40px;
	width: 900px;
}


.con_lineup h3{
	width: 195px;
	height:30px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.con_lineup .lineupBox{
	background-image: url(../images/shared/line_dot_01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}

.con_lineup .lineupBox2{
	background-image: url(../images/index/frame_02_2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding-top: 15px;
	padding-bottom: 8px;
}

.con_lineup .lineupList_01{
	width: 420px;
	float:none;
	margin-right:1px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	padding-right: 14px;
	
}

.con_lineup .lineupList_01 h3{
	background-image: url(../images/index/index_lineup_title_01.jpg);
	padding-bottom:5px;
}


.con_lineup .lineupList_02{
	width: 270px;
	padding-right: 15px;
	float:left;
}

.con_lineup .lineupList_02 h3{
	background-image: url(../images/index/index_lineup_title_02.jpg);
	padding-bottom:5px;
}

.con_lineup .lineupList_03{
	width: 270px;
	padding-right: 15px;
	padding-left: 15px;
	float:left;
}

.con_lineup .lineupList_03 h3{
	background-image: url(../images/index/index_lineup_title_03.jpg);
	padding-bottom:5px;
}

.con_lineup .lineupList_04{
	width: 270px;
	float:left;
	padding-left: 15px;
}

.con_lineup .lineupList_04 h3{
	background-image: url(../images/index/index_lineup_title_04.jpg);
	padding-bottom:5px;
}


.con_lineup .lineupList_05{
	width: 420px;
	float:none;
	padding-left: 15px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
}

.con_lineup .lineupList_05 h3{
	background-image: url(../images/index/index_lineup_title_05.jpg);
	padding-bottom:5px;
}

.con_lineup .lineupList_06{
	width: 420px;
	float:none;
	padding-left: 15px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
}

.con_lineup .lineupList_06 h3{
	background-image: url(../images/index/index_lineup_title_06.jpg);
	padding-bottom:5px;
}


.con_lineup .frame {
	width: 250px;
	background-image: url(../images/index/frame_03.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}

.con_lineup .frame2 {
	width: 400px;
	background-image: url(../images/index/frame_04.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}

.con_lineup .frame li , .con_lineup .frame2 li{
	background-image: url(../images/shared/arrow_02.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	background-position: left 0px;
	line-height: 1.2em;
	padding-bottom: 7px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 8px;
}

.con_lineup .frame li.margin0 , .con_lineup .frame2 li.margin0{
	margin: 0px;
}

.con_lineup .frame li.noarrow{
	background-image: none;
}

.con_lineup .frame2 li.noarrow{
	background-image: none;
}

.contentsFrame {
	width: 405px;
	padding-right: 18px;
	padding-left: 18px;
	background-image: url(../images/index/frame_01.jpg);
	background-repeat: repeat-y;
	padding-top: 8px;
}

.contentsFrame2 {
	width: 870px;
	padding-right: 18px;
	padding-left: 18px;
	background-image: url(../images/index/frame_02.jpg);
	background-repeat: repeat-y;
	padding-top: 8px;
}



.contentsFrame .more {
	height: 17px;
	width: 75px;
	float: right;
	margin-top: 4px;
	margin-right: 4px;
	text-indent:-9999px;
	background-position:left top;
}

.contentsFrame .more a{
	height: 17px;
	width: 75px;
	background-image: url(../images/index/btn_more.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	display:block;
	background-position:left top;
	
}

.contentsFrame .more a:hover , .contentsFrame .more a.here{background-position:right top;}

.contentsFrame .imgArea {
	float: left;
	width: 130px;
	padding-right: 15px;
}
.contentsFrame .textArea {
	float: left;
	width: 260px;
}


.contentsFrame h3 {
	text-indent: -9999px;
}