@charset "utf-8";

img {
	max-width: 100%;
	height: auto;
}
body{
	text-align: center;
	color: #666;
	font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%; 
	line-height: 135%;
}

a {
	color: #336;
	text-decoration: none;
}
a:visited {
	color: #336;
}
a:hover {
	color: #336;
	text-decoration: underline;
}

.red {
	color: #d0142f;
}

.bnavy {
	color: #1d4e80;
}

.bgreen {
	color: #009933;
	font-weight: bold;

}
.borange {
	color: #cc3333;
}
h2,h3,h4{
	clear: both;
}

.wakucenter {
	text-align: center;
}
/*-------------------------------------margin*/
.marr50 {
	margin: 0 10% 0 0;
}
.marud15 {
	margin: 15px 0 15px 0;
}
.mart20 {
	clear: both;
	margin: 20px 0 0 0;
}
.padt15 {
	clear: both;
	padding: 15px 0 0 0;
}
.padtd {
	padding: 15px 0 15px 0;
}
/*-------------------------------------header*/



#hjuusyo h1 {
	font-size: 0.8em;
	color:#ccc;
}
#hadd{
	width: 90%;
	margin: 0 auto;
}
.hbotan {
	width: 90%;
	margin: 0 auto;
}
.logo {
	margin: 15px 0;
}

.tel {
	clear: both;
}
/*-------------------------------------kesu*/
#contents .sumakesu {
	display: none;
}

/*-------------------------------------続きを読む*/
 
/* 続きを読むボタン */
.linknext {
    clear:none;
	font-size: 0.8em;
	float:right;
}
 
.linknext a {
    display:inline-block;
    position:relative;
    z-index:2;
    color:#fff;
    text-decoration:none;
    background:#194978;
    margin-top:10px;
    padding:3px 8px;
}
 
.linknext a:before,
.linknext a:after {
    position:absolute;
    z-index:-1;
    display:block;
    top:0;
    width:50%;
    height:100%;
    background-color:#194978;
    content:'';
}
 
.linknext a:before {
    right:0;
}
 
.linknext a:after {
    left:0;
}
 
.linknext a:hover {
    color:#e41858;
    background-color:#fff;
    border-color:#194978;
}
 
.linknext a:hover:before,
.linknext a:hover:after {
    width:0;
    background-color:#194978;
}
 
.linknext a,
.linknext a:before,
.linknext a:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s; 
}
/*------------------------------------pankuzu-*/
#panline {
	background-color: #93b9f2;
	padding: 0 2%;
	clear: both;
	font-size: 0.8em;
}
#pankuzu li {
	display:block;
	margin: 0 10px 0 0;
	color: #fff;
}

#pankuzu li a {
	color: #fff;
	text-decoration: none;
	padding: 2px 10px;
}
#pankuzu li a:visited {
	color: #fff;
}
#pankuzu li a:hover {
	background-color: #628fc5;
}
/*------------------------------------main-*/
#topmaininnner,
#topmain,
#main{
	margin: 0 auto;
	clear: both;
}
#panline:after,
#topmaininnner:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}
#maininnner {
	width: 90%;
	text-align: left;
	margin: 0 auto;
}
/*------------------------------------naka page-*/
#hvisualinnner {
	text-align: left;
}
#hvisual img {
	margin: 80px 20px;
}

#main h3 {
	margin: 35px 0 0 0;
	clear: both;
}
#main h4 {
	margin: 15px 0 0 0;
	clear: both;
}
/*------------------------------------footer-*/
#footer {
	background-color: #c8d6e3;
	color: #194978;
	margin: 20px 0 0 0;
	text-align: left;
	padding: 2%;
}
#footer a {
	color: #194978;
}
#footer nav {
	clear:both;
	width: 100%;
	margin: 50px 0;
}

#footer nav li {
	margin: 10px 0 0 20px;
	list-style-type: square;
}

#footer nav li li {
	list-style-type: square;
}

.fcopy {
	clear: both;
	color: #fff;
	text-align: center;
	padding: 30px 0 0 0;
}
@media screen and (min-width: 700px) {

	#hjuusyo{
		margin: 0 auto;
		height: 150px;
		text-align: left;
	}
	#hadd{
		float: right;
		width: 398px;
		text-align: center;
		margin: 0 15px 0 0;
	}
	.logo {
		margin: 35px 15px 15px 15px;
	}
	#contents .sumakesu {
		display: inline;
	}
	.flist {
		width: 45%;
		float: left;
	}

	#footer:after {
		content: ".";
		height: 0px;
		clear: both;
		display: block;
		visibility: hidden;
	}
}
@media screen and (min-width: 900px) {
/*-------------------------------------margin*/
	.marr50 {
		margin: 0 50px 0 0;
	}
/*-------------------------------------*/

	#hjuusyo{
		clear:both;
		width: 900px;
	}
	#hadd{
		margin: 0;
	}
	#pankuzu {
		width: 900px;
		margin: 0 auto;
	}
	#pankuzu li {
		float: right;
	}
	#topmaininnner,
	#topmain,
	#main{
		width: 900px;
		margin: 0 auto;
		clear: both;
	}
	#topmaininnner:after {
		content: ".";
		height: 0px;
		clear: both;
		display: block;
		visibility: hidden;
	}
	#maininnner {
		width: 870px;
		margin: 0 auto;
		clear: both;
	}
	#hvisual {
		height: 183px;
	}
	#hvisualinnner {
		width: 900px;
		margin: 0 auto;
	}
	#footerinner {
		width: 900px;
		margin: 0 auto;
		clear: both;
	}
	#fadd{
		float: left;
		margin: 0 15px 0 0;
	}
	.flist {
		width: 220px;
		margin: 0 35px 0 0;
		float: left;
	}
	#footer nav {
		padding: 50px 0;
	}
}