@charset "utf-8";
/* 
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, li, pre, td, th, dt, dd {line-height:1.5;}  /* 基本の行の高さ */
a {color: #0029c3;}
a:link {text-decoration: underline;}
a:visited {}   a:active {}
a:hover {text-decoration: none;}
/* 
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
/* clearfix */
.clearfix {zoom: 1;}
.clearfix:after {display:block; clear:both; height:0; content:""; overflow:hidden;}
/* float */
.flo_l {float: left;}   .flo_r {float: right;}
/* float解除 */
.f_br {clear:both; margin-right:0!important; margin-left:0!important;}
/* margin right / left */
.inner10 { margin-right: 10px !important; margin-left: 10px !important;}
.inner20 { margin-right: 20px !important; margin-left: 20px !important;}
.inner30 { margin-right: 30px !important; margin-left: 30px !important;}
/* font-weight */
.strong {font-weight: bold !important;}   .normal {font-weight: normal !important;}
/* text-align */
.ta_c {text-align: center !important;}   .ta_l {text-align: left !important;}   .ta_r {text-align: right !important;}
/* vertical-align */
.va_mid {vertical-align: middle !important;}   .va_top {vertical-align: top !important;}   .va_btm {vertical-align: bottom !important;}
/* overflow */
.of_h {overflow: hidden;}
/* lightbox用ズームアイコン */
.ico_zoom a {
	display: block;
	position: relative;
	background-color: #fff;
}
.ico_zoom a:after {
	content: url(../common_img/ico_zoom.png);
	display: block;
	display: none\9;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 25px;
	height: 25px;
	padding: 8px;
	border-radius: 25px;
	background-color: #142b7c;
	text-align: center;
}
/* img hover */
.imghover img {
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	transition: 0.3s ease all;
}
.imghover:hover img {
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
/* display
-------------------------------------------------- */
/* table */
.disp_table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
}
/* inline dl */
.inline_dl dt, .inline_dl dd {display: inline-block;}
/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
--------------------------------------------------  */
.fs12 {font-size: 12px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
/* 
--------------------------------------------------
 ▽ width設定専用クラス
--------------------------------------------------  */
.w10p {width: 10% !important;}   .w20p {width: 20% !important;}
.w30p {width: 30% !important;}   .w40p {width: 40% !important;}
.w50p {width: 50% !important;}   .w60p {width: 60% !important;}
.w70p {width: 70% !important;}   .w80p {width: 80% !important;}
.w90p {width: 90% !important;}   .w100p {width: 100% !important;}
/* 
--------------------------------------------------
 ▽ margin設定専用クラス
--------------------------------------------------  */
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

.mb00 { margin-bottom:  0px !important; }   .mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }   .mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }   .mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }   .ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.pt05{ padding-top:5px !important;}
/* 
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
body {
	font-size: 14px;
	text-align: center;
}
#wrapper {
	position: relative;
	min-width: 980px;
	color: #333;
	text-align: left;
	overflow-x: hidden;
}
/* サイト幅 */
.site_wrap {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

/* 
----------------------------------------------------------------------------------------------------
 □ ヘッダー
---------------------------------------------------------------------------------------------------- */
#site_header {
	margin-bottom: 20px;
	padding-top: 10px;
}

/* SEO
---------------------------------------- */
#seo_txt {
	color: #ccc;
	font-size: 10px;
	font-family:"ＭＳ　Ｐゴシック",sans-serif;
	font-weight: normal;
}
/* #hlogo
---------------------------------------- */
#hlogo {
	float: left;
	padding-top: 20px;
}
/* #hinfo
---------------------------------------- */
#hinfo {
	float: right;
	text-align: right;
}
/* .info */
#hinfo .info_open {
	float: left;
	margin-right: 5px;
}
#hinfo .link {
	float: right;
}
#hinfo .link li {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../common_img/ico_arrow.png) no-repeat left 3px;
	line-height: 1.0;
}
#hinfo .link li a {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
#hinfo .link li a:hover {
	color: #0029c3;
	text-decoration: underline;
}
/* .btn */
#hinfo .btn li {
	float: left;
}
/* 
----------------------------------------------------------------------------------------------------
 □ グローバルナビ
---------------------------------------------------------------------------------------------------- */
#gnav li {
	float: left;
}

/*-- sub --*/
#gnav .sub {
  position: absolute;
  z-index: 100;
  top: 48px;
  display: none;
  width: 168px;
  background-color:#142B7C;
}

#gnav li:hover .sub {/* hover */
  display: block;
}

#gnav .sub ul {
  padding: 19px 17px 8px;
  background: url(../common_img/gnav_sub_arrow.png) no-repeat center top;
  font-size: 14px;
  text-align: left;
  line-height: normal;
  line-height: 22px;
}

#gnav .sub li {
  float: none;
  width: auto;
  background-color: transparent;
}

#gnav .sub li a,
#gnav .sub li a:link,
#gnav .sub li a:visited {
  display: block;
  padding: 5px 0 5px 16px;
  background: url(../common_img/icon_arrow01_off.png) no-repeat 0 11px;
  color: #ffffff;
  text-decoration: none;
}

#gnav .sub li a:hover,
#gnav .sub li a:active,
#gnav .sub li a:focus {
  background: url(../common_img/icon_arrow01_on.png) no-repeat 0 11px;
  color: #00ffff;
}

#gnav .sub li.active a,
#gnav .sub li.active a:link,
#gnav .sub li.active a:visited {
  background: url(../common_img/icon_arrow01_on.png) no-repeat 0 11px;
  color: #00ffff;
}

/* 
----------------------------------------------------------------------------------------------------
 □ #page_area
---------------------------------------------------------------------------------------------------- */
#page_area {
	padding-bottom: 60px;
}
/* メインコンテンツ
-------------------------------------------------- */
#main_area {
	float: right;
	width: 720px;
}
/* サイドメニュー
-------------------------------------------------- */
#side_menu {
	float: left;
	width: 230px;
}
/* 認定講座・e教材キットのご紹介 */
#side_course {
	margin-bottom: 20px;
}
#side_course ul {
	padding: 15px 0;
	background-color: #7591bb;
	text-align: center;
}
#side_course ul li {
	margin-top: 10px;
}
#side_course ul li:first-child {
	margin-top: 0px;
}
#side_course h4{
	background-color:#7591BB;
	text-align:center;
}
/* はじめての方へ */
#side_menu .side_box_style {
	margin-bottom: 20px;
}
#side_menu .side_box_style ul {
	padding: 10px 0;
	background-color: #f3f6fa;
	border: 1px solid #b8c9e2;
	border-top: none;
	text-align: center;
}
#side_menu .side_box_style ul li {
	margin-top: 5px;
}
#side_menu .side_box_style ul li:first-child {
	margin-top: 0px;
}
/* 会社情報 */
#side_info {
	margin-bottom: 20px;
	padding: 14px 10px 10px;
	border: 1px solid #ddd;
}
#side_info h3 {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
}
#side_info .add {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
#side_info .add dt,
#side_info .add dd {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}
#side_info .add dt {
	padding: 0 3px;
}
#side_info .info_open {
	margin-bottom: 5px;
}
#side_info .info_open dt {
	margin-right: 0;
}
/* 
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
.f_page_up {
	position: fixed;
	z-index: 10;
	right: 100px;
	bottom: 50px;
}
/* #fcontact
-------------------------------------------------- */
#fcontact {
	padding: 30px 0;
	background-color: #f3f6f9;
}
#fcontact .fcontact_box {
	padding: 17px;
	border: 3px solid #d7e0ea;
	background-color: #fff;
}
#fcontact .fcontact_box .info_open {
	margin-bottom: 3px;
}
#fcontact .fcontact_box .tel li {
	display: inline;
	margin-right: 5px;
}
#fcontact .fcontact_box .tel li * {
	vertical-align: bottom;
}
#fcontact .fcontact_box .tel li {
	display: inline;
	margin-right: 5px;
}
#fcontact .fcontact_box .btn {
	float: right;
}
#fcontact .fcontact_box .btn li {
	display: inline;
	margin-left: 3px;
}
/* #fnav
-------------------------------------------------- */
#fnav {
	background-color: #142b7c;
}
#fnav .fnav_box {
	display: table;
	width: 100%;
	padding: 30px 0;
}
#fnav .fnav_box > ul {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	display: table-cell;
	width: 20%;
	padding: 0 13px;
	border-left: 1px solid #2c4189;
	vertical-align: top;
}
#fnav .fnav_box > ul li {
	margin-bottom: 8px;
}
#fnav .fnav_box > ul:first-child {
	border-left: none;
}
#fnav .fnav_box > ul ul {
	margin: 8px 0 0 15px;
}
#fnav .fnav_box > ul a {
	padding-left: 10px;
	background: url(../common_img/ico_arrow_f.png) no-repeat left center;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
#fnav .fnav_box > ul a:hover {
	color: #6e86d7;
	text-decoration: underline;
}
#fnav .fnav_box > ul:first-of-type    { width: 17%;}
#fnav .fnav_box > ul:nth-of-type(2) { width: 19%;}
#fnav .fnav_box > ul:nth-of-type(3) { width: 24%;}
#fnav .fnav_box > ul:nth-of-type(4) { width: 22%;}
#fnav .fnav_box > ul:nth-of-type(5) { width: 18%;}
/* 
----------------------------------------------------------------------------------------------------
共通設定
---------------------------------------------------------------------------------------------------- */
/* 受付時間 定休日 */
.info_open {
	font-size: 11px;
}
.info_open dt,
.info_open dd {
	display: inline;
}
.info_open dt {
	margin-right: 5px;
}
/* box_style */
.box_style {
	border: 1px solid #ddd;
}
.under_bar{
	text-decoration:underline;
}
.color_w{
	color:#FFF;}