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

/*リセット*/

html,body,h1,h2,h3,h4,h5,h6,h7,div,p,address,hr,form,img,ul,ol.li,td,th,table,dl,dt,dd{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:1em;
	line-height:1.3em;
}

img{
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

ul,ol,li{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	list-style:none;
}

table,th,td{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border:0;
}

.clear{
	clear:both;
	visibility:hidden;
	height:0;
} 

br.clear{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
}

.bold{
	font-weight:bold;
}

.kome{
	color:#FC7215;
	font-weight:normal;
}

.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}


.left{
	float:left;
}

body{
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}



a:link {text-decoration: none;}
a:visited { text-decoration: none; }
a:hover { text-decoration: underline;
	color:#FC7215;
 }
a:active {text-decoration: none;}




/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* IEの改行バグ対策------------------------- */
br { letter-spacing : normal; } 



/* pngfix */

* html .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

*:first-child+html .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}








/*全体*/

div#background{
	background:black url(../img/common/bgtop.gif) left top repeat-x;
	margin:0 auto 0;
	padding:18px 0 0 0;
	width:100%;
	text-align:center;
}

div#layout{
	background:#EBEBEB;
	margin:0 auto 0;
	width:100%;
	text-align:left;
}

div#contentslayout{
	background:#EBEBEB url(../img/common/contents_bg.jpg) center top repeat-y;
	margin:0 auto;
	padding:0 34px;/*(918-850)/2*/
	width:850px;
	height:auto;
}

div#contentsbgtop{
	background:url(../img/common/contents_top_bg.jpg) center top no-repeat;
	margin:0 auto;
	width:817px;/*850-33*/
	padding:25px 0 0 33px;
}





/*ヘッダ*/
div#header,div#header2{
	width:800px;/*918-59-59*/
	height:147px;
	margin:0 auto;
	padding:0 59px;
}

div#header{
	background:url(../img/common/headerbg.jpg) center top no-repeat;
}
div#header2{
	background:url(../img/common/headerbg2.jpg) center top no-repeat;
}

h1{
	background:url(../img/common/h1.jpg) left top no-repeat;
	width:500px;
	height:30px;
	line-height:30px;
	color:#666666;
	font-size:83.3%;
	text-indent:-9999px;
}

div#header h2,div#header h2 a,div#header address,
div#header2 h2,div#header2 h2 a,div#header2 address{
	width:226px;
	height:89px;
}

div#header h2{
	float:left;
	background:url(../img/common/logo.jpg) left top no-repeat;
}

div#header h2 a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/common/logo.jpg) left top no-repeat;
}

div#header2 h2{
	float:left;
	background:url(../img/common/logo2.jpg) left top no-repeat;
}

div#header2 h2 a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/common/logo2.jpg) left top no-repeat;
}


div#header_right{
	float:right;
	width:226px;
	height:117px;
}

div#header div#header_right h3{
	float:left;
	width:132px;
	height:28px;
	background:url(../img/common/h_title.jpg) left top no-repeat;
	text-indent:-9999px;
}

div#header2 div#header_right h3{
	float:left;
	width:132px;
	height:28px;
	background:url(../img/common/h_title2.jpg) left top no-repeat;
	text-indent:-9999px;
}


div#header div#header_right p{
	width:94px;
	height:28px;
	background:url(../img/common/h_contact.jpg) left top no-repeat;
	float:right;
}

div#header2 div#header_right p{
	width:94px;
	height:28px;
	background:url(../img/common/h_contact2.jpg) left top no-repeat;
	float:right;
}

div#header div#header_right p a{
	display:block;
	width:94px;
	height:28px;
	background:url(../img/common/h_contact.jpg) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#header2 div#header_right p a{
	display:block;
	width:94px;
	height:28px;
	background:url(../img/common/h_contact2.jpg) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


div#header address{
	float:left;
	text-indent:-9999px;
	background:url(../img/common/address.jpg) left top no-repeat;
}

div#header2 address#h_address{
	float:left;
	text-indent:-9999px;
	background:url(../img/common/address2.jpg) left top no-repeat;
}






/*メニューバー*/

div#menubar{
	float:left;
	width:169px;
}

div#menubar li{
	width:169px;
	padding-bottom:5px;
}

div#menubar li a{
	display:block;
	width:169px;
	height:55px;
	overflow:hidden;
	text-indent:-9999px;
}


div#menubar li#menu_sitetop{
	background:url(../img/common/sitemenu.jpg) left top no-repeat;
	height:15px;
	text-indent:-9999px;
}


div#menubar li#menu_home,div#menubar li#menu_home a{
	background:url(../img/common/home.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_home a:hover{
	background:url(../img/common/home_on.jpg) left top no-repeat;
}


div#menubar li#menu_service,div#menubar li#menu_service a{
	background:url(../img/common/service.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_service a:hover,div#menubar li#menu_service_on{
	background:url(../img/common/service_on.jpg) left top no-repeat;
	height:55px;
	text-indent:-9999px;
}


div#menubar li#menu_works,div#menubar li#menu_works a{
	background:url(../img/common/works.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_works a:hover,div#menubar li#menu_works_on{
	background:url(../img/common/works_on.jpg) left top no-repeat;
	height:55px;
	text-indent:-9999px;
}


div#menubar li#menu_company,div#menubar li#menu_company a{
	background:url(../img/common/company.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_company a:hover,div#menubar li#menu_company_on{
	background:url(../img/common/company_on.jpg) left top no-repeat;
	height:55px;
	text-indent:-9999px;
}


div#menubar li#menu_contact,div#menubar li#menu_contact a{
	background:url(../img/common/contact.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_contact a:hover,div#menubar li#menu_contact_on{
	background:url(../img/common/contact_on.jpg) left top no-repeat;
	height:55px;
	text-indent:-9999px;
}


div#menubar li#menu_markingneeds,div#menubar li#menu_markingneeds a{
	background:url(../img/common/marking.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_markingneeds a:hover,div#menubar li#menu_markingneeds_on{
	background:url(../img/common/marking_on.jpg) left top no-repeat;
	height:55px;
	text-indent:-9999px;
}


div#menubar li#menu_blog,div#menubar li#menu_blog a{
	background:url(../img/common/blog.jpg) left top no-repeat;
	height:55px;
}

div#menubar li#menu_blog a:hover,div#menubar li#menu_blog_on{
	background:url(../img/common/blog_on.jpg) left top no-repeat;
	height:55px;
	text-indent:-9999px;
}





div#contents{
	float:right;
	width:570px;
	padding:20px 75px 0 0;
}

div#contents h2{
	width:570px;
	height:60px;
	text-indent:-9999px;
}




div#pagetop{
	padding:7em 40px 0 0;
	width:750px;
	height:10px;
	margin:0 auto;
	clear:both;
	
}

div#pagetop a{
	display:block;
	float:right;
	width:70px;
	height:10px;
	background:url(../img/common/page_top.gif) left top no-repeat;
	overflow:hidden;
	text-indent:-8999px;
}



div#contentsbottom{
	background:url(../img/common/contents_bottom.jpg) center top no-repeat;
	clear:both;
	margin:0 auto;
	width:850px;
	padding:0 34px;
	height:17px;
}

div#contentsbottom hr{
	display:none;
}


/*フッタ*/

div#footerlink{
	height:35px;
	width:100%;
	background-color:#666666;
}

div#footerlink ul{
	width:800px;
	margin:0 auto;
}

div#footerlink li{
	float:left;
	height:35px;
	padding:0 19px 0 0 ;
}

div#footerlink li a{
	display:block;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
}

div#footerlink li#f_companyinfo,div#footerlink li#f_companyinfo a{
	background:url(../img/common/footer_01.gif) left center no-repeat;
	width:60px;
}

div#footerlink li#f_privacy,div#footerlink li#f_privacy a{
	background:url(../img/common/footer_02.gif) left center no-repeat;
	width:126px;
}

div#footerlink li#f_link,div#footerlink li#f_link a{
	background:url(../img/common/footer_03.gif) left center no-repeat;
	width:47px;
}

div#footerlink li#f_inquiry,div#footerlink li#f_inquiry a{
	background:url(../img/common/footer_04.gif) left center no-repeat;
	width:81px;
}

div#footerlink li#f_sitemap,div#footerlink li#f_sitemap a{
	background:url(../img/common/footer_05.gif) left center no-repeat;
	width:80px;
}


div#copyright{
	clear:both;
	width:100%;
	height:50px;
	background:black;
}


div#copyright_in{
	width:850px;
	height:24px;
	margin:0 auto;
	background:url(../img/common/copyright.gif) right top no-repeat;
	text-indent:-9999px;
}
