/* CSS Document */



#header {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#logo {
	width:128px;
	height:65px;
	margin:40px auto 0px auto;
	padding:0px;
	overflow:hidden;
	background-image:url("../img/logo.svg");
	background-repeat:no-repeat;
	}

.no_print {
width:400px;
height:20px;
overflow:hidden;
margin:5px auto 0px auto;
padding:0px;
}
#nav-L{
width:200px;
height:20px;
overflow:hidden;
margin:0px;
padding:0px 0px 0px 20px;
text-align:center;
float:left;
font-size:small;
border-right:solid 1px #cccccc;
}
#nav-L a:link,#nav-L a:visited {color:#cccccc; text-decoration:none;}
#nav-L a:hover,#nav-L a:active {color:#60627b; text-decoration:underline;}	

#nav-R{
width:150px;
height:20px;
overflow:hidden;
margin:0px;
padding:0px;
text-align:center;
float:left;
font-size:small;
}
#nav-R a:link,#nav-R a:visited {color:#cccccc; text-decoration:none;}
#nav-R a:hover,#nav-R a:active {color:#60627b; text-decoration:underline;}	

/*リンクの非表示*/
@media print{
.no_print{
display: none;
}}

#title{
width:100%;
height:auto;
margin:20px 0px 0px 0px;
padding:0px;
text-align:center;
font-size:x-large;
}

#top-box {
width:80%;
height:840px;
overflow:hidden;
margin:0px auto 0px auto;
padding:0px;

}

@media(min-width:1129px){
.box {
width:80%;
height:1010px;
overflow:hidden;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}}

@media(max-width:1128px){
.box {
width:80%;
height:auto;
overflow:hidden;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}}

@media(min-width:1129px){
.content{
width:100%;
height:970px;
overflow:hidden;
margin:40px auto 0px auto;
padding:0px 0px 0px 0px;
}}

@media(max-width:1128px){
.content{
width:98%;
height:auto;
overflow:hidden;
margin:20px auto 0px auto;
padding:0px 0px 0px 0px;
}}

.boxh2{
width:100%;
height:auto;
overflow:hidden;
margin:35px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

.boxh2_t{
width:100%;
height:auto;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}


.boxh3{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


@media print{
.f-backtotop {
   display:none;
 }}
 
 .f-backtotop {
   clear:both;
   width:95%;
   height:18px;
   margin:7px auto 0px auto;
   padding:0px;
   font-size:small;
   text-align:right;
 
  }

.f-backtotop a:link,.f-backtotop a:visited {color:#cccccc; text-decoration:none;}
.f-backtotop a:hover,.f-backtotop a:active {color:#000011; text-decoration:underline;}	

@media screen{
.footer {
   display:none;
 }}
 
 @media print{
.footer {
   width:95%;
   height:10mm;
   overflow:hidden;
   margin:0px auto 0px auto;
   padding:0px;
   }
.page_number{
   width:10mm;
   height:8mm;
   margin:0mm;
   padding:0mm;
   font-size:9pt;
   text-align:left;
   float:left;
   }
.copy {
   width:100mm;
   height:8mm;
   margin:0mm;
   padding:0mm;
   text-align:right;
   float:right;
}}

@media print{
.end-copy {
   display:none;
 }}
 
 @media screen{
 .end-copy {
   width:95%;
   height:21px;
   margin:2px auto 0px auto;
   padding:0px;
   color:#cccccc;
   font-size:small;
   text-align:right;
   }}