@charset "UTF-8";

/*----------------------------------------*/
/* 共通 */
body {
	background-color: darkgreen;
	color: ivory;
	
	border: 10px solid #000000;
	box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	
	min-height: 100vh;
	position: relative;
	padding-bottom: 80px;
    box-sizing: border-box;
}

div.detail {
	border: 0em solid red;
	
	/*min-height: 100vh;
	position: relative;
	padding-bottom: 60px;
    box-sizing: border-box;*/
    
    margin: 0em 2em 0em 2em;
}

div.contents {
	border: 0em solid red;
	color: ivory;
	
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

div.picturebox {
	width: 100%-4em;
	
	background-color: burlywood;
	border: 0em solid red;
	
	padding: 0.5em 1em 0.5em 1em;
	margin: 0em 0em 0em 0em;
}

div.spacer {
	border: 0em solid red;

	padding: 0.8em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

img.picture {
	border: 0.2em solid burlywood;
	
	width: 100%; 
	height: 100%;
}

p.text_00 {
	padding: 0em 0em 0em 0.em;
	margin: 0em 0em 0em 0em;
}

p.text_01 {
	color: ivory;
	font-size: 1em;
	
	padding: 0em 0em 0em 0.4em;
	margin: 0em 0em 0em 0em;
}

p.text_02 {
	color: ivory;
	font-size: 1em;
	
	padding: 0.5em 0em 0em 0.4em;
	margin: 0em 0em 0em 0em;
}

p.text_03 {
	color: ivory;
	font-size: 1em;
	
	padding: 0em 0em 0.5em 0.4em;
	margin: 0em 0em 0em 0em;
}

p.text_04 {
	color: ivory;
	font-size: 1em;
	
	padding: 0.5em 0em 0.5em 0.4em;
	margin: 0em 0em 0em 0em;
}

span.caption {
	color: ivory;
	font-size: 1.5em;
	font-weight: bold;
}

span.caption_box {
	color: lightpink;
	font-size: 1.5em;
	font-weight: bold;
}

span.update {
	color: khaki;
	font-weight: bold;
	background-color: firebrick;
	
	padding: 0.1em 0.4em 0em 0.4em;
}

a.link {
	color: lightpink;
    text-decoration: underline;
}

/*----------------------------------------*/
/* ヘッダー */
div.header {
	border: 0em solid red;
	font-family: 'Arial Black','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
	padding: 0em 0em 0em 0em;
	margin: 1em 2em 0em 2em;
}

hr.header {
	border: solid 5px ivory;
}

p.title {
	/*font-size: 3em;*/
	/*font-weight: bold;*/
	line-height: 50%;
	/*white-space:nowrap;*/
	/*border: solid 5px ivory;*/
	margin: 0px;
}

p.description {
	font-size: 0.925em;
	font-weight: bold;
	line-height: 100%;
	margin: 0.4em 0em 0em 0em;
}

/*----------------------------------------*/
/* TOPに戻る */
div.gototop {
	text-align: right;
	
	font-weight: bold;
    text-decoration: none;
    
    border: 0em solid red;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

span.gototop {	
	color: khaki;
	font-size: 1em;
}

a.gototop {
	color: ivory;
	font-size: 1em;
	text-decoration: underline;
}

/*----------------------------------------*/
/* 00.TOP */
div.information {
	border: 0em solid red;
	color: ivory;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

div.information_list {
	border: 0.3em solid khaki;
	background-color: darkgreen;
	font-size: 1.2em;
	padding: 0em 0em 0em 0em;
	margin: 0em 0.2em 0em 0.2em;
}

ul.information_list {
	padding: 0.5em 0em 0.5em 0em;
	margin: 0em 0em 0em 2em;
}

div.contents_list {
	border: 0em solid red;
	display: flex;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

div.contents_button {
	border: 0.1em solid burlywood;
	background-color: burlywood;
	color: ivory;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	
	width: 15%;
	
	padding: 1em 0em 0.3em 0em;
	margin: 0.4em 0.4em 0.4em 0.4em;
	
	position:relative;
	
	filter:drop-shadow(5px 5px 5px black);
}

img.contents_button {
	width: 100%;
}

img.msps_title {
	width: 33%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

a.menu {
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------------------------------------*/
/* 01.金物 */
ul.items {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 3em;
}

li.items {
	color: ivory;
	font-size: 1.4em;
}

span.items {
	font-size: 1.2em;
	font-weight: bold;
	
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 1em;
}

span.item_comment {
	color: khaki;
	font-size: 0.6em;
	font-weight: bold;
	
	margin: 0em 0em 2em 0.5em;
}

/*----------------------------------------*/
/* 02.プロパンガス */
div.emargency_call {
	border: 0.5em solid black;
	background-color: yellow;
	text-align: center;
}

p.emargency_call_01 {
	color: red;
	font-size: 2em;
	font-weight: bold;
	
	text-align: center;	
	line-height: 1;
	margin: 0.4em 0em 0em 0em;
	
    /*-webkit-text-stroke: 0.05em red;*/
}
        
p.emargency_call_02 {
	color: darkgreen;
	font-size: 0.8em;
	font-weight: bold;
	
	line-height: 1;
	margin: 0em 0em 0em 0em;
}

p.emargency_call_03 {

	color: black;
	font-size: 2em;
	font-weight: bold;
	text-decoration: underline;
	
	line-height: 1;
	margin: 0em 0em 0.2em 0em;
}

p.emargency_call_04 {
	color: dimgray;
	font-size: 0.8em;
	font-weight: bold;
	
	line-height: 1;
	margin: 0em 0em 0.4em 0em;
}

/*----------------------------------------*/
/* 03.灯油 */

/*----------------------------------------*/
/* 04.パソコン */

/*----------------------------------------*/
/* 05.BS */
ul.util_link {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 3em;
}

li.util_link {
	color: ivory;
	font-size: 1.2em;
}

span.util_link {
	font-size: 1.2em;
	font-weight: bold;
	
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 1em;
}

span.util_link_comment {
	color: ivory;
	font-size: 0.6em;
	font-weight: bold;
	
	margin: 0em 0em 2em 0.5em;
}

table.event {
	border: 0.2em solid ivory;
	border-collapse: collapse;
	margin: 0em 0.4em 0em 0.4em;
}

tr.index {
	border: 0em solid ivory;
}

td.index {
	border: 0.2em solid darkgreen;
	
	background-color: ivory;
	color: darkgreen;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;

	padding: 0.2em 1em 0.1em 1em;
}

tr.event_00 {
	border: 0.1em solid ivory;
	
	background-color: maroon;	
	padding: 0.4em 1em 0.4em 1em;
}

tr.event_01 {
	border: 0.1em solid ivory;
	padding: 0.4em 1em 0.4em 1em;
}

tr.event_02 {
	border: 0.1em solid ivory;
	padding: 0.4em 1em 0.4em 1em;
}

tr.event_03 {
	border: 0.1em solid ivory;
	padding: 0.4em 1em 0.4em 1em;
}

tr.event_04 {
	border: 0.1em solid ivory;
	padding: 0.4em 1em 0.4em 1em;
}

tr.event_05 {
	border: 0.1em solid ivory;
	background-color: midnightblue;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_caption_00_03 {
	border: 0.2em solid ivory;
	color: khaki;
	text-align: left;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_caption_05_03 {
	border: 0.2em solid ivory;
	color: gold;
	font-weight: bold;
	text-align: left;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_01 {
	border: 0.2em solid ivory;
	text-align: left;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_02 {
	border: 0.2em solid ivory;
	text-align: center;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_03 {
	border: 0.2em solid ivory;
	text-align: left;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_04 {
	border: 0.2em solid ivory;
	text-align: right;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_05 {
	border: 0.2em solid ivory;
	text-align: right;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_06 {
	border: 0.2em solid ivory;
	text-align: left;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_07 {
	border: 0.2em solid ivory;
	text-align: center;
	padding: 0.4em 1em 0.4em 1em;
}

td.event_08 {
	border: 0.2em solid ivory;
	text-align: left;
	padding: 0.4em 1em 0.4em 1em;
}

/*----------------------------------------*/
/* 06.会社概要 */
div.companyinfo {
	border: 0.2em solid ivory;
	padding: 0em 0em 0em 0em;
	margin: 0.4em 0.4em 0.4em 0.4em;
}

table.companyinfo {
	border: 0.3em solid ivory;
	border-collapse: collapse;
	margin: 0em 0.4em 0em 0.4em;
}

tr.line {
	border: 0.1em solid ivory;
}

td.value {
	border: 0.2em solid ivory;
	font-size: 1.2em;
	padding: 0.4em 1em 0.4em 1em;
}

td.caption {
	color: darkgreen;
	background-color: ivory;
	text-align: justify;
	text-align-last:justify;
	text-justify:inter-ideograph;
	font-size: 1.2em;
	font-weight: bold;
	border-top: 0.2em solid darkgreen;
	padding: 0.4em 2em 0.4em 2em;
}

/*----------------------------------------*/
/* フッター */
div.footer {
	background-color: silver;
	color: dimgray;
	
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	
	height: 50px;
	
	/*position: fixed;*/
	
	padding: 30px 0;
	position:absolute;	
    bottom: 0;
    width: 100%;
}

p.footer01 {
	font-size:0.68em;
	font-weight: normal;
	line-height:10%;
}

p.footer02 {
	font-size:1em;
	font-weight: normal;
	line-height:10%;
}

p.copyright {
	color: #606060;
	line-height:50%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
/*----------------------------------------*/