html {
	height:100%;
}
body {
	margin: 10px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
	max-width: 100%;
	max-height: 100%;
	height:100%;
	font-size: 14px;
    /*-webkit-text-size-adjust: 100%;*/
}
body {
	overflow-x : hidden;
	font-family: 'Segoe UI', sans-serif;
	font-size: 1em;
	color: #3d3d3d;
	line-height: 1.4em;
	width: 100%;
}
a {
	text-decoration: none;
}
p {
	line-height: 1.3em;
	padding: 0px;
	margin: 1em;
    font-size: 1em;
    max-height: 100%;
}
ul {
	padding: 0px;
	margin-left: 2.5em;
	margin-top: 1em;
	margin-bottom: 1em;
    font-size: 1em;
    max-height: 100%;
}
ol {
	margin-left: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
    font-size: 1em;
    max-height: 100%;
}
li {
	padding: 0px;
	margin: 0.5em 0em 0.5em 0pc;
	
}
strong.red {
	color: red;	
}
/*見出し -- 20150707追記*/
.midashi {
	float: left;
	width:100%;
}
.midashi ul {
	list-style-type: none;
	margin: 0px;
}
.midashi li {
	float: left;
}
.midashi li.left {
	background-image: url(image/t_bar01.gif);
	width: 20px;
	height: 35px;
}
.midashi li.title {
	background-color: #E00000;
	padding-top: 7px;
	height: 28px;
	width: 100px;
}
.midashi li.title p {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 auto;
}
.midashi li.title p.test {
	font-size: 20px;
	font-weight: bold;
	margin: -3px 0 auto;
}
.midashi li.title p.intro {
	font-size: 16px;
	font-weight: bold;
	margin: 0 -5px auto;
}
.midashi li.title_cap {
	background-color: #FFF;
	padding: 7px;
	height: 15px;
	width: 686px;
	margin-right: 0;
	border: #E00000 3px solid;
	border-right: none;
}
.midashi li.title_cap p {
	font-size: 20px;
	font-weight: bold;
	margin: -6px 0 auto;
	padding: 0;
}
.midashi li.title_cap p.text-smaller {
    font-size: 17px;
    font-weight: bold;
    margin: -2px 0 auto;
    padding: 0;
}
.midashi li.title_cap p.text-smaller1 {
    font-size: 13px;
    font-weight: bold;
    margin: -2px 0 auto;
    padding: 0;
}
.midashi li.right {
	background-image: url(image/t_bar03.gif);
	background-position: right;
	width: 20px;
	height: 35px;
	position: absolute;
	left: 830px;
}
/*見出し2 -- 20150707追記*/
.midashi2 {
	clear: both;
	float: left;
	width:100%;
}
.midashi2 ul {
	list-style-type: none;
	margin: 0px;
}
.midashi2 li {
	float: left;
}
.midashi2 li.left {
	background-image: url(image/t_bar01.gif);
	width: 20px;
	height: 35px;
}
.midashi2 li.title {
	background-color: #E00000;
	padding-top: 7px;
	height: 28px;
	width: 100px;
}
.midashi2 li.title p {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	margin: -3px 0 auto;
}
.midashi2 li.title_cap {
	background-color: #FFF;
	padding: 7px;
	height: 15px;
	width: 686px;
	border: #E00000 3px solid;
	border-right: none;
}
.midashi2 li.title_cap p {
	font-size: 20px;
	font-weight: bold;
	margin: -3px 0 auto;
}
.midashi2 li.right {
	background-image: url(image/t_bar03.gif);
	background-position: right;
	width: 20px;
	height: 35px;
	position: absolute;
	left: 830px;
}
/*コンテンツボディー -- 20150707追記*/
.contents_body {
	width: 935px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 1em;
	max-height: 100%;
}
.ChapterTitle_new {
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	background-color: #fbd8d5;
	border: solid 2px #f8bbb6;
	padding: 0.5em;
	margin: 0.5em 1em 0.5em 2em;
	width: 895px;
}
.ChapterPoint_new {
	font-variant: normal;
	text-decoration: none;
	margin: 0.5em 1em 0.5em 3em;
	padding: 0px;
	width: 895px;
}
/*テーブルA -- 20150707追記*/
.block_a table {
	font-size: 0.9em;
	width: 100%;
	margin-left: 10px;
	margin-bottom: 20px;
	line-height: 1.3em;
}
.block_a table colgroup.left {
	width: 30%;
	background-color: #666;
}
.block_a table col.center {
	width: 5%;
}
.block_a table col.right {
	width: 65%;
}
.block_a table th {
	border: solid 1px #666;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}
.block_a table td {
	border: solid 1px #666;
	vertical-align: top;
	padding: 5px;
}
.block_a table td.ico {
	border: solid 1px #666;
	vertical-align: top;
	padding: 5px;
	text-align: center;
}
/*テーブルB -- 20150707追記*/
.block_b table {
	font-size: 0.9em;
	width: 100%;
	border-bottom: none;
	border-right: none;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
	line-height: 1.3em;
}
.block_b table colgroup.center {
	width: 30%;
}

.block_b table th {
	background-color: #666;
	font-weight: normal;
	color: #FFF;
	vertical-align: middle;
	padding: 5px;
}
.block_b table td {
	border: solid 1px #666;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}
.block_b table td.list {
	border: solid 1px #666;
	vertical-align: top;
	padding: 5px;
	background-color: #e9e9e9;
	text-align: left;
}
.block_b table td.sub {
	border: solid 1px #666;
	vertical-align: top;
	padding: 5px;
	background-color: #e9e9e9;
	text-align: center;
	width: 25%;
}
.block_b table td.img {
	border: solid 1px #666;
	padding: 5px;
	text-align: center;
}
.block_b table td.cap {
	border: none;
	vertical-align: top;
	padding: 5px;
}
.TableBorderGR {
	border: 1px #666666 solid;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-decoration: none;
	padding: 10px;
	background-color: #eee;
	width: 360px;
}
#swipe_dummy {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 968px;
	height: 590px;
	background-color: #d1d1d1;
	opacity: 0;
}
/*音声選択ボタン for index.html -- 20140825追記*/
#voiceBtn_wrapp {
	width: 410px;
	margin: 0 auto;
}
#voiceON_btn {
	width: 200px;
	height: 50px;
	float: left;
}
#voiceON_btn a {
	background-image: url(image/voice_choice.png);
	display: block;
	width: 100%;
	height: 100%;
}
#voiceON_btn a:link, #voiceON_btn a:visited {
	background-position: 0 0;
}
#voiceON_btn a:hover, #voiceON_btn a:active {
	background-position: 0 -50px;
}
#voiceON_btn a span {
	display: none;
}
#voiceOFF_btn {
	width: 200px;
	height: 50px;
	float: left;
	margin-left: 10px;
}
#voiceOFF_btn a {
	background-image: url(image/voice_choice.png);
	display: block;
	width: 100%;
	height: 100%;
}
#voiceOFF_btn a:link, #voiceOFF_btn a:visited {
	background-position: -200px 0;
}
#voiceOFF_btn a:hover, #voiceOFF_btn a:active {
	background-position: -200px -50px;
}
#voiceOFF_btn a span {
	display: none;
}

#loading{
	position:absolute; top:260px;
	width: 968px;
	text-align:center;
	z-index:100;
	display: none;
}

#loading span{
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:40px;
	padding:10px 20px;
	background-color: #FFF;
	color: #3d3d3d;
	opacity: 0.8;
	border: solid 0.15em #eb0000;
	border-top:0.15em solid #ff0000;
	border-bottom:0.15em solid #d30000;
	border-radius: 10px;
}


/*表フォント縮小設定・左寄せ -- 20160106追記*/
.01030001_li{float:left; width:33%;}
.fontsmall{font-size:0.9em;}

/*各マージン設定 -- 20160106追記*/
.mt00{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb00{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.ml00{margin-left: 0px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mr00{margin-right: 0px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.r{color: #FF0000;}

.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
	position: static;
	margin: 10px 0 10px 0;
}

section {
	margin: 0.5em;
}

/*1),2),3)... -- 20170228追記*/
ol  {
position: relative;
margin:0;
padding:0
}
ol li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:2.25em;
text-indent: -1.13em;
}


ol li span {
position: absolute;
left:1em;
margin:0;
}

ol.test_01 li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:2.5em;
text-indent: -0.1em;
}

ol.test_01 li span {
position: absolute;
left:1.5em;
margin:0;
}

ol.test_02 li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:4em;
text-indent: -0.1em;
}

ol.test_02 li span {
position: absolute;
left:1.5em;
margin:0;
}

/*吹き出しポップアップ -- 20171115追記*/



.wrap{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 50%;
	background: #3498db;
	transition: .3s;
	visibility: visible;
}
.wrap:hover{
  background: #196090;
}
.wrap:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 1;
}
.a1:before { content: '\e081'; }
.a2:before { content: '\e0e7'; }
.a3:before { content: '\e0d7'; }
.a4:before { content: '\e0ce'; }
.a5:before { content: '\e04d'; }
.wrap span{
  position: absolute;
  opacity: 0;
  top: -50px;
  left: -20px;
  width: 60px;
  padding: 10px;
  border-radius: 2px;
  background: #196090;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  transition: .3s;
}
.wrap span:after{
  position: absolute;
  top: 100%;
  left: 34px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #196090;
  content: "";
}
.wrap:hover span{
  opacity: 1;
  top: -40px;
}


/*吹き出し -- 20171212追記*/
/* 表示文字の装飾 */
div.tooltip1{
    color: #555;
    display: inline-block;                        /* インライン要素化 */

}
 
/* ツールチップ部分を隠す */
div.tooltip1 span {
    display: none;
}
 
/* マウスオーバー */
div.tooltip1:hover {
    position: relative;
    color: #333;
}
 
/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
    display: inline-block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: 45px;
	left:30px;
    font-size: 90%;
    color: #fff;
    background-color: #51A2C1;
    width: 205px;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}
 
/* フキダシ部分を作成 */
div.tooltip1 span:before{
    content:''; 
    display:block; 
    position:absolute;                         /* relativeからの絶対位置 */
    height:0; 
    width:0; 
	z-index:0;
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#51A2C1; 
    transform:rotate(270deg);            /* 傾きをつける */
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}


/* 左側1行用 */
<style type="text/css">
.left_1line {
  position   : absolute;                /* 指定した分だけ相対的に移動 */
}
.left_1line:hover .left_1line_1 {
  display: block;                /* インライン要素として表示 */
}
.left_1line_1 {
  display: none;                        /* 要素を非表示 */
  position: absolute;                   /* 親要素を基準 */
  padding: 4px;                         /* テキストの前後の余白 */
  background-color: #51A2C1;
  width:160px;                          /* 吹き出し全体の幅 */
  right : 30%;                           /* 表示位置 */
  top : 90%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  color: #fff;
  font-size: 100%;                       /* 文字サイズ */

}
.left_1line_1:after{
  border-bottom: 12px solid;  /* 吹き出し口の高さ・色 */
  color: #51A2C1;
  border-left: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;  /* 吹き出し口の幅１／２ */
  top: -12px;                            /* 吹き出し口の位置調整 */
  right : 5%;                         /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
	
}
</style>

/* 左側2行用 */
<style type="text/css">
.left_2line {
  position   : absolute;                /* 指定した分だけ相対的に移動 */
}
.left_2line:hover .left_2line_1 {
  display: block;                /* インライン要素として表示 */
}
.left_2line_1 {
  display: none;                        /* 要素を非表示 */
  position: absolute;                   /* 親要素を基準 */
  padding: 4px;                         /* テキストの前後の余白 */
  background-color: #51A2C1;
  width:210px;                          /* 吹き出し全体の幅 */
  right : 30%;                           /* 表示位置 */
  top : 90%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  color: #fff;
  font-size: 100%;                       /* 文字サイズ */

}
.left_2line_1:after{
  border-bottom: 12px solid;  /* 吹き出し口の高さ・色 */
  color: #51A2C1;
  border-left: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;  /* 吹き出し口の幅１／２ */
  top: -12px;                            /* 吹き出し口の位置調整 */
  right : 5%;                         /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
	
}
</style>

/* 右側2行用 */
<style type="text/css">
.right_2line {
  position   : absolute;                /* 指定した分だけ相対的に移動 */
}
.right_2line:hover .right_2line_1 {
  display: block;                /* インライン要素として表示 */
}
.right_2line_1 {
  display: none;                        /* 要素を非表示 */
  position: absolute;                   /* 親要素を基準 */
  padding: 4px;                         /* テキストの前後の余白 */
  background-color: #51A2C1;
  width:180px;                          /* 吹き出し全体の幅 */
  margin-right : -30%;                           /* 表示位置 */
  top : 90%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  color: #fff;
  font-size: 100%;                       /* 文字サイズ */

}
.right_2line_1:after{
  border-bottom: 12px solid;  /* 吹き出し口の高さ・色 */
  color: #51A2C1;
  border-left: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;  /* 吹き出し口の幅１／２ */
  top: -12px;                            /* 吹き出し口の位置調整 */
  right : 80%;                         /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
	
}
</style>

/* 右側1行用 */
<style type="text/css">
.right_1line {
  position   : absolute;                /* 指定した分だけ相対的に移動 */
}
.right_1line:hover .right_1line_1 {
  display: block;                /* インライン要素として表示 */
}
.right_1line_1 {
  display: none;                        /* 要素を非表示 */
  position: absolute;                   /* 親要素を基準 */
  padding: 4px;                         /* テキストの前後の余白 */
  background-color: #51A2C1;
  width:145px;                          /* 吹き出し全体の幅 */
  margin-right : -70%;                           /* 表示位置 */
  top : 90%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  color: #fff;
  font-size: 100%;                       /* 文字サイズ */

}
.right_1line_1:after{
  border-bottom: 12px solid;  /* 吹き出し口の高さ・色 */
  color: #51A2C1;
  border-left: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;  /* 吹き出し口の幅１／２ */
  top: -12px;                            /* 吹き出し口の位置調整 */
  right : 80%;                         /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
	
}
</style>