@charset "utf-8";
/* CSS Document */

html{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	line-height:1.5em;
	*font-size:small;
	*font:x-small;
}


* {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {
	border:none;
}

a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

body{
	color:#000000;
	font-size:90%;
	line-height:1.5em;
	background-color: #ffffff;
	background-image: url(../image/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#container{
	width:908px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../image/bg_line.png);
	background-repeat: repeat-y;
	background-position: center top;
}

/*sem*/

#leftclum a.side_sem{
	background-image: url(../image/side_sem.gif);
	width:256px;
	height:66px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	}
#leftclum a.side_muryo{
	background-image: url(../image/side_muryo.gif);
	width:256px;
	height:66px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}
#leftclum a.side_A{
	background-image: url(../image/side_A.gif);
	width:256px;
	height:56px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}
#leftclum a.side_B{
	background-image: url(../image/side_B.gif);
	width:256px;
	height:56px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}
#leftclum a.side_C{
	background-image: url(../image/side_C.gif);
	width:256px;
	height:56px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}


/*pagetop-----------------------------------------------------------------*/
#pagetop{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #0076B3;
}

#pagetop a{
	color:#0076B3;
	text-decoration:none;
	background-image: url(../image/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#pagetop a:hover{
	text-decoration:underline;
	background-image: url(../image/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

/*foot-----------------------------------------------------------------*/

#foot1{
	color:#0076B3;
	clear: both;
	background-position: center;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0076B3;
	padding-top: 10px;
	margin-bottom: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#foot1 a{
	color:#0076B3;
	text-decoration:none;
}
#foot1 a:hover{
	text-decoration:underline;
}


#foot2{
	clear: both;
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	color: #666;
}

/*menu-----------------------------------------------------------------*/

/*home*/
#header ul#h_menu_btn .menu_top{
	width:150px;
	height:53px;
	float:left;
}
#header ul#h_menu_btn .menu_top a{
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../image/btn01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul#h_menu_btn .menu_top a:hover{
	background:url(../image/btn01.gif) no-repeat right top;
}
#header ul#h_menu_btn .menu_top a.btn_on{
	background:url(../image/btn01.gif) no-repeat right top;
}
/*service*/
#header ul#h_menu_btn .menu_service{
	width:150px;
	height:53px;
	float:left;
}
#header ul#h_menu_btn .menu_service a{
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../image/btn02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul#h_menu_btn .menu_service a:hover{
	background:url(../image/btn02.gif) no-repeat right top;
}
#header ul#h_menu_btn .menu_service a.btn_on{
	background:url(../image/btn02.gif) no-repeat right top;
}
/*about*/
#header ul#h_menu_btn .menu_about{
	width:150px;
	height:53px;
	float:left;
}
#header ul#h_menu_btn .menu_about a{
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../image/btn03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul#h_menu_btn .menu_about a:hover{
	background:url(../image/btn03.gif) no-repeat right top;
}
#header ul#h_menu_btn .menu_about a.btn_on{
	background:url(../image/btn03.gif) no-repeat right top;
}

/*works*/
#header ul#h_menu_btn .menu_works{
	width:150px;
	height:53px;
	float:left;
}
#header ul#h_menu_btn .menu_works a{
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../image/btn04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul#h_menu_btn .menu_works a:hover{
	background:url(../image/btn04.gif) no-repeat right top;
}
#header ul#h_menu_btn .menu_works a.btn_on{
	background:url(../image/btn04.gif) no-repeat right top;
}


/*recruit*/
#header ul#h_menu_btn .menu_recruit{
	width:150px;
	height:53px;
	float:left;
}
#header ul#h_menu_btn .menu_recruit a{
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../image/btn05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul#h_menu_btn .menu_recruit a:hover{
	background:url(../image/btn05.gif) no-repeat right top;
}
#header ul#h_menu_btn .menu_recruit a.btn_on{
	background:url(../image/btn05.gif) no-repeat right top;
}


/*contact*/
#header ul#h_menu_btn .menu_contact{
	width:150px;
	height:53px;
	float:left;
}
#header ul#h_menu_btn .menu_contact a{
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../image/btn06.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul#h_menu_btn .menu_contact a:hover{
	background:url(../image/btn06.gif) no-repeat right top;
}
#header ul#h_menu_btn .menu_contact a.btn_on{
	background:url(../image/btn06.gif) no-repeat right top;
}

/*leftclum-----------------------------------------------------------------*/

#leftclum .sidebannerb{
	width:256px;
	height:93px;
}

#leftclum a:hover {
	background-position: top right;
   }
#leftclum span{
	display:none}
	
#leftclum{
	width: 292px;
	margin-left: 4px;
	float: left;
	text-align: center;
	}