@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: 315px;

	background-image: url(images/header_back.png);

	background-repeat: repeat-x;

}


#header {

	width: 900px;

	height: 315px;

	margin: 0px auto;

	padding: 0px;

}

#header_text {

	width: 100%;

	height: 18px;

	padding: 2px 0px 0px 4px;

	color: #FFFFFF;

	font-size : 70%;

}

#header_logo {

	width: 100%;

	height: 75px;

	background-image: url(images/contact.png);

	background-repeat: no-repeat;

	background-position: right center;

}
#header_logo h1 { margin: 0px; }

#header_flash_back {

	width: 100%;

	height: 220px;

	background-image: url(images/flash_back.png);

	background-repeat: no-repeat;

}

#header_flash {

	width: 450px;

	height: 220px;

	margin-left: 450px;

}

#header_group {

	width: 100%;

	height: 220px;

	background-image: url(images/group_top.png);

	background-repeat: no-repeat;

}



/* コンテンツ部分

---------------------------------------------------------------------------*/

#contents_back {

	width: 900px;

	margin: 0px auto;

	overflow: auto;

	padding: 30px 0px;

}



/* コンテンツ左枠

---------------------------------------------------------------------------*/

#contents_left {

	float: left;

	width: 690px;

	margin: 0px;

	padding: 0px;

}



#contents_left div.header {

	width: 690px;

	margin: 0px 0px 10px 0px;

}



#contents_left div.text {

	width: 680px;

	margin: 0px auto;

}
.text p { margin: 0px; }




/* コンテンツ右枠

---------------------------------------------------------------------------*/

#contents_right {

	float: right;

	width: 190px;

	margin: 0px;

	padding: 0px;

}



/* メニュー */

#contents_right div#menu {

	width: 100%;

	height: 31px;

	margin: 0px;

	padding: 0px;

	background-image: url(images/menu_header.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#contents_right ul {

	width: 100%;

	margin: 0px;

	padding: 0px;

}

#contents_right ul li {

	list-style-type: none;			/* リストマーカーの形 */

	height: 37px;

}

#contents_right ul li a {

	display: block;				/* 画面にどのように表示されるか */

	text-decoration: none;			/* 文字の装飾 */

	height: 37px;

}

/* TOP */

#contents_right ul li a#menu01 {

	color : #000000;

	background-image: url(images/menu_top_n.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#contents_right ul li a#menu01:hover {

	color : #FFFFFF;

	background-image: url(images/menu_top_s.png);

	background-repeat: no-repeat;

	background-position: left top;

}

/* グループ情報 */

#contents_right ul li a#menu02 {

	color : #000000;

	background-image: url(images/menu_group_n.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#contents_right ul li a#menu02:hover {

	color : #FFFFFF;

	background-image: url(images/menu_group_s.png);

	background-repeat: no-repeat;

	background-position: left top;

}



/* グループリンク */

#contents_right div#group {

	width: 100%;

	margin: 0px;

	padding: 31px 0px 0px 0px;

	background-image: url(images/group_header.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#contents_right div#group div.link {

	margin-top: 5px;

}



/* フッター部分

---------------------------------------------------------------------------*/

#footer_back {

	clear: both;

	bottom: 0;

	left: 0;

	width: 100%;

	height : 80px;

	background-image : url(images/footer_back.png);

	background-repeat : repeat-x;

}

#footer {

	width: 900px;

	height: 50px;

	margin: 0px auto;

	padding: 30px 0px 0px 0px;

	color : #FFFFFF;

	text-align: center;

	font-size : 90%;

}



/*-------------------------------------------------------------------------------------*/

/* 「トップページ」固有の設定 */

/*-------------------------------------------------------------------------------------*/



/* ニュースリリース

---------------------------------------------------------------------------*/

iframe.news_frame {

	width: 680px;

	/* 20230217 東北オイルサービス追加 */
	/* height: 226px; */
	height: 257px;
	margin: 0px 5px;

	padding: 0px;

	border: none;

}



/* 更新履歴

---------------------------------------------------------------------------*/

dl.update {

	overflow: auto;

	width: 670px;

	height: 150px;

	margin: 0px auto;

	padding: 0px 5px 5px;

	border: 1px solid #ABABAB;

}

dl.update dt {

	margin: 3px 0px 2px;

	padding: 0px;

}

dl.update dd {

	margin: 0px 0px 3px 0px;

	padding: 0px 5px 0px 20px;

	border-bottom: 1px dashed #93CF5A;

}



/*-------------------------------------------------------------------------------------*/

/* 「ニュースリリース」ページ固有の設定 */

/*-------------------------------------------------------------------------------------*/



/* 全体

---------------------------------------------------------------------------*/

div.news_back {

	width: 680px;

	height: 226px;

	margin: 0px;

	padding: 0px;

}



/* タブ部分

---------------------------------------------------------------------------*/

div.tab_back {

	float: left;

}



ul.tab {

	width: 170px;

	height: 226px;

	margin: 0px;

	padding: 0px;

}

ul.tab li {

	position: relative;

	list-style-type: none;

	width: 165px;

	height: 31px;

	margin: 0px 0px 0px 5px;

	padding: 0px;

	border-left: 1px #ABABAB solid;

	border-bottom: 1px #ABABAB solid;

}

ul.tab li.top {

	border-top: 1px #ABABAB solid;

}

ul.tab li.notsel {

	border-right: 1px #ABABAB solid;

}

ul.tab li.sel {

	font-weight: bold;

}

ul.tab li a {

	width: 150px;

	height: 22px;

	display: block;

	text-decoration: none;

	color: #0DA998;

	padding: 4px 4px 5px 6px;

	border-left: 5px #34BFB0 solid;

}

ul.tab li a:hover {

	position: relative;

	right: 5px;

}

/* clerfix */

/*

.clear:after {

    content:"";

    display:block;

    overflow:hidden;

}

.clear:after {

    clear:both;

}

.clear {

    zoom:1;

}

*/



/* ニュース部分

---------------------------------------------------------------------------*/

div.news {

	width: 507px;

	/* 20230217 東北オイルサービス追加 */
	/* height: 223px; */
	height: 255px;

	float: left;

	margin: 0px;

	padding: 0px;

	border-top: 1px #ABABAB solid;

	border-right: 1px #ABABAB solid;

	border-bottom: 1px #ABABAB solid;

}



dl.news_list {

	overflow: auto;

	width: 470px;

	/* 20230217 東北オイルサービス追加 */
	/* height: 193px; */
	height: 238px;

	margin: 5px auto 0px;

	padding: 0px 5px 5px;

	border: 1px solid #DDDDDD;

}

dl.news_list dt {

	margin: 3px 0px 2px;

	padding: 0px;

}

dl.news_list dd {

	margin: 0px 0px 3px 0px;

	padding: 0px 5px 0px 20px;

	border-bottom: 1px dashed #93CF5A;

}



/*-------------------------------------------------------------------------------------*/

/* 「企業・グループ情報」ページ固有の設定 */

/*-------------------------------------------------------------------------------------*/



/* 会社情報テーブル

---------------------------------------------------------------------------*/



table.company {

	width: 680px;

	margin: 0px auto;

	padding: 0px;

	border-left: solid 1px #ABABAB;

	border-bottom: solid 1px #ABABAB;

}

table.company th {

	width: 100px;

	padding: 5px;

	text-align: center;

	font-weight: normal;

	background: #E3FFFC;

	border-top: solid 1px #ABABAB;

	border-right: solid 1px #ABABAB;

}

table.company td {

	padding: 5px;

	text-align: left;

	font-weight: normal;

	border-top: solid 1px #ABABAB;

	border-right: solid 1px #ABABAB;

}

table.company td a {

	text-decoration: none;			/* 文字の装飾 */

	color : #0000FF;

}



/* グループ沿革テーブル

---------------------------------------------------------------------------*/

table.company_history {

	width: 560px;

	margin: 0px auto;

	padding: 0px;

	border: none 0px #FFFFFF;

}

table.company_history th {

	width: 125px;

	padding: 0px;

	text-align: left;

	vertical-align: top;

	font-weight: normal;

	background: #FFFFFF;

	border: none 0px #FFFFFF;

}

table.company_history td {

	padding: 0px;

	text-align: left;

	vertical-align: top;

	font-weight: normal;

	border: none 0px #FFFFFF;

}