@charset "utf-8";

body {
	margin: 0px auto;
	padding: 0;
	background: #fff;
	/*font-family:"Helvetica Neue",Helvetica, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
	color: #474747;
	background: url(../img/bg.gif) repeat-y;
}

#Container {
	width: 1006px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	color: #474747;
	line-height: 17px;
	clear:both;
}

.C_left {
	margin: 10px 0 0 0;
	padding: 0;
	width: 755px;
	float: left;
}

.C_right {
	margin: 10px 0 0 0;
	padding: 0;
	width: 250px;
	float: left;
}

.C_left_lec {
	margin: 10px 0 0 0;
	padding: 0;
	width: 1005px;
	float: left;
}

.C_right_lec {
	margin: 0 0 0 25px;
	padding: 0;
	width: 250px;
	float: left;
	display: inline;
}

h1 {
	margin: 0;
	padding: 2px 0 0 0;
	width: 100%;
	height: 11px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	background-color: #000;
}

a:link,
a:visited,
a:active {
	margin: 0
	padding: 0;
	color: #00669B;
	text-decoration: none;
}

a:hover {
	margin: 0
	padding: 0;
	color: #00669B;
	text-decoration: underline;
}

.space {
	margin: 0;
	padding: 0;
	height: 15px;
	clear: left;
	display: block;
}

/*-------------------------img-------------------------*/

img {
	border: none;
}

img {
	vertical-align: top;/* IE6対策 */
	vertical-align: bottom;/* IE6対策 */
}

/*-------------------------ul_default-------------------------*/

ul {
	list-style: none;
}

/* Header Area
-------------------------------------------------------------------------------------*/

#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 57px;
	background-color: #000;
	position: relative;
	overflow: hidden;
}

#bg_header {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 1006px;
	height: 50px;
	color: #fff;
	font-size: 10px;
	background-color: #000;
	position: relative;
}

#logo {
	margin: 0;
	padding: 3px 0 0 0;
	width: 105px;
	height: 25px;
}

#searchbox {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 11px;
	left: 170px;
	float: left;
}

input.srch_btn {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 22px;
	border: 0px;
	background: url(../img/btn_searchbox.gif) left top no-repeat;
}

input.srch_btn a,
input.srch_btn a:link,
input.srch_btn a:active,
input.srch_btn a:visited {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 22px;
	background: url(../img/btn_searchbox.gif) left top no-repeat;
}

input.srch_btn a:hover {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 22px;
	background: url(../img/btn_searchbox.gif) left top no-repeat;
}

#login_area {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8px;
	left: 560px;
	float: left;
}

#login_m {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 11px;
	left: 576px;
	float: left;
}

#login_p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 11px;
	left: 706px;
	float: left;
}

#login_btn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	left: 836px;
	float: left;
}

#login_reg {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 27px;
	left: 916px;
	float: left;
}

#header a,
#header a:link,
#header a:active,
#header a:visited {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}

#header a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#username {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 26px;
	left: 580px;
	float: left;
}

#logout_btn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	left: 710px;
	float: left;
}

#mypage_btn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	left: 800px;
	float: left;
}

#h_cart_btn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	left: 890px;
	float: left;
}

input.ins_search {
	margin: 0 5px 0 0;
	padding: 2px;
	width: 280px;
	height: 16px;
	border: 1px solid #1a7bcd;
	float: left;
}

input.inp_email {
	margin: 0 5px 0 0;
	padding: 2px;
	width: 120px;
	height: 16px;
	border: 1px solid #1a7bcd;
	float: left;
}

input.inp_pass {
	margin: 0 5px 0 0;
	padding: 2px;
	width: 120px;
	height: 16px;
	border: 1px solid #1a7bcd;
	float: left;
}

/* Global Menu Area
-------------------------------------------------------------------------------------*/
.alt{display:none;}

#gnavi{display:inline; width: 1016px; height:47px; margin:0; padding:0 0 24px 0; float:left; overflow: hidden;}
#gnavi ul{margin:0; padding:18px 0 0 0px;}
#gnavi li{width:127px; height:47px; margin:0; padding:0; float:left;}
#gnavi a, #gnavi div{display:block;	padding:0px; height:47px;}
#gnavi #gn_01{background-image:url(../img/gl_menu.gif); width:125px; background-position:0 0; background-repeat:no-repeat;}
#gnavi #gn_02{background-image:url(../img/gl_menu.gif); width:125px; background-position:-126px 0; background-repeat:no-repeat;}
#gnavi #gn_03{background-image:url(../img/gl_menu.gif); width:125px; background-position:-252px 0; background-repeat:no-repeat;}
#gnavi #gn_04{background-image:url(../img/gl_menu.gif); width:125px; background-position:-381px 0; background-repeat:no-repeat;}
#gnavi #gn_05{background-image:url(../img/gl_menu.gif); width:125px; background-position:-507px 0; background-repeat:no-repeat;}
#gnavi #gn_06{background-image:url(../img/gl_menu.gif); width:125px; background-position:-635px 0; background-repeat:no-repeat;}
#gnavi #gn_07{background-image:url(../img/gl_menu.gif); width:125px; background-position:-761px 0; background-repeat:no-repeat;}
#gnavi #gn_08{background-image:url(../img/gl_menu.gif); width:125px; background-position:-889px 0; background-repeat:no-repeat;}
#menu01_page #gnavi #gn_01{background-position:0 -47px;}
#menu02_page #gnavi #gn_02{background-position:-126px -47px;}
#menu03_page #gnavi #gn_03{background-position:-252px -47px;}
#menu04_page #gnavi #gn_04{background-position:-381px -47px;}
#menu05_page #gnavi #gn_05{background-position:-507px -47px;}
#menu06_page #gnavi #gn_06{background-position:-635px -47px;}
#menu07_page #gnavi #gn_07{background-position:-761px -47px;}
#menu08_page #gnavi #gn_08{background-position:-889px -47px;}
#gnavi a#gn_01:hover{background-position:0 -47px}
#gnavi a#gn_02:hover{background-position:-126px -47px}
#gnavi a#gn_03:hover{background-position:-252px -47px}
#gnavi a#gn_04:hover{background-position:-381px -47px}
#gnavi a#gn_05:hover{background-position:-507px -47px}
#gnavi a#gn_06:hover{background-position:-635px -47px}
#gnavi a#gn_07:hover{background-position:-761px -47px}
#gnavi a#gn_08:hover{background-position:-889px -47px}


/* Contents Area
-------------------------------------------------------------------------------------*/

.top_flash {
	margin: 0;
	padding: 40px 0 0 0;
	width: 564px;
	height: 250px;
	float: left;
}

.change_photo {
	margin: 0;
	padding: 8px 8px 9px 8px;
	border: 1px solid #bbbbbb;
	float: left;
	display: block;
}

ul.change_photo_btn_list {
	margin: 2px 0 0 3px;
	padding: 0;
	float: left;
	display: block;
}

ul.change_photo_btn_list li {
	margin: 0 0 7px 0;
	padding: 0;
	display: block;
}

h2.title_fresher {
	margin: 0;
	padding: 4px 0 0 25px;
	/*text-indent: -9999px;*/
	font-size:16px;
	font-weight:bold;
	width: 405px;
	height: 25px;
	background: url(../img/title_fresher.gif) no-repeat;
}

.fresher_area {
	margin: 0;
	padding: 40px 0 0 12px;
	width: 430px;
	float: left;
}

.fresher_image {
	margin: 16px 0 0 8px;
	padding: 8px;
	float: left;
	border: 1px solid #BBBBBB;
}

img.frs_btn {
	margin: 0 4px 0 0;
	padding: 0;
	vertical-align: middle;
}

ul.fresher_course {
	margin: 16px 0 0 0;
	padding: 0;
	width: 260px;
	color: #00669B;
	font-size: 12px;
	line-height: 15px;
	float: left;
}

ul.fresher_course li {
	margin: 0 0 0 10px;
	padding: 0 0 7px 8px;
	font-size: 12px;
}

ul.fresher_course li a:link,
ul.fresher_course li a:visited,
ul.fresher_course li a:active {
	color: #00669B;
	text-decoration: underline;
}

ul.fresher_course li a:hover {
	color: #00669B;
	text-decoration: none;
}


ul.breadcrumb {
	margin: 3px 0 0 0;
	padding: 0;
	width: 1005px;
	height: 20px;
	color: #fff;
	font-size: 12px;
	float: left;
	display: inline;
}

ul.breadcrumb li {
	margin: 0 0 0 4px;
	padding: 0 0 0 13px;
	color: #474747;
	background: url(../img/bg_bc_arrow.gif) left 1px no-repeat;
	display: inline;
}

ul.breadcrumb li a:link,
ul.breadcrumb li a:visited,
ul.breadcrumb li a:active {
	margin: 0;
	padding: 0;
	color: #00669B;
	text-decoration: none;
}

ul.breadcrumb li a:hover {
	margin: 0;
	padding: 0;
	color: #00669B;
	text-decoration: underline;
}

/* C_left Area
-------------------------------------------------------------------------------------*/

h2.title_new_course {
	margin: 0;
	padding: 4px 0 0 35px;
	/*text-indent: -9999px;*/
	width: 695px;
	height: 25px;
	font-size:16px;
	font-weight:bold;
	background: url(../img/title_new_course.gif) no-repeat;
	float: left;
}

#new_course {
	margin: 15px 0 30px 0;
	padding: 0;
	width: 730px;
	float: left;
}

#new_course ul {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
}

#new_course li {
	margin: 0;
	padding: 0 0 20px 0;
	width: 356px;
	float: left;
}

.nc_title {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
}

.nc_title a:link,
.nc_title a:visited,
.nc_title a:active {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left top no-repeat;
	display: block;
}

.nc_title a:hover {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square_on.gif) left top no-repeat;
	display: block;
}

.nc_image {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
}

.nc_image a:link,
.nc_image a:visited,
.nc_image a:active {
	margin: 6px 0 0 2px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	float: left;
}

.nc_image a:hover {
	margin: 6px 0 0 2px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	background: #000;
	float: left;
}

.nc_txt {
	margin: 0;
	padding: 5px 0 0 10px;
	width: 220px;
	font-size: 12px;
	line-height: 17px;
	color: #474747;
	float: left;
}

.nc_com_name {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
}

.nc_com_name a:link,
.nc_com_name a:visited,
.nc_com_name a:active {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: none;
}

.nc_com_name a:hover {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: underline;
}

.nc_category {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #474747;
}

.nc_date {
	margin: -14px 0 -18px 0;
	padding: 0 0 0 76px;
	font-size: 10px;
	color: #474747;
	clear: left;
	display: block;
}

#popularity_course {
	margin: 15px 0 30px 0;
	padding: 0;
	width: 730px;
	float: left;
}

#popularity_course ul {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
}

#popularity_course li {
	margin: 0;
	padding: 0 0 20px 0;
	width: 356px;
	float: left;
}

.pc_title {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
}

.pc_title a:link,
.pc_title a:visited,
.pc_title a:active {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left no-repeat;
	display: block;
}

.pc_title a:hover {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square.gif) left no-repeat;
	display: block;
}

.pc_image {
	margin: 6px 0 0 2px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	float: left;
}

.pc_txt {
	margin: 0;
	padding: 5px 0 0 10px;
	width: 220px;
	font-size: 12px;
	line-height: 17px;
	color: #474747;
	float: left;
}

.pc_com_name {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
}

.pc_com_name a:link,
.pc_com_name a:visited,
.pc_com_name a:active {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: none;
}

.pc_com_name a:hover {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: underline;
}

.pc_category {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #474747;
}

.pc_date {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 10px;
	color: #474747;
}

h2.title_popularity_course {
	margin: 0;
	padding: 4px 0 0 35px;
	/*text-indent: -9999px;*/
	width: 695px;
	height: 25px;
	font-size:16px;
	font-weight:bold;
	background: url(../img/title_popularity_course.gif) no-repeat;
	float: left;
}

h2.title_popularity_service {
	margin: 0;
	padding: 4px 0 0 35px;
	/*text-indent: -9999px;*/
	width: 695px;
	height: 25px;
	font-size:16px;
	font-weight:bold;
	background: url(../img/title_popularity_service.gif) no-repeat;
	float: left;
}

#popularity_service {
	margin: 15px 0 30px 0;
	padding: 0;
	width: 730px;
	float: left;
}

#popularity_service ul {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
}

#popularity_service li {
	margin: 0;
	padding: 0 0 20px 0;
	width: 360px;
	float: left;
}

.ps_title {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	background: url(../img/square.gif) left no-repeat;
}

.ps_title a:link,
.ps_title a:visited,
.ps_title a:active {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left no-repeat;
}

.ps_title a:hover {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square_on.gif) left no-repeat;
}

.ps_image {
	margin: 6px 0 0 2px;
	padding: 0;
	float: left;
}

.ps_txt {
	margin: 0;
	padding: 5px 0 0 10px;
	width: 210px;
	font-size: 12px;
	line-height: 17px;
	color: #474747;
	float: left;
}

/* C_right Area
-------------------------------------------------------------------------------------*/

h2.title_noukare_menu {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_noukare_menu.gif) no-repeat;
	float: left;
}

h2.title_noukare_menu01 {
	margin: 5px 0 -10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 24px;
	background: url(../img/title_noukare_menu01.gif) no-repeat;
	float: left;
}

h2.title_noukare_menu02 {
	margin: 0 0 -10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 24px;
	background: url(../img/title_noukare_menu02.gif) no-repeat;
	float: left;
}

h2.title_noukare_menu03 {
	margin: 0 0 -10px 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 24px;
	background: url(../img/title_noukare_menu03.gif) no-repeat;
	float: left;
}

h2.title_new_question {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_new_question.gif) no-repeat;
	float: left;
}

h2.title_new_review {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_new_review.gif) no-repeat;
	float: left;
}

/*--------------------------------------------------------*/
ul.C_right_menu_tks {
	margin: 16px 0 10px 0;
	padding: 0;
	width: 260px;
	color: #00669B;
	font-size: 12px;
	float: left;
}

ul.C_right_menu_tks li {
	margin: 0 0 0 5px;
	padding: 0 0 4px 0;
	font-size: 12px;
	line-height: 17px;
}

ul.C_right_menu_tks li a,
ul.C_right_menu_tks li a:link,
ul.C_right_menu_tks li a:visited,
ul.C_right_menu_tks li a:active {
	margin: 0;
	padding: 0 0 0 19px;
	font-size: 12px;
	line-height: 17px;
	background: url(../img/square.gif) left -1px no-repeat;
	color: #00669B;
	text-decoration: none;
	vertical-align: middle;
	display: block;
}

ul.C_right_menu_tks li a:hover {
	margin: 0;
	padding: 0 0 0 19px;
	font-size: 12px;
	line-height: 17px;
	background: url(../img/square_on.gif) left -1px no-repeat;
	color: #00669B;
	text-decoration: underline;
	vertical-align: middle;
	display: block;
}
/*--------------------------------------------------------*/

ul.C_right_menu {
	margin: 16px 0 10px 0;
	padding: 0;
	width: 250px;
	color: #00669B;
	font-size: 12px;
	float: left;
}

ul.C_right_menu li {
	margin: 0 0 0 5px;
	padding: 0 0 4px 0;
	font-size: 12px;
	line-height: 17px;
}

ul.C_right_menu li a,
ul.C_right_menu li a:link,
ul.C_right_menu li a:visited,
ul.C_right_menu li a:active {
	margin: 0;
	padding: 0 0 0 19px;
	font-size: 12px;
	line-height: 17px;
	background: url(../img/square.gif) left -1px no-repeat;
	color: #00669B;
	text-decoration: none;
	vertical-align: middle;
	display: block;
}

ul.C_right_menu li a:hover {
	margin: 0;
	padding: 0 0 0 19px;
	font-size: 12px;
	line-height: 17px;
	background: url(../img/square_on.gif) left -1px no-repeat;
	color: #00669B;
	text-decoration: underline;
	vertical-align: middle;
	display: block;
}




.pr {
	margin: 0;
	padding: 15px 0 15px 0;
	float: left;
}

h2.title_topics {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_topics.gif) no-repeat;
	float: left;
}

ul.topics {
	margin: 0;
	padding: 10px 0 0 10px;
	float: left;
}

ul.topics li {
	margin: 0;
	padding: 0 0 10px 0;
	width: 240px;
	font-size: 12px;
	line-height: 17px;
}

ul.topics li.topics_date {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #000;
}

ul.topics li a,
ul.topics li a:link,
ul.topics li a:visited {
	color: #00669B;
	text-decoration: underline;
}

ul.topics li a:hover {
	color: #00669B;
	text-decoration: none;
}

h2.title_q_about_pc {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_q_about_pc.gif) no-repeat;
	float: left;
}

h2.title_related_topics {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_related_topics.gif) no-repeat;
	float: left;
}

h2.title_related_material {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_related_material.gif) no-repeat;
	float: left;
}

.C_right_txt {
	margin: 0;
	padding: 15px 0 15px 7px;
	float: left;
}

.course_ttl_area {
	margin: 10px 0 0 0;
	padding: 0;
	width: 1005px;
	height: 60px;
	background: url(../img/bg_course_ttl.gif) no-repeat;
	float: left;
}

h2.course_title_txt {
	margin: 0;
	padding: 0 0 0 10px;
	height: 60px;
	font-size: 20px;
	float: left;
	display: inline;
}

.course_title {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

img.course_star {
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
}

.company_logo {
	margin: 0;
	padding: 0;
	border: 1px solid #949494;
	float: left;
}

.course_rate_star {
	margin: 0;
	padding: 3px;
	float: left;
}

.course_txt_area {
	margin: 12px 0 0 0;
	padding: 0;
	width: 1005px;
	float: left;
	display: block;
}

.course_tbl {
	margin: 2px;
	padding: 0 10px 0 5px;
	width: 200px;
	float: left;
}

.course_txt {
	margin: 2px;
	padding: 0 0 0 10px;
	width: 780px;
	float: left;
}

.open {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
	display: block;
}

table.course_data_table{
	margin: 3px;
	padding: 2px;
	width: 200px;
	border: 1px solid #999999;
	float: left;
}

.course_data_table_td01{
	margin: 0;
	padding: 2px 0 1px 5px;
	width: 85px;
}

.course_data_table_td02{
	margin: 0;
	padding: 2px 0 1px 5px;
	width: 115px;
}

h2.title_lesson_list {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_lesson_list.gif) no-repeat;
	float: left;
}

h2.title_text_list {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_text_list.gif) no-repeat;
	float: left;
}

h2.title_howtoattend {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_howtoattend.gif) no-repeat;
	float: left;
}

ul.C_right_menu_lesson {
	margin: 16px 0 20px 0;
	padding: 0;
	width: 250px;
	color: #00669B;
	font-size: 12px;
	float: left;
}

ul.C_right_menu_lesson li {
	margin: 0 0 0 8px;
	padding: 0 0 7px 16px;
	font-size: 12px;
	line-height: 15px;
	background: url(../img/arrow_circle.gif) left 2px no-repeat;
}

ul.C_right_menu_lesson li a:link,
ul.C_right_menu_lesson li a:visited,
ul.C_right_menu_lesson  li a:active {
	color: #00669B;
	text-decoration: none;
}

ul.C_right_menu_lesson li a:hover {
	color: #00669B;
	text-decoration: underline;
}

ul.C_right_menu_lesson li img {
	vertical-align: middle;
}

ul.C_right_menu_lesson_pdf {
	margin: 16px 0 20px 0;
	padding: 0;
	width: 250px;
	color: #00669B;
	font-size: 12px;
	float: left;
}

ul.C_right_menu_lesson_pdf li {
	margin: 0 0 0 8px;
	padding: 0 0 7px 16px;
	font-size: 12px;
	line-height: 15px;
	background: url(../img/pdf.gif) left 2px no-repeat;
}

ul.C_right_menu_lesson_pdf li a:link,
ul.C_right_menu_lesson_pdf li a:visited,
ul.C_right_menu_lesson_pdf  li a:active {
	color: #00669B;
	text-decoration: underline;
}

ul.C_right_menu_lesson_pdf li a:hover {
	color: #00669B;
	text-decoration: none;
}

ul.C_right_menu_lesson_pdf li img {
	vertical-align: middle;
}

.buy_course {
	margin: 0;
	padding: 8px;
	float: left;
	display: inline;
}

.buy_course_price {
	margin: 0;
	padding: 0;
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}

.buy_course img {
	vertical-align: middle;
}

.qa_area {
	margin: 0;
	padding: 0;
	float: left;
	width:730px;
}

.movie_area {
	margin: 0;
	padding: 0;
	float: left;
	width:730px;
}

.movie_background{
	margin: 0 0 20px 0;
	padding: 0;
	min-height: 480px;
	text-align:center;
	clear:both;
}

/*
.movie_background{
	margin: 0;
	padding: 84px 0 84px 0;
	min-height: 480px;
	text-align:center;
	color:#FFF;
	clear:both;
}
*/

.clear{clear:both;}




.play_text_area {
	margin:0 0 20px 0;
	padding:10px;
	height: 480px;
	background:#FFF;
	border:1px solid #597600;
	text-align:center;
	clear:both;
}

a:hover .play_text_area {
	margin:0;
	padding:10px;
	background:#ebfdff;
	border:1px solid #597600;
	margin-bottom:10px;
	text-align:center;
	clear:both;
	cursor: pointer;
	text-decoration: none;
}

.play_text_area .offer {
	margin: 0 0 0 160px;
	padding: 0;
	float:right;
	clear:both;
	display: inline;
	position: absolute;
}

/*
.play_text_area .title {
	margin:0;
	padding: 100px 0 20px 0;
	font-size:30px;
	font-weight:bold;
	color:#99cc00;
	clear: left;
}
*/

.play_text_area .title {
	margin-top:30px;
	margin-bottom:30px;
	font-size:30px;
	font-weight:bold;
	line-height:30px;
	color:#99cc00;
}


.link_fav {
	margin: 0;
	padding: 0;
	width: 725px;
	text-align: right;
	float: left;
}

ul.related_material {
	margin: 0;
	padding: 5px;
	float: left;
}

ul.related_material li {
	margin: 0;
	padding: 3px;
	display: inline;
}

h2.title_related_course {
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_related_course.gif) no-repeat;
	float: left;
}

#related_course {
	margin: 15px 0 30px 0;
	padding: 0;
	width: 1006px;
	float: left;
}

#related_course ul {
	margin: 0;
	padding: 0;
	width: 1006px;
	float: left;
}

#related_course li {
	margin: 0;
	padding: 0 0 20px 0;
	width: 334px;
	float: left;
}

.rc_title {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
}

.rc_title a:link,
.rc_title a:visited,
.rc_title a:active {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left no-repeat;
	display: block;
}

.rc_title a:hover {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square_on.gif) left no-repeat;
	display: block;
}

.rc_image {
	margin: 6px 0 0 2px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	float: left;
}

.rc_txt {
	margin: 0;
	padding: 5px 0 0 10px;
	width: 208px;
	font-size: 12px;
	line-height: 17px;
	color: #474747;
	float: left;
}

.rc_com_name {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
}

.rc_com_name a:link,
.rc_com_name a:visited,
.rc_com_name a:active {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: none;
}

.rc_com_name a:hover {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: underline;
}

.rc_category {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #474747;
}

.rc_date {
	margin: -14px 0 -18px 0;
	padding: 0 0 0 76px;
	font-size: 10px;
	color: #474747;
	clear: left;
	display: block;
}

/*-----------------レビューエリア-----------------*/

h2.title_review {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_review.gif) no-repeat;
	float: left;
}

.review_area {
	margin: 0 0 20px 0;
	padding: 10px;
	width: 730px;
	float: left;
}

.all_rating {
	margin: 0;
	padding: 0;
	font-size: 14px;
	float: left;
}

.all_rating img {
	vertical-align: middle;
}

.reviewer {
	margin: 0;
	padding: 3px 0 3px 0;
	font-weight: bold;
	clear: left;
}

.reviewer img {
	vertical-align: middle;
}

.rate_txt {
	margin: -14px 0 5px 0;
	padding: 0;
	width: 720px;
	font-size: 12px;
	color: #F09000;
	line-height: 17px;
	clear: left;
	text-align: right;
}

.rate_txt img {
	vertical-align: middle;
}

.review_txt {
	margin: 0;
	padding: 0;
}

h2.title_review_write {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_review_write.gif) no-repeat;
	float: left;
}

.write_rev_area {
	margin: 0;
	padding: 10px;
	width: 730px;
	float: left;
}

/* Footer Genre Area
-------------------------------------------------------------------------------------*/

.seeall {
	margin: -19px 0 0 0;
	padding: 5px 0 5px 0;
	width: 1000px;
	text-align: right;
	clear: both;
}

.seeall a,
.seeall a:link,
.seeall a:active,
.seeall a:visited {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 10px;
	font-weight: normal;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left -4px no-repeat;
}

.seeall a:hover {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 10px;
	font-weight: normal;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square_on.gif) left -4px no-repeat;
}

.seeall_right {
	margin: -22px 0 0 0;
	padding: 5px 0 5px 0;
	width: 240px;
	text-align: right;
	clear: both;
}

.seeall_right a,
.seeall_right a:link,
.seeall_right a:active,
.seeall_right a:visited {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 10px;
	font-weight: normal;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left -4px no-repeat;
}

.seeall_right a:hover {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 10px;
	font-weight: normal;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square_on.gif) left -4px no-repeat;
}

h2.title_genre {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_genre.gif) no-repeat;
	float: left;
}

.genre{
	margin: 0 ;
	padding: 0 0 20px 0;
	width: 1016px;
	overflow: hidden;
	clear: both;
}

.genrelist{
	margin: 15px 0 0 0;
	padding: 0;
	width: 125px;
	float: left;
}

.genrelist ul {
	margin: 10px 0 0 0;
	padding: 0;
}

.genrelist ul li{
	margin: 0 0 0 18px;
	padding: 4px 0 0 10px;
	width: 98px;
	text-align: left;
	background: url(../img/arrow.gif) left 6px no-repeat;
	vertical-align: middle;
}

.genrelist ul li a:link,
.genrelist ul li a:visited,
.genrelist ul li a:active {
	margin: 0;
	padding: 0;
	color: #00669B;
	font-size: 12px;
	text-decoration: none;
}

.genrelist ul li a:hover {
	margin: 0;
	padding: 0;
	color: #00669B;
	font-size: 12px;
	text-decoration: underline;
}

/* Footer Company List Area
-------------------------------------------------------------------------------------*/

h2.title_company_list {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_company_list.gif) no-repeat;
	float: left;
}

#company_list {
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	clear: both;

}

ul.company_list {
	margin: 15px 0 0 0;
	padding: 0;
	width: 1006px;
}

ul.company_list li {
	margin: 5px 20px 0 8px;
	padding: 0 0 0 10px;
	width: 210px;
	color: #00669B;
	font-size: 12px;
	line-height: 13px;
	float: left;
	vertical-align: middle;
	background: url(../img/arrow.gif) left 2px no-repeat;
}

ul.company_list li a:link,
ul.company_list li a:visited,
ul.company_list li a:active {
	margin: 0;
	padding: 0;
	color: #00669B;
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
}

ul.company_list li a:hover {
	margin: 0;
	padding: 0;
	color: #00669B;
	font-size: 12px;
	line-height: 17px;
	text-decoration: underline;
}

/* Footer Area
-------------------------------------------------------------------------------------*/

#footer {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 100%;
	height: 45px;
	background-color: #000;
	position: relative;
	text-align: center;
	clear: left;
}

ul.footer_txt_link {
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
	width: 1006px;
	color: #fff;
	font-size: 10px;
	text-align: center;
}

ul.footer_txt_link li {
	display: inline;
	margin: 0;
	padding: 0 0 0 15px;
	color: #fff;
	background: url(../img/bg_footer_txt_link.gif) left no-repeat;
}

ul.footer_txt_link li a:link,
ul.footer_txt_link li a:visited,
ul.footer_txt_link li a:active {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

ul.footer_txt_link li a:hover {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: underline;
}

#copyright {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	position: relative;
}

#copy {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 1006px;
	height: 20px;
	position: relative;
	text-align: center;
	background: url(../img/copy.gif) no-repeat;
}

/* Language Course Page
-------------------------------------------------------------------------------------*/

ul.course_turn {
	margin: 0;
	padding: 16px 0 0 0;
	height: 17px;
	color: #fff;
	font-size: 12px;
	clear: left;
	display: block;
	overflow: hidden;
}

ul.course_turn li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0;
	color: #fff;
}

ul.course_turn li a:link,
ul.course_turn li a:visited,
ul.course_turn li a:active {
	margin: 0 0 0 4px;
	padding: 0 0 0 13px;
	color: #00669B;
	text-decoration: none;
	background: url(../img/bg_ct_square.gif) left no-repeat;
}

ul.course_turn li a:hover {
	margin: 0 0 0 4px;
	padding: 0 0 0 13px;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/bg_ct_square_on.gif) left no-repeat;
}

#here a,
#here a:link,
#here a:visited,
#here a:hover {
	margin: 0 0 0 4px;
	padding: 0 0 0 13px;
	background: url(../img/bg_ct_square_on.gif) left no-repeat;
}

ul.page_n {
	margin: -15px 0 0 0;
	padding: 0;
	width: 700px;
	color: #474747;
	font-size: 12px;
	text-align: right;
}

ul.page_n li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #fff;
}

ul.page_n li a:link,
ul.page_n li a:visited,
ul.page_n li a:active {
	margin: 0 0 0 4px;
	padding: 0;
	color: #00669B;
	text-decoration: none;
}

ul.page_n li a:hover {
	margin: 0 0 0 4px;
	padding: 0;
	color: #00669B;
	text-decoration: underline;
}

h2.title_language_course {
	margin: 0;
	padding: 3px 0 0 10px;
	/*text-indent: -9999px;*/
	font-size:16px;
	font-weight:bold;
	width: 695px;
	height: 26px;
	background: url(../img/title_language_course.gif) no-repeat;
	float: left;
}

#language_course {
	margin: 15px 0 30px 0;
	padding: 0;
	width: 730px;
	float: left;
}

#language_course ul {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
}

#language_course li {
	margin: 0;
	padding: 0 0 20px 0;
	width: 356px;
	float: left;
}

.lc_title {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
}

.lc_title a:link,
.lc_title a:visited,
.lc_title a:active {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left no-repeat;
	display: block;
}

.lc_title a:hover {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: underline;
	background: url(../img/square.gif) left no-repeat;
	display: block;
}

.lc_image {
	margin: 6px 0 0 2px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	float: left;
}

.lc_txt {
	margin: 0;
	padding: 5px 0 0 10px;
	width: 220px;
	font-size: 12px;
	line-height: 17px;
	color: #474747;
	float: left;
}

.lc_com_name {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
}

.lc_com_name a:link,
.lc_com_name a:visited,
.lc_com_name a:active {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: none;
}

.lc_com_name a:hover {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: underline;
}

.lc_category {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #474747;
}

.lc_date {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 10px;
	color: #474747;
}

h2.title_q_about_language {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_q_about_language.gif) no-repeat;
	float: left;
}

h2.title_nd_genre {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_nd_genre.gif) no-repeat;
	float: left;
}

h2.title_nd_company {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_nd_company.gif) no-repeat;
	float: left;
}

h2.title_nd_series {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_nd_series.gif) no-repeat;
	float: left;
}

h2.title_nd_course {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 250px;
	height: 29px;
	background: url(../img/title_nd_course.gif) no-repeat;
	float: left;
}

/* Company List Page （講座主催者一覧ページ）
-------------------------------------------------------------------------------------*/

h2.title_company_list02 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_company_list02.gif) no-repeat;
	float: left;
}

table.company_list_table {
	margin: 10px 0 20px 0;
	padding: 0;
	width: 100%;
	background-color: #999999;
	float: left;
}

.clt_ttl01 {
	margin: 0;
	padding: 3px;
	width: 30%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.clt_ttl02 {
	margin: 0;
	padding: 3px;
	width: 40%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.clt_ttl03 {
	margin: 0;
	padding: 3px;
	width: 30%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.clt_cd01 {
	margin: 0;
	padding: 3px;
	width: 30%;
	background-color: #fff;
	text-align: center;
}

.clt_cd01 img {
	margin: 10px 0 10px 0;
	padding: 0;
}

.clt_cd02 {
	margin: 0;
	padding: 5px;
	width: 40%;
	background-color: #fff;
	vertical-align: top;
}

.clt_cd03 {
	margin: 0;
	padding: 3px;
	width: 30%;
	background-color: #fff;
}

ul.cl_course {
	margin: 0;
	padding: 0;
	color: #00669B;
	font-size: 12px;
	float: left;
}

ul.cl_course li {
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 17px;
	background: url(../img/cl_arrow.gif) left 5px no-repeat;
}

ul.cl_course li a:link,
ul.cl_course li a:visited,
ul.cl_course  li a:active {
	color: #00669B;
	text-decoration: underline;
}

ul.cl_course li a:hover {
	color: #00669B;
	text-decoration: none;
}

.more {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
}

.more a,
.more a:link,
.more a:active,
.more a:visited {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 10px;
	color: #00669B;
	text-decoration: none;
}

.more a:hover {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 10px;
	color: #00669B;
	text-decoration: underline;
}

.bottom {
	height: 100%;
	margin-bottom: 0;
}

.more_cl_course {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 16px;
	text-align: right;
	float: left;
	display: block;
}

.more_cl_course a,
.more_cl_course a:link,
.more_cl_course a:active,
.more_cl_course a:visited {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: none;
}

.more_cl_course a:hover {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00669B;
	text-decoration: underline;
}

/* Company List Page （講座主催者一覧ページ）
-------------------------------------------------------------------------------------*/

h2.title_entry {
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_entry.gif) no-repeat;
	float: left;
}

h2.entry_step1 {
	margin: 15px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 66px;
	background: url(../img/entry_step1.gif) no-repeat;
	float: left;
}

h2.entry_step2 {
	margin: 15px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 66px;
	background: url(../img/entry_step2.gif) no-repeat;
	float: left;
}

h2.entry_step3 {
	margin: 15px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 66px;
	background: url(../img/entry_step3.gif) no-repeat;
	float: left;
}

h2.b_txt {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	color: #000;
	clear: left;
}

table.entry_table {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #C1C1C1;
	float: left;
}

.entry_tbl01 {
	margin: 0;
	padding: 6px;
	width: 40%;
	font-size: 12px;
	font-weight: bold;
	color: #474747;
	background-color: #E1E1E1;
	text-align: center;
}

.entry_tbl02 {
	margin: 0;
	padding: 6px;
	width: 60%;
	background-color: #F2F2F2;
}

.def_txt {
	margin: 3px 0 0 3px;
	padding: 0;
	clear: left;
}

.def_txt_att {
	margin: 40px 0 40px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #2081c4;
	clear: left;
}

.def_txt_middle {
	margin: 10px 0 0 3px;
	padding: 3px;
	width: 710px;
	float: left;
	display: block;
}

.ttl_txt {
	margin: 15px 0 0 3px;
	padding: 0 0 0 20px;
	width: 720px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	background: url(../img/bg_ttl_txt.gif) no-repeat;
}

.att {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #DF1304;
}

.entry_smt_btn a {
	margin: 0 0 20px 400px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_smt_btn.gif) no-repeat;
}

.entry_smt_btn a:hover {
	margin: 0 0 20px 400px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_smt_btn.gif) no-repeat;
}

.entry_send_btn a {
	margin: -59px 0 20px 510px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_send_btn.gif) no-repeat;
}

.entry_send_btn a:hover {
	margin: -59px 0 20px 510px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_send_btn.gif) no-repeat;
}

.entry_back_btn a {
	margin: 0 0 20px 310px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_back_btn.gif) no-repeat;
}

.entry_back_btn a:hover {
	margin: 0 0 20px 310px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_back_btn.gif) no-repeat;
}

.entry_totop_btn a {
	margin: 30px 0 20px 400px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_totop_btn.gif) no-repeat;
}

.entry_totop_btn a:hover {
	margin: 30px 0 20px 400px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_totop_btn.gif) no-repeat;
}

.entry_back_btn2 a {
	margin: 30px 0 20px 400px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_back_btn.gif) no-repeat;
}

.entry_back_btn2 a:hover {
	margin: 30px 0 20px 400px;
	padding: 0;
	float: left;
	display: inline;
	width: 177px;
	height: 39px;
	background: url(../img/entry_back_btn.gif) no-repeat;
}


/* Lesson Page （講座ページ）
-------------------------------------------------------------------------------------*/


.star_orange {
	margin: 0;
	padding: 0;
	color: #fda408;
}

/* 講座の購入には
-------------------------------------------------------------------------------------*/

.login2_area {
	margin: 0;
	padding: 20px 0 20px 0;
	width: 710px;
	border: 4px solid #a9daff;
	background: #e7f8ff;
	text-align: center;
	float: left;
	display: inline;
}

.login2_btn_area {
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0;
	width: 718px;
	background: #f0f0f0;
	text-align: center;
	float: left;
	display: inline;
}


/* My Page （マイページ）
-------------------------------------------------------------------------------------*/

h2.title_mypage_f {
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_mypage_f.gif) no-repeat;
	float: left;
}

h2.title_mypage_c {
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_mypage_c.gif) no-repeat;
	float: left;
}

h2.title_mypage_cl {
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_mypage_cl.gif) no-repeat;
	float: left;
}

h2.title_mypage_info {
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 1006px;
	height: 29px;
	background: url(../img/title_mypage_info.gif) no-repeat;
	float: left;
}

table.fav_course_table {
	margin: 10px 0 20px 0;
	padding: 0;
	width: 100%;
	background-color: #999999;
	float: left;
}

.fav_c_tbl01 {
	margin: 0;
	padding: 3px;
	width: 40%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.fav_c_tbl02 {
	margin: 0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.fav_c_tbl03 {
	margin: 0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.fav_c_tbl04 {
	margin: 0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.fav_c_tbl05 {
	margin: 0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.fct_cd01 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
}

.fct_cd02 {
	margin: 0;
	padding: 5px;
	background-color: #fff;
	text-align: center;
}

.fct_cd03 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
}

.fct_cd04 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
	text-align: center;
}


.fct_cd05 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
	text-align: center;
}

.mypage_c_dlt_btn a {
	margin: 0 0 20px 350px;
	padding: 0;
	float: left;
	display: inline;
	width: 297px;
	height: 39px;
	background: url(../img/mypage_c_dlt_btn.gif) no-repeat;
}

.mypage_c_dlt_btn a:hover {
	margin: 0 0 20px 350px;
	padding: 0;
	float: left;
	display: inline;
	width: 297px;
	height: 39px;
	background: url(../img/mypage_c_dlt_btn.gif) no-repeat;
}

ul.mp_4btn {
	margin: 0;
	padding: 0;
	float: left;
}

ul.mp_4btn li {
	margin: 5px 0 0 0;
	padding: 5px 0 0 5px;
	height: 65px;
	list-style: none;
	text-align: center;
	float: left;
}

ul.mp_4btn li a {
	display: block;
	width: 240px;
	height: 49px;
}

li.mp_4btn_f a       {background: url(../img/mp_4btn_f.gif) no-repeat;}
li.mp_4btn_f a:hover {background: url(../img/mp_4btn_f_on.gif) no-repeat;}
li.mp_4btn_f_on a    {background: url(../img/mp_4btn_f_on.gif) no-repeat;}

li.mp_4btn_c a       {background: url(../img/mp_4btn_c.gif) no-repeat;}
li.mp_4btn_c a:hover {background: url(../img/mp_4btn_c_on.gif) no-repeat;}
li.mp_4btn_c_on a    {background: url(../img/mp_4btn_c_on.gif) no-repeat;}

li.mp_4btn_cl a       {background: url(../img/mp_4btn_cl.gif) no-repeat;}
li.mp_4btn_cl a:hover {background: url(../img/mp_4btn_cl_on.gif) no-repeat;}
li.mp_4btn_cl_on a    {background: url(../img/mp_4btn_cl_on.gif) no-repeat;}

li.mp_4btn_info a       {background: url(../img/mp_4btn_info.gif) no-repeat;}
li.mp_4btn_info a:hover {background: url(../img/mp_4btn_info_on.gif) no-repeat;}
li.mp_4btn_info_on a    {background: url(../img/mp_4btn_info_on.gif) no-repeat;}

table.course_table {
	margin: 10px 0 20px 0;
	padding: 0;
	width: 100%;
	background-color: #999999;
	float: left;
}

.c_tbl01 {
	margin: 0;
	padding: 3px;
	width: 50%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.c_tbl02 {
	margin: 0;
	padding: 3px;
	width: 10%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.c_tbl03 {
	margin: 0;
	padding: 3px;
	width: 30%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.c_tbl04 {
	margin: 0;
	padding: 3px;
	width: 10%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.ct_cd01 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
}

.ct_cd02 {
	margin: 0;
	padding: 5px;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
}

.ct_cd03 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
}

.ct_cd04 {
	margin: 0;
	padding: 3px;
	background-color: #fff;
	text-align: center;
}

/* Regulations Page （利用規約ページ）
-------------------------------------------------------------------------------------*/

h2.title_regulations {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_regulations.gif) no-repeat;
	float: left;
}

/* Privacy Policy Page （プライバシーポリシーページ）
-------------------------------------------------------------------------------------*/

h2.title_p_policy {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_p_policy.gif) no-repeat;
	float: left;
}

/* Security Policy Page （セキュリティーポリシーページ）
-------------------------------------------------------------------------------------*/

h2.title_s_policy {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_s_policy.gif) no-repeat;
	float: left;
}

/* Environment Page （動作環境ページ）
-------------------------------------------------------------------------------------*/

h2.title_environment {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_environment.gif) no-repeat;
	float: left;
}

table.btm_env_tbl {
	margin: 3px;
	padding: 0;
	width: 720px;
	background-color: #cbcbcb;
	float: left;
}

.btm_env_tbl_01 {
	margin: 0;
	padding: 5px;
	width: 25%;
	font-weight: bold;
	background-color: #f7f7f7;
	text-align: center;
}

.btm_env_tbl_02 {
	margin: 0;
	padding: 5px;
	width: 75%;
	background-color: #fff;
}

table.btm_env_tbl2 {
	margin: 3px;
	padding: 0;
	width: 720px;
	background-color: #cbcbcb;
	float: left;
}

.btm_env_tbl2_01 {
	margin: 0;
	padding: 5px;
	width: 50%;
	font-weight: bold;
	background-color: #f7f7f7;
	text-align: center;
}

.btm_env_tbl2_02 {
	margin: 0;
	padding: 5px;
	width: 50%;
	background-color: #fff;
}



/* Topics List Page （トピックス一覧）
-------------------------------------------------------------------------------------*/

.topicslist_area {
	margin: 5px 0 0 0;
	padding: 0;
	width: 730px;
	float: left;
	display: inline;
}

dl.topicslist {
	margin: 0;
	padding: 0;
	width: 730px;
	font-size: 12px;
	float: left;
}

dt.topicslist {
	margin: 0 0 0 5px;
	padding: 5px 0 3px 0;
	color: #000;
	font-weight: bold;
	width: 85px;
	float: left;
}

dd.topicslist {
	margin: 0;
	padding: 5px 0 3px 10px;
	width: 720px;
	line-height: 17px;
	color: #474747;
	float: left;
}

dd.topicslist a,
dd.topicslist a:link,
dd.topicslist a:active,
dd.topicslist a:visited {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #00669B;
	text-decoration: none;
}

dd.topicslist a:hover {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #00669B;
	text-decoration: underline;
}





/* Q&A Page （よくある質問）
-------------------------------------------------------------------------------------*/

.ques_area {
	margin: 15px 0 0 10px;
	padding: 0;
	width: 720px;
	float: left;
	display: inline;
}

.ques {
	margin: 0;
	padding: 0;
	width: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #0d76d7;
	float: left;
	display: inline;
}

.ques_txt {
	margin: 0 0 0 10px;
	padding: 0;
	width: 670px;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #144991;
	float: left;
	display: inline;
}

.answ_area {
	margin: 5px 0 0 10px;
	padding: 0 0 10px 0;
	width: 720px;
	border-bottom: 1px dotted #9f9f9f;
	float: left;
	display: inline;
}

.answ {
	margin: 0;
	padding: 0;
	width: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #f93470;
	float: left;
	display: inline;
}

.answ_txt {
	margin: 0 0 0 10px;
	padding: 0;
	width: 670px;
	font-size: 12px;
	line-height: 150%;
	float: left;
	display: inline;
}


/* How to Publish Page （講座を掲載するには）
-------------------------------------------------------------------------------------*/

.howto_publish_btn {
	margin: 10px 10px 20px 10px;
	padding: 0;
	float: left;
	display: inline;
}

.howto_publish_image {
	margin: 10px 10px 0 10px;
	padding: 0;
	float: left;
	display: inline;
}


/* ネットカフェ割引特典
-------------------------------------------------------------------------------------*/

.netcafe_list_btn {
	margin: 10px 0 20px 10px;
	padding: 0;
	width: 250px;
	float: left;
	display: inline;
}

.netcafe_tks_btn {
	margin: 10px 10px 20px 0;
	padding: 0;
	width: 300px;
	float: left;
	display: inline;
}

.netcafe_goukei {
	margin: 10px 0 0 12px;
	padding: 7px 0 0 110px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 28px;
	background: url(../img/netcafe_goukei.gif) no-repeat;
	float: left;
	display: inline;
}

.netcafe_kouzasuu {
	margin: 10px 0 0 30px;
	padding: 7px 0 0 110px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 28px;
	background: url(../img/netcafe_kouzasuu.gif) no-repeat;
	float: left;
	display: inline;
}

.gray_txt {
	color: #8e8e8e;
}

.special_count {
	margin: 0;
	padding: 0;
	width: 716px;
	float: left;
	display: inline;
}

.special_2980 {
	margin: 10px 0 0 12px;
	padding: 7px 0 0 110px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 100px;
	height: 28px;
	background: url(../img/special_2980.gif) no-repeat;
	float: left;
	display: inline;
}

.special_goukei {
	margin: 10px 0 0 12px;
	padding: 7px 0 0 110px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 120px;
	height: 28px;
	background: url(../img/special_goukei.gif) no-repeat;
	float: left;
	display: inline;
}

.special_kouzasuu {
	margin: 10px 0 0 30px;
	padding: 7px 0 0 110px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 28px;
	background: url(../img/special_kouzasuu.gif) no-repeat;
	float: left;
	display: inline;
}

.goukei_price {
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
}

table.netcafe_list_table {
	margin: 10px 0 20px 5px;
	padding: 0;
	width: 730px;
	background-color: #999999;
	float: left;
	display: inline;
}

.netcafe_list_table_td01 {
	margin: 0;
	padding: 3px;
	width: 120px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.netcafe_list_table_td02 {
	margin: 0;
	padding: 3px;
	width: 180px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.netcafe_list_table_td03 {
	margin: 0;
	padding: 3px;
	width: 410px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.netcafe_list_table_td01_d {
	margin: 0;
	padding: 3px;
	width: 100px;
	font-size: 14px;
	color: #666666;
	background-color: #fff;
	text-align: center;
}

.netcafe_list_table_td02_d {
	margin: 0;
	padding: 3px;
	width: 150px;
	font-size: 14px;
	color: #cc0000;
	background-color: #fff;
	text-align: center;
}

.netcafe_list_table_td03_d {
	margin: 0;
	padding: 3px 0 3px 15px;
	width: 480px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	background-color: #fff;
}

.netcafe_list_table_td03_d a:link,
.netcafe_list_table_td03_d a:visited,
.netcafe_list_table_td03_d a:active {
	margin: 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left no-repeat;
}

.netcafe_list_table_td03_d a:hover {
	margin: 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	background: url(../img/square_on.gif) left no-repeat;
	text-decoration: underline;
}


table.special_list_table {
	margin: 10px 0 5px 5px;
	padding: 0;
	width: 730px;
	float: left;
	display: inline;
}

table.special_list_table2 {
	margin: 0 0 20px 5px;
	padding: 0;
	width: 730px;
	float: left;
	display: inline;
	border-top: 2px solid #000;
}

.special_list_table_td01 {
	margin: 0;
	padding: 3px;
	width: 100px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.special_list_table_td02 {
	margin: 0;
	padding: 3px;
	width: 180px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.special_list_table_td03 {
	margin: 0;
	padding: 3px;
	width: 610px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
}

.special_list_table_td01_d {
	margin: 0;
	padding: 3px 10px 3px 0;
	width: 100px;
	font-size: 14px;
	color: #cc0000;
	text-align: right;
}

.special_list_table_td01_d_line {
	margin: 10px 0 0 0;
	padding: 10px 10px 3px 0;
	width: 710px;
	font-size: 14px;
	color: #cc0000;
	text-align: right;
	border-top: 2px solid #000;
}

.bb {
	color: #000;
	font-weight: bold;
}

.special_list_table_td02_d {
	margin: 0;
	padding: 3px;
	width: 150px;
	font-size: 14px;
	color: #cc0000;
	text-align: center;
}

.special_list_table_td03_d {
	margin: 0;
	padding: 3px 0 3px 15px;
	width: 610px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.special_list_table_td01_d_gtop {
	margin: 0;
	padding: 8px 10px 3px 0;
	width: 100px;
	font-size: 14px;
	color: #cc0000;
	text-align: right;
}

.special_list_table_td03_d_gtop {
	margin: 0;
	padding: 8px 0 3px 15px;
	width: 610px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.special_list_table_td01_d_g {
	margin: 0;
	padding: 3px 10px 3px 0;
	width: 100px;
	font-size: 14px;
	color: #cc0000;
	text-align: right;
}

.special_list_table_td03_d_g {
	margin: 0;
	padding: 3px 0 3px 15px;
	width: 610px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.special_list_table_td03_d_line {
	margin: 10px 0 0 0;
	padding: 10px 0 3px 15px;
	width: 610px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	border-top: 2px solid #000;
}

.special_list_table_td03_d a:link,
.special_list_table_td03_d a:visited,
.special_list_table_td03_d a:active {
	margin: 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	text-decoration: none;
	background: url(../img/square.gif) left no-repeat;
}

.special_list_table_td03_d a:hover {
	margin: 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	font-weight: bold;
	color: #00669B;
	background: url(../img/square_on.gif) left no-repeat;
	text-decoration: underline;
}




/* About Entry Page （会員登録について）
-------------------------------------------------------------------------------------*/

.step_area {
	margin: 15px 0 0 0;
	padding: 0;
	width: 730px;
	float: left;
	display: inline;
}

.step {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

.step_txt {
	margin: 7px 0 0 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	float: left;
	display: inline;
}

.step_image {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

.step_image img {
	margin: 0;
	padding: 0;
	border: 1px solid #cfcfcf;
	float: left;
	display: inline;
}

.step_def_txt {
	margin: 7px 0 0 10px;
	padding: 0;
	width: 510px;
	font-size: 12px;
	line-height: 150%;
	float: left;
	display: inline;
}

.step_arrow {
	margin: 0;
	padding: 10px 0 0 50px;
	float: left;
	display: inline;
}

/* 講座購入画面
-------------------------------------------------------------------------------------*/

.iframe_area {
	margin: 0 0 0 150px;
	padding: 0;
	width: 700px;
	height: 150px;
	border: 1px solid #d3d3d3;
	float: left;
	display: inline;
}

.buy_course_name_txt {
	margin: 20px 0 0 150px;
	padding: 0;
	width: 700px;
	float: left;
	display: inline;
}

.buy_course_btn a {
	margin: 20px 0 20px 390px;
	padding: 0;
	float: left;
	display: inline;
	width: 200px;
	height: 50px;
	background: url(../img/buy_course_btn.gif) no-repeat;
}

.buy_course_btn a:hover {
	margin: 20px 0 20px 390px;
	padding: 0;
	float: left;
	display: inline;
	width: 200px;
	height: 50px;
	background: url(../img/buy_course_btn.gif) no-repeat;
}

.ssl_att_area {
	margin: 0 0 50px 150px;
	padding: 20px 0 20px 0;
	width: 700px;
	float: left;
	display: inline;
}

.ssl_area {
	margin: 0 0 0 50px;
	padding: 0;
	width: 200px;
	float: left;
	display: inline;
}

.ssl_area_txt {
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
	display: inline;
}

.buy_att_area {
	margin: 0 0 50px 150px;
	padding: 20px 0 20px 0;
	width: 700px;
	border: 1px solid #d3d3d3;
	float: left;
	display: inline;
}

.card_area {
	margin: 0 0 0 50px;
	padding: 0;
	width: 200px;
	float: left;
	display: inline;
}

.card_area_txt {
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
	display: inline;
}


.kiyaku_ttl_txt {
	margin: 10px 0 0 3px;
	padding: 0 0 0 20px;
	width: 660px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	display: block;
	background: url(../img/bg_ttl_txt.gif) no-repeat;
}


.kiyaku_txt {
	margin: 3px 0 0 3px;
	padding: 3px;
	width: 660px;
	font-size: 12px;
	float: left;
	display: block;
}


/* Inquiry Page （お問い合わせ・サポート）
-------------------------------------------------------------------------------------*/

table.inq_table {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 710px;
	float: left;
}

.inq_tbl01 {
	margin: 0;
	padding: 6px;
	width: 20%;
	font-size: 12px;
	color: #474747;
	text-align: right;
}

.inq_tbl02 {
	margin: 0;
	padding: 6px;
	width: 80%;
}


/* Escape Page （免責事項ページ）
-------------------------------------------------------------------------------------*/

h2.title_escape {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_escape.gif) no-repeat;
	float: left;
}

/* Deal Page （特定商取引についてページ）
-------------------------------------------------------------------------------------*/

h2.title_deal {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 730px;
	height: 29px;
	background: url(../img/title_deal.gif) no-repeat;
	float: left;
}

/**choi 091215**/
h2.title_bar{margin:0; padding:3px 0 0 5px; border-bottom:5px solid #000; width: 245px; height: 22px; font-weight:bold; font-size:16px; font-weight:bold; float: left;}
h2.title_bar_big{margin:6px 0 0 0; padding:7px 0 0 6px; width:1000px; height:22px; border-bottom:5px solid #000; font-weight:bold; font-size:16px; float:left;}
h2.title_bar_mid{margin:0; padding:3px 0 0 6px; width:730px; height:22px; border-bottom:5px solid #000; font-weight:bold; font-size:16px; float:left;}
h2.category_title_bar{margin:0; padding:7px 0 0 6px; width:724px; height:22px; border-bottom:5px solid #000; font-weight:bold; font-size:16px; float:left;}
.category_title_bar{margin:0; padding:7px 0 0 6px; width:724px; height:22px; border-bottom:5px solid #000; font-weight:bold; font-size:16px; float:left;}
.test_title{width:730px; height:30px; line-height:30px; background:#666; color:#FFF; text-align:center; font-size:14px; font-weight:bold; margin:10px 0; clear:both;}
.test_box{margin-bottom:50px;}
.test_box .small_link{padding:5px 30px 5px 0; margin:5px 0; clear:both;}
.test_ttl{width:720px; line-height:24px; font-size:14px; font-weight:bold; border-left:5px solid #000; padding-left:5px; margin:10px 0; clear:both;}
.test_ttl_wrong{width:720px; line-height:24px; font-size:14px; font-weight:bold; border-left:5px solid #F00; color:#F00; padding-left:5px; margin:10px 0; clear:both;}
.test_links_con{width:720px; background:#CCC; padding-left:10px; clear:both;}
.test_links_con2{width:720px; height: 39px; border-bottom: 5px solid #000; margin-top: -14px; float: left; display: inline;}
.test_links_con li{margin:0px 15px; padding: 5px; float:left;}
.test_table{width:350px; margin:10px auto; border:1px solid #CCC; background:#fff; text-align:center; clear:both;}
.test_table th{font-weight:bold;}
.test_table .wrong{background:#F00; color:#FFF;}
.kotaebox{background:#FFF; width:700px; margin:0 auto; padding:10px; border:1px dashed #006699;}
.kotaebox_wrong{background:#FFF; width:700px; margin:0 auto; padding:10px; border:1px dashed #F00; color:#930;}

.test_links_con2_txt {
	margin: 0;
	padding: 17px 0 0 5px;
	float: left;
	display: inline;
}

.fwhite{color:#FFF;}
.fred{color:#F00;}
.fblue{color:#006699;}
.fb{font-weight:bold;}
.f16 {font-size:16px;}
.f24 {font-size:24px;}