@charset "euc-jp";



/*********** 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: url(../common_img/body_bottom.jpg) repeat-x #fff; }
body.top { background: url(../images/body_top.jpg) repeat-x #fff; }

/* heading */
h1 {
	width:960px;
	height:18px;
	margin:0 auto;
	padding:6px 0 0;
	color:#000;
	font-size:10px;
	font-weight:normal;
	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 { background:url(../common_img/bg_header.jpg) repeat-x center top; }

/* logo */
body.top div#header h2,
div#header #logo { }

/*  header  */
#header { width:960px; height:100px; position:relative; margin:0 auto; }
#h_tel { position:absolute; bottom:0; right:4px; }
#h_toho { position:absolute; top:0; right:300px; }

/* h_nav */
#hnav { position:absolute; top:0; right:4px; }
#hnav li { float:left; margin-right:2px; }

/* g_nav */
/*#gnav { background:url(../common_img/bg_gnav.jpg) no-repeat left top; padding-left:261px; }
body.top #gnav { background:url(../common_img/bg_gnav_index.jpg) no-repeat left top; padding-left:261px; }
*/
#gnav li { float:left; }

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

/* side */
#side { width:240px; float:right; background-color:#d3eaf4; padding:9px 0; margin:10px 3px 0 0; }
#side a:hover img {filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
#snav { width:224px; margin:0 auto; }
#snav li { margin-bottom:2px; }

#side #s_course { position:relative; width:224px; height:151px; margin:5px auto 0; }
#side #s_course .btn_box { position:absolute; left:5px; bottom:8px; }

#side #s_staff { position:relative; width:220px; height:72px; margin:7px auto 0; }
#side #s_staff .btn_box { position:absolute; right:1px; bottom:1px; }

#side #bnr_blog { margin:7px 0 0 10px; }
#s_rsrv { margin:7px 10px 0; }

/* content */
#content { width:700px; float:left; margin:10px 0 0 3px; line-height:1.5; }
body.top #content { width:960px; margin:10px 0 0; line-height:1.5; }

/* footer */
#footer { width:952px; height:183px; position:relative;
 background:url(../common_img/bg_footer.jpg); margin:30px auto 0;
 border:solid 1px #e2e0e0; border-bottom:none; font-size:10px; line-height:1.5; clear:both; }
#footer a { color:#000000; text-decoration:none; }
#footer a:hover { color:#565656; text-decoration:underline; }

#f_logo { position:absolute; left:34px; top:26px; }
#f_tel { position:absolute; right:36px; top:27px; }
#f_toho { position:absolute; left:300px; top:13px; }


/* f_nav */
#fnav { position:absolute; left:0; bottom:55px; width:952px; margin:0 auto; color:#706f6f; text-align:center; font-size:10px; }
#fnav a { color:#706f6f; text-decoration:underline; }
#fnav a:hover { color:#565656; text-decoration:none; }


/* credit */
#credit { position:absolute; left:10px; bottom:15px; width:932px; text-align:right; font-size:10px; }
#credit a { color:#706f6f; text-decoration:underline; }
#credit a:hover { color:#565656; text-decoration:none; }