﻿@charset "UTF-8";

html,body{
	font-family:"Arial",sans-serif;
}

body{
	background-color:#ffffff;
	font-size:100%;
}
body > section{
	margin:0 0 16px 0;
	padding:0 30px;
	counter-reset:counterh3;
}
body > section > h2{
	margin-left:-30px;
}
/*--------------------------------------------------------
	ヘッダー
--------------------------------------------------------*/
header > p:first-of-type{
	padding:0;
	line-height:normal;
}
/*--------------------------------------------------------
	見出し1～3
--------------------------------------------------------*/
h1{
	background-color:#39B4AC;
	color:#ffffff;
	font-size:160%;
	font-weight:bold;
	line-height:140%;
	border-left:solid 20px #0b6b6d;
	border-right:solid 20px #0b6b6d;
	padding:5px 10px;/*上下、左右*/
	margin-top:1em;
	margin-bottom:20px;
}
h2{
	background-color:#ffffff;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:120%;
	border-left:solid 15px #39B4AC;
	padding:5px 15px;	/*上下、左右*/
	margin-top:1em;
	margin-bottom:15px;
}
h3{
	background-color:#ffffff;
	color:#000000;
	font-size:100%;
	font-weight:bold;
	padding:5px 0;	/*上下、左右*/
	margin-bottom:15px;
}
h3:before {
	counter-increment:counterh3;
	content:"（"counter(counterh3) "）";
	margin-right:0.5em;
}
/*--------------------------------------------------------
	本文
--------------------------------------------------------*/
p{
	margin:0 0 10px 0;
	padding: 5px;
	font-size: 80%;
	line-height: 140%;
}
p:first-child{
	margin-top:10px;
}
/*--------------------------------------------------------
	表（表ヘッダ、表本文）
--------------------------------------------------------*/
table{
	width:100%;
	font-size:90%;
	border-collapse: collapse;
	margin-bottom:3px;
}
table,th,td{
	border:1px solid gray;
}
th{
	padding:7px;/*上下左右*/
	font-size:90%;
	background:none #dddddd;
	font-weight:bold;
	text-align:center;
	line-height:90%;
}
table tr th:first-child{
	min-width:7.5em;
}
td{
	padding:1px;	/*上下左右*/
	font-size:80%;
	line-height:140%;
}
td p,
td ul{
	font-size:100%;
}
td ul{
	padding:0;
}
/*--------------------------------------------------------
	ポイント
--------------------------------------------------------*/
div.point{
	margin:43px 0 5px 0;
	border: 1px solid gray;
}
div.point > p{
	margin:0;
	padding:10px;	/*上下左右*/
	color:#000000;
	font-size:75%;
	line-height:normal;
}

div.point > p:first-child{
	background-color:#fef0d9;
	color:#F79800;
	font-size:100%;
	line-height:normal;
	margin-left:0;
}
div.point ul{
	padding:0;
}
/*--------------------------------------------------------
	フッター
--------------------------------------------------------*/
footer{
	margin:71px 0 0 0;
	padding:12px 0 8px;
	font-size:70%;
	text-align:right;
	border-top: 1px solid #9a9a9a;
	box-shadow:0 1px 0 0 #eeeeee inset;
}
.float footer{
	position:fixed;
	bottom:0;
	left:0;
	margin:8px;
	width:calc(100% - 16px);
	box-sizing:border-box;
}

/*--------------------------------------------------------
	箇条書き
--------------------------------------------------------*/
ul{
	margin-left:15px;
	margin-top:5px;
	margin-bottom:15px;
	font-size:80%;
}
ul li{
	line-height:140%;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
}
/*--------------------------------------------------------
	 番号付き箇条書き
--------------------------------------------------------*/
ol{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:15px;
	padding-left:15px;
}
ol li{
	line-height:140%;
	margin-left:30px;
	margin-top:5px;
	margin-bottom:10px;
}
/*--------------------------------------------------------
	 箇条書き継続
--------------------------------------------------------*/
ul > li > dl,
ol > li > dl,
ul > li > dl > dt,
ol > li > dl > dt,
ul > li > dl > dd,
ol > li > dl > dd{
	display:block;
	margin:0;
	padding:0;
	font-size:inherit;
	line-height:normal;
	font-weight:normal;
}
/*--------------------------------------------------------
	閉じるボタン
--------------------------------------------------------*/
.closeButton a {
	border:0;
	background-color: #f79800;
	box-shadow: 0em 0.2em #805400;
	color: white;
	border-radius: 0.4em;
	padding: 0.5em 1.0em;
	cursor: pointer;
	text-decoration:none;
}
	/* ボタン オンマウス時 */
.closeButton a:hover {
	background-color: #f79800;
	box-shadow: 0em 0.2em #805400;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.closeButton {
	position:absolute;
	right:0;
	top:0;
	margin:0;
	padding:0;
}
header,footer{position:relative;}
header .closeButton {
	margin-top:0.7em;
	font-size:100%;
}
footer .closeButton {
	margin-top:-2.4em;
	font-size:142.8%;
}
/*--------------------------------------------------------
	文字装飾
--------------------------------------------------------*/
span.bold{
	font-weight:bold;
}
span.italic{
	font-style:italic;
}
span.underline{
	text-decoration:underline;
}
span.supscript{
	vertical-align:super;
	font-size:80%;
}
span.subscript{
	vertical-align:sub;
	font-size:80%;
}
