#tmpl_main {
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 90%;
	line-height: 1.5em;
}

#tmpl_main a,
#tmpl_main a:visited{
    text-decoration:none;
}



/* ***********************************************
	 	header
*********************************************** */
#tmpl_main #header {
	font-size: 95%;
	text-align: left;
	min-height: 1px;
	margin-bottom: 50px;
}
#tmpl_main #header:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#tmpl_main #header p {
	margin: 30px 0;
}
#tmpl_main #header ul li{
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	float:left;
	border-right: 1px solid #CCCCCC;
	list-style-type: none;
}

#tmpl_main #header ul li.lastList{
	padding:0 0px 0 0;
	margin:0 0px 0 0;
	float:left;
	border-right:none;
}

#tmpl_main img {
	border:0px;
}

/* ***********************************************
	 	content
*********************************************** */

.floatcontainer:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
* html .floatcontainer { zoom: 1; }
*:first-child+html .floatcontainer { zoom: 1; }

#siteupper, #sitelist {
	margin: 0 auto;
}

#siteupper a {
	display: block;
	width: 840px;
	margin-top: 50px ;
	padding: 50px 30px;
	background-color: #F7F7F7;
}
#siteupper a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#siteupper .upperContent img{
	padding: 40px 0;
}
#siteupper .upperContent p{
	width: 50%;
	margin: 0;
	float: right;
}

.tosite{
	margin-top: 1em;
	text-align:right;
	color: #003ce0;
	display:block;
}

#sitelist{
	width: 1190px;
	overflow: hidden;
	margin-bottom: 50px;
}

#sitelist ul{
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sitelist li{
	float: left;
	width: 48.5%;
	margin: 35px 0 20px;
}
#sitelist li:first-child{
	margin-right: 3%;
}

#sitelist li a{
	display: block;
	background-color: #F1F5F9;
	padding: 25px 25px 3000px;
	margin-bottom: -3000px;
	color:#4f4f4f;

/*
	padding:25px 25px 50px 25px;
	height:120px;
*/
}
#sitelist li :hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#sitelist li p{
	width: 64%;
	float: right;
	margin: 0;
}
.tosite.mt4em{margin-top:4em;}

@media screen and (max-width: 640px) {
	#tmpl_contentMenu_bar_base h1{
		padding:18px 20px;
	}
	
	#siteupper,#siteupper a, #sitelist {
		width: auto!important;
	}

	#siteupper a {
		margin: 20px;
		padding: 20px 10px;
	}

	#siteupper .upperContent img{
		padding: 0;
		max-width: 90%;
		height: auto;
		margin: 10px;
	}

	#siteupper .upperContent p{
		width: 100%;
		float: none;
	}

	.tosite, .tosite.mt4em{
		margin-top: 1em;
	}

	#sitelist li{
		float:none;
		width:100%;
		margin:0 0 20px;
	}

	#sitelist li img{
		margin-bottom:10px;
	}

	#sitelist li a{
		padding: 20px;
		height: auto;
		margin: 20px;
	}

	#sitelist li p{
		width: 100%;
		float: none;
	}

}