@charset "utf-8";
* {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
	
body {
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/bg.jpg) 0 bottom repeat-x #fcf6ef;
	color: #3c3c3c;
	font-size: 0.8em;
	line-height: 1.6em;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}



#wrapper  { background: url(https://storage.489ban.net/storage/customer/276/489ban/img/contents_bg.jpg) center bottom 280px no-repeat;}


/*title_col  */
#title_col { overflow-x:hidden;} 
#title_col div { width:1600px; height:317px; position: relative; left:50%; top:0; margin-left:-800px; }
#title_col h2 { position:relative; z-index:1; top:60px; left:50%; margin-left:-97px;}
#title_col img.photo {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(https://storage.489ban.net/storage/customer/276/489ban/img/title.jpg);
}


/* ---------------------------------------------------
	header
------------------------------------------------------ */
h1 {
	position: absolute;
	top: 355px;
	left: 50%;
	margin-left: -550px;
	color: #fe8c12;
	z-index: 100;
	font-size: 0.8em;
}
#home h1 {
	position: absolute;
	top: 645px;
	left: 50%;
	margin-left: -550px;
	color: #fe8c12;
	z-index: 100;
	font-size: 0.8em;
}

#header_wrap  {
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/h_bg.png) center 0 no-repeat;
	overflow-x: hidden;
	margin-top: -200px;
	position: relative;
	z-index: 10;

}
#header { width:1170px; position:relative; left:50%; margin-left:-585px; padding-bottom:15px;}
#header:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#header div { width:585px; float:left; padding-left:40px;}
#header div .logo { padding-top:125px; float:left;}
#header div .photo { padding-top:80px; float:left; position:relative; z-index:1;}
#header div a.rbtn { display:inline-block; margin-left:-35px; padding-top:85px;}
#header div a.rbtn:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#header .tel { float:left; padding-top:200px;}
#header a.btn { display:block; float:left; padding:220px 0 0 10px;}
#header a.btn:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}




/* ---------------------------------------------------
	gnav
------------------------------------------------------ */
#gnav { background:url(https://storage.489ban.net/storage/customer/276/489ban/img/gnav_bg.jpg) 0 0 repeat-x; border-top:1px solid #31345e; border-bottom:1px solid #31345e;}
#gnav ul {
	width: 900px;
	margin: 0 auto;
	
}
#gnav ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#gnav ul li {
	float: left;
	border-right: 1px solid #31345e;
	list-style-type: none;
}
#gnav ul li a {
	display: block;
}
#gnav ul li a:hover {
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/gnav_on.gif) 0 0 repeat-x;
}

#gnav #gnav1 { width:140px; padding-right:1px;
border-left: 1px solid #31345e;
}
#gnav #gnav2 { width:111px; padding-right:1px;}
#gnav #gnav3 { width:110px; padding-right:1px;}
#gnav #gnav4 { width:111px; padding-right:1px;}
#gnav #gnav5 { width:127px; padding-right:1px;}
#gnav #gnav6 { width:130px; padding-right:1px;}
#gnav #gnav7 { width:127px; padding-right:1px;}
#gnav #gnav8 { width:226px; padding-right:1px;}

/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
p#con_text {
	text-align: center;
	padding: 180px 0 165px 0;
	background-image: url(https://storage.489ban.net/storage/customer/276/489ban/img/contents_bg.jpg);
}

#pagetop   {
	float: right;
	margin: -10px 80px -20px 0;
	position: relative;
	z-index: 1;
}
#pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


#footer_wrap  {
	color: #FFFFFF;
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/f_bg1.png) 0 0 repeat,url(https://storage.489ban.net/storage/customer/276/489ban/img/f_bg2.png) center 0 no-repeat;
	margin-top: -50px;
	padding-bottom: 15px;
}
#footer { width:1100px; margin: 0 auto; padding-bottom:15px;}
#footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#footer address { width:365px; float:left; padding-top:50px;}
#footer address p { color:#fe8c12; padding-bottom:10px;}
#footer address img { padding:0 25px 20px 0;}
#footer address span { display:block;}

#footer .fnav { width:180px; float:left; margin-top:70px; border-left:1px solid #282955; padding-left:20px;}
#footer .fnav li {
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/f_icon1.gif) 0 10px no-repeat;
	padding: 0 0 10px 20px;
	list-style-type: none;
}
#footer .fnav li a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .fnav li a:hover {
	text-decoration: underline;
}
#footer .no_bo { border-left:none; width:110px; padding-left:0;}

#footer div {
	width: 210px;
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/f_bg2.jpg) 0 0 repeat;
	border: 1px solid #454f73;
	padding: 0 5px 5px 5px;
	float: right;
}
#footer div dl {
	padding-top: 25px;
	text-align: center;
	padding-right: auto;
	padding-left: auto;
	display: block;
	margin-bottom: 10px;
}
#footer div dl dt {
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/f_tel_title_bg.gif) center 5px no-repeat;
	padding-bottom: 15px;
}
#footer div dl dd {
	float: left;


}
#footer div a {
	display: block;
	float: left;
	margin-bottom: 10px;
	list-style-type: none;
}
#footer div .btn { padding-left:4px;}
#footer div a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.70;
	list-style-type: none;
}


#footer_wrap #copy { clear:both; background:#0a0d48; padding:10px 0;}
#footer_wrap #copy div { width:1100px; margin: 0 auto; }
#footer_wrap #copy:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#footer_wrap #copy p { width:300px; float:right; text-align:right; color:#a4c4e6; font-size:80%;}
#footer_wrap #copy ul { width:800px; float:left;}
#footer_wrap #copy ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#footer_wrap #copy ul li {
	float: left;
	background: url(https://storage.489ban.net/storage/customer/276/489ban/img/f_icon2.gif) 0 center no-repeat;
	padding: 0 20px 0 17px;
	list-style-type: none;
}
#footer_wrap #copy ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_wrap #copy ul li a:hover { text-decoration:underline;}