@charset "utf-8";
/* CSS Document */
body,table,td,tr,th,dd,tl,ul,li,dt,h1,h2,h3,h4,h5,h6,p,img,a,div {
	font-size:inherit;
	float:100%;
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
.clear {
	clear:both;
}
p {
	line-height:1.8;
}
p.txt {
	text-align:justify;
	text-justify:distribute;
}

div#main a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
a:focus { outline:none;}

div.fieldtop {
	padding-bottom:35px !important;
}
p#pagetop {
	/*width:26px;*/
	clear:both;
	text-align:right;
	padding-top:140px;
}

body {
	font:14px"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け", "MS PGothic", sans-serif;
	font-size:small;
	font:x-small;
	width:100%;
	background: linear-gradient(#0a1029, #183099, #d5e8f8 ) fixed;
	display:table;
}
#wrapper {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
div#gmenu {
	float:left;
	width:252px;
	height:100%;
	padding-top:10px;
	padding-left:3px;
	background:url(../img/menu_bg.png) repeat-y left top;
	padding-bottom: 32768px;
    margin-bottom: -32768px;
}
div#gmenu h1 {
	padding-left:20px;
}
div#gmenu ul.menu {
	width:252px;
	padding-top:86px;
}
div#gmenu ul.menu li {
	padding-bottom:8px;
}
div#gmenu ul.menu li a {
	display:block;
	height:28px;
	text-indent:-99999px;
	background-position:left top;
}
div#gmenu ul.menu li.gmenu01 a {
	background:url(../img/gmenu01.png) no-repeat;
	width:79px;
}
div#gmenu ul.menu li.gmenu02 a {
	background:url(../img/gmenu02.png) no-repeat;
	width:78px;
}
div#gmenu ul.menu li.gmenu03 a {
	background:url(../img/gmenu03.png) no-repeat;
	width:93px;
}
div#gmenu ul.menu li.gmenu04 a {
	background:url(../img/gmenu04.png) no-repeat;
	width:79px;
}
div#gmenu ul.menu li.gmenu05 a {
	background:url(../img/gmenu05.png) no-repeat;
	width:149px;
}
div#gmenu ul.menu li.gmenu06 a {
	background:url(../img/gmenu06.png) no-repeat;
	width:79px;
}
div#gmenu ul.menu li.gmenu07 a {
	background:url(../img/gmenu07.png) no-repeat;
	width:79px;
}
div#gmenu ul.menu li.gmenu08 a {
	background:url(../img/gmenu08.png) no-repeat;
	width:234px;
}
div#gmenu ul.menu li.gmenu09 a {
	background:url(../img/gmenu09.png) no-repeat;
	width:234px;
} /*---gmenu09 added by Chi Hsin King 2020/09/09---*/
div#gmenu ul.menu li a:hover {
	background-position: left bottom;
}
div#gmenu ul.menu li.on a {
	background-position: left bottom !important;
}


div#gmenu ul.menu li.sidemenu {
	padding-left:18px;
	padding-bottom:4px;
}
div#gmenu ul.menu li.last {
	padding-bottom:20px;
}
div#gmenu ul.menu li.sidemenu a {
	height:27px;
}
div#gmenu ul.menu li.ass_01 a {
	background:url(../img/menu_ass_nav01.png) no-repeat left top;
	width:52px;
	height:26px;
}
div#gmenu ul.menu li.ass_02 a {
	background:url(../img/menu_ass_nav02.png) no-repeat left top;
	width:54px;
}
div#gmenu ul.menu li.ass_03 a {
	background:url(../img/menu_ass_nav03.png) no-repeat left top;
	width:67px;
}
div#gmenu ul.menu li.the_01 a {
	background:url(../img/menu_the_nav01.png) no-repeat left top;
	width:78px;
	height:26px;
}
div#gmenu ul.menu li.the_02 a {
	background:url(../img/menu_the_nav02.png) no-repeat left top;
	width:89px;
	height:26px;
}
/*  2021.0709.追加　by高野　*/
div#gmenu ul.menu li.the_03 a {
	background:url(../img/menu_the_nav03.png) no-repeat left top;
	width:150px;
	height:19px;
}

div#gmenu ul.menu li.app_01 a {
	background:url(../img/menu_app_nav01.png) no-repeat left top;
	width:67px;
	height:27px;
}
div#gmenu ul.menu li.app_02 a {
	background:url(../img/menu_app_nav02.png) no-repeat left top;
	width:66px;
	height:26px;
}

div#gmenu ul.menu li.press_01 a {
	background:url(../img/menu_press_nav01.png) no-repeat left top;
	width:78px;
	height:26px;
}
div#gmenu ul.menu li.press_02 a {
	background:url(../img/menu_press_nav02.png) no-repeat left top;
	width:126px;
	height:27px;
}
div#gmenu ul.menu li.press_03 a {
	background:url(../img/menu_press_nav03.png) no-repeat left top;
	width:102px;
	height:27px;
}
div#gmenu ul.menu li.comm_01 a {
	background:url(../img/menu_commit_nav01.png) no-repeat left top;
	width:63px;
	height:27px;
}
div#gmenu ul.menu li.comm_02 a {
	background:url(../img/menu_commit_nav02.png) no-repeat left top;
	width:63px;
	height:30px;
}
div#gmenu ul.menu li.comm_03 a {
	background:url(../img/menu_commit_nav03.png) no-repeat left top;
	width:75px;
	height:27px;
}
div#gmenu ul.menu li.comm_04 a {
	background:url(../img/menu_commit_nav04.png) no-repeat left top;
	width:95px;
	height:27px;
}
div#gmenu ul.menu li.comm_05 a {
	background:url(../img/menu_commit_nav05.png) no-repeat left top;
	width:152px;
	height:25px;
}
div#gmenu ul.menu li.comm_06 a {
	background:url(../img/menu_commit_nav06.png) no-repeat left top;
	width:97px;
	height:26px;
}
div#gmenu ul.menu li.comm_07 a {
	background:url(../img/menu_commit_nav07.png) no-repeat left top;
	width:136px;
	height:25px;
}
div#gmenu ul.menu li.comm_08 a {
	background:url(../img/menu_commit_nav08.png) no-repeat left top;
	width:134px;
	height:26px;
}
div#gmenu ul.menu li.comm_09 a {
	background:url(../img/menu_commit_nav09.png) no-repeat left top;
	width:76px;
	height:27px;
}
div#gmenu ul.menu li.comm_10 a {
	background:url(../img/menu_commit_nav10.png) no-repeat left top;
	width:97px;
	height:26px;
}
div#gmenu ul.menu li.comm_11 a {
	background:url(../img/menu_commit_nav11.png) no-repeat left top;
	width:122px;
	height:26px;
}
div#gmenu ul.menu li.melba_01 a {
	background:url(../img/menu_melba_nav01.png) no-repeat left top;
	width:66px;
	height:26px;
}
div#gmenu ul.menu li.melba_02 a {
	background:url(../img/menu_melba_nav02.png) no-repeat left top;
	width:90px;
	height:26px;
}
div#gmenu ul.menu li.sidemenu a:hover {
	background-position:left bottom;
}
div.link {
	position:absolute;
	bottom:0;
	left:3px;
}
div.link ul  {
	width:252px;
}
div.link ul li {
	padding-bottom:12px;
}
div.link ul li a {
	display:block;
	height:13px;
	text-indent:-99999px;
	background-position:left top;
}
div.link ul li.link01 a {
	background:url(../img/sub_menu01.png) no-repeat;
	width:167px;
}
div.link ul li.link02 a {
	background:url(../img/sub_menu02.png) no-repeat;
	width:113px;
}
div#maincontent {
	float:left;
	width:705px;
	background-color:#FFF;
	position:relative;
	padding-bottom:100px;
}
div#maincontent p#info {
	position:absolute;
	top:10px;
	right:7px;
	z-index:10;
}
div#maincontent p#info a {
	display:block;
}
ul#breadcrumb {
	float:right;
}
ul#breadcrumb li {
	float:left;
}
div#maincontent div#main div.content {
	margin:15px;
}





/*-----------home縺ｮ險ｭ螳?-----------*/
body#home div#wrapper {
/*	position:fixed;
	top: 50%;  /*荳顔ｫｯ繧剃ｸｭ螟ｮ縺ｫ*/
 	/*left: 50%;  蟾ｦ遶ｯ繧剃ｸｭ螟ｮ縺ｫ*/
	/*	margin-left:-480px;
	margin-top:-300px;*/
	width:960px;
	height:600px;
}
body#home div#wrapper div#gmenu {
	background:url(../img/top_menu_bg.jpg) no-repeat;
	height:590px;
	position:relative;
	padding-bottom:0;
	margin-bottom:0;
}

body#home div#maincontent div.top_content {
	float:left;
	width:235px;
}
/*-----------荳句ｱ､縺ｮ險ｭ螳?-----------*/
div.content_box {
	clear:both;
	padding:11px 15px 0;
}
h3 {
	padding-bottom:38px;
}
h4 {
	padding-bottom:20px;
}
h4.submidashi {
	background:url(../img/h4_icon.gif) no-repeat left 6px;
	padding-left:15px;
	font-size:120%;
	margin-top:52px;
	padding-bottom:10px;
}

div#ass h4 {
	font-size:129%;
	font-weight:normal;
}
div#ass table.housin {
	border-top:#000 1px solid;
	border-spacing:0;
}
div#ass table.housin tr td {
	width:60px;
	padding:15px 0;
	text-align:center;
	border-bottom:#000 1px solid;
}
div#ass table.housin tr th {
	padding:15px 0;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	border-bottom:#000 1px solid;
}
.img-left {
	float:left;
	padding-right:15px;
}
.ttl {
	margin-left:-30px;
}
h5 {
	background:url(../img/icon.gif) no-repeat left 7px;
	padding-left:35px;
	font-size:143%;
	margin-top:50px;
}
/*-----------€2021/07/07 added by 高野-----------*/
h7 {
	font-size:150%;
}
p.txt-l {
	float:left;
}
p.txt-r {
	float:right;
}

p.txt-l {
	float:left;
}
p.txt-r {
	float:right;
}

/*-----------蜍慕判縲€2020/09/09 added by Chi Hsin King-----------*/

div#modalVid{
	display: none;
	position: fixed;
	top:0;
	left:0;
	z-index:20;
	width:100%;
	height: 100%;
	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

div.modalContent{
	width:900px;
	margin: auto;
	background-color: rgb(255, 255, 255, 0.9);
	position: relative;
}

video{
	display: block;
	width: 100%;
	height: auto;
	padding: 50px;
	box-sizing: border-box;
}


.close{
	font-size: 28px;
	font-weight: bold;
	display: block;
	color: black;
	padding: 10px 20px;
	position: absolute;
}

.close:hover{
	color: grey;
  	text-decoration: none;
  	cursor: pointer;
}

div#maincontent ul#tsd-book {
	position:absolute;
	top:55px;
	right:70px;
	z-index:100;
	width:283px;
	display:flex;
	justify-content: space-between;
}
div#maincontent ul#tsd-book li {
	background: #ff0;
	line-height: 0;
}
div#maincontent ul#tsd-book li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

@media screen and (min-width:481px)and (max-width:1024px){
	div.modalContent{
		width:80%;
		margin:0 auto;
	}
}

@media screen and (max-width:480px){
	div.modalContent{
		width:100%;
		margin:0;
	}

}