@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
body {
	background-image:url("../image/cb.png");
	font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
		background-image:url("../image/cb.png");
		font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		width: 800px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {
		background-image:url("../image/cb.png");
		font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		width: 620px;
	}
}
@media only screen and (min-width : 1025px) {
	body {
		background-image:url("../image/cb.png");
		font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		width: 900px;
	}
}*/
.frame_pre {
	top: 30px;
	left: 20px;
	width: 100%;
	display: inline-block;
	/*background: transparent url("../image/note04.png") repeat-y;*/
	position: absolute;
	z-index: 1;
}
#pagetop {
	top: 0;
	position: absolute;
}
/*******************************
* サイト選択用タブ
********************************/
.tab_menu_top {
	position: absolute;
	top: 10px;
	left: 100px;
	z-index: 20;
}
.tab_menu ul {
	position: relative;
	top: 0px;
	margin-top: 15px;
}
.tab_menu li {
	float: left;
	list-style: none;
}
.tab_menu li a{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
	border: 1px solid rgba(0,0,0,.1);
	border-bottom: 0;
	-moz-border-radius: 10px 40px 0 0/ 10px 30px 0 0;
	border-radius: 10px 40px 0 0/ 10px 30px 0 0;
	padding: 10px;
	width: 100px;
	height: 40px;
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.3),
		inset 0 5px 5px rgba(255,255,255,.3),
		inset 0 -5px 10px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.3),
		inset 0 5px 5px rgba(255,255,255,.3),
		inset 0 -5px 10px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 1px rgba(255,255,255,.3),
		inset 0 5px 5px rgba(255,255,255,.3),
		inset 0 -5px 10px rgba(0,0,0,.1);
	color: #ffffff;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0,0,0,.3);
	font-size: 1em;
	font-weight: normal;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.tab_menu ul:hover li {
	opacity: .5;
}
.tab_menu ul:hover li:hover {
	opacity: 1;
}
#tabhref1 {
	background: #4B0082;
}

#tabhref2 {
	background: #FF6600;
}
#board1, #board2 {
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 10px solid;
	-moz-border-radius: 10px 10px 20px 20px;
	border-radius: 10px 10px 20px 20px;
	width: 450px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.3),
		inset 3px 3px 3px rgba(0,0,0,.1),
		inset 5px 5px 10px rgba(0,0,0,.1),
		inset -3px -3px 5px rgba(64,64,64,.1),
		0 1px 1px rgba(0,0,0,.3),
		0 2px 5px rgba(0,0,0,.3);
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.3),
		inset 3px 3px 3px rgba(0,0,0,.1),
		inset 5px 5px 10px rgba(0,0,0,.1),
		inset -3px -3px 5px rgba(64,64,64,.1),
		0 1px 1px rgba(0,0,0,.3),
		0 2px 5px rgba(0,0,0,.3);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.3),
		inset 3px 3px 3px rgba(0,0,0,.1),
		inset 5px 5px 10px rgba(0,0,0,.1),
		inset -3px -3px 5px rgba(64,64,64,.1),
		0 1px 1px rgba(0,0,0,.3),
		0 2px 5px rgba(0,0,0,.3);
	position: absolute;
	top: -10px;
	background: #fff;
	color: #000;
}
#board1 {
	border-color: #4B0082;
}
#board2 {
	border-color: #FF6600;
}
.area {
	background: #fff;
}
.frame {
	position: relative;
	padding: 30px 40px;
	display: inline-block;
	top: 35px;
	left: 40px;
	width: calc(100% - 250px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 1);
	background: #fff;
}
.frame:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 2);
	transform: rotate(-1.5deg);
	-moz-transform:rotate(-1.5deg);
	-webkit-transform:rotate(-1.5deg);
	-ms-transform:rotate(-1.5deg);
	background: #fff;
	z-index: -2;
}
.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 2);
	transform: rotate(1deg);
	-moz-transform:rotate(1deg);
	-webkit-transform:rotate(1deg);
	-ms-transform:rotate(1deg);
	background: #fff;
	z-index: -1;
}
/*.frame span {*/
.frame .frame_pin {
	width: 56px;
	height: 42px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	background: url("../image/pin.png") no-repeat;
}
hr {
	border-top: 3px double #bbb;
	margin:0px 20px 0px 0px;
}
/*******************************
* 更新日付
********************************/
.header {
	position: absolute;
	top: 60px;
	right: 7%;
	width: 200px;
	height: auto;
	background-color: transparent;
}
.header * {
	font-weight:lighter;
	color: #000;
	text-align: left;
}
.header:before {
	position: absolute;
	padding: 2px 10px;
	top: 20%;
	left: 30px;
	content: 'Date：';
	font-weight:lighter;
	color: #000;
	text-align: left;
}
.header:after {
	position: absolute;
	padding: 2px 10px;
	bottom: 20%;
	left: 30px;
	content: 'Title：';
	font-weight:lighter;
	color: #000;
	text-align: left;
}
.header li {
	list-style-type: none;
}
.header ul li {
	font-family:'Zen Kurenaido','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	padding: 2px 60px;
	margin-bottom: 5px;
	line-height: 1.5em;
	border: blue 1px;
	border-style: none none dotted none;
	z-index: 1;
}
/*******************************
* 章見出し
********************************/
.title h2 {
	width: 900px;
	height: 50px;
	padding: 6px 50px;
	margin-bottom: -10px;
	font-style:oblique;
	font-weight:normal;
	font-size:1em;
	font-family:Verdana;
	background: url("../image/site-info/space.png") no-repeat;
}
.title2 h2 {
	width: 40%;
	height: 50px;
	padding: 6px 50px;
	margin-bottom: -10px;
	font-style:oblique;
	font-weight:normal;
	font-size:1em;
	font-family:Verdana;
	background: url("../image/site-info/space_green.png") no-repeat;
}
/*******************************
* 付箋紙によるサイト内ジャンプ
********************************/
/*.husen {
	position: fixed;
	right: 10px;
	font-size:1em;
	font-family:'Zen Kurenaido','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	z-index: 3;
}*/
.husen {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 140px;
	position: fixed;
	top: 150px;
	right: 30px;
	font-size:1.1em;
	font-family:'dartsfont','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:normal;
	color: transparent;
	z-index: 3;
}
.husen_top,
.husen_1, 
.husen_2, 
.husen_3, 
.husen_4 {
	display: table;
	position: relative;
	padding: 10px 0 10px 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
	/*white-space:nowrap;*/
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}
.husen a {
	text-decoration: none;
	color: #000;
}
.husen a:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	font-size:1.2em;
}
.husen_top {
	background: #e0e0e0 url("../image/site-info/top_gray.png") no-repeat right center;
}
.husen_1 {
	background: #d6e4be url("../image/site-info/map_gray.png") no-repeat right center;
}
.husen_2 {
	background: #c2e7d1 url("../image/site-info/ame_gray.png") no-repeat right center;
}
.husen_3 {
	background: #ecbdbe url("../image/site-info/data_gray.png") no-repeat right center;
}
.husen a {
	text-decoration: none;
	color: #000;
}
.husen a:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	font-size:1.2em;
}
/*
.husen_top {
	width: 200px;
	position: relative;
	top: 180px;
	padding: 25px 20px;
	background: url("../image/fusen/fs10.png") no-repeat left top;
}
.husen_1 {
	width: 200px;
	position: absolute;
	top: 300px;
	padding: 25px 20px;
	background: url("../image/fusen/fs04.png") no-repeat left top;
}
.husen_2 {
	width: 200px;
	position: absolute;
	top: 355px;
	padding: 25px 20px;
	background: url("../image/fusen/fs05.png") no-repeat left top;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform: rotate(-5deg);
}
.husen_3 {
	width: 200px;
	position: absolute;
	top: 410px;
	padding: 25px 20px;
	background: url("../image/fusen/fs09.png") no-repeat left top;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform:rotate(3deg);
	transform: rotate(3deg);
}
.husen_4 {
	width: 200px;
	position: absolute;
	top: 455px;
	padding: 25px 20px;
	background: url("../image/fusen/fs07.png") no-repeat left top;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform:rotate(-10deg);
	transform: rotate(-10deg);
}*/
/*******************************
* チーム紹介ボックス
********************************/
.team_pr_box {
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-left: 20px;
	border: solid 3px rgb(203, 228, 254);
	border-radius: 20px;
	background: rgba(203, 228, 254, .2);
}
.team_pr {
	list-style: none;
	margin-top: 10px;
}
.team_pr dt {
	width: 100%;
	font-size : 15px;
	margin-bottom : 7px;
	padding-top : 2px;
	padding-left : 8px;
	padding-bottom : 2px;
	line-height : 30px;
	vertical-align: bottom;
	border-bottom: solid 2px rgb(203, 228, 254);
}
.team_pr dd {
	line-height : 1.8;    
	margin-bottom : 15px;    
	padding-left : 15px;
	padding-right : 15px;
	font-size: 0.9em;
}
#team_history  {
	position: relative;
	/*padding-left: 5px;*/
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(203, 228, 254) url("../image/site-info/team_history.png") no-repeat center center;
	border-radius: 9px;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#survey_posture  {
	position: relative;
	/*padding-left: 5px;*/
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(203, 228, 254) url("../image/site-info/survey_posture.png") no-repeat center center;
	border-radius: 9px;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#survey_item  {
	position: relative;
	/*padding-left: 5px;*/
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(203, 228, 254) url("../image/site-info/survey_item.png") no-repeat center center;
	border-radius: 9px;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
/*******************************
* チェックボックス
********************************/
input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	color: gray;
	font-size: small;
}
input[type=checkbox] {
	display: none;
	margin: 0;
}
input[type=checkbox] + label {
	padding: 0 0 0 24px;
}
input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-color: white;
}
input[type=checkbox] + label::before {
	border: 2px solid #c2ced2;
}
input[type=checkbox]:checked + label {
	color: black;
	font-size: small;
}
input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #12b4eb;
	border-bottom: 3px solid #12b4eb;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*******************************
* 文献リスト
********************************/
.team_pr_box ul li {
	position: relative;
}
.team_pr_box ul li::after,
.team_pr_box ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.team_pr_box ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.team_pr_box ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*******************************
* データ用テーブル
********************************/
.countTbl {
	border-collapse: collapse;
	border-style: solid ;
	border-width: 2px;
	border-color: #333399;
	table-layout: table;
	font-family: 'Verdana';
	font-size: small;
}
.countTbl td {
	padding: 0.25em;
	background-color: cornsilk;
	color: black;
	border-style: solid ;
	border-width: 1px;
	border-color: black;
}
.countTbl th {
	padding: 0.25em;
	background-color: #6699CC;
	color : cornsilk;
	border-style: solid ;
	border-width: 1px;
	border-color: black;
	empty-cells: show;
	font-weight: normal;
}
/*******************************
* 写真集
********************************/
.picturebox div { margin: 30px 10px; }
.polaroids1 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
}
.polaroids1 h2 {
	margin: 0;
	min-width:150px;
	text-wrap: nowrap;
	padding: 10px;
	display:inline;
	background-color: rgba(255, 255, 240, 0.6);
	border-left:2px dotted rgba(0,0,0,0.1);
	border-right:2px dotted rgba(0,0,0,0.1);
	position: absolute;
	top: -25px;
	left: 50%;
	font-size: 100%;
	font-family:'dartsfont','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-transform: translate(-50%, 0%) rotate(-3deg);
	-moz-transform: translate(-50%, 0%) rotate(-3deg);
	transform: translate(-50%, 0%) rotate(-3deg);
	z-index: 10;
}
.polaroids2 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
.polaroids2 h2 {
	margin: 0;
	min-width:150px;
	text-wrap: nowrap;
	padding: 10px;
	display:inline;
	background:rgba(255,255,255,0.4);
	border-left:2px dotted rgba(0,0,0,0.1);
	border-right:2px dotted rgba(0,0,0,0.1);
	position: absolute;
	top: -25px;
	left: 50%;
	font-size: 100%;
	font-family:'dartsfont','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-transform: translate(-50%, 0%) rotate(-1deg);
	-moz-transform: translate(-50%, 0%) translate(-50%, 0%) rotate(-1deg);
	transform: translate(-50%, 0%) rotate(-1deg);
	z-index: 10;
}
.polaroids3 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.polaroids3 h2 {
	margin: 0;
	min-width:150px;
	text-wrap: nowrap;
	padding: 10px;
	display:inline;
	background:rgba(255,255,255,0.4);
	border-left:2px dotted rgba(0,0,0,0.1);
	border-right:2px dotted rgba(0,0,0,0.1);
	position: absolute;
	top: -25px;
	left: 50%;
	font-size: 100%;
	font-family:'dartsfont','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-transform: translate(-50%, 0%) rotate(1deg);
	-moz-transform: translate(-50%, 0%) rotate(1deg);
	transform: translate(-50%, 0%) rotate(1deg);
	z-index: 10;
}
/*******************************
* 左からの吹き出し
********************************/
.team_pr_box > table {
	width: 100%;
}
.left_balloon {
	position: relative;
	background: #A9F5A9;
	border: 1px solid #777;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	border-radius: 15px;
	clear: both;
	max-width: 600vw;
	float: left;
	font-family:'HuiFont29','ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size:1em;
	line-height: 1.3em;
}
.left_balloon:after,
.left_balloon:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.left_balloon:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #A9F5A9;
	border-width: 7px;
	margin-top: -7px;
}
.left_balloon:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000;
	border-width: 8px;
	margin-top: -8px;
}
.left_balloon_image {
	background:url("../image/site-info/note_ok.png") no-repeat center center;
	background-size: contain;
	min-width: 60px;
	min-height: 60px;
}
/*******************************
* 右からの吹き出し
********************************/
.right_balloon {
	position: relative;
	background: #FAAC58;
	border: 1px solid #777;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px;
	border-radius: 15px;
	margin-left: 10%;
	clear: both;
	max-width: 600vw;
	float: right;
	font-family:'HuiFont29','ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size:1em;
	line-height: 1.3em;
}
.right_balloon:after,
.right_balloon:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.right_balloon:after {
	border-color: rgba(133, 226, 73, 0);
	border-left-color: #FAAC58;
	border-width: 7px;
	margin-top: -7px;
}
.right_balloon:before {
	border-color: rgba(119, 119, 119, 0);
	border-left-color: #777;
	border-width: 8px;
	margin-top: -8px;
}
.right_balloon_image {
	background:url("../image/site-info/note_ng.png") no-repeat center center;
	background-size: contain;
	min-width: 60px;
	min-height: 60px;
}
/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
	clear: both;
}
/*******************************
* 縦棒グラフ
********************************/
#tateG { border: none; width: 90%; height: 70px; margin-left: auto; margin-right: auto; background-color:white; }

/* カテゴリ部 */
#tateG th { text-align : center; color:maroon; border-top:solid  1px #9ca8a8; background-color:white; }

/* 要素ポップアップ */
#tateG td { bottom: 0; font:7px Verdana; width : 10px; text-align : center; vertical-align : bottom; }
#tateG td p { margin:0; padding:0 5px; display:block; text-align:right; }
#tateG td a { margin:0; padding:0; color:#fff !important; font:bold 10px Verdana; position:relative; text-decoration:none; display:block; cursor:default; }
#tateG td a b { margin:0; padding:2px 5px; color:#000; font:bold 10px Verdana; }
#tateG td a b { position:absolute; top:-13px; right:-40px; visibility:hidden; background:rgba( 255, 255, 255, 0.55 ); border:solid  1px #DB843E; width:120px; text-align:left; }
#tateG td a:hover,
#tateG td a:hover b{ visibility:visible; text-decoration:none; cursor:default; }

/* グラフ本体部 */
#td1_m { padding: 0; border:solid  1px #000; border-bottom:none; border-right:none; width : 1.7em; background-color:white; }
#td1_1 { padding: 0; border-right:dotted 1px #9ca8a8; border-left : none; border-bottom : none; background-color: rgba(68, 170, 213, 0.1); }
#td1_2 { padding: 0; border-right:solid  1px #9ca8a8; border-left : none; border-bottom : none; background-color: rgba(68, 170, 213, 0.1); }
#td2_1 { padding: 0; border-right:dotted 1px #9ca8a8; border-left : none; border-bottom : none; background-color:white; }
#td2_2 { padding: 0; border-right:solid  1px #9ca8a8; border-left : none; border-bottom : none; background-color:white; }
#td1_e { padding: 0; border-left : none; border-bottom : none; background-color: rgba(68, 170, 213, 0.1); }
#th_l { padding: 0; border-left:solid  1px #000;    border-bottom : none; border-right:solid  1px #9ca8a8; background-color: rgba(68, 170, 213, 0.1); }
#th_m { padding: 0; border-left:none;               border-bottom : none; border-right:solid  1px #9ca8a8; }
#th_r { padding: 0; border-left:none;               border-bottom : none; border-right:solid  1px #000; background-color: rgba(68, 170, 213, 0.1); }

/* グラフのメモリ */
.memori{ padding-bottom : 10px; *padding-bottom : 11px; font:10px Verdana; text-align : right; border-right :solid 1px #000; }

/* 手書きフォント dartsfont の読み込み */
@font-face {
	font-family: 'dartsfont';
	src: url('./fonts/dartsfont.eot');
	src: url('./fonts/dartsfont.eot?#iefix') format('embedded-opentype'),
	url('./fonts/dartsfont.woff') format('woff');
	url('./fonts/ダーツフォント.ttf') format('truetype');
}
@font-face {
	font-family: 'HuiFont29';
	src: url('./fonts/HuiFont29.eot');
	src: url('./fonts/HuiFont29.eot?#iefix') format('embedded-opentype'),
	url('./fonts/HuiFont29.woff') format('woff'),
	url('./fonts/HuiFont29.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@media screen and (min-width: 280px) and (orientation: portrait) {
	.frame { width: 95% !important; }
	.frame:before, .frame:after { display:none; }
	.frame > div, .frame > table { padding-left: 20px; }
	.husen { top: 80px !important; }
}
@media screen and (max-width: 928px) and (orientation: landscape) {
	.frame_pre { width: calc(100% - 80px) !important; left: -25px !important; }
	.frame { width: 95% !important; }
	.frame:before, .frame:after { display:none; }
	.frame > div, .frame > table { padding-left: 20px; }
	.husen { top: 80px !important; }
	.husen_top, .husen_1, .husen_2, .husen_3, .husen_4 { width: 20px !important; height: 20px !important; }
	.husen a { display: inline-block; color: transparent; width: 20px; height: 20px;text-wrap: nowrap; overflow: hidden; }
}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
/* iPhone 3G/3GS CSS */
}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) {
/* iPhone 4 CSS */
}
@media screen  and (min-width: 481px) and  (max-width: 740px) {
/* 横幅を730pxで調整、marginとpaddingは余裕を残す */
}
@media screen (max-width: 481px) { /* 639px 以下 */
/* 横幅を100%で調整、marginとpaddingは削除してツメる */
}