@charset "UTF-8";
@import url("be_common.css");

/* about（共通）用はここから */
article section.textbox1 { width: auto; float: left; }
article section.textbox2 { width: 78%; float: left; }

/* greeting（ごあいさつ）用はここから */
article#greeting div.greeting_office { clear: both; }
article#greeting figure.greeting_photo1 { float: left; margin: 0 20px 35px 0; }
article#greeting figure.greeting_photo1 img { width: 200px; }

article#greeting section h1 {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 108%;
	font-weight: normal;
	margin-bottom: 20px;
}

article#greeting section h2 {
	color: #888888;
	font-family: "ヒラギノ明朝体 W3","ＭＳ 明朝",serif;
	font-size: 138.5%;
	margin-bottom: 10px;
}

article#greeting section h3 {
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 108%;
	font-weight: normal;
}

article#greeting section p {
	font-family: "ヒラギノ明朝体 W3","ＭＳ 明朝",serif;
	text-align: justify;
	line-height: 180%;
	margin-bottom: 10px;
}

strong {
	color: #B70003;
}

/* profile,recruit（会社概要、スタッフ募集）用はここから */


/* 箇条書きはここから */
 
article#profile dl,
article#recruit dl {
	width: 690px;
	background: #C9E3FF;
	line-height: 180%;
}

article#profile dl dt.first,
article#recruit dl dt.first {
	border-top: none;
}

article#profile dl dd.first,
article#recruit dl dd.first {
	border-top: none;
}

article#profile dl dt,
article#recruit dl dt {
	color: #0F539E;
	width: 139px;
	float: left;
	padding: 8px;
	border-top: 1px solid #0F539E;
	font-size: 93%;
	text-indent: 15px;
	letter-spacing: 4px;
	text-align: right;
}

article#profile dl dd,
article#recruit dl dd {
	color: #333333;
	font-size: 93%;
	margin-left: 155px;
	padding: 8px 30px;
	border-top: 1px solid #0F539E;
	border-left: 1px solid #0F539E;
	background: #FFFFFF;
}
article#profile dl ul,
article#recruit dl ul {
	margin-bottom: 20px;
}
article#profile dl ul li,
article#recruit dl ul li {
	margin: 0 0 5px 0;
	line-height: 200%;
}
article#profile dl ul li a,
article#recruit dl ul li a {
	color: #333333;
}
article#profile dl ul li a:hover,
article#recruit dl ul li a:hover {
	color: #B70003;
	text-decoration: underline;
}

/* リクルート（recruit.php）のみ */
article#recruit dl { margin-bottom: 10px; }
article#recruit small { font-size: 93%; line-height: 180%; }
article#recruit ul li.recruit_button a { font-size: 93%; color: #333333; background: #DDDDDD; border: 1px solid #AAAAAA; padding: 5px 10px; }
article#recruit ul li.recruit_button a:hover { font-weight: bold; color: #B70003; background: #FCFCFC; border: 1px solid #AAAAAA; }


/* 会社概要のみはここから */
article#profile dl dt.license small {
	font-size: 77%;
	margin-left: 5px;
	letter-spacing: 1px;
}

article#profile dl dt.narrow {
	letter-spacing: 1px;
}

article#profile dl small {
	font-size: 85%;
	line-height: 100%;
}

article#profile dl dl {
	width: 95%;
	background: #FFFFFF;
	font-size: 100%;
	line-height: 170%;
	padding-top: 3px;
}

article#profile dl dl dt {
	width: auto;
	padding: 0;
	border: none;
	text-indent: 0;
	letter-spacing: 1px;
}

article#profile dl dl dd {
	border: none;
	text-align: justify;
	padding: 0;
	margin: 0 0 12px 120px;
}

/* workflow（仕事の流れ）用はここから */

article#workflow section h1 {
 	font-size: 112%;
	font-weight: normal;
	line-height: 100%;
	border-left: 4px solid #CCCCCC;
	padding-left: 5px;
	margin-bottom: 5px;
}

article#workflow ol {
 	list-style: none;
 	margin-top: 10px;
}

article#workflow ol li {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	width: 480px;
	display: inline-block;
	margin: 5px 0;
	padding: 10px 20px;
}

article#workflow ol li figure {
	width: 45px;
	height: auto;
	background: #FFFFFF;
	float: left;
	margin-right: 20px;
}

article#workflow ol li figure img {
	width: 45px;
}

div.flowchart p.flowchart_tittle {
	width: auto;
	color: #333333;
	font-size: 120%;
	margin-bottom: 10px;
	border-bottom: 1px solid #0F539E;
}

div.flowchart p.flowchart_tittle span.number {
	color: #B70003;
	font-family: Verdana,sans-serif;
	font-size: 85%;
	font-style: italic;
	margin-right: 10px;
}

div.flowchart p {
	width: 380px;
	font-size: 93%;
}

article#workflow ul li {
	border: none;
	width: auto;
	color: #333333;
	font-size: 90%;
	line-height: 170%;
	padding: 0 0 0 80px;
	display: list-item;
}

article#workflow ul li a {
	font-size: 85%;
	font-weight: bold;
	color: #333333;
	background: #DDDDDD;
	border: 1px solid #AAAAAA;
	padding: 3px 8px;
	margin-left: 10px;
}

article#workflow ul li a:hover {
	color: #B70003;
	background: #FCFCFC;
	border: 1px solid #AAAAAA;
}

/* access（アクセス）用はここから */
div.map { float: left; margin-right: 30px; }
article#access dl { width: 260px; border-bottom: 1px dashed #CCCCCC; float: left; margin: 15px 0; line-height: 160%;}
article#access dl dt { color: #222222; font-weight: bold; border-left: 3px solid #B70003; padding-left: 7px; margin-bottom: 10px; }
article#access dl dd { color: #555555; margin: 7px 0; }