@charset "utf-8";
/*===========================================*/
/*==layout  ==*/
/*===========================================*/


/*===========================================*/
/*==囲み==*/
/*===========================================*/


.inner {
	width:980px;
	margin:0 auto;
}
/*===========================================*/
/*==header==*/
/*===========================================*/

header {
	width:100%;
	text-align:center;
	background:#fbfcfc;
	height:88px;
}

header h1 {
	float:left;
	margin-top:28px;
	padding-left:32px;
}

.h_cotact_box {
	background:url(../images/header_contact_bg.jpg) no-repeat top left;
	width:396px;
	height:87px;
	float:right;
	padding-left:30px;
	line-height:0;
	text-align:left;
}

.h_cotact_box img{
	border:0;
	vertical-align: bottom;
	margin:0;
	padding:0;
		zoom:1;

	}


.h_cotact_box a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
/*===========================================*/
/*==gNav==*/
/*===========================================*/

nav#gNav {
	text-align:center;
	width:100%;
	height:55px;
	background: url(../images/gnavi_bg.gif) repeat-x top center;
}
nav#gNav ul {
	text-align:center;
	width:940px;
	margin:0 auto;
	padding-left:20px;
}
nav#gNav ul li {
	float:left;
}
/*===========================================*/
/*==コンテンツ==*/
/*===========================================*/
#contents {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-bottom:30px;
}
#main_contents {
	width:670px;
	text-align:left;
	position:relative;
	float:left;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
}


#contents p{
	line-height:2.0em;
	}


/*===========================================*/
/*==サイドー==*/
/*===========================================*/

#side {
	width:236px;
	float:right;
	padding-right:20px;
}

#side .navi01 ul {
}

#side .navi01 ul li {
}



#side .navi01 ul li a {
	width:224px;
	display:block;
	border:#adaeb8 solid 1px;
	border-top: none !important;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.6;
	font-weight:bold;
	background: #f7f7f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f8 0%, #f7f7f8 50%, #eeeeee 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f8), color-stop(50%, #f7f7f8), color-stop(51%, #eeeeee), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f8 0%, #f7f7f8 50%, #eeeeee 51%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f8 0%, #f7f7f8 50%, #eeeeee 51%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f8 0%, #f7f7f8 50%, #eeeeee 51%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7f7f8 0%, #f7f7f8 50%, #eeeeee 51%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */

}


#side .navi01 ul li a:hover{
	background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

}


#side aside {
	margin:20px 0;
}

#side aside img {
	margin-top:10px;
	display:block;
}
#side aside a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*===========================================*/
/*==お問合せー==*/
/*===========================================*/

#contact_box {
	clear:both;
	background: url(../images/contact_box.gif) no-repeat top center;
	width:660px;
	height:150px;
	margin-top:60px;

}
#contact_box img {
	display:block;
}
#contact_box a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*===========================================*/
/*==フッター==*/
/*===========================================*/
footer {
	width:100%;
	background:url(../images/footer_bg.gif);
	clear:both;
	position:relative;
	border-top:#d9d9d9 1px solid;
	padding-top:10px;
	font-size:93%;
}

footer p{
	margin-left:20px;}

footer .privacy_nav {
	background:url(../images/list01.png) no-repeat 0 1px;
	padding-left:20px;
	margin-bottom:30px;
	margin-left:800px;
}
footer h1 {
	font-size:123.1%;
	margin-top:30px;
	margin-left:20px;
}
footer .copyright {
	text-align:center;
	padding:20px 0;
	font-size:93%;
}
footer a {
	color: #0d426d;
}
footer a:hover {
	color:#4c94cf;
}

/************************
* ページの先頭へ戻る   *
*************************/


/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index:1500;
	color:#FFF;
}
#page-top a {
	color: #fff;
	padding:5px 10px;
	display:block;
	background:#1373b5;
}
#page-top a:hover {
	padding:5px 10px;
	color: #fff;
	background:#429ad6;
}
 @media screen and (max-width:980px) {
#page-top {
	display: none;
}
#page-top a {
	display:none;
}
}