@charset "utf-8";

body {
	min-width: 1070px;
}



#out_wrap {
	width: auto;
	background-image: url(../images/bk.jpg);
	background-repeat: repeat-x;
}

#out_wrap_t {
	width: auto;
	background-image: url(../images/bk_t.jpg);
	background-repeat: repeat-x;
}

#in_wrap {
	width: 1070px;
	margin: auto;
}

/*  header  */

#header {
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
	height: 100px;
}

#header_left {
	margin-top: 15px;
	float: left;
}

.h_tel {
	font-size: 20px;
}

#header_right_u {
	font-size: 12px;
}


#header_right {
	float: right;
}

/* end header  */

/*  navi  */

#navi {
	width: 1070px;
	margin-bottom: 10px;
}

li {
	float: left;
}

/* end navi  */
#main {
	float: left;
	width: 800px;
}

/*  side_bar   */
#side_bar {
	float: right;
	width: 240px;
}

.add_num {
	margin-bottom: 20px;
}

.office_box_s {
	padding: 10px;
	font-size: 16px;
	background-image: url(../images/companybox.jpg);
	background-repeat: no-repeat;
	height: 54%;
}

.office_box_s p {
	padding: 0 10px;
}

#office_box {
	height: 250px;
}

.top10 {
	padding-top: 10px;
}

.top20 {
	padding-top: 20px;
}

.top30 {
	padding-top: 30px;
}

.bottom10 {
	padding-bottom: 10px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

/* end side_bar   */
#pankuzu {
	font-size: 12px;
	color: #333;
}

#content {
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.under {
	margin-top: 75px !important;
}

.under_sec {
	margin-bottom: 30px !important;
}

.taisyou {
	padding: 5px 10px 10px;
}

#content_t {
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.h2 {
	font-size: 20px;
	padding: 12px;
	background-image: url(../images/title_bar_top.jpg);
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.h4 {
	font-size: 20px;
	padding: 12px;
	background-image: url(../images/title_bar.png);
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.h3 {
	font-size: 18px;
	padding: 10px;
	background-image: url(../images/top_news.jpg);
	margin-bottom: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
}

/*  footer  */
#footer {
	background-image: url(../images/footer.jpg);
	width: auto;
	background-repeat: repeat-x;
}


#footer_left {
	float: left;
	font-size: 13px;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 60px;
}

#footer_right {
	float: right;
	width: 400px;

}



#footer_in {
	width: 1070px;
	margin: auto;
}

address {

	text-align: center;
}

.right {
	text-align: left;
}

#footer_m {
	width: 1070px;
	height: 80px;
}

/* end footer  */

/* マウスオーバー */
a:hover img,
.a:active img {
	filter: alpha(opacity=70);
	/* IE */
	-moz-opacity: 0.70;
	/* Firefox CSS3以前 */
	opacity: 0.70;
	/* CSS3 */
}

/* クリアフィクス */
#header,
#itjikin #nav,
#content {
	zoom: 1;
}

#header:after,
#nav:after,
#content:after {
	content: "";
	display: block;
	clear: both;
}

/* end クリアフィクス */

/* トップページお知らせ */
#top_news {
	margin: 60px 0;
}

#top_news h2 {
	margin-bottom: 30px;
}

.news_box {
	overflow-y: scroll;
	height: 700px;
}


/*削除予定*/
dl.listnews dt {
	clear: left;
	float: left;
	width: 150px;
	margin-top: 10px;
	margin-left: 20px;
	color: #000;

}

/*削除予定*/
dl.listnews dd {
	margin-left: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
}

.news_area {
	display: flex;
	margin-top: 10px;
	margin-left: 20px;
	border-bottom: dotted 2px #333;
	padding: 10px 0;
}

.news_area dt {
	width: 150px;
}

/* end トップページお知らせ */

/* トップ */

#slideshow {
	position: relative;
	width: 1070px;
	/* 画像の横幅に合わせて記述 */
	height: 270px;
	/* 画像の高さに合わせて記述 */
	margin-top: 72px;
	margin-bottom: 20px;
}

#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active {
	z-index: 9;
}

/* endトップ */


/* ご挨拶 */
#greeting_c p {
	font-size: 18px;
}

#greeting_m_l {
	width: 400px;
	float: left;
}

.greeting_naiyou p {
	line-height: 2.0em;
}

#company_side_bar li {
	padding-top: 10px;
	clear: both;
	font-size: 18px;
}


#company_side_bar {
	height: 120px;
}

#overview_side_bar li {
	padding-top: 10px;
	clear: both;
	font-size: 18px;
}

#overview_side_bar {
	height: 230px;
}

.about_side {
	height: 180px !important;
}

/* end ご挨拶 */
/*  経営方針 */
#managementpolicies {
	background-color: #FFF;
}

#managementpolicies p {
	font-size: 22px;
}

#managementpolicies_i {
	padding: 30px;
}

/* end 経営方針 */

/*お問い合わせ専用*/
/*強調赤字*/
.chuui {
	color: #FF0000;
}


/*お問い合わせ専用ここまで*/

/* --- フォームエリア --- */
form.contact {
	width: 700px;
	/* フォームエリアの幅 */
	font-size: 80%;
}

/* --- フォームエリア内の段落 --- */
form.contact p {
	line-height: 130%;
}

/* --- 段落内の「必須」画像 --- */
form.contact p.attention img {
	vertical-align: middle;
}

/* --- 部品グループ --- */
form.contact div.fields {
	margin-bottom: 20px;
	/* 部品グループの下マージン */
	padding: 2px;
	/* 部品グループのパディング */
	background-color: #f9f9f9;
	/* 部品グループの背景色 */
	border: 1px #c0c0c0 solid;
	/* 部品グループの境界線 */
}

/* --- テーブル --- */
form.contact table {
	width: 100%;
	/* テーブルの幅 */
	border: 1px solid;
	/* テーブルの境界線 */
	border-color: #c0c0c0 #999999 #999999 #c0c0c0;
	/* テーブルの境界線色（上右下左） */
}

/* --- キャプション --- */
form.contact caption {
	margin-bottom: 2px;
	/* キャプションの下マージン */
	padding: 10px 8px;
	/* キャプションのパディング（上下、左右） */
	background: #f9f9f9 url(../test/css/caption_back1.gif) repeat-x;
	/* キャプションの背景 */
	border: 1px solid;
	/* キャプションの境界線 */
	border-color: #c0c0c0 #999999 #999999 #c0c0c0;
	/* キャプションの境界線色（上右下左） */
	text-align: left;
	color: #808080;
	/* キャプションの文字色 */
	font-weight: bold;
}

/* --- 見出しセル（th） --- */
form.contact th {
	width: 140px;
	/* 見出しセルの幅 */
	padding: 10px 8px;
	/* 見出しセルのパディング（上下、左右） */
	background-color: #f5f5f5;
	/* 見出しセルの背景色 */
	border-bottom: 1px #c0c0c0 dotted;
	/* 見出しセルの下境界線 */
	text-align: left;
	line-height: 130%;
}

/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
	font-weight: normal;
}

/* --- データセル（td） --- */
form.contact td {
	padding: 10px 5px 7px;
	/* データセルのパディング（上、左右、下） */
	background-color: #ffffff;
	/* データセルの背景色 */
	border-bottom: 1px #c0c0c0 dotted;
	/* データセルの下境界線 */
}

/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
	color: #808080;
}

/* --- 必須項目セル --- */
form.contact td.required {
	width: 26px;
	/* 必須項目セルの幅 */
	padding: 10px 3px;
	/* 必須項目セルのパディング（上下、左右） */
	text-align: center;
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
	margin-bottom: 2px;
	/* フォーム部品の下マージン */
}

/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company,
#section,
#name,
#name2,
#email,
#address {
	width: 350px;
	/* フォーム部品の幅 */
}

/* --- （短めのテキスト入力欄） --- */
#tel1,
#tel2,
#tel3,
#fax1,
#fax2,
#fax3 {
	width: 70px;
	/* フォーム部品の幅 */
}

#zip1,
#zip2 {
	width: 70px;
	/* フォーム部品の幅 */
}

/* --- （複数行のテキスト入力欄） --- */
#message {
	width: 420px;
	/* フォーム部品の幅 */
	height: 10em;
	/* フォーム部品の高さ */
}

#remark {
	width: 420px;
	/* フォーム部品の幅 */
	height: 6em;
	/* フォーム部品の高さ */
}

/* --- ボタン --- */
form.contact p.button {
	margin: 0;
	text-align: center;
}


/*  事業紹介 */

#work_side_bar li {
	padding-top: 10px;
	clear: both;
	font-size: 18px;
}


#work_side_bar {
	height: 250px;
}

#shohin_l {
	float: left;
	width: 270px;
}

#shohin_r {
	float: left;
	width: 500px;
	height: 200px;
}

#shohin {
	height: 200px;
}

#flow {
	height: 300px;
}

/* リスト */
ol.topic-path {
	margin: 0;
	/* マージン（上下左右） */
	padding: 7px 5px;
	/* パディング（上下、左右） */
	background-color: #f9f9f9;
	/* 背景色 */
	list-style-type: none;
	/* リストマーク非表示 */
	font-size: 14px;
	/* 文字サイズ */
}

/* リスト項目 */
ol.topic-path li {
	padding-left: 5px;
	/* 左パディング */
	display: inline;
	/* 項目を横並び */
}

/* リスト項目（最初の項目） */
ol.topic-path li.first {
	padding-left: 25px;
	/* ホーム記号（※） */
	background-image: url(../images/topic-path-home.png);
	background-repeat: no-repeat;
	background-position: left;
}

/* リンクエリア */
ol.topic-path li a {
	margin-right: 0px;
	/* 矢印記号（※） */
	background-repeat: no-repeat;
	background-image: url();
	background-position: right;
}

/* リンク色 */
ol.topic-path li a {
	color: #4682b4;
}

/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
	color: #79a7cc;
}

#record_c {
	font-size: 12px;
}

div.item {
	width: 800px;
	height: 250px;
	background: url(../images/item_bg.jpg);
	margin-bottom: 30px;
	margin-top: 30px;
}

div.service {
	width: 800px;
	height: 250px;
	background: url(../images/service_bg.jpg);
	margin-bottom: 30px;
	margin-top: 30px;
}

div.helper {
	width: 800px;
	height: 250px;
	background: url(../images/helper_bg.jpg);
	margin-bottom: 30px;
	margin-top: 30px;
}

div.care {
	width: 800px;
	height: 250px;
	background: url(../images/care_bg.jpg);
	margin-bottom: 30px;
	margin-top: 30px;
}

div.item_l {
	width: 500px;
	float: left;
}

div.item h4 {
	font-size: 28px;
	padding-top: 20px;
	margin-left: 30px;
}

div.item p.text {
	margin-left: 35px;
	margin-top: 20px;

	width: 500px;
	font-size: 16px;
}

div.item_r {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

.red {
	color: #f00;
}

#img {
	text-align: center;
	padding: 25px 0 25px 0;
}

/* 採用情報ページ */
table.tdspace td {
	padding: 3px 10px;
}

#price td {
	padding: 5px;
}

#price tbody {
	line-height: 20px;
}

/*パディング関連*/
.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl30 {
	padding-left: 30px;
}

.pl100 {
	padding-left: 100px;
}

.pl130 {
	padding-left: 130px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt50 {
	padding-top: 50px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb30 {
	padding-bottom: 30px;
}

/*背景色*/
.bg_white {
	background-color: #fff;
}

table.saiyou th {
	text-align: center;
}

table.saiyou td {
	text-align: left;
}

.w165 {
	width: 165px;
}

/* 理念 */
li.rinen_li {
	float: none;
}

.jyouhou {
	display: flex;
	flex-direction: column;
}