@charset "UTF-8";

/* 共通設定 */
.viewpc {
	display: block;
}
.viewsp {
	display: none;
}


/* ---------- reset  ---------- */
html, body {
    width: 100%;
}

html {
	overflow-y: scroll; /* Firefox scroll-on */
}

body {
	background-color: #ffffff;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
	margin: 0;
	padding: 0;
}

table,pre,code,select,option,input,textarea,kbd,var,ins,del,samp {
	font-size: 14px;
}

optgroup {
	font-size: 14px;
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 14px;
}
p {
	font-size: 16px;
	letter-spacing: -0.01em;
	line-height: 1.7;
	margin: 0;
}
ul li,ol li {
	list-style: none;
}

table,th,td {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
}

th,caption {
	text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
	font-weight: normal;
	font-style: normal;
}

img,fieldset {
	border: none;
}
hr {
	border: solid #cdcdcd;
	border-width:1px 0 0 0;
	height:1px;
	clear: right;
}
.align_center {
	text-align: center;
}

/* Link Style */

a,a:link,a:active,a:visited {
	color: #395295;
	text-decoration: none;
	outline: none;
}
a:focus {
	outline: none;
}
a:hover {
	color: #395295;
	text-decoration: underline;
}

a img {
	border: 0;
}
a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.inner {
	clear: both;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.top_nomargin {
	margin-top: 0;
}
.bottom_nomargin {
	margin-bottom: 0!important;
}
.text_strong {
	font-weight: bold;
}
.text_blue {
	color: #274a98;
}
.text_red {
	color: #ff0000;
}
.text_cap {
	font-size: 12px;
}
.text_long {
	letter-spacing: -0.1em;
}
.blockcontents {
	display: block;
}
.news_detail p a{
	word-break: break-all;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }
 
/* ---------  clearfix --------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
 
.clearfix {
	min-height: 1px;
}
 
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ---------   ヘッダーエリア --------- */
header {
	width: 100%;
	min-width: 960px;
	border-top: 7px solid #000;
	overflow: hidden;
}
header .mainmenu {
	width: 100%;
	height: 32px;
	background-color: #e2e2e2;
	border-bottom: 1px solid #a6a6a6;
}
header .mainmenu ul {
	width: 960px;
	font-size: 13px;
	margin-left: 4px;
}
header .mainmenu li {
	display: block;
	float: left;
	line-height: 18px;
}
header .mainmenu li a {
	float: left;
	line-height: 18px;
	padding: 8px 10px 6px 10px;
	color: #000;
}
header .mainmenu li a:hover {
	background-color: #274a98;
	color: #fff;
	padding: 8px 10px 6px 10px;
	line-height: 18px;
	text-decoration: none;
}
header .mainmenu .line {
	width: 1px;
	height: 14px;
	background-color: #000;
	display: block;
	float: left;
	margin: 10px 0;
}
header .hdr_logo h1 {
	width: 150px;
	margin:  20px 0 0 0;
	float: left;
}
header .hdr_messe {
	font-size: 12px;
	width: 400px;
	margin: 0 0 0 160px;
	padding-top: 40px;
}
header .hdr_logout {
	float: right;
	font-size: 13px;
	margin: 10px 0 0 0;
}


/* ---------   メインコンテンツ --------- */
main {
	width:960px;
	margin: 0 auto 0 auto;
	clear: both;
	z-index: 0;
	overflow: hidden;
	min-height: calc(90vh - 128px);
}
main .leftside {
	width: 200px;
	float: left;
}
main .centercontents {
	width: 572px;
	float: left;
	margin: 0 0 0 19px;
}
main .rightside {
	width: 150px;
	float: right;
}
main.column_w {
	margin: 20px auto;
}
main.column_3area {
}

/* ---------   左サイド --------- */
main .leftside .leftside_menu {
	background-color: #f1f1f1;
	padding: 5px 5px 1px 5px;
	margin: 0 0 20px 0;
}
main .leftside .leftside_menu ul {

}
main .leftside .leftside_menu li {
	display: block;
	width: 189px;
	height: 37px;
	margin: 6px 0;
	font-size: 14px;
}
main .leftside .leftside_menu li a {
	background:url(../images/common/leftmenu_bg.png) no-repeat 0 0;
	line-height: 39px;
	padding-left: 16px;
	display: block;
	color: #333;
}
/* main .leftside .leftside_menu li:last-child a {
    background:url(../images/common/leftmenu_bg_orange.png) no-repeat 0 0;
} */
main .leftside .leftside_menu li a:hover,
main .leftside .leftside_menu li.current a {
	background: url(../images/common/leftmenu_bg_o.png) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}
/*main .leftside .leftside_menu li:last-child a:hover,
main .leftside .leftside_menu li.current a {
	background: url(../images/common/leftmenu_bg_orange_o.png) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}*/
/* ---------   右サイド --------- */
main .rightside img {
	max-width: 150px;
	height: auto;
}

/* ---------   下層ページ共通 --------- */

main .breadcrumb {
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
}
main .breadcrumb li {
	float: left;
	font-size: 12px;
	list-style-type: none;
	margin: 0 10px 0 0;
}
main .breadcrumb li.top {
	background: url(../images/common/icon_home.png) no-repeat left 3px;
	text-indent: 20px;
}
main .widecontents {
	width: 100%;
}
main .widecontents h1 {
	clear: both;
	width: 100%;
	height: 100px;
	border: 1px solid #bfbfbf;
	font-size: 28px;
	line-height: 100px;
	padding-left: 40px;
	margin: 0 0 20px 0;
}

main .tb01 {
	clear: both;
	margin: 0 auto 30px auto;
	width: 100%;
	border-top: 1px solid #BDBDBD;
}
main .tb01 tr.bgcolor1 {
	background-color: #fff;
}
main .tb01 tr.bgcolor2 {
	background-color: #f0f4fd;
}
main .tb02 th.bgcolor3 {
	background-color: #274a98;
	color: #fff;
}
main .tb01 th {
	text-align: center;
	padding: 8px;
	border-bottom: 2px solid #ff8a00;
	background-image: -moz-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(250,250,250) 69%);
	background-image: -webkit-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(250,250,250) 69%);
	background-image: -ms-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(250,250,250) 69%);
}
main .tb01 td {
	border-bottom: 1px solid #BDBDBD;
	text-align: center;
	padding: 8px;
}
main .tb01 td.lessontitle {
	text-align: left;
	width: 40%;
}
main .tb01 td.certified_historytitle {
	text-align: left;
}
main .tb01 td.member_name {
	text-align: left;
	width: 50%;
}
main .tb01 td .btn_test a{
	background-color: #274a98;
	color: #fff;
	display: block;
	border-radius: 3px;
}
main .tb02 {
	clear: both;
	margin: 20px auto 30px auto;
	width: 100%;
	border-top: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
}
main .tb02 th {
	text-align: center;
	padding: 8px;
	width: 20%;
	border-bottom: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	background-color: #f0f4fd;
}
main .tb02 td {
	border-bottom: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	padding: 8px;
}

main .pagenation ul{
	clear: both;
	font-size: 14px;
	float: right;
	margin-bottom: 20px;
}
main .pagenation ul li {
	float: left;
	display: block;
	text-align: center;
	display: block;
	margin-right: 5px;
	border-radius: 3px;
}
main .pagenation ul li.current {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #274a98;
	color: #fff;
	border: 1px solid #BDBDBD;
}
main .pagenation ul li a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #efefef;
	color: #274a98;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
}
main .pagenation ul li a:hover,
main .pagenation ul li.next a:hover,
main .pagenation ul li.last a:hover {
	text-decoration: none;	
	background-color: #274a98;
	color: #fff;
}
main .pagenation ul li.next a {
	width: 40px;
	background: url(../images/common/arrow_right_b.png) no-repeat 96% center;
	background-color: #efefef;
	color: #274a98;
	border: 1px solid #BDBDBD;
}
main .pagenation ul li.last a {
	width: 50px;
	background: url(../images/common/arrow_right_b.png) no-repeat 96% center;
	background-color: #efefef;
	color: #274a98;
	border: 1px solid #BDBDBD;
}

main ol.figlist {
	margin: 20px 0 20px 20px;
	padding: 0;
	list-style: none;
	counter-reset: figlist_count;
}
main ol.figlist li {
	margin-bottom: 8px;
}

main ol.figlist li:before {
	counter-increment: figlist_count;
	content: counter(figlist_count);
	background-color: #274a98;
	color: #fff;
	padding: 3px;
	text-align: center;
	width: 20px;
	margin-right: 10px;
}

/* ---------   フッター --------- */

#pagetop {
    position: fixed;
    bottom: 50px;
    right: 20px;
	display: none;
	z-index: 999;
}
footer {
	clear: both;
	width: 100%;
	height: 108px;
	margin-top: 30px;
}
footer .ftr_top {
	width: 100%;
	height: 72px;
	background-color: #e8e8e8;
	margin: 0 auto;
}
footer .ftr_top .ftr_logo {
	float: left;
	width: 210px;
	padding-top: 30px;
}
footer .ftr_top .ftr_menu {
	float: right;
	width: 540px;
	padding-top: 10px;
	overflow: hidden;
}
footer .ftr_top .ftr_menu ul {
	clear: left;
	margin: 0;
}
footer .ftr_top .ftr_menu ul li {
	float: left;
	font-size: 12px;
	background: url(../images/common/arrow_right_b.png) no-repeat left center;
	padding-left: 10px;
	margin-right: 16px;
}
footer .ftr_top .ftr_menu ul li a {
	color: #333;
}
footer .ftr_top .ftr_menu .ftrmenu_upp {
	margin: 0;
}
footer .ftr_top .ftr_menu .ftrmenu_low {
	margin: 0;
}
footer .ftr_copyright {
	clear: both;
	width: 100%;
	height: 34px;
	background-color: #e8e8e8;
	margin: 0 auto;
}
footer .ftr_copyright p {
	width: 100%;
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 34px;
	margin: 0;
}
.complete_box,
.logout_box {
	width: 400px;
	height: 150px;
	position: absolute;
	top: 300px;
	left: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 100;
	background-color: #fff;
	border: 2px solid #274a98;
	padding: 30px;
	text-align: center;
}
.btn_close {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 30px auto 0 auto;
}
.btn_close a {
	display: block;
	width: 80px;
	height: 30px;
	background-color: #5C5C5C;
	border-radius: 3px;
	color:#fff;
}
.btn_close a:hover {
	background-color: #B5B5B5;
	text-decoration: none
}

.btn_logout {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 30px 0 30px 40px;
}
.btn_logout a {
	display: block;
	float: left;
	width: 100px;
	height: 30px;
	border-radius: 3px;
	background-color: #274a98;
	color: #fff;
}
.btn_logout a:hover {
	background-color: #6a89cd;
	text-decoration: none;
}
.btn_nologout {
	float: right;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 30px 40px 30px 0;
}
.btn_nologout a {
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	background-color: #5C5C5C;
	border-radius: 3px;
	color:#fff;
}
.btn_nologout a:hover {
	background-color: #B5B5B5;
	text-decoration: none
}