*
{
	margin:		0px;
	padding:	0px;
}


#logo 	{
	font:20px Georgia, Times New Roman, Times, serif;
	color: #ffffff;
	letter-spacing:.3em;
	}
	
	
	
body{
    margin: 0;  
    padding: 0;  
    height: 100%;  
}  


#container
{
	overflow: hidden;
	height: auto;
	width: 920px;
	background-image: url(../image/back_m.gif);
	background-repeat: repeat-y;
	display: flex;
}

#container div
{
/*    float: left;  */
}

#navigation
{
/*	float:left;*/
	width: 200px;
	font-family: Impact;
	color: #FFF;
}

#contents
{
/*	float:left;*/
	width:	720px;
}


.clear {
	clear: both;
	}
	
	
.cl {  
    display: inline-block;  
}  
.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
}  	

	
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #54455a;
	line-height:16px;
	letter-spacing:.1em;
	}

.detailText {
	font:11px Arial, Helvetica, sans-serif;
	color:#333333;
	}

.headerText
{
	font-size: smaller;
	line-height:110%;
	margin: 10px;
	padding: 0px;
	color: #CCCCCC;
}


td
{
	line-height:130%;
}



#hedaerimage {
	text-align: right;

}

.messageBar {
	font-weight: bold;
	color: #FFF;
	background-color: #568EFF;
	margin: 5px;
	padding: 5px;
}

#menuItems {
	text-align: left;
	font-size:large;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 200px;
	margin-left: 25px;
	line-height: 120%;
	color: #FFF;
	line-height: 22px;
}
#menuItems a {
	color: #FFF;
}

#menuItems a:hover {
	color:#FF0;
}

  .twitter-timeline {
    max-width: 200px !important;
  }




table{font-size:14px;}
div.margin{margin-left:20px;}
div.margin2{margin-left:20px;line-height:150%;}
a{text-decoration:none}
a:link{color:#6699FF;}
a:visited{color:#568EFF;}
a:active{color:#0000FF;}
a:hover{color:#568EFF;}

a:link.white{color:#EFEFFF;font-weight:bold;}
a:visited.white{color:#FFFFFF;font-weight:bold;}
a:active.white{color:#000000;font-weight:bold;}
a:hover.white{color:#EFEFFF;text-decoration:underline;font-weight:bold;}

.style4 {color: #CC0000}

.summary {
	background-color: #568EFF;
	font-family: Impact;
	font-size: x-large;
	color: #FFF;
	padding-left: 20px;
}

#TitleLogo{
	text-align: right;
}
#TitleLogo img{
	width: 388px;
	height: 73px;
}
#MainContents{
	text-align: center;
}
#MainContents #CircleCopy{ background-color: #568EFF; width: 100%; padding: .2rem 0; margin-top: 5px; font-weight: bolder; color: #FFF;}
#MainContents #CircleCopy{padding: 0 .2rem;}
#MainContents #CircleCopy a,
#MainContents #CircleCopy a:hover{ color:#9FF;}

.contents-box{
	width: 100%;
	text-align: center;
	margin: 1rem 0 .5rem 0;
	padding: 1rem;
	color: #222;
	box-sizing: border-box;
}
.contents-box-inner{
	margin: 1rem 0 0 0;
	text-align: center;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.contents-box-inner + .contents-box-inner{
	margin: 0;
}
.contents-box-inner-01{
	background-color: #EEE;
}
.contents-box-inner-02{
	background-color: #FFF;
	border: 5px dotted #EEE;
}
.contents-box a img{
	display: block;
	margin: 5px auto;
	width: 100%;
	max-width: 500px;
}

#titleImage {
	padding-left: 332px;
}
#titleCaption {
	background-color: #568EFF;
	font-family: Impact;
	font-size: 30px;
	color: #FFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* a nameのロールオーバーで文字色が変わってしまうのを防ぐ */
a[name] {
    color: #000;
}

.btn a{
	display: inline-block;
	border-style: solid;
	border-color: #FFCDD1;
	border-width: 1px;
	border-radius: 10px;
	background-color: #FC4D50;
	font-size: large;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}
.btn-red a{
	color: #FFF;
	border-color: #FFCDD1;
	background-color: #FC4D50;
}
.btn-red a:hover{
	border-color: #FFCDD1;
	background-color: #FC4D50;
}
.btn-blue a{
	color: #FFF;
	border-color: #06F;
	background-color: #28F;
}
.btn-blue a:hover{
	border-color: #06F;
	background-color: #28F;
}
div.btn{
	width: 90%;
	margin: 1rem;
}
div.btn a{
	display: block;
	margin: auto;
}



@media (max-width: 991px){
	#container{
		width: 100%;
		background-image: none;
		background-color: #FFFFFF;
		flex-direction: column;
		text-align: center;
	}
	#TitleLogo{
		padding: 2px 8px;
	}
	#TitleLogo img{
		width: 100%;
		max-width: 388px;
		max-height: 73px;
	}
	#menuItems{
		text-align: center;
		margin-left: 0;
	}
	#navigation{
		width: 100%;
		order: 2;
		background-color: #0054ff;
	}
	.twitter-timeline {
		max-width: 100% !important;
	}
	#contents{
		width: 100%;
		order: 1;
	}

}
@media (max-width: 639px){
	#navigation{
		
	}
}