/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

.hedderstyle {
	background: linear-gradient( #FFFFCC, #FFFF99, #FFFFCC);
	text-align: center;
	padding:      0.8em;
}

@media only screen and (min-width: 1025px) { /*start style for PC*/

	.title {
	        font-weight:  bold;
		font-size:    30pt;
	}
	.subtitle {
		font-size:    14pt;	
		margin-top:    0.2em;
	}
	#promptstyle {
/*		color: #000000; */
		text-align: left;
		line-height:   1.4;
		margin: 1em 10em 0;
	        font-weight:  bold;
		font-size:    14pt;
	}
	#sadstyle {
		color: #808080;
		text-align: center;
		margin-top:   1em;
	        font-weight:  bold;
		font-size:    16pt;
	}
	#caption {
		position:absolute;
		text-align: center;
	        font-weight:  bold;
	        font-style:  italic;
		font-size:    30pt;
		top:0; right:0; bottom:0; left:0;
		margin:20% auto; 
	}
	#subcaption {
		position:absolute;
		text-align: center;
		font-size:    14pt;
	        font-style:  italic;
		top:0; right:0; bottom:0; left:0;
/*		margin:24% auto;*/
 	}
	#contact_table{
		margin-left:   3em;
		margin-right: 10px;
		margin-top:   15px;
		width:       380px;
		border:     hidden; 
	}
	.contact_table_element{
		width:         auto;
		height:        60px; 
		font-size:     12pt;
		text-align:    left;
		vertical-align: top;
		padding:        3px;
	}
	.small_title {
	        text-indent:  1em;
		font-weight: bold;
		font-size:   18pt;	
	}
	/*!!!!!!!!!!!!!!!!!!!!!!!!! index latest contents !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	#latest_contents  p{ 
		text-align:  left;
	        text-indent:  0.5em;
		font-weight: bold;
		font-size:   15pt;	
		margin: 5% 0 5% 0; 
	}

	#latest_contents  ul{ 
		margin: 0; 
		padding :0; 
		list-style: none; 
	}

	#latest_contents li{ 
		line-height:   1.4;
		padding: 0 ; 
		margin: 0.3em 0 0 0;
	}
	#latest_contents li span{ 
		font-size: 10pt;	
		overflow:hidden;
	}

	#menu ul{ 
		margin: 0.5em 0 0 0; 
		padding :0; 
		list-style: none; 
	}
	#menu li{ 
		width:  25%; 
		padding: 0 0 0 0; 
		margin: 0 0 1.5em 0;
		float: left;
	}
	#menu li a{
		background: url("../images/others/helicopter.png") no-repeat 1em center;
		background-color: #FFFF99;
		padding: 0.3em 0 0.3em 3em;
		margin: 0;
		font-size: 17px;
		border-left: solid 0.7em #FFCC00;
		display: block;
	}
	#ind_menu ul{ 
		margin: 0.5em 0 0 0; 
		padding :0; 
		list-style: none; 
	}
	#ind_menu li{ 
		width:  25%; 
		padding: 0 0 0 0; 
		margin: 0 0 0 0;
		float: left;
	}
	#ind_menu li a{
		background: url("../images/others/airplane.png") no-repeat 1em center;
		background-color: #FFFF99;
		padding: 0.3em 0 0.3em 2.5em;
		margin: 0;
		font-size: 17px;
		border-left: solid 0.7em #FFCC00;
		display: block;
	}

	#menu li a:hover{
		border-bottom: solid #FFCC00;

	}
	#ind_menu li a:hover{
		border-bottom: solid #FFCC00;

	}


	.titlecover {
		background: linear-gradient(#FFFFCC,#FFFF66,#FFFF66);
		border:     solid 0.1px #FFFFCC;
		border-radius:        5px;
		-webkit-border-radius:5px;/*for safari,Chrome*/
		-moz-border-radius:5px;	  /*for FX*/
		-o-border-radius:  5px; 
		-ms-border-radius: 5px; 
	}
	.normal_text {
		text-align:   left;
		font-size:  medium;
		line-height:   1.4;
		margin-top:    1em;
		padding-left:  4em;
		padding-right:  4em;
	}
	.normal_text_pub {
		text-align:   left;
		font-size:  medium;
		line-height:   1.4;
		margin-top:    1em;
		padding-left:  2em;
		padding-right: 2em;
	}
	.table_normal_text {
		display:table-cell;
		vertical-align:middle;
		text-align:   left;
		font-size:  medium;
		line-height:   1.4;
		margin-top:    1em;
		padding-left:  4em;
		padding-right:  4em;
	}
	.txshadow{
	  font-size:large;
	  color: #000000;
	  background-color : #FFFF66;
	  text-shadow : rgba(249,249,11,0.5) 0 5px 6px, rgba(240,240,25,0.5) 1px 3px 3px;
	  -webkit-background-clip : text
	}

	.rist-menu { 
	    list-style: none; 
	    overflow: hidden; 
	    width: 300px; 
	    padding: 0; 
	    margin:  auto ;  
	} 
	.rist-menu li { 
	    list-style: none; 
	    overflow: hidden; 
	    width: 100%; 
	    margin: 0; 
	    padding: 0; 
	} 
	.rist-menu li a { 
	    display: block; 
	    position: relative; 
	    z-index: 10; 
	    height: 50px; 
	    margin: 0; 
	    padding: 10px 10px 0px 30px; 
	    background: #FFFFCC; 
	   font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	    text-align:   left;
	    font-size:  large;
	    line-height:   1.3;
	    text-decoration: none;  
	} 
	.rist-menu li a:hover { 
	    background: #fff;  
	} 

	#list li a { 
		background: #FFFFCC;  
	} 
	#list li a:before { 
		display: block; 
		content: ""; 
		position: absolute; 
		z-index: -1; 
		top: 10%; 
		left: 5px; 
		width: 8px; 
		height: 8px; 
		margin-top: 10px; 
		border-radius: 50%; 
		background: #FFCC00; 
		transition: .5s;  
	} 
	#list li a:hover:before { 
		left: 0px; 
		width: 20px; 
		height: 20px;  
		margin-top: 5px; 
	} 

	input[type=button]{ 
	   font-size:  100%;
	   font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	   border-radius: 10px; 
	   -moz-border-radius: 10px; 
	   -webkit-border-radius: 10px; 
	   -o-border-radius: 10px; 
	   -ms-border-radius: 10px; 
	   border:#a9a9a9 0.5px solid; 
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3); 
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); 
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); 
	/*   width:80px;*/ 
	   height:20%; 
	   padding:0 3%; 
	   margin:2px;
	*/   cursor:pointer; 
	   color:#000000; 
	   font-weight:bold; 
	/*   background:#f5f5f5;*/ 
	   text-shadow:1px 1px 0px #fff;

	background: #FFCC00; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #FFCC00 0%, #FFCC00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#FFCC00), color-stop(100%,#FFCC00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* IE10+ */
	background: linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#FFCC00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
	input[type=button_login]{ 
	   font-size:  110%;
	   font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	   border-radius: 10px; 
	   text-align:center;
	   -moz-border-radius: 10px; 
	   -webkit-border-radius: 10px; 
	   -o-border-radius: 10px; 
	   -ms-border-radius: 10px; 
	   border:#a9a9a9 0.5px solid; 
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3); 
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); 
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); 
	/*   width:80px;*/ 
	   height:5%;
	   width:30%; 
	   padding: 3%; 
	   margin:3%;
	*/   cursor:pointer; 
	   color:#000000; 
	   font-weight:bold; 
	/*   background:#f5f5f5;*/ 
	   text-shadow:1px 1px 0px #fff;

	background: #FFCC00; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #FFCC00 0%, #FFCC00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#FFCC00), color-stop(100%,#FFCC00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* IE10+ */
	background: linear-gradient(45deg,  #FFCC00 0%,#FFCC00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#FFCC00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
	.footer_title {
		text-align:   center;
		font-size:      12pt;	
		margin-top:    0.3em;
		margin-bottom: 0.5em;
	}

	#page-top {
	    position: fixed;
	    bottom: 20px;
	    right: 20px;
	    font-size: 88%;
	}
	#page-top a {
	    background: #FFCC00;
	    text-decoration: none;
	    color: #000000;
	    width: 100px;
	    padding: 30px 0;
	    text-align: center;
	    display: block;
	    border-radius: 5px;
	}
	#page-top a:hover {
	    text-decoration: none;
	    background: #FFFF66;
	}


}/*end style for PC*/

@media only screen and (max-width: 1024px) { /*start style for tablet*/

	.title {
	        font-weight:  bold;
		font-size:    20pt;
	}
	.subtitle {
		font-size:    10pt;	
		margin-top:    0.2em;
	}
	.sadstyle {
		color: #000000;
		text-align: center;
		padding-top:      0.5em;
	        font-weight:  bold;
		font-size:    10pt;
	}

	#caption {
		position:absolute;
		text-align: center;
	        font-weight:  bold;
	        font-style:  italic;
		font-size:    20pt;
		top:0; right:0; bottom:0; left:0;
		margin:20% auto; 
	}
	#subcaption {
		position:absolute;
		text-align: center;
		font-size:    10pt;
	        font-style:  italic;
		top:0; right:0; bottom:0; left:0;
/*		margin:24% auto; */
	}
	#contact_table{
		margin-left:   3em;
		margin-right: 10px;
		margin-top:   15px;
		width:       380px; 
		border:     hidden; 
	}
	.contact_table_element{
		width:         auto;
		font-size:     8pt;
		text-align:    left;
		vertical-align: top;
		padding:        3px;
	}
	.small_title {
	        text-indent:  1em;
		font-weight: bold;
		font-size:   12pt;	
	}
	/*!!!!!!!!!!!!!!!!!!!!!!!!! index latest contents !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	#latest_contents  p{ 
		text-align:  left;
	        text-indent:  0.5em;
		font-weight: bold;
		font-size:   12pt;	
		margin: 5% 0 5% 0; 
	}

	#latest_contents  ul{ 
		margin: 0; 
		padding :0; 
		list-style: none; 
	}

	#latest_contents li{ 
		line-height:   1.4;
		padding: 0 ; 
		margin: 0.3em 0 0 0;
	}
	#latest_contents li span{ 
		font-size: 8pt;	
		overflow:hidden;
	}

	#menu ul{ 
		margin: 0.5em 0 0 0; 
		padding :0; 
		list-style: none; 
	}
	#menu li{ 
		width:  25%; 
		padding: 0 0 0 0; 
		margin: 0 0 1.5em 0;
		float: left;
	}
	#menu li a{
		background: url("../images/others/helicopter.png") no-repeat 1em center;
		background-color: #5F4C0B;
		padding: 0.3em 0 0.3em 3.5em;
		margin: 0;
		font-size: 12px;
		border-left: solid 0.7em black;
		display: block;
	}
	#ind_menu ul{ 
		margin: 0.5em 0 0 0; 
		padding :0; 
		list-style: none; 
	}
	#ind_menu li{ 
		width:  25%; 
		padding: 0 0 0 0; 
		margin: 0 0 0 0;
		float: left;
	}
	#ind_menu li a{
		background: url("../images/others/airplane.png") no-repeat 1em center;
		background-color: #5F4C0B;
		padding: 0.3em 0 0.3em 3em;
		margin: 0;
		font-size: 12px;
		border-left: solid 0.7em black;
		display: block;
	}

	#menu li a:hover{
		border-bottom: solid #330000;

	}
	#ind_menu li a:hover{
		border-bottom: solid #330000;

	}


	.titlecover {
		background: linear-gradient(#413425,#413425,#DBA901);
		border:     solid 0.1px #413425;
		border-radius:        5px;
		-webkit-border-radius:5px;/*for safari,Chrome*/
		-moz-border-radius:5px;	  /*for FX*/
		-o-border-radius:  5px; 
		-ms-border-radius: 5px; 
	}
	.normal_text {
		text-align:   left;
		font-size:  small;
		line-height:   1.4;
		margin-top:    1em;
		padding-left:  4em;
		padding-right:  4em;
	}
	.normal_text_pub {
		text-align:   left;
		font-size:  small;
		line-height:   1.4;
		margin-top:    1em;
		padding-left:  2em;
		padding-right: 2em;
	}


	input[type=button]{ 
	   font-size:  100%;
	   font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	   border-radius: 10px; 
	   -moz-border-radius: 10px; 
	   -webkit-border-radius: 10px; 
	   -o-border-radius: 10px; 
	   -ms-border-radius: 10px; 
	   border:#a9a9a9 1px solid; 
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3); 
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); 
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); 
	/*   width:80px;*/ 
	   height:20%; 
	   max-height:150px;
	   padding:0 3%; 
	   margin:2px;
	*/   cursor:pointer; 
	   color:#333; 
	   font-weight:bold; 
	/*   background:#f5f5f5;*/ 
	   text-shadow:1px 1px 0px #fff;

	background: #cedce7; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #cedce7 0%, #596a72 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #cedce7 0%,#596a72 100%); /* IE10+ */
	background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}

	.footer_title {
		text-align:   center;
		font-size:      10pt;	
		margin-top:    0.3em;
		margin-bottom: 0.5em;
	}

}/*end style for tablet*/