@charset "utf-8";

body > h1 {
	display: none;
}

#container1 {
	width: auto;
    height:auto;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom:5px;
}

#main_wrap {
	width: 100%;
	position: relative;
	clear: both;
    height: 250px;
    overflow:hidden;
    margin: 0 auto;
    background-color:#fff;	
}

#loading {
	width: 96px; /* gif画像の幅 */
	height: 96px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px; /* gif画像を大きく */
	background: #fff; /* gif画像の背景色 */
	opacity: 0.5; /* 透過させる */
	border-radius: 15px; /* 丸角 */
	position: relative; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
}

#container2 {
	width: auto;
    height:auto;
	margin-right: 6px;
	margin-left: 6px;
}


header {
	height: 240px;
	position: static;
	text-align: center;
}

#kinbi { 
	display:block;
	width:95%;
	color:#333;
overflow:hidden;
font-size:95%;
text-align: center;

}

#kaiki { color:#333;
display:block;
width:95%;
float:left;
padding:3px;
overflow:hidden;
font-size:120%;
text-align: center;
margin:10px 5px 5px 0;
background-color: #fff;
	border:2px solid #fff;
}

header img {
	
   
 	overflow:hidden;
    margin-left:5%;
    margin-right:5%;
    width:90%;


}
<!--header h1 {
	padding-top: 15px;
	text-align: center;
	position: static;
}-->



nav#menu ul li {
    float:left;
	margin-right: 0;
	margin-bottom: 5px;
	width: 49%;
}

nav#menu ul li:nth-child(odd) {
	margin-right:1%;
	width: 50%;
}

nav#menu ul li:last-child a {
	margin-bottom: 10px;
}

nav#menu ul li a span {
	font-size: 9px;
	display: block;
	font-weight: normal;	
	letter-spacing: 0.2em;	
}


#contents {
	width: auto;
}

#news, #sub {
	float: none;
	width: 100%;
}



#main {
	float: left;
	width: 58%;
    margin:0 auto;
}



#bbox {width:170%;
    margin-left:1%;
    margin-right:1%;
}

#bbox2 {width:170%;
    margin-left:1%;
    margin-right:1%;
  
    
}

figcaption p { color:#fff;
    position:absolute;
  top:5%;
	font-size:115s%;
	line-height:1.5em;
}

figcaption h3 { color:#fff;
    font-size:125%;
    position:absolute;
    padding:5%;
    top:20%; 
}

.box { width:46.5%;
		margin-left:1%;
    margin-right:1%;
}

/* ***************banner setting****************** */

#bannerbox_wrapper { width:100%;
    clear:both;
    padding:0;
    position:relative;
    overflow:hidden;
    margin-left:1%;
    margin-right:1%;
  
}


.banner_box {width: 18%;
height:auto;
    float:left;
    display:inline-block;
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:0;
    
  
 
}
.banner_box:last-child {width: 18%;
height:auto;
    float:left;
    display:inline-block;
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:0;
    
    
 
}

/* ***************side content setting****************** */


#sidecontent { width:40%;
height:300px;
position:relative;
overflow:hidden;
margin:0 auto;
margin-top:60px;
  
}


.summary { overflow:hidden;
    position:relative;
    padding:10px 10px 0 10px;
 height:160px;
    margin:0 auto;
	margin-right:-10px;
    width:100%;
	line-height:1.5em;
background-image:repeating-linear-gradient(-45deg,  #ee3b58, #ee3b58 30px, transparent 30px, transparent 50px,#1279be 50px, #1279be 80px,transparent 80px, transparent 100px);
    clear:both;
    background-color:#eee;
	
    
}
.summary  h1 { font-size: 14px;
    line-height:1em;
    float:left;
	text-align:center;
    color:#333;
	width:100%;
	margin:-1px 0 -1px 0;
	padding:15px 0 15px 0;
	background-color:#fff;
}


.summary p {float:left;
	color:#333;
background-color:#fff;

width:100%;
text-align:center;
padding-bottom:17px;
  

	}


 
#howto2 { display:block;
	
	width:200px;
	margin:30px 0 5px 0px;
  background-color:#fff; 
  padding: 11px 10px;
	color:#333;
	
	overflow:hidden;	
}


.handle {width:100%;
    color: white;
    background-color:#27408B;
    text-align: center;
    padding: 10px 10px;
    box-sizing: border-box;
    cursor: pointer;
    display:none;
}

/* ***************article****************** */

.prebox { margin:0;
    position:relative;
    overflow:hidden;
    float:left;
    width:100%;
    height:auto;
    margin:0 auto;   
}


.prework { width:100%;
   float:left;
    overflow:hidden;
    height:auto;
    margin-bottom:20px;
    padding:0;
   
}
 .prework img {width:100%;
 }


.textwrap { display:block;
　width:100%;
margin-top:-16px;


}
.textwrap h5 { 
font-size:150%;
color:#fff;
word-break:break-all;
font-weight:bold;
background-color:#1279be;
width:80px;
line-height:3em;
text-align:center;

float:left;
}

.textwrap h4 { 
font-size:175%;
color:#333;
word-break:break-all;
margin-top:15px;
margin-left:110px;
font-weight:bold;
line-height:2.75em;

}
.textwrap h3 { 
font-size:130%;
color:#fff;
word-break:break-all:
padding:0px 20px;
line-height:1.5em;
background-color:#555;
text-align:center;
width:80px;
float:left;

}
.textwrap h6 { 
font-size:130%;
color:#333;
word-break:break-all;
margin-left:7em;
line-height:1.5em;
text-align:left;
position:relative;
	border-bottom:1px dotted #ccc;


}

.textwrap h7 { 
font-size:150%;
color:#fff;
word-break:break-all;
font-weight:bold;
background-color:#EE3B58;
width:140px;
line-height:3em;
text-align:center;

float:left;
}

.textwrap h8 { 
font-size:150%;
color:#fff;
word-break:break-all;
font-weight:bold;
background-color:#57412f;
width:140px;
line-height:3em;
text-align:center;
float:left;
}

.textwrap h9 { 
font-size:150%;
color:#fff;
word-break:break-all;
font-weight:bold;
background-color:#12ad2a;
width:80px;
line-height:3em;
text-align:center;

float:left;
}
.textwrap h11 { 
font-size:130%;
color:#fff;
word-break:break-all:
padding:0px 20px;
line-height:1.5em;
background-color:#555;
text-align:center;
width:80px;
float:left;

}

.textwrap h13 { 
font-size:130%;
color:#ee3b58;
word-break:break-all;
margin-left:7em;
line-height:3em;
text-align:left;
font-weight:bold;
position:relative;
	border-bottom:1px dotted #ccc;
}

.textwrap h14 { 
font-size:120%;
color:#333;
word-break:break-all;
margin-top:5px;
margin-left:10px;
font-weight:bold;
height:auto;
position:relative;
overflow:hidden;
}


.textwrap h15 { 
font-size:150%;
color:#333;
word-break:break-all;
margin-top:5px;
margin-left:10px;
font-weight:bold;
height:auto;
position:relative;
overflow:hidden;
}


.pdfwrapper {display:block;
    width:300px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    clear:both;
    margin-bottom:50px;
	margin-top:20px;
	
}

.oubo { display:block;
	border:2px solid #1279be;
	margin:5px 0 50px 0;
  font-weight:bold; 
  padding: 6px 8px;
	color:#1279be;
	width:100px;
	overflow:hidden;
    float:left;
	text-align:center;
    margin-right: 1em;
	
}

.chirashi { display:block;
	border:2px solid #1279be;
	margin:5px 0px 50px 0px;
  font-weight:bold; 
  padding: 6px 8px;
	color:#1279be;
	width:100px;
	overflow:hidden;
	text-align:center;
    
	
}

.oubo a { color:#333;
}

.oubo  :hover { 
	color:#1279be;			
}

.chirashi a { color:#333;
}

.chirashi :hover { 
	color:#1279be;			
}





/* ***************contact****************** */
#pre_summary_wrapper {
width:100%;
height:auto;
position:relative;
overflow:hidden;
margin:0 auto;


}
.pre_summary {
    overflow:hidden;
    position:relative;
    padding:10px 10px 0 10px;
 height:auto;
    margin:0 auto;
    width:100%;
    margin-top:30px;
	line-height:1.5em;
    clear:both;	
	
    
}
.pre_summary  h1 { font-size: 14px;
    line-height:1em;
    float:left;
	text-align:center;
    color:#333;
	width:100%;
	margin:-1px 0 -1px 0;
	padding:15px 0 15px 0;
margin-left:-10px;
	padding-right:30px;
	background-color:#fff;
}

.pre_summary p {float:left;
	color:#333;
background-color:#fff;
width:100%;
text-align:center;
margin-left:-10px;
	padding-right:30px;
padding-bottom:17px;
	}

    
 footer {
	
	clear: both;
	width:100%;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 15px;
	margin:0 auto;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
}