/*
��Common
��Body Wrapper
��Header
��Nav
��Contents
��Footer
*/


/*=--------------------------------------------------------------------
��Common
----------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td{
	padding: 0;
	margin: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

img,abbr,acronym,fieldset {
	border: 0;
	vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

a { text-decoration: none;	color:#333; outline:none; }
a:visited { color:#333; } 
a:hover { text-decoration:underline; }


/*----------------------------------
 clearfix
----------------------------------*/
.clear{
clear:both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*----------------------------------
 space
----------------------------------*/
.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mbt2{
	margin-bottom:2px;
}

.mbt5{
	margin-bottom:5px;
}

.mbt10{
	margin-bottom:10px;
}

.ml10{
	margin-left:10px;
}

.ml20{
	margin-left:20px;
}

.mr10{
	margin-right:10px;
}

.mr20{
	margin-right:20px;
}

.mr30{
	margin-right:30px;
}

.pr20{
	padding-right:20px;
}

.pr30{
	padding-right:30px;
}

.pt10{
	padding-top:10px;
}

.pt30{
	padding-top:30px;
}

.pb10{
	padding-bottom:10px;
}

.pb20{
	padding-bottom:20px;
}

.pb30{
	padding-bottom:30px;
}

.pb40{
	padding-bottom:40px;
}

.pb50{
	padding-bottom:50px;
}

.pb60{
	padding-bottom:60px;
}

/*----------------------------------
 align
----------------------------------*/
.ta-c{
	text-align:center;
}

.ta-r{
	text-align:right;
}

.f-left{
	float:left;
}

.f-right{
	float:right;
}

/*----------------------------------
 font
----------------------------------*/
.fs10{
	font-size:10px;
	line-height:16px;
}

.fs14{
	font-size:14px;
	line-height:24px;
}

.cl-o{
	color: #E67F21;
	font-weight: bold;
}


/*=--------------------------------------------------------------------
��Body Wrapper
----------------------------------------------------------------------*/
body{
/*	font: 13px/1.231 '�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro W3','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;*/
	color:#333333;
	font-family: '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', '���C���I', 'Meiryo', '�l�r �o�S�V�b�N', sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}

#wrapper{
	margin:0;
	padding:0;
}


/*=--------------------------------------------------------------------
��Header
----------------------------------------------------------------------*/
#header{
	border-top:solid 5px #f38606;
	border-bottom:solid 3px #f38606;
}

.header-inner{
	margin:0 auto;
	padding:35px 0px 30px 0px;
	width:960px;
}

.header-left{
	float:left;
}

#header h1 a{
	float:left;
	width:214px;
	height:39px;
	background:url(../img/logo.gif) left top no-repeat;
	display:block;
}

#header h1 span{
	display: none;
}

.header-right{
	float:right;
	width:728px;
}

#header h2{
	padding:5px 0px 0px 0px;
	width:300px;
	font-size:10px;
	line-height:16px;
	float:left;
}

.header-right ul{
	float:right;
}

.header-right li{
	margin-left:20px;
	float:left;
	text-align:right;
	font-size:10px;
	line-height:14px;
}

li.header-tel span{
	color:#f38606;
	font-size:18px;
	font-weight:bold;
}

li.header-tel img{
	margin-right:5px;
	margin-bottom:3px;
	vertical-align:middle;
}

.head-btncontact{
/*	float: left;*/
	padding-top:10px;
	padding-right:15px;
	padding-bottom:8px;
	padding-left:37px;
/*	width: auto;*/
	background-image: url(../img/arrow-contact.png);
	background-repeat: no-repeat;
	background-position:15px center;
	background-color:#ff8800;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	color: #FFF;
	font-size:14px;
	text-decoration: none;
}

a.head-btncontact:visited{
	color: #FFF;
}

/*=--------------------------------------------------------------------
��Nav
----------------------------------------------------------------------*/
#nav{
	border-bottom:solid 3px #e8e8e8;
}

.headNavi{
	position: relative;
	width:100%;
	height:50px;
	text-align: center;
}

ul.tNavi{
	margin:0 auto;
	width:960px;
	height:50px;
	border-left:1px solid #e8e8e8;
	font-size:14px;
}

ul.tNavi li{
	float:left;
	height:50px;
	border-right:1px solid #e8e8e8;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	font-size:93%;
	letter-spacing: 1px;
}

a.home{
/*	margin-right:1px;
	padding-left:20px;*/
	width:63px;
	height:50px;
	display: block;
	background-image: url(../img/icon-home.png);
	background-repeat: no-repeat;
	background-position:26px 50%;
}

a.home span{
	display: none;
}

a.work{
/*	margin-right: 1px;
	padding-left:27px;*/
	width:139px;
	height:50px;
	display: block;
}

a.service{
/*	margin-right: 1px;
	padding-left: 22px;*/
	width:189px;
	height:50px;
	display: block;
}

a.roof{
/*	margin-right: 1px;
	padding-left: 20px;*/
	width:138px;
	height:50px;
	display: block;
}

a.flow{
/*	margin-right: 1px;
	padding-left: 20px;*/
	width:138px;
	height:50px;
	display: block;
}

a.faq{
/*	margin-right: 1px;
	padding-left: 20px;*/
	width:160px;
	height:50px;
	display: block;
}

a.company{
/*	margin-right: 1px;
	padding-left: 20px;*/
	width:124px;
	height:50px;
	display: block;
}

ul.tNavi li a:hover{
background-color:#fffcdb;
text-decoration:none;
}

ul.tNavi li a:focus {
background-color:#fffcdb;
text-decoration:none;
}

.home ul.tNavi li a.home { background-color:#fffcdb; text-decoration:none;}
.work ul.tNavi li a.work { background-color:#fffcdb; text-decoration:none;}
.service ul.tNavi li a.service { background-color:#fffcdb; text-decoration:none;}
.roof ul.tNavi li a.roof { background-color:#fffcdb; text-decoration:none;}
.flow ul.tNavi li a.flow { background-color:#fffcdb; text-decoration:none;}
.faq ul.tNavi li a.faq { background-color:#fffcdb; text-decoration:none;}
.company ul.tNavi li a.company { background-color:#fffcdb; text-decoration:none;}



/* bk-nav */
.nav-list ul{
	margin:0 auto;
	padding:0;
	width:960px;
}

.nav-list ul li{
	display: inline;
}

.nav-list ul li a{
	float: left;
	display: block;
	overflow: hidden;
	height: 0!important;
	height/**/: 0px;
	padding:50px 0 0 0;
	background-repeat: no-repeat;
 }
 
.nav-list ul li a {
	background-image:url("../img/header-nav.gif");
}

.nav-list ul li.home a { background-position: 0 0; width:64px;}
.nav-list ul li.work a { background-position: -64px 0; width: 140px;}
.nav-list ul li.service a { background-position: -204px 0; width: 190px;}
.nav-list ul li.roof a { background-position: -394px 0; width: 139px;}
.nav-list ul li.flow a { background-position: -534px 0; width: 139px;}
.nav-list ul li.faq a { background-position: -673px 0; width: 161px;}
.nav-list ul li.company a { background-position: -834px 0; width: 126px;}


.nav-list ul li.home a:hover,.home .nav-list ul li.home a { background-position: 0 -50px;}
.nav-list ul li.work a:hover,.work .nav-list ul li.work a { background-position: -64px -50px;}
.nav-list ul li.service a:hover,.service .nav-list ul li.service a { background-position: -204px -50px;}
.nav-list ul li.roof a:hover,.service .nav-list ul li.roof a { background-position: -394px -50px;}
.nav-list ul li.flow a:hover,.campus .nav-list ul li.flow a { background-position: -534px -50px;}
.nav-list ul li.faq a:hover,.faq .nav-list ul li.faq a { background-position: -673px -50px;}
.nav-list ul li.company a:hover,.company .nav-list ul li.company a { background-position: -834px -50px;}


/*=--------------------------------------------------------------------
��Contents
----------------------------------------------------------------------*/
#contents{
	margin:0 auto;
	padding:0px;
	width:960px;
}

.main{
	padding-top:30px;
	width:680px;
	float:left;
}

/*----------------------------------
 nav-right
----------------------------------*/
.nav-right{
	padding-top:30px;
	width:240px;
	float:right;
}

.side-nav{
	margin-bottom:40px;
/*	float: left;*/
	width:240px;
	border-top:solid 2px #e8e8e8;
	font-size:12px;
}

.side-nav a{
	text-decoration: none;
}

.side-nav a:hover{
	color:#ff8800;
	text-decoration: none;
}

.side-nav .sn-btn01{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

.side-nav .sn-btn02{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn02.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

.side-nav .sn-btn03{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn03.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

.side-nav .sn-btn04{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn04.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

.side-nav .sn-btn05{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn05.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

.side-nav .sn-btn06{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn06.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

.side-nav .sn-btn07{
	padding-top:13px;
	padding-left:63px;
	float: left;
	width:177px;
	height:31px;
	background-image: url(../img/sn-btn07.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:solid 2px #e8e8e8;
}

/*
.nav-category{
	margin-bottom:30px;
	border-top:solid 2px #e8e8e8;
}

.nav-category li{
	border-bottom:solid 2px #e8e8e8;
}
*/

.side-contact{
	margin-bottom:40px;
	padding:22px 20px 20px 20px;
	border-top: 2px solid #f38606;
	background-color:#fff9d9;
}

.side-contact dt{
	margin:0 0 20px 0;
	font-weight:bold;
}

p.tel{
	padding:20px 0px 10px 0px;
	text-align:center;
}

.tel-img{
	margin:0 auto;
	margin-bottom:10px;
	width:168px;
	font-size:11px;
	line-height:16px;
	text-align:center;
}

.tel-img span{
	color:#f38606;
	font-size:18px;
	font-weight:bold;
}

.tel-img img{
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:middle;
}

.sc-btn{
/*	margin: 0 0 20px 0;*/
	font-size:11px;
	text-align: center;
}

.sc-btn a{
	padding:5px 12px 4px 28px;
	background-color:#fff;
	background-image: url(../img/arrow-right.png);
	background-position:7px 0.5em;
	background-repeat: no-repeat;
	border:1px solid #e8e8e8;
	display:inline-block;
	text-decoration: none;
}

.sc-btn a:hover{
/*	color:#ff8800;*/
	border:1px solid #ff8800;
	text-decoration: none;
}

/*
.nav-ad{
	padding:20px 20px 20px 20px;
	background:#fffcdb;
	border-top:solid 2px #f38606;
}

.nav-ad h4{
	padding:0px 0px 10px 0px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.nav-ad p.text{
	padding:0px 0px 30px 0px;
	font-size:10px;
	line-height:16px;
}
.nav-ad p.tel{
	padding:0px 0px 10px 0px;
	font-size:10px;
	line-height:16px;
}
*/


/*----------------------------------
 page-top
----------------------------------*/
.page-top a{
	padding:24px 5px 10px 5px;
	float:right;
	background-image: url(../img/page-top.png);
	background-position:50% 9px;
	background-repeat: no-repeat;
	border-top:solid 3px #f38606;
	display:inline-block;
	text-decoration: none;
	font-size:11px;
}

.page-top a:hover{
	background-color: #ffffcd;
	text-decoration: none;
}

/*=--------------------------------------------------------------------
��Footer
----------------------------------------------------------------------*/
#footer{
/*	padding-top:10px;*/
	padding-bottom:30px;
/*	border-top:solid 3px #e8e8e8;
	background-color: #fffcdb;
	background: url(../img/category_bg.gif);*/
	padding-top:24px;
	background: url(../img/bg_fd.gif) left top repeat-x;
	background-color: #ffffcd;
}

.footer-catch{
	margin:0 auto;
	margin-bottom:30px;
	width:960px;
	border:1px solid #ffd377;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.footer-catch ul{
	padding:10px 0px 10px 0px;
	background:#fff;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-ms-border-radius: 6px 6px 6px 6px;
	-o-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
}

.footer-catch li{
	padding-right:10px;
	padding-left:15px;
	float:left;
	width:294px;
	border-right:1px solid #ffd377;
	font-size:12px;
	line-height:18px;
}

.footer-catch li.end{
	margin:0;
	padding-right:0px;
	border:none;
}

.footer-catch li span{
	color:#F08300;
	font-weight:bold;
}

.footer-inner{
	margin:0 auto;
	width:960px;
	text-align:left;
}

.foot-address{
	float:left;
	width:510px;
	position: relative;
}

.foot-address p{
	font-size:15px;
	font-weight:bold;
}

.foot-address p span{
	font-size:11px;
	font-weight:normal;
}

a.foot-mail{
/*	padding-left:33px;*/
	padding-left:12px;
	padding-right:10px;
	position: absolute;
	top:6px;
	left:190px;
/*	background-image: url(../img/icon-mail.png);
	background-repeat: no-repeat;
	background-position:6px 50%;*/
	background-color:#f38606;
	height:25px;
	border:1px solid #fff;
	color:#FFF;
	font-size:11px;
	line-height:27px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
}

.foot-address ul li{
	margin-top:35px;
	margin-right:20px;
	float:left;
/*	width:170px;*/
	font-size:10px;
	line-height:16px;
}

.foot-address li span{
	font-size:12px;
	font-weight:bold;
}

.foot-right{
	float:right;
}

.foot-right dl{
	margin:0 0 0 20px;
	width:165px;
	float:left;
}

.foot-right dl dt{
	margin-bottom:10px;
	padding-left:22px;
/*	width: 150px;
	float:left;*/
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:12px;
}

.foot-right dd{
	margin-bottom:2px;
	margin-left:15px;
	padding-left:15px;
/*	width:140px;
	float:left;*/
	background-image: url(../img/arrow-sright.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-size: 12px;
}

.copy{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f38606;
	border-top:1px solid #fff;
	color:#fff;
	font-size:10px;
	text-align:center;
}

/*
.footer-nav ul li a,a:visited{
color:#000000;
text-decoration:none;
}

.footer-nav ul li a:hover, 
.footer-nav ul li a:active{
color:#000000;
text-decoration:underline;
}
*/