@charset "utf-8";
.alart {font-weight:bold; color:#ff0000;}

.visual {
	margin: 0px;
	padding: 0px;
	width: 100%; 
	height:120px;
	background: url(../images/page-head.jpg) no-repeat center top;
	text-align:left;
}
.visual h1{
	padding-left:0.5em;
	font-size:2em;
	line-height: 120px;
	color: #333333;
	font-weight:bold;
}
.container {padding-top:1em;}
.topicpath {width: 100%; height:auto;}
.topicpath ul {
	list-style: none;
	margin: 0 0 40px 0; 
	padding: 0px;
	float:right;
}
.topicpath ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.topicpath li{
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	font-size:1.2em;
	line-height: 1.4em;
	color: #333333;
	font-weight:normal;
	background: url(../images/arr.png) no-repeat left 4px;
	float: left; 
}
.topicpath li:first-child {margin: 0; padding:0; background: none;}
.menuTag{
	margin: 0 2% 50px;
	width: 96%; 
	clear: both;
}
.menuTag p.genre {
	font-size:2em;
	line-height: 120%;
	color: #333333;
	font-weight:bold;
	text-align:left;
	padding:	0 0 10px 0; 
}
.menuTag ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.menuTag li{
	float: none; 
	width: 100%;
	font-size:1.4em;
}
.menuTag li a{
	display: block; 
	width: 100%; 
	padding: 10px 20px; 
	border-left: 5px solid #56a0b0; 
	position: relative; 
	z-index: 2;
	text-decoration: none;
	color: #333333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	border-bottom: 1px dotted #bbb;
}
.menuTag li a:hover:after{ width: 100%; background: #dbedef;}
.menuTag li.slct a{ border-left: 5px solid #01748d; background: #dbedef;}


.contents {
	width: 96%; 
	margin: 0 2% 50px;
}
.contents h2 {
	margin: 0 0 20px 0;
	font-size:1.8em;
	line-height: 120%;
	color: #333333;
	font-weight:bold;
	text-align:left;
}
.contents h3.contentsTitle {
	margin: 0 0 20px 0;
	padding:8px 15px;
	font-size:1.6em;
	line-height: 140%;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
	background-color: #01748d;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.contents p {
	margin: 0 0 1em 0;
	font-size:1.4em;
	line-height: 1.8em;
	color: #333333;
	font-weight:normal;
	text-align:left;
}

.contents a:link {color: #0377dd; }
.contents a:visited {color: #0377dd; }
.contents a:hover {color: #0377dd; }

.contents .hoge {
	margin: 0 0 1em 0;
	width:100%;
	height:auto;
}



/*===============================================
= footer
===============================================*/
footer {
	border-top:1px solid #cccccc;
}
footer .container-box {
	margin: 0;
	padding: 15px 0;
	width:100%;
	height: auto;
	background: url(../images/bg.png) repeat 0 0;
	border-top:1px solid #cccccc;
	border-bottom:none;
}
footer .link_list, 
footer .information {
	margin: 0 2% 10px;
	width: 96%; 
}
footer .block {
	width: 100%; 
	margin: 0;
}
footer .block ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
footer .link_list:after, 
footer .container-box:after, 
footer .block ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

footer .block li{
	width: 45%; 
	padding: 0 0 0 1em;
	font-size:1.2em;
	line-height: 2em;
	font-weight:normal;
	color:#666666;
	background: url(../images/arr.png) no-repeat left center;
	float: left;
}
footer .information .logo {
	margin: 0 0 10px 40%;
	width: 60%; 
	text-align:right;
}
footer .information p {
	font-size:1.2em;
	line-height: 1.6em;
	font-weight:normal;
	color:#333333;
	text-align:right;
}

/*===============================================
= More than 641px 
= Except for Smart Phone
===============================================*/
@media screen and (min-width: 641px) {

	.visual {
		margin: 0px;
		padding: 0px;
		width: 100%; 
		height:120px;
		background: url(../images/page-head.jpg) no-repeat center top;
		text-align:left;
	}
	.visual h1{
		padding-left:0; 
		font-size:2.4em;
		line-height: 120px;
		color: #333333;
		font-weight:bold;
	}

	.menuTag{
		margin: 0 0 50px 0;
		width: 220px; 
		float:left;
		clear: both;
	}
	.menuTag p.genre {
		font-size:1.8em;
		line-height: 120%;
		color: #333333;
		font-weight:bold;
		text-align:left;
		padding:	0 0 25px 0; 
	}
	.menuTag ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 190px; 
	}
	.menuTag li{
		float: none; 
		width: 100%;
		font-size:1.2em;
	}
	.menuTag li a{
		display: block; 
		width: 100%; 
		padding: 15px 20px; 
		border-left: 5px solid #56a0b0; 
		position: relative; 
		z-index: 2;
		text-decoration: none;
		color: #333333;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box; 
		border-bottom: 1px dotted #bbb;
	}
	.menuTag li a:hover{	color: #333333; border-left: 5px solid #01748d;}
	.menuTag li a:after { 
		content: "";
		height: 100%;
		left: 0;
		top: 0;
		width: 0px;
		position: absolute; 
		transition: all 0.3s ease 0s; 
		-webkit-transition: all 0.3s ease 0s; 
		z-index: -1;
	}
	.menuTag li a:hover:after{ width: 100%; background: #dbedef;}
	.menuTag li.slct a{ border-left: 5px solid #01748d; background: #dbedef;}
	
	
	.contents {
		width: 720px; 
		margin: 0 0 50px 0;
		float:right;
	}
	.contents h2 {
		margin: 0 0 40px 0;
		font-size:2.6em;
		line-height: 120%;
		color: #333333;
		font-weight:bold;
		text-align:left;
	}
	.contents p {
		margin: 0 0 2em 0;
		font-size:1.2em;
		line-height: 2em;
		color: #333333;
		font-weight:normal;
		text-align:left;
	}





	/*===============================================
	= footer
	===============================================*/
	footer {
		border-top:1px solid #cccccc;
	}
	footer .container-box {
		margin: 0;
		padding: 15px 0;
		width:100%;
		height: auto;
		background: url(../images/bg.png) repeat 0 0;
		border-top:1px solid #cccccc;
		border-bottom:none;
	}
	footer .link_list  {
		margin: 0;
		width: 580px; 
		float:left;
	}
	footer .information {
		margin: 0;
		width: 360px; 
		float:right;
	}
	footer .block {
		width: 180px; 
		margin: 0 10px 0 0;
		float:left;
	}
	footer .block ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	footer .block li{
		padding: 0 0 0 1em;
		width: auto; 
		font-size:1.2em;
		line-height: 2em;
		font-weight:normal;
		color:#666666;
		background: url(../images/arr.png) no-repeat left center;
		float: none;
	}
	footer .information .logo {
		margin: 0 0 18px 30px;
		padding: 0;
		width: 330px; 
		text-align:right;
	}
	footer .information p {
		font-size:1.2em;
		line-height: 1.6em;
		font-weight:normal;
		color:#333333;
		text-align:right;
	}
}
ul.rel_link li {
	padding: 2px 4px;
	font-size:0.8rem;
	line-height: 240%;
	display: inline;
}
.wp-pagenavi a {
	margin:0 2px;
	padding:1px 8px;
	font-size: 1em;
	color: #fff!important;
	text-decoration: none!important;
	background-color: #006dd9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.wp-pagenavi a:hover {
background-color: #01748d;
}