@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定
=================================================================== */
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
body {
	color: #000;
	font-size: 15px;
	font-family: 'Meiryo', "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	line-height: 1.5;
	background: #fdfaf9 !important;
}

body #page a {
	color: #505050;
}

body #page a:link {
	text-decoration: underline;
}

body #page a:visited {
	text-decoration: underline;
}

body #page a:hover {
	text-decoration: none;
}

body #page a:active {
	text-decoration: underline;
}

.box_l {
	float: left;
}

.box_r {
	float: right;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
	width: 100%;
	text-align: left;
}

.main {
	width: 950px;
	margin: 0 auto;
	margin: auto;
}

.main:after {
	content: "";
	display: table;
	clear: both;
}

.container {
	width: 950px;
	margin: 0 auto;
}

/* -----------------------------------------------------------
	#header
		ヘッダ
----------------------------------------------------------- */
#header .box_header {
	padding: 15px 0;
}

#header .box_header:after {
	content: "";
	display: table;
	clear: both;
}

#header .box_header .logo {
	float: left;
}

#header .box_header .contact {
	float: right;
}

/* #hnav 	サブナビ
----------------------------------------------------------- */
#hnav {
	background: #897a54;
}

#hnav:after {
	content: "";
	display: table;
	clear: both;
}

#hnav li {
	float: left;
}

#hnav li a {
	color: #5a5a5a;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	height: 59px;
}

#hnav li.hnav_01 a {
	background-image: url(../images/header/hnav_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 161px;
}

#hnav li.hnav_01 a:hover,
#hnav li.hnav_01 a.active {
	background-position: 0 100%;
}

#hnav li.hnav_02 a {
	background-image: url(../images/header/hnav_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 200px;
}

#hnav li.hnav_02 a:hover,
#hnav li.hnav_02 a.active {
	background-position: 0 100%;
}

#hnav li.hnav_03 a {
	background-image: url(../images/header/hnav_03.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 190px;
}

#hnav li.hnav_03 a:hover,
#hnav li.hnav_03 a.active {
	background-position: 0 100%;
}

#hnav li.hnav_04 a {
	background-image: url(../images/header/hnav_04.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 189px;
}

#hnav li.hnav_04 a:hover,
#hnav li.hnav_04 a.active {
	background-position: 0 100%;
}

#hnav li.hnav_05 a {
	background-image: url(../images/header/hnav_05.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 190px;
}

#hnav li.hnav_05 a:hover,
#hnav li.hnav_05 a.active {
	background-position: 0 100%;
}

#hnav li.hnav_06 a {
	background-image: url(../images/header/hnav_06.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 209px;
}

#hnav li.hnav_06 a:hover,
#hnav li.hnav_06 a.active {
	background-position: 0 100%;
}

#hnav li.hnav_07 a {
	background-image: url(../images/header/hnav_07.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 194px;
}

#hnav li.hnav_07 a:hover,
#hnav li.hnav_07 a.active {
	background-position: 0 100%;
}

/* #gnav 	グローバルナビ
----------------------------------------------------------- */
.main_menu {
	background: #897a54;
}

.main_menu:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	#contents
		コンテンツ
----------------------------------------------------------- */
#contents {
	width: 950px;
	margin: 0 auto;
	margin: 0 auto;
}

#contents:after {
	content: "";
	display: table;
	clear: both;
}

a.over:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*----------------------------------------------------
	.title_page
----------------------------------------------------*/
.title_page {
	background: #eeeeee url("../images/common/bg_intro.jpg") repeat-x left bottom;
	padding-bottom: 4px;
	margin-bottom: 40px;
}

.title_page .container {
	background: #fdfaf9 url("../images/common/bg_intro_inner.jpg") repeat-x left bottom;
	overflow: hidden;
}

.title_page .container h2 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
}

/* -----------------------------------------------------------
	.con_pagetop	PAGE TOPボタン
----------------------------------------------------------- */
.con_pagetop {
	text-align: center;
	background: url(../images/footer/bg_ptop.png) no-repeat;
	clear: both;
	margin: 60px auto 20px;
}

.con_pagetop .btn_top {
	cursor: pointer;
	display: block;
	margin: auto;
	background: url(../images/footer/btn_top.jpg) top center no-repeat;
	text-indent: -9999px;
	height: 62px;
}

.con_pagetop .btn_top a {
	display: block;
	height: 100%;
}

.con_pagetop .btn_top:hover {
	background: url(../images/footer/btn_top_hover.png) top center no-repeat;
}

/* -----------------------------------------------------------
	#footer
		フッタ
----------------------------------------------------------- */
#footer {
	background: url(../images/footer/bg_footer.jpg) repeat-x;
	margin: 0 auto;
	padding-top: 10px;
	width: 950px;
	clear: both;
}

#footer .con_footer:after {
	content: "";
	display: table;
	clear: both;
}

#footer .con_footer .box_r p {
	float: right;
	margin-left: 30px;
}

#footer .con_footer .box_bottom {
	clear: both;
	padding: 15px 0;
}

#footer .con_footer .box_bottom:after {
	content: "";
	display: table;
	clear: both;
}

#footer .con_footer .box_bottom address {
	display: block;
	float: left;
	font-size: 14px;
}

#footer .con_footer .box_bottom #fnav {
	float: right;
	width: 600px;
	text-align: right;
}

#footer .con_footer .box_bottom #fnav li {
	display: inline-block;
	margin: 5px 8px;
}

#footer .con_footer .box_bottom #fnav li a {
	font-size: 13px;
	background: url(../images/common/arrow_menu.png) left 5px no-repeat;
	padding-left: 10px;
	text-decoration: none;
}

#footer .con_footer .box_bottom #fnav li a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table.tbl_basic {
	border: 1px solid #cdcdcd;
	border-bottom: none;
	width: 100%;
	font-size: 90%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

table.tbl_basic th,
table.tbl_basic td {
	padding: 13px 10px;
	border: 1px solid #cdcdcd;
	border-top: none;
	text-align: left;
	vertical-align: middle;
}

table.tbl_basic th {
	background: #f2efee;
	font-weight: normal;
}

table.tbl_basic td {
	background: #fff;
}

table.tbl_basic .line {
	margin-bottom: 10px;
}

table.tbl_basic .line.last {
	margin-bottom: 0;
}

table.tbl_basic input[type="checkbox"] {
	margin: 0 10px 0 0;
	padding: 0;
	width: auto;
}

table.tbl_basic input[type="radio"] {
	margin: 0;
	padding: 0;
	width: auto;
}

table.tbl_basic input,
table.tbl_basic textarea {
	border: 1px solid #dfdfdf;
	padding: 5px 5px;
	background: #f6f6f6;
	margin: 0;
}

table.tbl_basic input {
	margin-right: 10px;
	width: 145px;
}

table.tbl_basic input.address {
	width: 750px;
}

table.tbl_basic input.nowjob {
	width: 750px;
}

table.tbl_basic textarea {
	width: 100%;
}

table.tbl_basic label {
	margin-right: 10px;
}

table.tbl_basic em {
	background: #ccc none repeat scroll 0 0;
	color: #313131;
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}

/* -----------------------------------------------------------
	button style
----------------------------------------------------------- */
.btn {
	border: 1px solid #d5c8b2;
	padding: 1px;
	background: #FFF;
	display: inline-block;
	text-decoration: none !important;
}

.btn .arrow_btn {
	background: url(../images/common/arrow_menu.png) no-repeat;
	width: 4px;
	height: 7px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 7px;
}

.btn span {
	display: block;
	padding: 10px 30px;
	background: #fefdfd;
	background: url(../images/common/bg_btn.jpg) repeat-x;
}

.btn:hover {
	background: #c2aa38;
	color: #FFF;
}

.btn:hover .arrow_btn {
	background: url(../images/common/arrow_menu_white.png) no-repeat;
}

.btn:hover span {
	background: #c2aa38;
	filter: none;
}

.btn_org {
	background: #c1a936;
	padding: 15px 45px;
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 113%;
	text-decoration: none !important;
	border-radius: 3px;
}

.btn_org span {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}

.btn_org span:before {
	left: 0;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #FFF;
	border-width: 5px;
	margin-top: -5px;
}

.btn_org:hover {
	background: #dacd00;
}

.btn_lnk_foo {
	border: 1px solid #e3e4e5;
	padding: 1px;
	background: #FFF;
	display: inline-block;
	text-decoration: none !important;
}

.btn_lnk_foo .arrow_btn {
	background: url(../images/common/arrow_link.png) no-repeat;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

.btn_lnk_foo span {
	display: block;
	padding: 15px;
	text-align: left;
	background: url(../images/common/btn_lnk_foo.png) no-repeat;
}

.btn_lnk_foo:hover {
	color: #fff;
}

.btn_lnk_foo:hover span {
	background: #c2aa38;
}

/*----------------------------------------------------
	accordion
----------------------------------------------------*/
.accordion_container {
	border: 1px solid #d5c8b2;
	border-bottom: 0;
}

.accordion_container .acc_title {
	position: relative;
	padding: 0px 3px 3px 3px;
	color: #584205;
	font-size: 113%;
	font-weight: bold;
	border-bottom: 1px solid #d5c8b2;
	background: #fff;
}

.accordion_container .acc_title .inner {
	background: url("../images/common/bg_acc_title.jpg") repeat-x bottom left;
	padding: 20px 10px 16px 37px;
}

.accordion_container .acc_title.active .icon .horizontal {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion_container .acc_contents {
	border-bottom: 1px solid #d5c8b2;
	padding: 27px 40px;
	position: relative;
}

.accordion_container .acc_contents .box_train_item li img {
	width: 100%;
}