@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/bg_body2.jpg) repeat-x #fff; }
body.top { font-size:12px;  background: url(../common_img/bg_body.jpg) repeat-x #fff; }

/* heading */
h1 {
	width:960px;
	height:18px;
	margin:0 auto;
	padding:3px 0 0;
	color:#9acff4;
	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 { }

/* logo */
body.top div#header h2,
div#header #logo { position: absolute; top: 30px; left: 14px; }

/*  header  */
#header { width:988px; height: 332px; margin:0 auto; position:relative; background: url(../common_img/bg_head.jpg) bottom left no-repeat; }
body.top #header { width:988px; height: 522px; margin:0 auto; position:relative; }
#h_add { position:absolute; top:30px; right:226px; }
#h_contact { position:absolute; top:46px; right:14px; }

/* h_nav */
#hnav { position:absolute; top:0; right:14px; }
#hnav li { float:left; }

/* g_nav */
#gnav { position: absolute; bottom: 0px; left: 14px; }
#gnav li { float:left; }

/* main */
#main { width:988px; margin:0 auto; padding-top: 30px; line-height:1.5; }

/* side */
#side { width:220px; padding-right: 14px; float:right; }
#reform_01 { width: 220px; height: 509px; margin-bottom: 20px; position: relative; }
#btn_reform_02 { position: absolute; bottom: 20px; left: 29px; }
#banner_01 { margin-bottom: 10px; }
#banner_02 { margin-bottom: 13px; }
#s_company { padding: 9px; border: 1px solid #dddddd; }
#s_company p { margin: 5px 0px; }
#btn_comapny { width: 110px; margin-left: 90px; }
#btn_map { width: 135px; margin-left: 65px; }



#s_map { border:2px solid #46c2e4; margin:15px auto 0; padding:2px; width:95%; background:#fff; }
#s_map iframe { width:100%; height:150px; }
#s_map small { display:block; text-align:right; padding:5px 10px !important; font-size:10px !important; }


/* content */
#content { width:716px; padding-left: 14px; float:left; line-height:1.5; }

#f_contact { width: 960px; margin: 0px auto; padding: 0px 14px; position: relative; }
#btn_f_contact { position: absolute; top: 114px; left: 436px; }

/* f_nav */
#fnav { width: 630px; padding:10px 0 0; margin:0 auto; color:#ffffff; font-size:12px; float: right; }
#fnav .fnav_01 { float: left; }
#fnav .fnav_02 { min-height: 126px; float: left; background: url(../common_img/f_line.jpg) no-repeat; }
#fnav ul { margin-left: 5px; }
#fnav ul li { padding: 0px 20px 11px 20px; background: url(../common_img/f_arrow.jpg) 10px 5px no-repeat; }
#fnav ul li a { color:#c8ecfe; text-decoration: none; }
#fnav ul li a:hover { color:#fff
; text-decoration: underline; }


/* footer */
#bg_footer { width: 100%; min-width: 988px; background: url(../common_img/bg_foot.jpg) repeat-x; }
#footer { width:960px; margin:0 auto; padding:24px 0 10px; font-size:10px; line-height:1.5; }
#footer a { color:#000000; text-decoration:none; }
#footer a:hover { color:#565656; text-decoration:underline; }
#f_logo { width: 240px; float: left; }
#f_logo p { margin: 10px 0px 0px 0px; color: #ffffff; }

/* flash */
#flash { width:500px; float:left; }
#flash p { float:left; padding:0; margin-right:10px; }

/* credit */
#credit { margin-top: 5px; text-align:right; font-size:10px; }
#credit a { color: #77caf3; text-decoration: none; }