@charset "shift_jis";

/*-------------------------------------------------------------------------------------*/
/* 全ページ共通の設定 */
/*-------------------------------------------------------------------------------------*/

/* 全体
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
 	background-color: #FFFFFF;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic", sans-serif;	/* 文字フォントの指定 */
	font-size: 90%;
	color: #000000;
}

/* ヘッダー部分
---------------------------------------------------------------------------*/
#header_back {
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
}
#header {
	width: 900px;
	height: 340px;
	margin: 0px auto;
	padding: 0px;
	border: solid 1px #E1E1E1;	/* Flash作成後に枠線が必要になったため2pxズレる */
}

/* メニュー */
#header_menu {
	width: 100%;
	margin: 10px 1px 0px 1px;
	padding: 0px;
}
#header_menu li {
	float: left;				/* 表示位置 */
	position: relative;			/* 表示位置 */
	list-style-type: none;			/* リストマーカーの形 */
	margin: 0px 5px;
	width: 290px;
	height: 50px;
}
#header_menu li a {
	display: block;				/* 画面にどのように表示されるか */
	text-decoration: none;			/* 文字の装飾 */
	width: 290px;
	height: 50px;
}
/* TOP */
#header_menu li a#menu01 {
	color : #000000;
	background-image: url(images/menu_top_n.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header_menu li a#menu01:hover {
	color : #FFFFFF;
	background-image: url(images/menu_top_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/* サービス紹介 */
#header_menu li a#menu02 {
	color : #000000;
	background-image: url(images/menu_service_n.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header_menu li a#menu02:hover {
	color : #FFFFFF;
	background-image: url(images/menu_service_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/* 会社情報 */
#header_menu li a#menu03 {
	color : #000000;
	background-image: url(images/menu_aboutus_n.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header_menu li a#menu03:hover {
	color : #FFFFFF;
	background-image: url(images/menu_aboutus_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* コンテンツ部分
---------------------------------------------------------------------------*/
#contents_back {
	width: 900px;
	margin: 0px auto;
	overflow: auto;
	padding: 15px 0px 15px;
}

/* コンテンツ左枠
---------------------------------------------------------------------------*/
#contents_left {
	float: left;
	width: 680px;
	margin: 0px;
	padding: 0px;
}

#contents_left div.header {
	margin: 0px auto 10px;
}

#contents_left div.text {
	width: 670px;
	margin: 0px auto;
}

#contents_left div.return_top {
	width: 670px;
	margin: 0px auto;
	text-align: right;
}

/* コンテンツ右枠
---------------------------------------------------------------------------*/
#contents_right {
	float: right;
	width: 190px;
	margin: 0px;
	padding: 0px;
	font-size : 80%;
}

/* フッター部分
---------------------------------------------------------------------------*/
#footer_back {
	clear: both;
	bottom: 0;
	left: 0;
	width: 100%;
	height : 50px;
}
#footer {
	width: 900px;
	height: 35px;
	margin: 0px auto;
	padding: 14px 0px 0px 0px;
	border-top: 1px solid #BFBFBF;
	text-align: center;
	font-size : small;
}

/*-------------------------------------------------------------------------------------*/
/* 「トップページ」固有の設定 */
/*-------------------------------------------------------------------------------------*/

/* 企業理念テーブル
---------------------------------------------------------------------------*/
table.top_philosophy {
	width: 670px;
	margin: 0px auto;
	padding: 0px;
}
table.top_philosophy td.img {
	width: 123px;
	padding: 0px 5px;
}
table.top_philosophy td.text {
	padding: 0px 5px;
}

/* 「お客様の〜」
---------------------------------------------------------------------------*/
div.top_philosophy {
	margin: 0px 0px 8px 3px;
	font-size: 110%;
	font-weight: bold;
	color: #FB7000;
}

/* 更新履歴
---------------------------------------------------------------------------*/
dl.top_update {
	overflow: auto;
	width: 660px;
	height: 150px;
	margin: 0px auto;
	padding: 0px 5px 5px;
	border: 1px solid #ABABAB;
}
dl.top_update dt {
	margin: 3px 0px 2px;
	padding: 0px;
}
dl.top_update dd {
	margin: 0px 0px 3px 0px;
	padding: 0px 5px 0px 20px;
	border-bottom: 1px dashed #9ED5C3;
}

/*-------------------------------------------------------------------------------------*/
/* 「サービス紹介」ページ固有の設定 */
/*-------------------------------------------------------------------------------------*/

/* 汎用中央寄せ
---------------------------------------------------------------------------*/
div.service_center {
	text-align: center;
}

/* 汎用強調
---------------------------------------------------------------------------*/
font.service_emphasis {
	font-size: 105%;
	font-weight: bold;
	color: #FB7000;
}

font.service_emphasis2 {
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline
}

/* 画像付きテキスト配置用テーブル
---------------------------------------------------------------------------*/
table.service_imgtext {
	width: 670px;
	margin: 0px auto;
	padding: 0px;
}
table.service_imgtext td.img {
	width: 200px;
	padding: 0px 5px;
}
table.service_imgtext td.text {
	width: 450px;
	padding: 0px 5px;
}

/* 詳細ヘッダー
---------------------------------------------------------------------------*/
div.service_detail_header {
	margin: 0px auto 10px;
}

/* 一覧表テーブル
---------------------------------------------------------------------------*/
table.service_list {
	width: 660px;
	margin: 0px auto;
	padding: 0px;
	border-left: solid 1px #ABABAB;
	border-bottom: solid 1px #ABABAB;
}
table.service_list th {
	width: 190px;
	padding: 5px;
	text-align: center;
	font-weight: normal;
	background: #FFE3CC;
	border-top: solid 1px #ABABAB;
	border-right: solid 1px #ABABAB;
}
table.service_list td {
	padding: 5px;
	text-align: left;
	font-weight: normal;
	border-top: solid 1px #ABABAB;
	border-right: solid 1px #ABABAB;
}

/*-------------------------------------------------------------------------------------*/
/* 「会社情報」ページ固有の設定 */
/*-------------------------------------------------------------------------------------*/

/* 会社情報テーブル
---------------------------------------------------------------------------*/

table.aboutus_company {
	width: 670px;
	margin: 0px auto;
	padding: 0px;
	border-left: solid 1px #ABABAB;
	border-bottom: solid 1px #ABABAB;
}
table.aboutus_company th {
	width: 100px;
	padding: 5px;
	text-align: center;
	font-weight: normal;
	background: #FFE3CC;
	border-top: solid 1px #ABABAB;
	border-right: solid 1px #ABABAB;
}
table.aboutus_company th div.name {
	font-size: 130%;
	font-weight: bold;
}
table.aboutus_company td {
	padding: 5px;
	text-align: left;
	font-weight: normal;
	border-top: solid 1px #ABABAB;
	border-right: solid 1px #ABABAB;
}
table.aboutus_company td div.number {
	font-size: 170%;
	font-weight: bold;
}
table.aboutus_company td div.disclaimer {
	font-size: 90%;
}

/* 沿革リスト
---------------------------------------------------------------------------*/
dl.aboutus_history {
	overflow: auto;				/* 領域をはみ出す要素の表示方法 */
	width: 660px;
	margin: 0px auto;
	padding: 5px 5px 20px;
	border: 1px solid #ABABAB;
}
dl.aboutus_history dt {
	float: left;				/* 表示位置 */
	margin: 0px;
	padding: 10px 10px 2px;
	border-bottom: solid 1px #ABABAB;
}
dl.aboutus_history dd {
	margin: 0px;
	padding: 10px 5px 2px;
	border-bottom: solid 1px #ABABAB;
}

/* Googleマップ中央寄せ用DIV
---------------------------------------------------------------------------*/
/*div.aboutus_google_map {
	width: 600px;
	margin: 0px auto;
	padding: 0px;
}*/
/* 20230608 道の駅いわて北三陸セルフSS追加 */
div.aboutus_google_map {
	width: 660px;
	margin: 0px auto 40px;
	padding: 0px;
}
div.aboutus_gaikan {
	width: 660px;
	margin: 0px auto 10px;
	padding: 0px;
}