@charset "utf-8";



/*********** font setup ***********/
* { font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif; }
.f10,
#hseo,
#credit {font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;}


/*********** defult setup ***********/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}



/*********** tag setup ***********/

/* body */
body { font-size:12px; color:#333; background:#efe2ef url(../common_img/bg_all.png) repeat-x center top;
	background-size: auto 168px;
}

/* heading */
h1#hseo {
	position:absolute; left:109px; top:66px;
	height:18px;
	margin:0 auto;
	padding:3px 0 0;
	color:#876236;
	font-size:15px;
	font-weight:bold;
	text-align:left;
}
h2 { }
h3 { }
h4 { }
h5 { }

/* ie用 images */
body img { vertical-align:top; font-size:0; }

/* link */
a { color:#852324; }
a:link { text-decoration:underline; }
a:hover { text-decoration:none; color:#ed5e60; }
a:visited { }
a:active { }



/*********** id setup ***********/

/* wrapper */
#wrapper { width:100%; }

/* logo */
body.top div#header h2,
div#header #logo { 
	position:absolute; left:109px; top:96px;
	height: 36px;
}
body.top div#header h2 img,
div#header #logo img { 
	height: 36px; width: auto;
}

/*  header  */
#wrapper #header { 
	width:1000px; height:218px; margin:0 auto; 
	background-image:url(../common_img/h_sakura.png);
	background-size: 100% auto;
	position:relative;
}
#h_tel { position:absolute; top:86px; right:0; }
#h_contact { position:absolute; top:122px; right:0; }

/* g_nav */
#wrapper #header #gnav { width:1000px; margin:0 auto; position:absolute; bottom:0; }
#wrapper #header #gnav li { float:left; width: 20%; }
#wrapper #header #gnav li img { width: 100%; height: auto; }

/* main */
#main { width:1000px; margin:0 auto; line-height:1.5; }

/* side */
#side { width:210px; float:left; margin:20px 0; }

#snav { width:210px; background:url(../common_img/bg_snav.jpg) no-repeat center bottom; margin-bottom:20px; }
#snav li { margin:10px 10px 0; background:url(../common_img/snav_arrow.jpg) no-repeat left top; padding:0 0 5px 23px; border-bottom:dotted 1px #E5E3E1; text-align:left; }
#snav li.mb10 { margin-bottom:10px; }

#s_bnr {  }
#s_bnr li.s_bnr_school { margin-bottom:10px; }
#s_bnr li.s_bnr_fb { margin-bottom:2px; }
#s_bnr li.s_bnr_blog { margin-bottom:10px; }



/* content */
#content { width:770px; float:right; line-height:1.5; margin-top:20px; 
	background-color: #fff;
	padding: 5px;
}

/* f_nav */
.fnav { background:url(../common_img/fnav_bg.png) left top no-repeat; color:#000000; min-height:160px; text-align:left; }
.fnav a { color:#000000; text-decoration:underline; }
.fnav a:hover { color:#565656; text-decoration:none; }
.fnav#fnav_01 { position:absolute; right:220px; top:4px; width:190px; padding:10px 0 0 15px; }
.fnav#fnav_02 { position:absolute; right:0; top:4px; width:190px; padding:10px 0 0 15px; }

.fnav#fnav_01 li { margin-top:5px; background:url(../common_img/f_arrow.png) no-repeat; padding-left:18px; }
.fnav#fnav_02 li { margin-top:10px; }


/* footer */
#footer_wrap { width:100%; background:#fff url(../common_img/footer_wrap_bg.png) repeat-x; background-size: 10px auto; clear:both; margin:60px 0 0; text-align:left; }
#footer { width:1000px; height:230px; margin:0 auto; line-height:1.5; background:url(../common_img/f_sakura.png) no-repeat !important; position:relative; }
#footer a { color:#000000; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:underline; }

#f_logo { position:absolute; top:23px; left:0; }
#f_logo img { height:26px; width:auto; }
#f_tel { position:absolute; top:53px; left:0; }
#f_contact { position:absolute; top:53px; left:225px; }
#f_add { position:absolute; top:90px; left:0; }
#footer table { border:none !important; margin:0 !important; }
#f_add th { padding:5px 0; border:none !important; }
#f_add td { padding:5px 10px; border:none !important; }


/* copyright */
#copyright { position:absolute; left:0; bottom:20px; width:1000px; border-top:solid 1px #d7c4d7; padding-top:10px; text-align:right; font-size:10px; }



/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #DC6A9B;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}