@charset "Shift_JIS";


/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/

#container{ background-color: #fff; }


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #333; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #39f; }
a:hover,
a:active{ color: #f60; }

a:hover img {
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}
/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
	padding-top: 25px;
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: absolute;
	top: 0;
	font-size: 1.2em;
}

#top-in{
	position: relative;
	padding: 5px 0;
}

#top-menu{ text-align: right; }

#top-menu li{
	display: inline;
	margin-left: 1em;
	list-style: none;
}

#top-menu li a{
	padding-left: 12px;
	background: url(../images/icon/icon-arrow01.png) left center no-repeat;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	background:url(../images/common/bg-head.gif) repeat-x #fff bottom center;
	font-size: 1.2em;
	height:110px;
}

#header-in{ padding: 1em 0; }

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	float: left;
	width: 67%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header .header-logo{
	margin-top:10px;
	margin-bottom: 0.2em;
	font-size: 3em;
}


/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #333; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float: right;
	width: 33%; /*・1行の幅はwidthの値を変更*/
	color: #333;
}

#header h1{
	margin-top:-95px;
	margin-bottom: 1em;
	font-size: 1.167em;
	z-index:2;
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{ padding-top: 1.5em; }


/*●メイン画像*/
#main-image{
	padding-top: 1.5em;
}

#main-image-in{
	position: relative;
	padding-bottom: 1.5em;
	font-size: 1.6em;
}

#main-image img{
	width: 100%;
	height: auto;
}

#main-image .catch-copy{
	position: absolute;
	top: 1em;
	left: 1em;
	color: #fff;
	font-size: 3em;
}


/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ font-size: 1.6em; }

#main-contents .contents{
	margin-bottom: 3.5em;
	padding: 0 20px;
}


/*●H2タグ*/
#main-contents h2{
	margin: 0 0 1.5em;
	padding: 20px 20px 10px 20px;
	background: url(../images/title/h2_bg.gif) left top no-repeat;
	font-size: 1.286em;
	font-weight: bold;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H3タグ*/
#main-contents h3{
	margin: 0 0 1.5em;
	padding: 16px 20px 10px 25px;
	background: url(../images/title/h3_bg.gif) left top no-repeat;
	font-size: 1.143em;
	font-weight: bold;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H4タグ*/
#main-contents h4{
	margin: 10px 10px 20px 10px;
	padding: 13px 15px 15px 50px;
	background: url(../images/title/h4_bg.gif) left top no-repeat #A1C8EB;
	font-weight: bold;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }


/*●段落タグ*/
#main-contents p{ margin-bottom: 1.5em; }

#main-contents p.mintyou{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.15em;
	font-weight:bold;
}
#main-contents p.mintyou .b900{
	font-weight:900;
}
#main-contents p span.yellow_block {
	padding:5px;
	display:block;
	background-color:#fff379;
}
#main-contents p span.f120em{
	font-size:1.2em
}
#main-contents p span.f130em{
	font-size:1.3em
}
#main-contents p span.f150em{
	font-size:1.5em
}
#main-contents p span.t_center{
	text-align:center;
}


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}


/*id・classタグ-------------------------------------------------------------------------------------------*/

/*募集校舎*/

#main-contents #bosyukousya h3{
  margin-bottom:0px;
  margin-top: 25px;
  cursor: pointer;
}
#bosyukousya h3::before{
	content: '▼';
	font-size: 12px;
	color: #1c267e;
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	box-sizing: border-box;
	padding-top: 4px;
	margin-right: 8px;
	margin-top: -4px;
}
#bosyukousya h3.open::before{
	content: '▲';
}
#bosyukousya .kousha_table{
	width:96%;
	margin:0 auto;
	display:none;
}
#main-contents #bosyukousya h4{
  margin:0;
  border: none;
  border-bottom: none;
  background: none;
  padding:14px 0 4px;
}
#bosyukousya table{
	width:100%;
	margin:10px 0 10px 0;
	border:1px solid #ccc;
	border-collapse: collapse;
  margin-top: 0;
}

#bosyukousya table caption{
	text-align:left;
	background:#fef4f4;
	padding:5px;
	border:1px solid #ccc;
}
#bosyukousya table th{
	padding:8px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#f3f9ff;
}
#bosyukousya table th.th1 {
	background: #dfefff;
}
#bosyukousya table th.evening{
	background: #d5ebff;
}
#bosyukousya table th.morning{
	background: #ecffd9;
}
#bosyukousya table .evening{
	background: #f3f9ff;
}
#bosyukousya table .morning{
	background: #f7ffef;
}


#bosyukousya table td{
	padding:8px;
	font-size:13px;
	text-align:left;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#bosyukousya table td.td0 {
	background: #fef4f4;
	text-align: center;
}
#bosyukousya table td {
	text-align: center;
}

#bosyukousya table .apply_ok{
	font-weight:bold;
	color:#FF0000;
}

#bosyukousya .capbox{
	width:93%;
	margin:10px 10px 30px 10px;
	background:#fef4f4;
	padding:5px;
	border:1px solid #ccc;
}
/*ブレーンバンクについて・校舎写真*/
#kousha{
	margin-bottom: 30px;
}
#kousha table th{
	padding:8px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	border-top:1px dotted #ccc;
	background:#ffffa3;
}
#kousha table td{
	/*padding:8px;*/
  padding:8px 4px;
	font-size:13px;
	text-align:center;
	vertical-align:top;
	border-top:1px dotted #ccc;
}
#kousha table td img{
	border:1px solid #ccc;
}

#kousha-naikan table th{
	margin-top:10px;
	padding:8px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	background:#e5f2ff;
}
#kousha-naikan table td{
	padding:8px 4px;
	font-size:13px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #ccc;
}

/*特徴*/
#hikaku .book{
	background:#c1e4e9;
	margin:20px 50px;
	padding:10px 10px 0px 10px;
}
#hikaku .book img{
	border:1px solid #ccc;
}
#hikaku .book .left-b{
	float: left;
	margin: 0 30px 20px 50px!important;
}
#hikaku .book .right-b{
	float: right;
	margin: 0 50px 20px 30px!important;
}
#hikaku .book p{
	margin:5px!important;
}
#hikaku .book a:link,
#hikaku .book a:visited{ color: #223a70; }
#hikaku .book a:hover,
#hikaku .book a:active{ color: #ea5506; }

/*スタッフの幸せ*/
#staff .staff-c{
	margin-bottom: 3.5em;
	padding: 0;
	border:1px solid #1C267E;
}
#staff .staff-c .box3{
	background:#fce4d6;
	margin:20px;
	padding:10px 20px 0px 10px;
}
#staff .staff-c .box3 ul{
	border-top:2px dotted #ccc;
	margin-top:20px;
	padding-top:10px;
}
#staff .staff-c .box3 li{
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	padding-bottom:8px;
}

#staff .staff-c .sankyuu{
	background:#f5ecf4;
	border-left:10px solid #eb6ea0;
	margin:10px;
	padding:30px 20px 10px 20px;
}

#staff .staff-c .sankyuu h5.sankyumama{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 0px solid #414141;
	font-weight: bold;
}

#staff .staff-c .shigoto-l{
	font-weight:bold;
	font-size:120%;
	background:#87cefa;
	border-bottom:2px solid #4682b4;
	margin:5px;
	padding:5px;
}
#staff .staff-c table{
	width:96%;
	text-align:center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:20px 10px 30px 10px;
}
#staff .staff-c table th{
	border-right:1px solid #ccc;
	padding:5px;
	background:#fdeff2;
	border-bottom:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}
#staff .staff-c table td{
	border-right:1px solid #ccc;
	padding:5px;
	border-bottom:1px solid #ccc;
	text-align:left;
	vertical-align:middle;
}

#senpai .senpai-more{
  display: none;
}

#senpai .senpaimess{
	background:url(../images/common/senpai-l_line.gif) repeat-y;
	margin-bottom:30px;
}
#senpai .bgnone{
	background:none;	
}
#senpai .senpaimess .sp_con{
	background:url(../images/common/senpai-l_line.gif) repeat-y;
	margin-bottom:30px;
}
#senpai .senpaimess .in-m1{
	background:url(../images/common/senpai-bg-1.gif) no-repeat top left;
	padding:180px 20px 10px 50px;
	border-bottom:2px solid #FFE600;
}
#senpai .senpaimess .in-m4{
	background:url(../images/common/senpai-bg-4.gif) no-repeat top left;
	padding:180px 20px 10px 50px;
	border-bottom:2px solid #FFE600;
}

#senpai .senpaimess .in-m2{
	background:url(../images/common/senpai-bg-2.gif) no-repeat top left;
	padding:180px 20px 10px 50px;
	border-bottom:2px solid #FFE600;
}
#senpai .senpaimess .in-m3{
	background:url(../images/common/senpai-bg-3.gif) no-repeat top left;
	padding:180px 20px 10px 50px;
	border-bottom:2px solid #FFE600;
}
#senpai .senpaimess h5{
	font-weight:bold;
	font-size:110%;
	border-left:20px solid #ff6347;
	border-bottom:0px;
	padding:5px;
	color:#5a544b;
	margin:10px 0px 10px 0px;
}
#senpai .senpaimess table{
	width:90%;
	margin:10px;
	border-left:1px solid #add8e6;
	border-right:1px solid #add8e6;
	border-top:1px solid #add8e6;
}
#senpai .senpaimess th{
	margin:10px;
	padding:8px;
	vertical-align: top;
	text-align:left;
	background:#f8f8ff;
	border-bottom:1px solid #add8e6;
}
#senpai .senpaimess td{
	margin:10px;
	padding:8px;
	border-left:5px solid #add8e6;
	border-bottom:1px solid #add8e6;
}

/*サービスの説明*/
#company .link-box .site1{
	float: left;
	padding:5px 10px;
	background:#fff9ff;
	margin:5px;
	width:175px;
	border:2px solid #b0c4de;
	font-size:13px;
	text-align:center;
}
#company .link-box .site2{
	float: left;
	padding:5px 10px;
	background:#fff9ff;
	margin:5px;
	width:175px;
	border:2px solid #b0c4de;
	font-size:13px;
	text-align:center;
}
#company .link-box .site3{
	float: right;
	padding:5px 10px;
	background:#fff9ff;
	margin:5px;
	width:175px;
	border:2px solid #b0c4de;
	font-size:13px;
	text-align:center;
}
#company .link-box .site1 p,
#company .link-box .site2 p,
#company .link-box .site3 p{
	text-align:left;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
	padding: 3px 0 3px 15px;
	margin:0px;
	/*height: 3em;*/
}
#company .link-box .site1 img,
#company .link-box .site2 img,
#company .link-box .site3 img{
	border:1px solid #ccc;
}
#company .kousha-box{
	border:2px solid #87cefa;
	margin:10px 20px;
	padding:20px;
}


/*仕事の概要*/
#work .work_bunrui{
	margin:20px 10px;
	border:1px solid #1C267E;
	background:#fffff4;
}
#work .work_bunrui li{
	/*margin-left:30px;*/
  margin-left:20px;
}

/*募集要項dl*/
#boshu dl {
	margin: 0px;
	clear: both;
	background: url(../images/common/dlbg.png) repeat-y;
  background-size: 100%;
	/*font-size: 15px;*/
  font-size: 1em;
}
#boshu dl:after {
  content: "";
  clear: both;
  display: block;
}
#boshu dl.hi2 {
	height:60px;
}
#boshu dt {
	float: left;
	display: block;
	/*width: 100px;*/
  width: 14%;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
#boshu dd {
	/*margin: 5px 10px 0px 120px;*/
  margin: 5px 10px 0px 16%;
	padding: 5px 5px 5px 10px;
	line-height: 1.8em;
  overflow: hidden;
}
#boshu dd p{
	margin: 0px 10px 0px 15px;
	/*font-size: 15px;*/
  font-size: 1em;
	line-height: 1.8em;
}
.dd-dt_end{
	border-bottom:2px solid #0071BC;
}
#boshu dd span.green{
  float: left;
  clear: left;
  width: 8em;
  /*margin-bottom: 5px;*/
}
#boshu dd span.text{
  float: left;
  margin-bottom: 5px;
}

#boshu p{
	margin			: 10px 10px 20px 20px;
	font-size		: 15px;
	line-height		: 1.8em;
}
.bo-list{
	margin-bottom:8px!important;
	background: url(../images/icon/icon-bo.gif) no-repeat left top;
	padding-left:16px;
}

#boshu .freevacation img,
#boshu .shinbokukai img{
	margin-bottom:5px;
}
#boshu .box2{
	margin			: 0px 0px 5px 0px;
	padding			: 20px;
	background		: url(../images/common/dlbg-box.png) repeat;
	border-top:2px dotted #ccc;
}
#boshu .box2 h3{
	clear: both;
	padding: 5px 10px 5px 40px!important;
	background: url(../images/title/boshu-h3_bg.gif) no-repeat left top!important;
	color	: #726250;
}

#boshu .box2 .chirashi{
	border:1px solid #ccc;
}
#boshu .box2 .photoimgm{
	margin-top:10px;
}
#boshu .box2 table{
	margin:0px 30px;
	width:500px;
	font-size:90%;
}
#boshu .box2 th{
	background:#fff9f9!important;
	width:100px;
	text-align:center;
}
#boshu .box2 td{
	background:#fff9f9!important;
}
#boshu ol{
	margin-left		: 60px!important;
	font-weight		: bold;
	color			: #d0576b;
}
#boshu .box2 .sch p{
	margin			: 2px 10px 2px 20px;
	font-size		: 15px;
	line-height		: 20px;
}
#boshu .box2 .rink-box1{
	text-align:right;
	border-top:1px solid #ccc;
	padding:10px;
	margin:0px 20px;
	font-size:13px;
}
#boshu .box2 .rink-box2{
	border-top:1px solid #ccc;
	padding:10px;
	margin:0px 20px;
	margin-bottom:20px;
	font-size:13px;
	}


#boshu .box2 .rink-box1 p,
#boshu .box2 .rink-box2 p{
	margin:0px;
	font-size:13px;
}
#boshu ul{
	list-style		: none;
}

#boshu .point-o{
	padding: 0px 0px 0px 18px!important;
	background: url(../images/icon/point-o.gif) left no-repeat!important;
}
#boshu hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 2px 0 0 0;
	border-style: dotted none none none;
	height: 1px;
	color: #ccc;
}

/*メリット*/
#merit{
	margin-top:50px;
}
#merit h3{
	background:#fff;
	margin:20px 0px;
	padding:0px;
}

/*応募しないでください*/
#nooubo .ng{
	border:2px solid #c0c6c9;
	background:#fffffc;
	margin:20px;
	padding:20px 20px 0px 20px;
	font-size:105%;
}
#nooubo .ng ol{
	line-height:20px;
}

/*FAQ*/
#faq h3.qa_h{

	background:url(../images/title/h3-qa_bg.gif) no-repeat top left;
	margin: 0 0 1.5em;
	padding: 18px 10px 10px 90px;
	font-size: 1.143em;
	font-weight: bold;
	color:#ff4500;
	height:60px;
}
.faq-list-l{
	float: left;
	margin: 10px 15px 30px 20px!important;
	line-height:30px;
	font-size:15px;
}
.faq-list-r{
	float: right;
	margin: 10px 15px 30px 10px!important;
	line-height:30px;
	font-size:15px;
}

.soft-link{
	background:url(../images/icon/icon-qalist.gif) no-repeat left center;
	padding-left:20px;
}
#qa-oubo,#qa-company,#qa-work,#qa-seido{
	clear: both;
}
#qa-oubo dt,#qa-work dt{
	background:url(../images/icon/bg-faq_q.gif) no-repeat #fafad2;
	margin:10px 10px 0px 10px;
	border-bottom:4px solid #ccc;
	border-top:4px solid #ccc;
	padding:20px 20px 20px 80px;
	font-size:20px;
	font-weight:bold;
}
#qa-company dt,#qa-seido dt{
	background:url(../images/icon/bg-faq_q.gif) no-repeat #c6e2ff;
	margin:10px 10px 0px 10px;
	border-bottom:4px solid #ccc;
	border-top:4px solid #ccc;
	padding:20px 20px 20px 80px;
	font-size:20px;
	font-weight:bold;
}
#qa-oubo dd,#qa-work dd{
	background:url(../images/icon/bg-faq_a.gif) no-repeat;
	margin:0px 10px 40px 10px;
	border:4px solid #fafad2;
	padding:20px 20px 20px 40px;
}
#qa-company dd,#qa-seido dd{
	background:url(../images/icon/bg-faq_a.gif) no-repeat;
	margin:0px 10px 40px 10px;
	border:4px solid #c6e2ff;
	padding:20px 20px 20px 40px;

}

/*追伸*/
#ps{
	background:url(../images/common/bg_ps.gif) no-repeat top left #E5E8F5;
	padding:150px 30px 10px 30px;
}

/*リンク*/

#pt-link {
	margin: 20px 0;
	width: 100%;
}
#pt-link ul {
	margin: 0;
	padding: 0;
}
#pt-link ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#pt-link ul li a {
	position: relative;
	margin: 1% 0 1% 2%;
	padding: 2% 1% 2% 5%;
	display: block;
	float: left;
	width: 24.5%;
	color: #fff;
	background: #0cd11d;
	background-image: -webkit-linear-gradient(top, #0cd11d, #2da315);
	background-image: -moz-linear-gradient(top, #0cd11d, #2da315);
	background-image: -ms-linear-gradient(top, #0cd11d, #2da315);
	background-image: -o-linear-gradient(top, #0cd11d, #2da315);
	background-image: linear-gradient(to bottom, #0cd11d, #2da315);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}
#pt-link ul li a::after {
	position: absolute;
	top: 50%;
	left: .8em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}

#pt-link ul li a:hover {
	background: #45e045;
	background-image: -webkit-linear-gradient(top, #45e045, #2db814);
	background-image: -moz-linear-gradient(top, #45e045, #2db814);
	background-image: -ms-linear-gradient(top, #45e045, #2db814);
	background-image: -o-linear-gradient(top, #45e045, #2db814);
	background-image: linear-gradient(to bottom, #45e045, #2db814);
	text-decoration: none;
}


/*応募フォーム----------------------------------------------*/

.ouboform{
	border			: 2px solid #deb887;
	padding			: 20px;
	margin			: 0px 10px 30px 10px;
	background		: url(../images/common/check.jpg) no-repeat left top;
}
#oubo .ouboform .oubo_first{
	margin-left:80px;
}
.ouboform table{
	margin			: 10px 0;
	font-size		: 90%;
	width			: 570px;
	padding-left	: 10px;
	margin-left		: 10px;
}

.ouboform th{
	padding			: 10px 5px!important;
	border-bottom	: 1px solid #c0c0c0;
	vertical-align	: center;
	width			: 25%;
	font-weight		: normal;
	background		:#c1e4e9;
}
.ouboform td{
	padding			: 10px;
	border-bottom	: 1px solid #c0c0c0;
	vertical-align	: top;
}

.formtopline{
	border-top		: 1px solid #c0c0c0;

}
.ouboform span{
	line-height		: 20px;
}

.ouboform .example{
	font-size:80%;
	color:#009933;
}

.ouboform table td ol{
	margin: 0px!important;;
	padding: 0px;
}
.ouboform table td ol li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.ouboform table td .formmess{
	width:90%;
}

img.must {
	width: 30px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 5px;
}


.ouboform .small img {
	vertical-align: middle;
	padding: 0 2px;
}


/*thanksページ*/
#thanks{
	clear: both;
	margin			: 30px 60px;
	line-height		: 25px;
	font-size		: 18px;
}
#thanks p{
	margin			: 20px;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
}



/*●定義タグ スタイル01*/
#main-contents dl.dl-style01{
	margin: 0 0 3.5em;
	padding: 0;
}

#main-contents dl.dl-style01 dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 10em;
	border-bottom: 1px dotted #414141;
}


/*●定義タグ スタイル02*/
#main-contents  dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: 0;
	background-color: #ddd;
}

#main-contents dl.dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
}

#main-contents dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background-color: #fff;
}




/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }

.link-next,
.link-next02{ text-align: right; }

.link-back,
.link-back02{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next02 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r-yellow.png) 0 7px no-repeat;
}
.link-back02 a{
	padding: 5px 0 5px 15px;
	background: url(../images/icon/icon-arrow_l-yellow.png) 0 7px no-repeat;
}


/*●段組み*/
.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa; /*boxの枠線の指示*/
}

.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}

#main-contents .box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #999; /*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}


/*●サイトマップ*/
#main-contents .sitemap li{ list-style: none; }

#main-contents .sitemap li a{
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../images/icon/icon-arrow_r.png) 0 6px no-repeat;
}

#main-contents .sitemap ul{ margin-top: 1em; }

#main-contents .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
}



/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

#sub-contents,
#sidebar,
#sidebar-in,
#sub-contents-in{
	margin: 0;
	padding: 0;
}

/** html #sub-contents,
* html #sidebar{ overflow: hidden; }*/
* html #sub-contents{ overflow: hidden; }
#sidebar.sticky_on{
	position:fixed;
	top:0;
	right:0;
	width:100%;
}
#sidebar.sticky_on #sidebar-in{
	margin:0 auto;
	width:960px;
	position:relative
}
#sidebar.sticky_on #sidebar-in #sidebar-in-inner{
	margin:0 auto;
	width:254px;
	position:absolute;
	right:0;
}
#sidebar.sticky_on #site_guide {
	display:none;
}

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{ display: none; }

.sub-column{ font-size: 1.2em; }

.sub-column li{ list-style: none; }


/*●コンテンツ*/
.sub-column .contents, 
.sub-column .contents_btn {
	margin-bottom: 1.5em;
	padding: 0.5em;
}

.sub-column hr{ clear: both; }

.sub-column h3{
	padding: 0.7em;
	border: 1px solid #959595; /*サイドバー見出しの枠線*/
	border-top: 3px solid #414141; /*見出しの上部の太線*/
	color: #454545; /*見出し文字の色*/
	font-weight: bold;
}

.sub-column .contents h3{
	margin: -0.5em;
	margin-bottom: 0.8em;
}


/*●プロフィール*/
.sub-column .profile-img img{
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.sub-column .profile-txt p{ margin-bottom: 1em; }

.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: left;
	padding-right: 20px;
}


/*●テーブルタグ*/
.sub-column table caption{
	font-weight: bold;
	text-align: center;
}

.sub-column table{
	width: 90%;
	margin: auto;
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
}

.sub-column table th,
.sub-column table td{
	padding: 0.5em 0.2em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

.sub-column table th{
	background: #f0f0f0;
	font-weight: bold;
	text-align: center;
}


/*●検索ボックス*/
.sub-column dl.search-box{
	margin: 0 0 16px;
	width: 100%;
}

.sub-column dl.search-box dt{
	display: block;
	float: left;
	width: 63%;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}

.sub-column dl.search-box dt input{
	width: 95%;
	height: 1.4em;
	padding: 2px;
	border: 1px solid #aaa;
	color: #aaa;
	line-height: 1.4em;
}

.sub-column dl.search-box dt input.onfocus{ color: #333; }

.sub-column dl.search-box dd{
	float: left;
	margin: 0;
	padding: 0;
}

.sub-column dl.search-box dd input{
	height: 2em;
	padding: 0.1em 1em;
	line-height: 1.4em;
}


/*●お問い合わせ*/
.sub-column .contact .icon-contact{
	float: left;
	padding: 0 10px 10px 0;
}

.sub-column .contact .text-contact{ overflow: hidden; }


/*●サイドメニュー*/
.sub-column .side-menu{ margin: 0; }

.sub-column .side-menu li{ list-style: none; }

.sub-column .side-menu li a{
	display: block;
	padding: 12px 10px 12px 20px;
	background: url(../images/icon/icon-arrow_r.png) 2px 15px no-repeat;
}

.sub-column .side-menu li a:active,
.sub-column .side-menu li a:hover{
	background-color: #fc6;
	color: #fff;
}

.sub-column .side-menu ul{
	padding: 0;
	margin: 0;
}

.sub-column .side-menu ul ul{ padding: 0; }

.sub-column .side-menu li li{
	width: 95%;
	margin-bottom: 0;
	padding-left: 5%;
	border: 0;
}

.sub-column .side-menu li li a:link,
.sub-column .side-menu li li a:visited{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat;
}

.sub-column .side-menu li li a:active,
.sub-column .side-menu li li a:hover{ background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat #fc6; }



.col1 .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img{
	float: left;
	padding-right: 20px;
}


/*●バナーエリア*/
.sub-column .banner{ margin-bottom: 10px; }

.sub-column .banner li{
	margin-bottom: 18px;
	list-style: none;
	text-align: center;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: inline;
	margin-right: 8px;
}


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

#footer{
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(../images/common/foot-line.gif) repeat-x top center #778899; /*フッター全体の背景色を指定*/
	color: #fff;
	font-size: 1.2em;
}

#footer a:link,
#footer a:visited{ color: #fff; }
#footer a:hover,
#footer a:active{ color: #f60; }

#footer h3{
	margin-bottom: 1em;
	padding: 0.8em;
	border-left:30px solid #1C267E;
	background: url(../images/common/foot-title_bg.gif) repeat-x top center #fff;
	color: #333;
	font-weight: bold;
}

#footer-in li{ list-style: none; }

#footer .area01{
	float: left;
	width: 39%;
	padding-bottom: 20px;
}

#footer .area02{
	float: right;
	width: 60%;
	padding-bottom: 20px;
}

/*●アクセス情報*/
#footer .access{ padding: 0 1em; }

#footer .access p{ margin-bottom: 1em; }

p.accessmap{
	padding: 0px 0 3px;
	padding-left: 25px;
	background: url(../images/icon/icon-arrow02.png) left center no-repeat;
}


/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer .footer-menu ul{
	float: left;
	width: 42%;
	margin-right: 5%;
	padding: 1%;
}

#footer .footer-menu ul ul{
	float: none;
	width: auto;
	margin-top: 1em;
	margin-right: 0;
}

.footer-menu li{
	margin-bottom: 5px;
	padding: 0px 0 3px;
	padding-left: 25px;
	background: url(../images/icon/icon-arrow02.png) left top no-repeat;
}

.footer-menu li li{
	padding-left: 15px;
	padding-top: 0;
	background: url(../images/icon/icon-arrow03.png) left 5px no-repeat;
}


/*●フッターバナー*/
#footer-banner{
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer-banner li{
	display: inline;
	list-style: none;
}


/*●コピーライト*/
.copyright{
	padding: 15px 0;
	background: #eaeaea;
	font-size: 1.2em;
	text-align: center;
}


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 182px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 42px;
	border: 1px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #999;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #fc6;
	color: #f60;
}


/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main-contents .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
会社説明会コーナー　2021/2/24追加
-------------------------------------------------------------*/
#seminar {
	background:#f0f8ff;
	margin:0 0 40px 0;
	border:2px solid #ccc;
	padding:20px;
}


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/