@charset "utf-8";
/* CSS Document

/* ---------------------------------------------------------------------
body
--------------------------------------------------------------------- */
body {
	/*background-color:#CFF;*/
}

/* ---------------------------------------------------------------------
header
--------------------------------------------------------------------- */
.h1_bg{
	min-width:1000px;
	height:18px;
	padding:2px 0px;
	padding-bottom:2px;
	background-color:#284167;
}

h1 {
	width:1000px;
	height:16px;
	font-size:14px;
	margin:0px auto;
	text-align:center;
	color:#FFF;
}

.header_wrap {
    /* border-bottom: 3px solid #527cbb; */
}

.header {
	width: 970px;
	margin:0px auto;
	height:100px;
	padding:10px 10px;
	background-color:#FFF;
}

.header div {
	float:left;
	height:100px;
}

.header .logo {
	width: 415px;
}
.header .header_tel_contact {
	width:270px;
	margin-left: 10px;
}


.header .header_web_contact {
	width: 270px;
	margin-left: 4px;
}
/**電話番号なしの場合　.header div.header_web_contact　有効に**/
.header div.header_web_contact {
	float:right;
}

/* ---------------------------------------------------------------------
gnavi
--------------------------------------------------------------------- */
.gnavi {
	min-width:1000px;
	height:60px;
	clear:both;
}

.gnavi ul {
	width: 970px;
	height:70px;
	margin:0px auto;
	padding:0px 10px;
	background-color:#FFF;
	padding-top:10px;
}

.gnavi ul li {
	width:14px;
	height:50px;
	float:left;
}

.gnavi ul .gn {
	width:150px;
	height:50px;
	float:left;
	background-color:#ccc;
}


/* ---------------------------------------------------------------------
container
--------------------------------------------------------------------- */
#container {
	width:970px;
	margin:0px auto;
	clear:both;
	padding: 20px 0 15px 0;
	background-color:#FFF;
}

.contact_container {
    width: 980px !important;
}


/* ---------------------------------------------------------------------
contents
--------------------------------------------------------------------- */
.contents {
	width:750px;
	float:right;
	padding:0px;
	/*margin-bottom: 10px;*/
}

h2 {
	/*width: 740px;*/
	/*height:120px;*/
	/*margin-left:10px;*/
	margin-bottom:5px;
}

h2.ver2 {
	width: 100%;
	margin-left: 0;
}

.breadcrumbs {
	width:730px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:right;
	padding-right:10px;
	height:14px;
	font-size:14px;
}

.breadcrumbs a {
	font-size:14px;
	text-decoration:none;
	color:#00F;
}

.contact {
 	margin-left: 10px;
	height:180px;
	clear:both;
}

.contact.pattern2 {
	margin-left: 0;
	margin: 2% auto 0;
}

.contact.pattern3 {
	margin: 20px auto 0;
}

.contents .main .toplink{
	text-align:right;
	padding-right:20px;
	font-size:12px;
	margin-top:10px;
}

.contents .main .toplink a {
	font-size:13px;
}

/* ---------------------------------------------------------------------
side_navi
--------------------------------------------------------------------- */
.hidden {
    
}

.snavi{
	width:200px;
	height:auto;
	clear:both;
	float:left;
}

.snavi .sn {
	width:200px;
	height:auto;
	margin-bottom:20px;
}

.snavi .sn li {
	width:200px;
	height:35px;
}

.snavi .sn li.blog {
    height: 100px;
    margin-top: 20px;
}

.snavi .sn .sn_index {
	height:50px;
}

.snavi .snl li {
	width:200px;
	height:150px;
}

.sn p {
	font-size:12px;
	margin:1px;
	width:186px;
	height:auto;
	padding:5px;
}

.snavi ul a {
	text-decoration:none;
	font-size:12px;
}
.snavi .sitelink{
	margin-top: 10%;
	margin-bottom: 10%;
}
.snavi .sitelink.sn li{
	height: auto;
	width: 100%;
	padding: 1%;
	box-sizing: border-box;
}
.snavi .sitelink.sn li img.nakami{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/* ---------------------------------------------------------------------
footer
--------------------------------------------------------------------- */
.footer {
	min-width:1000px;
	height:229px;
	clear:both;
	background: #527CBB;
	/*background-image:url(../img/template/footer_bg.png);*/
	box-shadow:-1px -1px 3px #999;
}

.footer_body {
	width:990px;
	height:210px;
	margin:0px auto;
}

.footer_box {
	width:800px;
	height:160px;
	margin:0px auto;
	padding:15px 0px;
}

.footer_box ul{
	width:200px;
	float:left;
}

.footer_box ul a{
	text-decoration:none;
	color:#FFFFFF;
}

.footer_box ul a:hover{
	color:#f7dd67;
}

.footer_toplink {
	margin:0px auto;
	padding-top:5px;
	width:220px;
	fon-size:14px;
	clear:both;
	height: 34px;
	text-align:center;
	background-image: url(../img/template/toplink_bg.png);
	background-size: 220px 38px;
	background-repeat: no-repeat;
	background-position: center;
	float:right;
}

.footer_toplink a{
	display: block;
	padding-top: 7px;
	text-decoration:none;
	color:#FFF;
}

/* ---------------------------------------------------------------------
copyright
--------------------------------------------------------------------- */
.copyright_bg {
	clear:both;
	min-width:1000px;
	height:25px;
	background-color:#284167;
	padding-top:3px;
	padding-bottom: 180px;
}

.copyright {
	width:990px;
	height:20px;
	margin:0px auto;
	text-align:center;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	clear:both;
	color:#FFF;
}

.copyright a{
	text-decoration:none;
	color:#FFF;
}

/*================================================
*  電話リンクフロートバナー
================================================*/
.banner_denwafl{
position: fixed;
bottom: 0;
width: 100%;
background: #284167;

}
.banner_denwafl .container{
margin-bottom:0;
width: 980px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

.banner_denwaflbox{
position: relative;
}
.banner_denwaflimg{
display: block;
margin-left: auto;
margin-right: auto;
}
.banner_denwaflimg img{
max-width: 100%;
}

.banner_denwaflmaruimg{
position: absolute;
bottom: 0;
right: 0;
width: 28%;
max-width: 100%;
}
/* ---------------------------------------------------------------------
text
--------------------------------------------------------------------- */

.blue {
	color:#00F;
}

.red {
	color:#F00;
}

.green {
	color:#009900;
}