@charset "UTF-8";
@import url(pages.css);


/* 文書全体 */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	background: url(img/back.gif) repeat-x center top;
	font-size:12px;
	line-height:1.5;
	color:#464646;
/*	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	}

a:link,a:visited { color: #06235b; text-decoration:underline; }
a:hover,a:active { 
	color: #0b4f98; 
	text-decoration:underline;
	background:#cde2ee;
	}

h1,h2,h3,h4,h5,h6,h7,h8{
	margin:0px;
	padding:0px;
	}

p{
	padding:0px;
	margin:0px;
	}

div{
	padding:0px;
	margin:0px;
	}

ul,ol{
	margin:0px;
	padding:0px;
	}
.text-red{
	color:#900;
	}
.text-blue{
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #0c1848;
	background-color: #f1f5f8;
	padding-left: 5px;
	}
strong{
	color:#0c1848;
	}
.textgray {
	background:url(img/textgray.gif);
	padding:10px;
	width:603px;
	color:#000;
	font-style:normal;
	}
.textgray02 {
	background:url(img/textgray.gif);
	padding:10px;
	width:395px;
	color:#000;
	font-style:normal;
	margin:10px 0 0 0;
	}
.textgray03 {
	background:url(img/textgray.gif);
	padding:10px;
	width:240px;
	color:#000;
	font-style:normal;
	margin:10px 0 0 0;
	}
.textgray04 {
	background:url(img/textgray.gif);
	padding:10px;
	width:828px;
	color:#000;
	font-style:normal;
	margin:10px 0 0 0;
	}
.textgray05 {
	background:url(img/textgray.gif);
	padding:10px;
	width:443px;
	color:#000;
	font-style:normal;
	margin:0;
	}


/* clearfix */
.clearfix:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* for macIE ¥*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end of for macIE */

.clearL {
	clear: left;
}
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }





/* basebox */
#wrapper {
	margin: 0px auto 0px auto;
	text-align:left;
	}
	


/*----------------------
	 headerここから
------------------------ */
#header {
	width: 848px;
	margin: 0 auto;
	padding: 0;
}

#header h1{
	width: 220px;
	float: left;
	margin: 0 8px 0 13px;
}

.header-right {
	width: 607px;
	height: 84px;
	float: left;
	position:relative;
	z-index: 1;
}


/* login-area */
#header .login-area {
	margin: 15px 0 0 303px;
	width: 304px;
}

#header .login-left-box {
	width: 117px;
	height: 20px;
	float: left;
	margin: 0 8px 0 0;
}


#header .login-left-box a { background:url(img/header_we.gif) no-repeat;
	text-indent:-9999px;
	height:20px;
	width:117px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .login-left-box, 
#header .login-left-box a:hover, 
#header .login-left-box a:active { background:url(img/header_we_on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	height:20px;
	width:117px;
	line-height:0;
	font-size:0;
	}



#header .login-right-box {
	width: 179px;
	float: left;
}

#header .login-right-box a { background:url(img/header_info.gif) no-repeat;
	text-indent:-9999px;
	height:20px;
	width:179px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .login-right-box, 
#header .login-right-box a:hover, 
#header .login-right-box a:active { background:url(img/header_info_on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	height:20px;
	width:179px;
	line-height:0;
	font-size:0;
	}


/* header-area-left */
#header .header-right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header .header-right li {
	float: left;
	margin: 0;
	padding:0;
}

#header .header-navi {
	width: 607px;
	margin: 12px 0 0 0;
}

#header .header-navi .menu01 a { background:url(img/menu01.gif) no-repeat;
	text-indent:-9999px;
	width:80px;
	height:37px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .header-navi .menu01, 
#header .header-navi .menu01 a:hover, 
#header .header-navi .menu01 a:active { background:url(img/menu01on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	width:80px;
	height:37px;
	line-height:0;
	font-size:0;
	}


#header .header-navi .menu02 a { background:url(img/menu02.gif) no-repeat;
	text-indent:-9999px;
	width:156px;
	height:37px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .header-navi .menu02, 
#header .header-navi .menu02 a:hover, 
#header .header-navi .menu02 a:active { background:url(img/menu02on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	width:156px;
	height:37px;
	line-height:0;
	font-size:0;
	}


#header .header-navi .menu03 a { background:url(img/menu03.gif) no-repeat;
	text-indent:-9999px;
	width:144px;
	height:37px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .header-navi .menu03, 
#header .header-navi .menu03 a:hover, 
#header .header-navi .menu03 a:active { background:url(img/menu03on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	width:144px;
	height:37px;
	line-height:0;
	font-size:0;
	}


#header .header-navi .menu04 a { background:url(img/menu04.gif) no-repeat;
	text-indent:-9999px;
	width:117px;
	height:37px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .header-navi .menu04, 
#header .header-navi .menu04 a:hover, 
#header .header-navi .menu04 a:active { background:url(img/menu04on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	width:117px;
	height:37px;
	line-height:0;
	font-size:0;
	}




#header .header-navi .menu05 a { background:url(img/menu05.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:37px;
	line-height:0;
	font-size:0;
	display:block;
	}
#header .header-navi .menu05, 
#header .header-navi .menu05 a:hover, 
#header .header-navi .menu05 a:active { background:url(img/menu05on.gif) no-repeat 0 0px;
	text-indent:-9999px;
	width:110px;
	height:37px;
	line-height:0;
	font-size:0;
	}




/*----------------------
	 headerここまで
------------------------ */




#mainimg{
	margin: 0px auto 0px auto;
	width:848px;
	text-align:center;
	}
	
#mainimg h2{
	margin: 0;
	}

#inimg{
	margin: 0px auto 0px auto;
	width:850px;
	text-align:center;
	height:199px;
	}
	
	

#contents {
	margin: 7px auto 0px auto;
	width: 848px;
	}
	




/*----------------------
	 footerここから
------------------------ */


#footer{	
	margin: 0px auto 0px auto;
	height:84px;
	background: url(img/footer_back.gif) repeat-x center top;
	}
	
#footer .footer-navi{	
	margin: 0px auto 0px auto;
	height:84px;
	width:848px;
	}

#footer .footer-navi ul{
	width:848px;
	margin: 10px auto;
	list-style:none;
	}

#footer .footer-navi ul li{
	list-style:none;
	float:left;
	font-size:12px;
	color: #555555;
	margin:0 15px 0 0;
	}
	
#footer .footer-navi a:link,
#footer .footer-navi a:visited { color: #555555; text-decoration:none; }
#footer .footer-navi a:hover,
#footer .footer-navi a:active { color: #4460D5; text-decoration:none; }



	
address{
	width: 848px;
	margin: 0px auto 0px auto;
	padding: 0px;
	}
address p{
	font-style:normal;
	width: 848px;
	height: 38px;
	margin: 10px 0px 0px 5px;
	font-size:10px;
	letter-spacing:1px;
	color:#0b4f98;
	}


.copyright a:link,.copyright a:visited { color: #0b4f98; }
.copyright a:hover,.copyright a:active { color: #0b4f98; }






#wrapper #contents #pagetop01 a {
	margin: 0 0 0 726px;
	width:122px;
	height:23px;
	background:url(img/pagetop.gif) no-repeat 0 0;
	line-height:0;
	font-size:0;
	display:block;
	text-indent:-9999px;
	}

#wrapper #contents #pagetop01 a:hover , 
#wrapper #contents #pagetop01 a:active { 
	margin: 0 0 0 726px;
	width:122px;
	height:23px;
	background:url(img/pagetop_on.gif) no-repeat 0 0;
	}
	
	

#wrapper #contents #pagetop02 a {
	margin:10px 0 0 500px;
	width:122px;
	height:23px;
	background:url(img/pagetop.gif) no-repeat 0 0;
	line-height:0;
	font-size:0;
	display:block;
	text-indent:-9999px;
	}

#wrapper #contents #pagetop02 a:hover , 
#wrapper #contents #pagetop02 a:active { 
	margin:10px 0 0 500px;
	width:122px;
	height:23px;
	background:url(img/pagetop_on.gif) no-repeat 0 0;
	}	
/*----------------------
	 パンクズ
------------------------ */
#pankuzu a, #pankuzu a:hover, #pankuzu a:active { 
	margin:0 0 0 13px;
	text-decoration:none;
	}



/*----------------------
	 各ページ毎のメニュー部分のオンマウス
------------------------ */
	
#topbody #header .header-navi .menu01 a { background:url(img/menu01on.gif) no-repeat 0 0px; }


#universal01 #header .header-navi .menu02 a { background:url(img/menu02on.gif) no-repeat 0 0px; }


#universal02 #header .header-navi .menu02 a { background:url(img/menu02on.gif) no-repeat 0 0px; }
#universal02 #inright #submenu .universal02 a { background:url(universal/img/submenu02on.gif) no-repeat; } 

#universal03 #header .header-navi .menu02 a { background:url(img/menu02on.gif) no-repeat 0 0px; }
#universal03 #inright #submenu .universal03 a { background:url(universal/img/submenu03on.gif) no-repeat; } 

#universal04 #header .header-navi .menu02 a { background:url(img/menu02on.gif) no-repeat 0 0px; }
#universal04 #inright #submenu .universal04 a { background:url(universal/img/submenu04on.gif) no-repeat; } 

#universal05 #header .header-navi .menu02 a { background:url(img/menu02on.gif) no-repeat 0 0px; }
#universal05 #inright #submenu .universal05 a { background:url(universal/img/submenu05on.gif) no-repeat; } 

/*201411*/


#universal_ex #inright #submenu .universal_ex a { background:url(universal/img/submenu_ex_on.gif) no-repeat; } 

#universal_slab #inright #submenu .universal_slab a { background:url(universal/img/submenu_slab_on.gif) no-repeat; } 

/**/


#refurbish01 #header .header-navi .menu04 a { background:url(img/menu04on.gif) no-repeat 0 0px; }
#refurbish01 #inright #submenu .refurbish01 a { background:url(refurbish/img/submenu01on.gif) no-repeat; } 

#refurbish02 #header .header-navi .menu04 a { background:url(img/menu04on.gif) no-repeat 0 0px; }
#refurbish02 #inright #submenu .refurbish02 a { background:url(refurbish/img/submenu02on.gif) no-repeat; } 


#loghouse01 #header .header-navi .menu03 a { background:url(img/menu03on.gif) no-repeat 0 0px; }

#loghouse02 #header .header-navi .menu03 a { background:url(img/menu03on.gif) no-repeat 0 0px; }
#loghouse02 #inright #submenu .loghouse02 a { background:url(loghouse/img/submenu02on.gif) no-repeat; } 

#loghouse03 #header .header-navi .menu03 a { background:url(img/menu03on.gif) no-repeat 0 0px; }
#loghouse03 #inright #submenu .loghouse03 a { background:url(loghouse/img/submenu03on.gif) no-repeat; } 

#loghouse04 #header .header-navi .menu03 a { background:url(img/menu03on.gif) no-repeat 0 0px; }
#loghouse04 #inright #submenu .loghouse04 a { background:url(loghouse/img/submenu04on.gif) no-repeat; } 



#workshop01 #header .header-navi .menu05 a { background:url(img/menu05on.gif) no-repeat 0 0px; }
#workshop01 #inright #submenu .workshop01 a { background:url(workshop/img/submenu01on.gif) no-repeat; } 

#workshop02 #header .header-navi .menu05 a { background:url(img/menu05on.gif) no-repeat 0 0px; }
#workshop02 #inright #submenu .workshop02 a { background:url(workshop/img/submenu02on.gif) no-repeat; } 

#workshop03 #header .header-navi .menu05 a { background:url(img/menu05on.gif) no-repeat 0 0px; }
#workshop03 #inright #submenu .workshop03 a { background:url(workshop/img/submenu03on.gif) no-repeat; } 

#workshop04 #header .header-navi .menu05 a { background:url(img/menu05on.gif) no-repeat 0 0px; }
#workshop04 #inright #submenu .workshop04 a { background:url(workshop/img/submenu04on.gif) no-repeat; } 

#workshop05 #header .header-navi .menu05 a { background:url(img/menu05on.gif) no-repeat 0 0px; }
#workshop05 #inright #submenu .workshop05 a { background:url(workshop/img/submenu05on.gif) no-repeat; } 



#about01 #header .login-area .login-left-box a { background:url(img/header_we_on.gif) no-repeat 0 0px; }
#about01 #inright #submenu .about01 a { background:url(about/img/submenu01on.gif) no-repeat; } 


#inquiry01 #header .login-area .login-right-box a { background:url(img/header_info_on.gif) no-repeat 0 0px; }