/* ==========================================================================
   Helper classes
   ========================================================================== */

html{
	margin:0;
	padding:0;
	border:0;
	height:100%;
	overflow-y: scroll;
}
body {
    font-family:"Meiryo","繝｡繧､繝ｪ繧ｪ","MS UI Gothic","Tahoma","Lucida Grande","繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro W4","Osaka","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
    margin:0;
	padding:0;
    line-height:1.5;
    font-weight:normal;
    font-style:normal;
	height:100%;
	border:0;
}

select,
input,
button,
textarea {
    font:100% ;
}
table {
    font-size:inherit;
    font:100%;
}
img{
border:0px;
}

h1 ,h2 ,h3 ,h4 , h5, tr, td, th, ul, li, p, span,a{
    margin: 0;
	padding:0;
	list-style:none;
	text-align: justify;
	font-size:18px;
	color:#666666;
}
h1 ,h2 ,h3 ,h4{
    font-weight: normal;
}

a{
	text-decoration:none;
	color:#000000;
	font-size:14px;
}


/* Remove text-shadow in selection highlight */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin:0;
    padding: 0;
}
/* Remove the gap between images and the bottom of their containers: */
img {
    vertical-align: middle;
}
/* Remove default fieldset styles. */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/* Allow only vertical resizing of textareas. */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mg180{margin-left:180px;}
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr70{margin-right:70px;}
.mgb10{margin-bottom:10px!important;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.pdt20{padding-top:20px;}
.pd5{padding:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdl20{padding-left:20px!important;}
.pdl5{padding-left:5px;}
.pdl30{padding-left:30px;}
.pdr10{padding-right:10px;}
.pdr40{padding-right:40px;}
.pdb30{padding-bottom:30px;}
.text8{font-size:8px;}
.text9{font-size:9px;}
.text10{font-size:10px;}
.text11{font-size:11px;}
.text12{font-size:12px;}
.text13{font-size:13px!important;}
.text14{font-size:14px!important;}
.text15{font-size:15px!important;}
.text16{font-size:16px;}
.text17{font-size:17px;}
.text18{font-size:18px;}
.text19{font-size:19px;}
.text20{font-size:20px;}
.text26{font-size:26px!important;}
.text30{font-size:30px;}
.text31{font-size:31px;}
.text40{font-size:40px;}
.text50{font-size:50px;}
.text51{font-size:51px;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.textleft{text-align:left!important;}
.mgcenter{margin-left:auto; margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.brt{border-top:1px solid #000;}
.brb{border-bottom:1px solid #000;}
.brl{border-left:1px solid #000;}
.brr{border-right:1px solid #000;}
.brtd{border-top:1px dashed #000;}
.brbd{border-bottom:1px dashed #000;}
.brld{border-left:1px dashed #000;}
.brrd{border-right:1px dashed #000;}
.brbdg{border-bottom:1px dashed #666;}
.clear{clear:both;}
.red{color:#C51F26;}
.gray{color:gray;}
.blue{color:blue;}
.center{text-align:center;}
.Tright{text-align:right;}
.Tleft{text-align:left;}
.ls1{letter-spacing:-1px;}
.display-b{display:block;}
.text-none{text-decoration:none;}
.text_white{color:#fff;}
.text_green{color:#87BE00;}
.textunderline{text-decoration:underline;}
.h_orange:hover{color:#FF8F00;}
.h_orange a:hover{color:#FF8F00;}
.line-hegiht23{line-height:2.3em;}
.w100{width:100%!important;}

/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/* 螳悟�縺ｫ豸医☆*/
.hidden {
    display: none !important;
    visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}
/* Clearfix: contain floats */
.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a:hover img.trans06{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
a:hover img.trans08{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}


/* ==========================================================================
   common
   ========================================================================== */
.content{
}
div.allwidth{
	width:980px;
	margin:0 auto;
}
body{
	background:url(/img_front/bg2.png) repeat;
}
.header_text{
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 2px #000;
	line-height:44px;
}

div#header_content{
	background:url(/img_front/header_bg.png) repeat-x;
	height:44px;
}
div.header_page_back{
	background:url(/img_front/back_bg.png) no-repeat;
	line-height:44px;
	width:33px;
	padding-left:15px;
	float:left;
}
.page_No{
	margin-right:35px;
}
div.header_left{
	float:left;
}
div.header_left a{
	float:left;
}
div.header_left span.text_size_text{
	margin-right:5px;
	float:left;
}
div.text_size{
	float:left;
	background:url(/img_front/text_bg.png) no-repeat;
	width:33px;
	height:44px;
	margin-left:5px;
	text-align:center;
}
div.header_left div.choice{
	background:url(/img_front/text_choice.png) no-repeat;
}
div.text_size:hover{
	background:url(/img_front/text_choice.png) no-repeat;
}
div.header_right{
	float:right;
}
div.contact_bottom{
	background:url(/img_front/contact_bg.png) no-repeat;
	text-align:center;
	width:108px;
}
div.contact_bottom:hover{
	background:url(/img_front/contact_bg_h.png) no-repeat;
}
#main_content{
	background:#fff;
	padding-bottom:25px;
}
div.main_column{
	padding:5px 0 0;
}
ul.menu_admin{
	clear:both;
	padding:2px 25px;
	margin-bottom:10px;
	background:url(/img_front/menu_admin_bar.png) no-repeat 25px center #8EBB00;
}
ul.menu_admin li{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 2px #000;
	padding:15px 0;
	text-align:center;
	width:165px;
	float:left;
	background:url(/img_front/menu_admin_bar.png) no-repeat right center;
}
ul.menu_admin a:hover li{
	background:url(/img_front/menu_admin_bar.png) no-repeat right center #389600;
}
ul.menu_admin a li.menu_admin_choice{
	background:url(/img_front/menu_admin_bar.png) no-repeat right center #389600;
}
.main_content_admin{
	margin-top:35px;
	padding:0 160px;
}

/*--------------   邂｡逅�判髱｢繝ｭ繧ｰ繧､繝ｳ   --------------*/
.logo_text_admin{
	text-align:center;
	letter-spacing:3px;
	margin-top:5px;
}
.logo_text_admin span{
	color:#535353;
	font-size:13px;
}
/*--------------   繧ｳ繝ｳ繝�Φ繝��邱ｨ髮�   --------------*/
a.change_btn{
	text-indent:-9999px;
	background:url(/img_front/change.png) no-repeat;
	width:91px;
	height:26px;
	display:block;
	margin:0 auto;
}

a.change_btn:hover{
	background:url(/img_front/change_h.png) no-repeat;
}
table.quest_list{
	width:100%;
	margin-bottom:10px;
	border-spacing:0;
	border-collapse:collapse;
	border-bottom:6px solid #88BE00;
}
table.quest_list th{
	text-align:center;
	background:#FF8F00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:3px 0;
}
table.quest_list th.green_bg{
	background:#88BE00;
}
table.quest_list td{
	font-size:14px;
	line-height:33px;
}
table.quest_list td.record_1{
	color:#87BE00;
	font-weight:bold;
	padding:3px 0 3px 30px;
	text-align:center;
	width:2em;
	font-size:18px;
}

table.quest_list td.kamoku_title{
	font-size:18px;
	padding-left:30px;
}
.orange_light_bg{
	background:#FFD253;
}
.record_orange{
	color:FF8F00;
	font-size:14px;
	padding-right:13px;
	text-align:right;
}
.list_back a{
	background:url(/img_front/list_back.png) no-repeat;
	width:110px;
	height:30px;
	text-indent:-9999px;
	display:block;
	margin-bottom:50px;
}
.list_back a:hover{
	background:url(/img_front/list_back_h.png) no-repeat;
}
table.quest_list_answer{
	border-bottom:none;
	margin-bottom:0;
}
.orange{color:#FF9100}
.quest_edit_title{
	background:#FF8F00;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:3px;
}
.quest_edit{
	border-bottom:6px solid #FFE8A6;
	border-left:6px solid #FFE8A6;
	border-right:6px solid #FFE8A6;
	padding:20px;
	margin-bottom:35px;
}
.border textarea{
	border:1px solid #666666;
	padding:10px;
	font-size:14px;
	color: #666666;
	margin-bottom:20px;
	width:97%;
}
.border p{
	font-size:14px;
}
.quest_answer{
	border-spacing:10px;
	margin-bottom:30px;
}
.quest_answer td{
	font-size:16px;
	color:#FF9100;
	text-align:center;
}
.quest_answer td+td textarea{
	text-align:left;
	font-size:14px;
	color:#666666;
	border:1px solid #666666;
	padding:10px;
	width:520px;
	height:3.5em;
}
.quest_answer td+td+td{
	border:none;
	text-align:center;
}

/*--------------   莠区･ｭ謇€荳€隕ｧ   --------------*/
.user_list_info{
	background:url(/img_front/user_list.png) no-repeat;
	width:111px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
.user_list_info:hover{
	background:url(/img_front/user_list_h.png) no-repeat;
}
.jigyosho_info{
	background:url(/img_front/jigyosho_info.png) no-repeat;
	width:111px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
.jigyosho_info:hover{
	background:url(/img_front/jigyosho_info_h.png) no-repeat;
}
.delete{
	background:url(/img_front/delete.png) no-repeat;
	width:81px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
.delete:hover{
	background:url(/img_front/delete_h.png) no-repeat;
}
.change_jigyosho_info{
	display:block;
	background:url(/img_front/change_jigyosho_info.png) no-repeat;
	width:155px;
	height:36px;
	text-indent:-9999px;
}
.change_jigyosho_info:hover{
	background:url(/img_front/change_jigyosho_info_h.png) no-repeat;
}
/*--------------   譁ｰ隕丈ｺ区･ｭ謇€霑ｽ蜉�   --------------*/
.ad_jigyosho{
	display:block;
	background:url(/img_front/ad_jigyosho.png) no-repeat;
	width:146px;
	height:143px;
	float:left;
	text-indent:-9999px;
	margin:30px 92px 60px;
}
.ad_jigyosho:hover{
	background:url(/img_front/ad_jigyosho_h.png) no-repeat;
}
.ad_user{
	display:block;
	background:url(/img_front/ad_user.png) no-repeat;
	width:145px;
	height:144px;
	float:left;
	text-indent:-9999px;
	margin:30px 92px 60px;
}
.ad_user:hover{
	background:url(/img_front/ad_user_h.png) no-repeat;
}
.pankuzu{
	font-size:13px;
	padding:0 25px;
}
.pankuzu a{
	font-size:13px;
	text-decoration:underline;
	color:#666;
}
.ad_title{
	background:#88be00;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	padding:3px 0;
	margin-top:30px;
}
.ad_user_title{
	background:#ff8f00;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	padding:3px 0;
	margin-top:30px;
}
.ad_jigyosho_btn{
	display:block;
	margin:30px auto;
	background:url(/img_front/ad_jigyosho_btn.png) no-repeat;
	width:198px;
	height:36px;
	text-indent:-9999px;
}
.ad_jigyosho_btn:hover{
	background:url(/img_front/ad_jigyosho_btn_h.png) no-repeat;
}
.ad_user_btn{
	display:block;
	background:url(/img_front/ad_user_btn.png) no-repeat;
	width:198px;
	height:36px;
	text-indent:-9999px;
	margin:30px auto;
}
.ad_user_btn:hover{
	background:url(/img_front/ad_user_btn_h.png) no-repeat;
}
/*--------------   繝ｦ繝ｼ繧ｶ繝ｼ荳€隕ｧ�井ｺ区･ｭ閠�ｼ�   --------------*/
.user_list td{
	padding-top:5px;
	padding-bottom:5px;
}
.user_info_btn{
	background:url(/img_front/user_info.png) no-repeat;
	width:103px;
	height:26px;
	text-indent:-9999px;
	display:block;
}
.user_info_btn:hover{
	background:url(/img_front/user_info_h.png) no-repeat;
}

/*--------------   繝ｦ繝ｼ繧ｶ繝ｼ荳€隕ｧ�井ｺ区･ｭ閠�ｼ�   --------------*/
.user_detail{
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}
.user_detail_admin{
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	margin-bottom:70px;
}
p.admin_color{
	font-size:14px;
	color:#797979;
}
.user_detail th,.user_detail td{
	border-bottom:1px #999 dotted;
	font-size:14px;
	padding-top:15px;
	padding-bottom:15px;
}
.user_detail_admin th,.user_detail_admin td{
	border-bottom:1px #999 dotted;
	font-size:15px;
	padding-top:15px;
	padding-bottom:15px;
	vertical-align: top;
	font-weight: 100;
}
td.last, th.last{
	border-bottom: none;
}
.lineheight{
	line-height: 32px;
}
.user_detail_admin td{
	color:#797979;
}
.user_detail_admin td span{
	color:#A5CE3F;
}
span.light_green{
	color:#A5CE3F;
}
.user_detail_admin td a{
	color:#797979;
	font-size: 16px;
	text-decoration: underline;
}
td.letter_space{
	letter-spacing: 0.5em;
}
.user_detail_admin th{
	color: #A5CE3F;
}
td.pd0{
	padding: 0;
}
td.pdtop0{
	padding-top: 0;
}
td.pdbtm0{
	padding-bottom: 0;
}
div.frame{
	border: 1px solid #797979;
	margin-bottom: 70px;
	text-align: center;
	padding: 15px 0;
}
div.frame p{
	text-align: center;
	font-size: 14px;
	color:#797979;
}
table.mg0{
	margin-bottom: 0;
}
div.frame p a{
	color:#797979;
	font-size: 14px;
	text-decoration: underline;
}
.about_study{
	margin-top:20px;
	margin-bottom:20px;
	font-size:14px;
}
.about_study span{
	font-size:23px;
	font-weight:bold;
	padding-right:30px;
}
/*--------------   login   --------------*/
.content div.bg_green{
	background:#88BE00!important;
}

.content div.bg_orange {
	background-color:#f4a21d!important;
}

.login_content{
	width:667px;
	margin:60px auto 25px;
}
.login_content_bg{
	height:371px;
	background:#fff;
	text-align:center;
	padding-top:35px;
	border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-shadow:3px 3px 4px #000;
}
.logo_text{
	color:#777777;
	font-size:19px;
	text-align:center;
	letter-spacing:3px;
	margin-top:5px;
	margin-bottom:10px;
}
table.login_id{
	margin:0 auto;
	border-spacing: 10px;
}
table.login_id td{
	font-size:24px;
	color:#777777;
}
table.login_id td input{
	height:34px;
	width:362px;
	font-size:30px;
}
span.auto_login{
	color:#535353;
	padding-left:5px;
	font-size:13px;
}
p.login_bottom a{
	margin:30px auto 0;
	background:url(/img_front/login_button.png) no-repeat;
	text-indent:-9999px;
	width:150px;
	height:50px;
	display:block;
}
p.login_bottom a:hover{
	background:url(/img_front/login_button_h.png) no-repeat;
}
.login_footer{
	padding-top:10px;
	margin:0 10px;
	border-top:1px solid #fff;
}
.login_footer p{
	color:#fff;
	text-align:center;
}

/*--------------   mypage   --------------*/
.left_column{
	width:260px;
	float:left;
	padding-left:25px;
	padding-right:25px;
	margin-top:10px;
}
ul.side_menu li{
	text-indent:-9999px;
	margin-bottom:10px;
}
.menu1{
	background:url(/img_front/mypage_sidebar1.png) no-repeat;
	width:260px;
	height:73px;
}
.menu2{
	background:url(/img_front/mypage_sidebar2.png) no-repeat;
	width:260px;
	height:73px;
}
.menu3{
	background:url(/img_front/mypage_sidebar3.png) no-repeat;
	width:260px;
	height:73px;
}
.menu4{
	background:url(/img_front/mypage_sidebar4.png) no-repeat;
	width:260px;
	height:73px;
}
.menu1:hover,ul.side_menu li.menu_choice1{
	background:url(/img_front/mypage_sidebar1_h.png) no-repeat;
}
.menu2:hover,ul.side_menu li.menu_choice2{
	background:url(/img_front/mypage_sidebar2_h.png) no-repeat;
}
.menu3:hover,ul.side_menu li.menu_choice3{
	background:url(/img_front/mypage_sidebar3_h.png) no-repeat;
}
.menu4:hover,ul.side_menu li.menu_choice4{
	background:url(/img_front/mypage_sidebar4_h.png) no-repeat;
}

.right_column{
	margin-top:20px;
	float:left;
	width:655px;
}
.user_name{
	text-decoration:underline;
	color:#87BE00;
}
.user_name:hover{
	color:#FF8F00;
}

.log_out{
	float:right;
	background:url(/img_front/logout_button.png) no-repeat;
	width:115px;
	height:35px;
	text-indent:-9999px;
}
.log_out:hover{
	background:url(/img_front/logout_button_h.png) no-repeat;
}
table.status{
	margin-left:70px;
	margin-bottom:45px;
}

table.record{
	width:644px;
	border-spacing:0;
	border-collapse:collapse;
}
table.record th{
	text-align:center;
	background:#88BE00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:3px 0;
}
table.record .border_l_999{
	border-left:1px dotted #999;
}
table.record td{
	font-size:19px;
}
table.record td.record_1{
	color:#87BE00;
	font-weight:bold;
	padding:3px 30px;
	text-align:center;
	width:2em;
}
table.record tr.last{
	border-bottom:6px solid #88BE00;
}
.record_bg_green{
	background:#E1F5B7;
}
table.record td+td+td+td+td{
	color:#FFF;
	background:#C9DF7F;
}
table.record tr.record_bg_green td+td+td+td+td{
	background:#B1D65B;
}
table.record th+th+th+th{
	background:#6BA600;
}
#footer_content{
	clear:both;
}
#footer_content ul{
	text-align:center;
	left:50%;
	position:relative;
	float:left;
}
#footer_content ul li{
	background:url(/img_front/saisei_icon2.png) no-repeat left top;
	padding-left:20px;
	float:left;
	position:relative;
	left:-50%;
	font-size:13px;
	margin-bottom:10px;
	line-height:17px;
}
#footer_content ul li:hover{
	color:#FF8F00;
	text-decoration:underline;
}
#footer_content p{
	border-top:3px solid #86BF00;
	color:#87BE00;
	padding-top:10px;
	text-align:center;
	font-size:12px;
}


/*--------------   蟄ｦ鄙偵せ繧ｿ繝ｼ繝�learning   --------------*/
p.learning_title{
	font-size:19px;
	color:#84BF19;
	font-weight:bold;
	padding-top:20px;
}
table.learning td.learning1{
	color:#87BE00;
	font-size:10px;
	width:30px;
	text-align:center;
}
table.learning{
	width:644px;
	border-spacing:0;
	border-collapse:collapse;
	margin-bottom:50px;
}
table.learning th{
	text-align:center;
	background:#88BE00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:3px 0;
}
table.learning td{
	font-size:19px;
}
table.learning td.learning2{
	color:#87BE00;
	font-weight:bold;
	padding:5px 13px 5px 3px;
	text-align:center;
	width:2em;
}
table.learning tr.last{
	border-bottom:6px solid #88BE00;
}
div.learning_bg{
	background:#BCDB70;
	box-shadow:-1px 3px 7px #666 inset;
	border-spacing:0;
	border-left:5px solid #88BD00;
	padding:10px 0;
}

.learning_bg_green{
	background:#E1F5B7;
}

td.exposition a{
	background:url(/img_front/exposition.png) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:30px;
	display:block;
	float:right;
	margin-right:5px;
}
td.exposition a:hover,table.learning td.exposition_choice a{
	background:url(/img_front/exposition_h.png) no-repeat;
}
table.learning_exposition{
	padding-left:80px;
	width:100%;
}
table.learning table.learning_exposition td.learning_exposition_text{
	font-size:16px;
	font-weight:bold;
	background:url(/img_front/dash0.png) repeat-x center;
	padding-right:30px;
}
table.learning_exposition td.learning_exposition_text span{
	background:#bcdb70;
	padding-right:5px;
}
td.learning_start a{
	background:url(/img_front/start_bottom.png) no-repeat;
	width:140px;
	height:40px;
	text-indent:-9999px;
	float:right;
	display:block;
}
td.learning_start a:hover{
	background:url(/img_front/start_bottom_h.png) no-repeat;
}

/*--------------   quest   --------------*/
div.quest_title_content{
	padding:0 10px 15px;
}
.Q_title{
	color:#777777;
	font-size:15px;
	width:70%;
	float:left;
}
.Q_title_large{
	font-size:23px;
	color:#777777;
}
ul.quest_list{
	clear:both;
}
ul.quest_list li{
	float:left;
}
ul.quest_list li.To_back_icon{
	background:url(/img_front/To_back_icon.png) no-repeat;
	width:49px;
	height:49px;
	text-indent:-9999px;
}
ul.quest_list li.To_back_icon:hover{
	background:url(/img_front/To_back_icon_h.png) no-repeat;
}
ul.quest_list li.select_icon{
	background:url(/img_front/select_icon.png) no-repeat;
	width:49px;
	height:49px;
	text-indent:-9999px;
}
ul.quest_list li.question_icon{
	background:url(/img_front/question_icon.png) no-repeat;
	width:49px;
	height:49px;
	text-indent:-9999px;
}
ul.quest_list li.To_lead_icon{
	background:url(/img_front/To_lead_icon.png) no-repeat;
	width:49px;
	height:49px;
	text-indent:-9999px;
}
ul.quest_list li.To_lead_icon:hover{
	background:url(/img_front/To_lead_icon_h.png) no-repeat;
}
ul.quest_list li.question_icon:hover{
	background:url(/img_front/select_icon.png) no-repeat;
}
ul.quest_list li.question_No{
	color:#666666;
	font-size:15px;
	padding-top:27px;
	margin-left:10px;
}
p.limit_interruption{
	float:right;
	margin-top:13px;
}
span.limit{
	margin-top:10px;
	display:block;
	float:left;
}
span.interruption{
	background:url(/img_front/interruption.png) no-repeat;
	width:90px;
	height:34px;
	text-indent:-9999px;
	display:block;
	float:right;
	margin-left: 10px;
}
span.interruption:hover{
	background:url(/img_front/interruption_h.png) no-repeat;
}

.quest_content h2{
	background:#82C231;
	color:#fff;
	font-size:24px;
	line-height:50px;
	padding-left:20px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-top-left: 15px;
    -moz-border-radius-top-right: 15px;
	/*box-shadow:3px 3px 4px #000;*/
}
div.choices{
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	box-shadow:3px 3px 4px #000;
	padding:30px 40px;
	margin-bottom:25px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottom-left: 15px;
    -moz-border-radius-bottom-right: 15px;
}
p.quest_text{
	margin-bottom:20px;
}
.choices input{
    display:none;
}

.choices label{
    padding:3px 0 3px 70px;
    background-size:55px 55px;
    cursor:pointer;
	display: flex;
}
/*縲€繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ 譛ｪ驕ｸ謚樊凾縺ｮ閭梧勹謖�ｮ壹€€*/
label.choice_radio1 {
    background:url(/img_front/choice_first.png) no-repeat left center;
}
label.choice_radio2 {
    background:url(/img_front/choice_second.png) no-repeat left center;
}
label.choice_radio3 {
    background:url(/img_front/choice_third.png) no-repeat left center;
}
label.choice_radio4 {
    background:url(/img_front/choice_fourth.png) no-repeat left center;
}
label.choice_radio5 {
    background:url(/img_front/choice_fifth.png) no-repeat left center;
}

/*縲€繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ 驕ｸ謚樊凾縺ｮ閭梧勹謖�ｮ壹€€*/
input[type="radio"]:checked + label.choice_radio1 {
    background:url(/img_front/choice_first_h.png) no-repeat left center;
}
input[type="radio"]:checked + label.choice_radio2 {
    background:url(/img_front/choice_second_h.png) no-repeat left center;
}
input[type="radio"]:checked + label.choice_radio3 {
    background:url(/img_front/choice_third_h.png) no-repeat left center;
}
input[type="radio"]:checked + label.choice_radio4 {
    background:url(/img_front/choice_fourth_h.png) no-repeat left center;
}
input[type="radio"]:checked + label.choice_radio5 {
    background:url(/img_front/choice_fifth_h.png) no-repeat left center;
}


div.choice_text{
	padding: 0 8px;
}
div.choice_text span.choice_text_box{
	border:1px solid #999999;
	padding:25px 15px;
	border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-left: 15px;
	width:744px;
	display:block;
}
div.choice_text span.choice_q{
	background:#DDDDDD;
}
p.back_botton{
	float:left;
}
p.back_botton a{
	background:url(/img_front/back_botton.png) no-repeat;
	width:150px;
	height:50px;
	float:left;
	margin-right:20px;
	text-indent:-9999px;
	display:block;
}
p.back_botton a:hover{
	background:url(/img_front/back_botton_h.png) no-repeat;
}
p.next_botton a{
	background:url(/img_front/next_botton.png) no-repeat;
	width:150px;
	height:50px;
	text-indent:-9999px;
	float:left;
	display:block;
}
p.next_botton{
	float:left;
}
p.next_botton a:hover{
	background:url(/img_front/next_botton_h.png) no-repeat;
}
p.submission_botton{
	background:url(/img_front/submission_botton.png) no-repeat;
	width:150px;
	height:50px;
	text-indent:-9999px;
}
p.submission_botton:hover{
	background:url(/img_front/submission_botton_h.png) no-repeat;
}
span.quest_count{
	font-size:14px;
	float:right;
	color:#fff;
	margin-right:10px;
}


/*--------------   answer   --------------*/

span.mypage_bottom{
	display:block;
	background:url(/img_front/mypage_button.png) no-repeat;
	width:170px;
	height:50px;
	text-indent:-9999px;
}
span.mypage_bottom:hover{
	background:url(/img_front/mypage_button_h.png) no-repeat;
}
div.answer_box{
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	box-shadow:3px 3px 4px #000;
	padding:20px 45px 20px 45px;
	margin-bottom:25px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottom-left: 15px;
    -moz-border-radius-bottom-right: 15px;
}
table.answer_list{
	border-spacing:0;
	margin:20px 0;
	width:100%;
}
table.answer_list th{
	background:#E1F5B7;
	color:#84BF19;
	font-weight:bold;
	text-align:center;
	padding:10px 5px;
	border-bottom:1px solid #333333;
}
table.answer_list td{
	text-align:center;
	padding:10px 5px;
	border-bottom:1px solid #333333;
}
tr.answer_list_top th,tr.answer_list_top td{
	border-bottom:4px solid #333333;
	color:#84BF19;
	font-weight:bold;
	font-size:14px;
}
tr.answer_list_last th,tr.answer_list_last td{
	border-bottom:3px solid #000;
}
div.commentary_bg{
	background:#BCDB70;
	box-shadow:-3px 10px 10px #666 inset;
	border-spacing:0;
	border-left:5px solid #88BD00;
	padding:10px 20px;
}
table.quest_choice{
	border-spacing:0;
}
table.quest_choice th{
	color:#fff;
	background:none;
	text-align:left;
	border-bottom:none;
	font-size:15px;
}
table.quest_choice td{
	color:#fff;
	text-align:left;
	border-bottom:1px dotted #666666;
	vertical-align:top;
	font-size:13px;
}
table.quest_choice td+td{
	font-size:13px;
	width:784px;
}
table.quest_choice tr.last_quest_choice td{
	border-bottom:none;
}


table.answer_list td.pd0{
	padding:0;
}
table.commentary{
	border-spacing:0;
}
table.commentary td{
	text-align:left;
	border-bottom:1px dotted #666666;
	vertical-align:top;
	font-size:15px;
}
span.reference{
	background:#84C11B;
	padding:5px 20px;
	color:#fff;
	margin-top:15px;
	float:left;
	display:block;
	border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-size:14px;

}
h3.kaisetsu{
	background:url(/img_front/kaisetsu_bg.png) repeat-x;
	text-align:center;
}
h3.kaisetsu span{
	background:#BCDB70;
	color:#1F511A;
	font-size:18px;
	letter-spacing:15px;
	padding-left:15px;
	font-weight:bold;
}

.red{
	color:#f00!important;
}
.border_r_d{
	border-right:1px #777777 dotted;
}
.answer_list_border_right{
	border-right:2px solid #333333;
}
table.answer_list td.To_answer,table.answer_list td.To_answer_close{
	padding:10px 20px;
}
td.To_answer a{
	background:url(/img_front/kaisetsu_button_open.png) no-repeat;
	width:130px;
	height:43px;
	text-indent:-9999px;
	display:block;
	float:right;
}
.To_answer a:hover{
	background:url(/img_front/kaisetsu_button_open_h.png) no-repeat;
}
.To_answer_close a{
	background:url(/img_front/kaisetsu_button_close.png) no-repeat;
	width:130px;
	height:43px;
	text-indent:-9999px;
	display:block;
	float:right;
}
.To_answer_close a:hover{
	background:url(/img_front/kaisetsu_button_close_h.png) no-repeat;
}

.pager{
	text-align:center;
}
.pager span{
	font-size:14px;
	padding-right:10px;
}
.pager a span{
	color:#FF8F00;
	text-decoration:underline;
}


/*--------------   莨壼藤諠��ｱ   --------------*/
div.right_column p.member_title{
	font-size:19px;
	font-weight:bold;
	color:#84BF19;
	border-bottom:3px solid #86BF00;
	padding-top:20px;
	text-indent:0;
}
table.member{
	width:655px;
	border-spacing:0;
	margin-bottom:15px;
}
table.member td{
	padding:23px 0;
	border-bottom:1px dotted #999999;
	font-size:16px;
}
p.change{
	float:right;
}
p.change a{
	display:block;
	background:url(/img_front/member_change.png) no-repeat;
	width:142px;
	height:36px;
	text-indent:-9999px;
}
p.change a:hover{
	background:url(/img_front/member_change_h.png) no-repeat;
}

/*--------------   縺雁撫縺�粋繧上○   --------------*/
.contact_title{
	font-size:19px;
	font-weight:bold;
	color:#84BF19;
	border-bottom:3px solid #86BF00;
	padding-top:20px;
}
.contact p{
	padding:23px 0;
	border-bottom:1px dotted #999999;
	font-size:16px;
	width:100%;
}
.contact input,.contact textarea{
	font-size:15px;
}
.contact p.content_last{
	border-bottom:2px solid #999999;
}
p.border_none{
	border:none!important;
}

.forget_text{
	color:#777777;
	font-size:13px;
}
.submit{
	margin-top:30px;
	text-align:center;
}
.submit a{
	background:url(/img_front/submit.png) no-repeat center;
	width:153px;
	height:55px;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}
.submit a:hover{
	background:url(/img_front/submit_h.png) no-repeat center;
}

.static_text h2{
	font-size:14px;
	color:#87BE00;
	font-weight:bold;
	padding-top:15px;
}
.static_text p{
	font-size:13px;
	text-indent:1em;
	padding-top:5px;
	padding-bottom:15px;
}
.static_text li{
	font-size:13px;
	padding-top:5px;
}
.policy{
	margin-bottom:60px;
}
.policy p{
	border-bottom:1px dotted #999;
}
.policy ul{
	padding-bottom:15px;
	border-bottom:1px dotted #999;
}

/*--------------   蟄ｦ鄙偵�縺励°縺�   --------------*/
table.green_how_to{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}
table.green_how_to th{
	background:#88BE00;
	text-align:center;
	color:#fff;
	padding:5px;
	font-size:13px;
}

table.green_how_to th+th{
	border-left:1px #999999 dotted;
}
table.green_how_to th+th+th{
	border:none;
}
table.green_how_to td{
	padding-left:25px;
	font-size:14px;
}
table.green_how_to td+td{
	padding-left:40px;
}
table.green_how_to td+td+td{
	padding-right:50px;
}
table.green_how_to td+td{
	border-left:1px #999999 dotted;
}
table.green_how_to td+td+td{
	border:none;
}
.bg_light_green{
	background:#E1F5B7;
}
.how_to h3{
	font-weight:bold;
	font-size:13px;
}
table.orange_how_to{
	border-spacing:0;
	border-collapse:collapse;
	margin-bottom:25px;
	margin-left:35px;
}
table.orange_how_to td{
	border-bottom:1px solid #fff;
	padding:1px 5px;
	font-size:13px;
}
table.orange_how_to .orange_bg{
	background:#FFD23A;
}
ul.list_how_to li{
	margin-left:20px;
	list-style-type: decimal;
}
input.button_download{
    background-color: #000;
    background-image: -moz-linear-gradient(center top , #7f7f7f 0%, #5f5f5f 49%, #5f5f5f 50%, #171717);
    border: 1px solid #222222;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 20px auto 0;
    width: 210px;
    border-radius: 5px;        /* CSS3闕画｡� */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 5px;   /* Firefox逕ｨ */

}

.ikkatsu_btn{
	width:175px;
	height:36px;
	background:url(/img_front/ikkatsu.jpg) no-repeat;
	margin:10px auto;
	text-indent:-999px;
	border:none;
	cursor:pointer;

}

.ikkatsu_btn:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}

tr.bg_menjo{
	border-top:1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	background: #E4E4E4;
	background-image: radial-gradient(#7F7F7F 20%, transparent 0), radial-gradient(#7F7F7F 20%, transparent 0);
	background-position: 0 0, 3px 3px;
	background-size: 3px 3px;
}
tr.bg_menjo td.record_1,tr.bg_menjo td.learning2{
	color:#7F7F7F;
}
tr.bg_menjo span{
	background-color: #fff;
	padding: 3px 5px 0;
	font-size: 13px;
	border: 1px solid #7F7F7F;
	margin-top: 4px;
	margin-right: 5px;
	display:block;
	float:right;
}
tr.bg_menjo span span{
	border:none;
	margin:0;
	padding:0;
}
table.record td+td+td+td+td{
	color:#666;
	font-weight: bold;
	background:#C9DF7F;
}
table.record tr.record_bg_green td+td+td+td+td{
	background:#B1D65B;
}
table.record th+th+th+th{
	background:#6BA600;
}
table.record td.textwhite{color:#fff;}
table.record tr.bg_menjo td.textwhite{background:#6E6E6E;}



.pager span a,.current {
	border:solid 1px #8ebb01;
	border-radius: 3px;
	box-sizing:border-box;
	color:#8ebb01;
	padding: .2em .5em
}

.pager {
	color:#8ebb01;
}

/* .pager .current a:hover {
	opacity:1;
} */

.pager .current {
	background-color: #8ebb01;
	color: #fff;
	margin-right: 10px;
}



.pager span a:hover {
	opacity: .5;
}

.error-message {
	color: #dc3545!important;
}

.index-study {
	font-size: 12px;
}

.pt20{
	padding-top: 20px;
}

.p20{
	padding: 20px;
}