@charset "UTF-8";

/* 
==========================================
main structure
==========================================
*/ 

/* ========= 0 ========= */
/*------- 0 -------*/

/* 
==========================================
sub structure　& style
==========================================
*/ 
/* ---------------------------------------------------------------
common
----------------------------------------------------------------*/
/* ========= 囲い系 ========= */
.conv-style01 {
	display: block;
	margin: 12px 0;
	padding: 8px 8px 0 8px;
	color: #cc0e00;
	background: #fff;
	border: solid 3px #f1dddc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
.conv-style01 p {
	margin: 0 0 8px 0 !important;
}

.conv-style02 {
	display: block;
	margin: 12px 0;
	padding: 8px 8px 0 8px;
	color: #0c63ab;
	background: #fff;
	border: solid 3px #dce7ef;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
.conv-style02 p {
	margin: 0 0 8px 0 !important;
}

/* ---------------------------------------------------------------
breadcrumb
----------------------------------------------------------------*/
#breadcrumbs {
	height: 156px;
	background: url("../images/bg_breadcrumbs.png") 14px 100% no-repeat;
}
body.error #breadcrumbs {
	margin: 0 0 24px;
	padding: 0 0 8px;
	height: auto;
	background: none;
}
#breadcrumbs dl {
	margin: 0;
	padding: 0 28px;
	height: 38px;
	/*color: #fff;*/
	font-size: 11px;
	*font-size: 92%;
	line-height: 1.35;
	text-align: left;
	overflow: hidden;
}
#breadcrumbs dt {
	display: none;
}
#breadcrumbs dd {
	margin: 0;
	padding: 16px 0 0 0;
}
#breadcrumbs dd img {
	margin-right: 6px;
}
#breadcrumbs a {
	color: #000;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#breadcrumbs a:hover span {
	color: #ff6600;
}

/* ---------------------------------------------------------------
mainarea
----------------------------------------------------------------*/ 
/* ========= ページイメージ＆タイトル ========= */
#contents-head {
	position: absolute;
	top: -117px;
	left: 15px;
	width: 100%;
	height: 117px;
}
#contents-head h1 {
	line-height: 117px;
}
#contents-head p {
	margin: 0;
}

/* ========= コンテンツページレイアウト ========= */
.layer2 #contents-body,
.contentspage #contents-body {
	padding: 40px 55px;
}

/* ========= 見出し&段落 ========= */
body.error #contents-body h1,
.layer2 #contents-body h2,
.contentspage #contents-body h2 {
	clear: both;
	position: relative;
	margin: 2.5em 0 1em 0;
	padding-bottom: 9px;
	border-bottom: 1px solid #0f163b;
}
body.error #contents-body h1 {
	margin-top: 0;
}
.layer2 #contents-body h2.clr-gold,
.contentspage #contents-body h2.clr-gold {
	color: #7f6a26;
	border-bottom: 1px solid #7f6a26;
}
body.error #contents-body h1:after,
.layer2 #contents-body h2:after,
.contentspage #contents-body h2:after {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	width: 22px;
	height: 1px;
	background: url("../images/bg_h2.png") left top no-repeat;
	z-index: 1;
}
.layer2 #contents-body h3,
.contentspage #contents-body h3 {
	position: relative;
	margin: 2.5em 0 1.6em 0;
	padding: 2px 0 2px 10px;
	border-left: 2px solid #8c0c19;
}
.layer2 #contents-body h3:after,
.contentspage #contents-body h3:after {
	position: absolute;
	display: block;
	content: "";
	bottom: -8px;
	left: -2px;
	width: 720px;
	height: 1px;
	background: url("../images/bg_h3.png") left bottom repeat-x;
}
.layer2 #contents-body h4,
.contentspage #contents-body h4 {
	margin: 2.5em 0 0 0;
	color: #791410;
}
.h-style-h2-point {
	padding: 0 !important;
	font-size: 18px;
	*font-size: 128%;
	border: none !important;
}
.h-style-h2-point:after {
	display: none;
}
.h-style-h2-point .point {
	display: inline-block;
	margin-right: 8px;
	color: #fff;
	font-size: 14px;
	*font-size: 100%;
	line-height: 1;
}
.h-style-h2-point .label {
	display: inline-block;
	padding: 6px 6px;
	background: #0f1b3d;
}
.h-style-h2-point .num {
	display: inline-block;
	padding: 10px 10px;
	background: #790511;
}
.h-style-h3 {
	position: relative !important;
	padding: 2px 0 2px 10px !important;
	font-size: 18px;
	*font-size: 128%;
	border-left: 2px solid #8c0c19!important;
}

/* ---------------------------------------------------------------
subarea
----------------------------------------------------------------*/
#subarea .section {
	margin-bottom: 10px;
	padding-bottom: 1px;
	box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.4);
}
#subarea .section h2 a {
	color: #fff;
}
#subarea .section ul,
#subarea .section ol,
#subarea .section dl,
#subarea .section p {
	margin: 10px;
	font-size: 12px;
}

#sd-asm {
	background: #7f0f0a;
}
#sd-seminar {
	background: #ffee00;
	/*background: #f8f2e2;*/
}
#sd-seminar h4 {
	/*margin: 0 10px 10px;セミナー1種類の時*/
	margin: 6px 10px 10px;
	/*font-size: 13px;セミナー1種類の時*/
	font-size: 14px;
	line-height: 1.3;
}
#sd-seminar h4 a {
	color: #000;
}
#sd-seminar dt {
	clear: left;
	margin: 0;
	width: 34px;
	font-weight: normal;
	float: left;
}
#sd-seminar dd {
	margin: 0;
	padding: 0 0 0 34px;
}

#sd-vstsrvs {
	background: #eee;
}

/* 
==========================================
各ページ
==========================================
*/
/* ---------------------------------------------------------------
セミナー
----------------------------------------------------------------*/
/* ========= 共通 ========= */
a.conv-detail,
a.conv-form {
	display: inline-block;
	padding: 4px 12px;
	color: #fff;
	text-align: center;
	/*border-radius: 3px;*/
	border: 1px solid #000;
	box-shadow : 0px 1px 0px rgba(0,0,0,0.9);
	text-decoration: none;
}
a.conv-detail {
	background: #2b497b;
	background : -webkit-gradient(linear, left top, left bottom, from(#2b497b), to(#0f1a3e)); /*old*/
	background : -webkit-linear-gradient(top, #2b497b, #0f1a3e); /*old*/
	background : linear-gradient(to bottom, #2b497b, #0f1a3e);
	box-shadow: 0px 1px 0px rgb(88,110,157) inset;
}
a.conv-form {
	background: #a1181a;
	background : -webkit-gradient(linear, left top, left bottom, from(#c61a14), to(#801315)); /*old*/
	background : -webkit-linear-gradient(top, #c61a14, #801315); /*old*/
	background : linear-gradient(to bottom, #c61a14, #801315);
	box-shadow: 0px 1px 0px rgb(184,102,115) inset;
}
a.conv-detail:hover,
a.conv-form:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
a.conv-detail span,
a.conv-form span {
	display: inline-block;
	padding-left: 8px;
	background-image: url("../images/icon_arrow_wh.png");
	background-position: 0 0.5em;
	background-repeat: no-repeat;
}

.topsmnr .conv li,
.smnr .conv li {
	margin: 0 8px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

/* ========= トップ ========= */
.ctgry {
	/*margin-left: -10px;*/
}
dl.trgt {
	margin: 0;
	padding-bottom: 9px;
}
dl.trgt dt {
	margin: 0;
	padding: 0.25em 0.5em;
	width: 2em;
	color: #fff;
	background: #880016;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	float: left;
}
dl.trgt dd {
	margin: 0 0 0 3em;
	padding: 0.25em 0.5em;
	color: #fff;
	font-size: 12px;
}
.topsmnr dl.trgt dd {
	background: #7f692a;
}
.smnr dl.trgt dd {
	background: #626262;
}
body.seminar .layer2 #contents-body h2 {
	margin-top: 0.5em;
}
body.seminar .layer2 #contents-body h3 {
	margin: 0;
	padding: 0;
	line-height: 1.35;
	background: none;
	border: none;
}
body.seminar .layer2 .clmn2 .table-wrap {
	margin: 1.5em 0 0.8em 0;
}
body.seminar .layer2 .clmn2 th,
body.seminar .layer2 .clmn2 td {
	padding: 3px 6px;
	font-size: 13px;
	vertical-align: middle;
}

/* ========= 各セミナーページ ========= */
body.seminar .contentspage #contents-body h2,
body.seminar .contentspage #contents-body h3 {
	position: relative;
	margin-top: 0;
	
}
body.seminar .contentspage #contents-body h2 span.btn-2form,
body.seminar .contentspage #contents-body h3 span.btn-2form {
	position: absolute;
	bottom: 48px;
	right: 24px;
}

/* ---------------------------------------------------------------
サービス
----------------------------------------------------------------*/
body.service #asm-feature .c-body-ly2 {
	width: 278px;
}
.box-service-lead {
	position: relative;
	margin: -40px -40px 0 -40px;
	padding: 30px 40px;
	background: #f7f7f7;
}
.box-service-lead:after {
	position: absolute;
	display: block;
	content: "";
	margin-left: -20px;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #f7f7f7;
}
.box-service-lead .c-head {
	margin-top: -30px;
}
.box-service-lead h2 {
	display: inline-block;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 10px 15px; !important;
	color: #fff !important;
	background: #8c0c19 !important;
	font-size: 12px;
	*font-size: 85%;
	border: none !important;
}
.box-service-lead h2:after {
	display: none !important;
}

/* ---------------------------------------------------------------
会社概要
----------------------------------------------------------------*/
#company-index .img-graph {
	position: absolute;
	top: -19px;
	right: -50px;
}
.company .clmn4 > .item > a,
.company .clmn4 > .item > .sbs-a {
	text-align: center;
}
.company .clmn4 > .item > a > img,
.company .clmn4 > .item > .sbs-a > img {
	display: block;
	margin: 0 auto 8px auto;
	text-decoration: none;
}
.company .clmn4 > .item > a > img + br,
.company .clmn4 > .item > .sbs-a > img + br {
	display: none;
}
.clmn-profile {
	margin: 4em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid #ddd;
}
.clmn-profile > .item1 {
	width: 120px;
	float: left;
}
.clmn-profile > .item2 {
	width: 580px;
	float: right;
}
.clmn-profile_head {
	display: table-cell;
	height: 110px;
	vertical-align: middle;
}
.meta-title {
	margin: 0 0 0.5em;
	font-size: 13px;
}
.meta-name {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 22px !important;
	letter-spacing: 0.2em;
	border: none !important;
}
.meta-name:after {
	display: none !important;
}
.meta-name-en {
	display: block;
	margin: 4px 0 0 2px;
	font-size: 10px;
	font-family: “Times New Roman”, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", “游明朝”, YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-style: italic;
	color: #999;
	letter-spacing: 0.5em;
}

/* ---------------------------------------------------------------
お問い合わせ／資料請求
----------------------------------------------------------------*/
#contact-index #contents-body h3,
#estimate-index #contents-body h3 {
	margin: 18px 0 0 0;
	padding: 0;
	color: #000;
	background: #eee none;
}
#contact-index #contents-body h3 {
	margin-bottom: 24px;
}
#contact-index #contents-body h4,
#estimate-index #contents-body h4 {
	margin: 24px 0 1px 0;
	padding: 8px 6px 6px 6px;
	color: #000;
	background: #ddd none;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-bottom: 1px solid #ccc;
}
#contact-index .formarea01,
#estimate-index .formarea01 {
	margin-right: 30px;
}
#contact-index .formarea01 .c-body,
#estimate-index .formarea01 .c-body {
	margin: 0;
}