@charset "utf-8";
/*************************************/
/* HTML tag styles                   */ 
/*************************************/

*{
padding:0;
margin:0;
}

body{
background:url(../img/common/bodyBgSec.jpg) repeat-x 50% 0 #ffffff;
margin:0;
padding:0;
-webkit-text-size-adjust: 100%;
}

body#index{background:url(../img/index/topBg.jpg) top repeat-x;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#333;
font-size:13px;
font-weight:normal;
font-style:normal;
line-height:160%;
font-family:Verdana, Roboto, "Avenir,Arial",'メイリオ',meiryo,sans-serif;
}

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

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#6E8C4C;text-decoration:none;}
a:visited{color:#6E8C4C}
a:hover{color:#6E8C4C;
text-decoration:underline;}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

strong{font-weight:bold}

img{vertical-align:bottom}

body{-webkit-text-size-adjust: 100%;}

h3{margin-bottom:27px;}

/*************************************/
/* layout Divs                       */ 
/*************************************/

#wrapper{
	margin: 0 auto;
	padding:0;
	text-align:center;
}

#head{
	height:166px;
	width:980px;
	position:relative;
	margin: 0 auto;
	z-index:1;
}

#sitePath{
	width:980px;
	margin:10px auto ;
}

#sitePath ul li{
	float:left;
	background:url(../img/common/pathArow.png) left 50% no-repeat;
	margin-left:20px;
	padding-left:27px;
}

/****** Cleafix ******/
#sitePath ul:before,
#sitePath ul:after{content: " ";display: table;}
#sitePath ul:after{clear: both;}
#sitePath ul{*zoom: 1;}
/****** Cleafix ******/

#sitePath ul li.firstChild{
	margin-left:0;
	padding-left:0;
	background:none;
}

h2{
	background:url(../img/common/h2Bg.jpg) no-repeat top right;
	margin: 0 auto;
	padding:62px 0;
	width:980px;
	text-align:left;
	font-size:261%;
	color:#00892C;
}

h2 span{
	font-size:29%;
	color:#ccc;
	margin-left:20px;
}

#cont{
	width:980px;
	margin:0 auto 60px;
}

#main{
	float:left;
	width:735px;
	text-align:left;
}

#index #main{width:980px;}

#sideNavi{
	float:right;
	width:225px;
	text-align:left;
}

/****** Cleafix ******/
#cont:before,
#cont:after{content: " ";display: table;}
#cont:after{clear: both;}
#cont{*zoom: 1;}
/****** Cleafix ******/

#footer{
	background:url(../img/common/footerBg.jpg) repeat-x;
	height:148px;
	width:100%;
}

#toppager{
	display:none;
	position: fixed;
	bottom: 10%;
	right: 100px;
}

/*************************************/
/* #Head style                       */ 
/*************************************/

#head h1{
	position:absolute;
	z-index:1;
	left:0;
	top:26px;
}

#head ul#gnavi{
	position:absolute; 
	left:0;
	top:105px;
}

#head ul#gnavi li{
	float:left;
	margin: 0;
	vertical-align:middle;
}

/****** Cleafix ******/
#head ul#gnavi:before,
#head ul#gnavi:after{content: " ";display: table;}
#head ul#gnavi:after{clear: both;}
#head ul#gnavi{*zoom: 1;}
/****** Cleafix ******/

#head ul#gnavi li ul.pludown{
	display:none;
	padding:0 10px;
	border: #B2DBBF solid 3px;
	background:#ffffff;
    opacity: 0.9;
}

#head ul#gnavi li ul.pludown li{
	text-align:left;
	float:none;
	padding:10px 10px 10px 18px;
	border-bottom:dotted 1px #B2DBBF;
	background:url(../img/common/sideList.jpg) no-repeat left 50%;
}

#head ul#gnavi li ul.pludown li.lastChild{
	border:none;
}

#head #headCont{
	position:absolute;
	top:32px;
	right:-5px;
}

#head #headTel{
	position:absolute;
	top:33px;
	right:227px;
}


/*************************************/
/* #sideNavi style                     */ 
/*************************************/

#sideNavi{padding-top:225px;}

#company #sideNavi{background:url(../img/company/sideBg.jpg) no-repeat top;}

#business #sideNavi{background:url(../img/business/sideBg.jpg) no-repeat top;}

#sideNavi ul li{
	background:url(../img/common/sideList.jpg) no-repeat left 50%;
	padding:20px 20px 20px 16px;
	border-bottom:dotted 1px #00882C;
}


/*************************************/
/* #footer style                     */ 
/*************************************/

#footerCont{
	margin: 0 auto;
	width:980px;
	height:108px;
	position:relative;
}

#footerLogo{
	position:absolute;
	left:0;
	top:32px;
}

#address{
	position:absolute;
	left:300px;
	top:32px;
	text-align:left;
}

#address p{color:#AAAAAA;}

#footContact{
	position:absolute;
	right:-3px;
	top:32px;
	padding-left:30px;
	border-left:1px dotted #00892C;
}

#copyright{
	margin:0 auto;
	padding:10px 10px 0 10px;
	width:980px;
	height:30px;
	color:#AAAAAA;
}

#footerCont #copyright p{
	margin:0;
	padding:0;
}