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

* {  
margin:0;  
padding:0;  
} 

body{
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Geneva, Arial, Verdana, sans-serif !important;
background-color:#fff; color:#333;
font-size:12px;
color:#42210B;
background-image:url(../images/bg_body.jpg);
}

#page {
	width:950px;
	margin:0 auto;
	background-color: #FFFFFF;
}


img, div, input { behavior: url("http://www.draft-design.jp/common/js/iepngfix.htc"); }

/****  link color  ***********************/

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

/****  basic style  ***********************/

li {list-style-type:none;}
img {border:0;}
hr{border-top:1px dotted #42210B;}

.clear{
clear:both;
margin:0;
}

img{
border:none;
margin:0;
padding:0;
}

.left{
float:left;
margin-right:20px;
}

.left10{
float:left;
margin-right:10px;
}

.right{
float:right;
margin-left:20px;
}

.notes{
font-size:10px !important;
line-height:1.4em;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/****  CONTAINER   ***********************/


#container:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#container {
min-height: 1px;
background-color:#FFFFFF;
margin:0px auto;
padding:0;
}

* html #container {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#container #indexTop{
margin:0 auto;
text-align:center;
}



/****  HEADER   ***********************/

#page #headerArea{
	height:auto;
	background-image:url(../images/header1.gif);
	background-repeat:repeat;
	font-size:10px;
	margin-bottom:-3px;
	padding-bottom:10px;

}

h1{
float:left;
margin:30px;
}
.comName{
font-size:12px;
font-weight:bold;
}

#headTxt{
float:right;
text-align:right;
margin:10px 30px 0px;
_margin:10px 30px 20px;
}

#headTxt p{
margin-bottom:3px;
}

/*#grovalNavi{
	clear:both;
	text-align:center;
	background-image:url(../images/header2.jpg);
	height: 33px;
	padding:5px 5px 0px 5px;
}

#grovalNavi a:link,#grovalNavi a:visited{
text-decoration:none;}
*/

#grovalNavi{
	clear:both;
	text-align:center;
	margin:0px auto;
	background-image:url(../images/header2.jpg);
	background-position:left top;
	height: 33px !important;
/*	padding:5px 5px 0px 5px;*/
}

#grovalNavi ul{ width:775px; margin:0px auto; padding-top:3px;}
#grovalNavi ul li{
display:inline;
float:left;
}

#grovalNavi ul li a:link,#grovalNavi ul li a:visited,#grovalNavi ul li a:hover{
height:21px;text-indent:-9999px;
}

#grovalNavi li#gnHome a:link,#grovalNavi li#gnHome a:visited{
width:40px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:0 0;
display:block;
}
#grovalNavi li#gnHome a:hover,#grovalNavi li#gnHome a.here{background-position:0 -21px;}

#grovalNavi li#gnCrp a:link,#grovalNavi li#gnCrp a:visited{
width:60px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-40px 0;
display:block;
}
#grovalNavi li#gnCrp a:hover,#grovalNavi li#gnCrp a.here{background-position: -40px -21px;}

#grovalNavi li#gnSvc a:link,#grovalNavi li#gnSvc a:visited{
width:85px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-100px 0;
display:block;
}
#grovalNavi li#gnSvc a:hover,#grovalNavi li#gnSvc a.here{background-position: -100px -21px;}

#grovalNavi li#gnMrt a:link,#grovalNavi li#gnMrt a:visited{
width:96px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-185px 0;
display:block;
}
#grovalNavi li#gnMrt a:hover,#grovalNavi li#gnMrt a.here{background-position: -185px -21px;}

#grovalNavi li#gnVsn a:link,#grovalNavi li#gnVsn a:visited{
width:65px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-280px 0;
display:block;
}
#grovalNavi li#gnVsn a:hover,#grovalNavi li#gnVsn a.here{background-position: -280px -21px;}

#grovalNavi li#gnWks a:link,#grovalNavi li#gnWks a:visited{
width:60px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-345px 0;
display:block;
}
#grovalNavi li#gnWks a:hover,#grovalNavi li#gnWks a.here{background-position: -345px -21px;}

#grovalNavi li#gnNws a:link,#grovalNavi li#gnNws a:visited{
width:63px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-405px 0;
display:block;
}
#grovalNavi li#gnNws a:hover,#grovalNavi li#gnNws a.here{background-position: -405px -21px;}

#grovalNavi li#gnRcrt a:link,#grovalNavi li#gnRcrt a:visited{
width:60px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-468px 0;
display:block;
}
#grovalNavi li#gnRcrt a:hover,#grovalNavi li#gnRcrt a.here{background-position: -468px -21px;}

#grovalNavi li#gnPrv a:link,#grovalNavi li#gnPrv a:visited{
width:87px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-528px 0;
display:block;
}
#grovalNavi li#gnPrv a:hover,#grovalNavi li#gnPrv a.here{background-position: -528px -21px;}

#grovalNavi li#gnSmp a:link,#grovalNavi li#gnSmp a:visited{
width:82px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-614px 0;
display:block;
}
#grovalNavi li#gnSmp a:hover,#grovalNavi li#gnSmp a.here{
background-position: -614px -21px;
}

#grovalNavi li#gnCnt a:link,#grovalNavi li#gnCnt a:visited{
width:74px;
height:21px;
background:url(../images/globalmenu.gif);
background-position:-696px 0;
display:block;
}
#grovalNavi li#gnCnt a:hover,#grovalNavi li#gnCnt a.here{
background-position: -696px -21px;
}

/****  LEFT CONTENTS   ***********************/

#leftArea{
margin:15px 0px 10px 30px;
_margin:15px 0px 10px 15px;
	float:left;
	width:200px;
}

#leftArea p#infoHead{
	width:200px;
	height:29px;
	background-image:url(../images/bg_leftnavi.jpg);
	background-repeat:no-repeat;
	padding: 7px 3px 3px 3px;
	text-indent: 20px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#leftArea #InfoArea{
background-color:#FFFFFF !important;
	width:200px;
	font-size:10px;
	margin:0px 0px 20px 0px;
	text-align:left;
}


#contNew{
padding:0px 0 0 3px;
margin:0 0 0px 0;
font-size:10px;
background-color:#FFFFFF !important;
line-height:1.4em;
}

#contNew dl{
width:170px;
margin:0px 0px;
padding:0 0;
}

#contNew dl dt{
margin:0;
padding:0;
}

#contNew dl dd{
border-bottom:1px dotted #ccc;
margin:0px 0px 5px 0px;
padding:0 0 3px 0;
}


#leftArea p.more{
text-align:right;
margin:10px 20px 20px auto;
}

#leftArea #naviArea{}

#leftArea #naviArea ul{
margin:0;
}

#leftArea #naviArea li{
height:45px;
margin:0 0;
padding:0 0;
display:block;
}

#leftArea #naviArea li.sub{
height:31px;
margin:0 0 0 25px;
padding:0 0;
display:block;
}

#leftArea #bnrArea{
margin:20px 0;
}

#leftArea #bnrArea li{
margin-top:5px;
margin-bottom:3px;
}


/*************  Main Contents  ********************/

#mainContents{
float:right;
font-size:12px;
margin: 15px 30px 10px 0;
_margin: 15px 10px 10px 0px;
width:670px;
}

#mainContents img.headImage{
margin-bottom:20px;
}

#mainContents h2{
	background-image:url(../images/bg_h2.jpg);
	background-repeat:no-repeat;
	padding: 8px 3px 3px 3px;	
	text-indent: 20px;
	font-size:12px;
	color:#FFFFFF;
	height:29px;
	width:670px;
}

#mainContents p{
line-height:1.6em;
margin-bottom:15px;
}



/****  PAGE TOP ICON   ***********************/
.pageTop{
text-align:right;
clear:both;
margin:10px;
padding:20px 0 10px 0;
}


/****  FOOTER   ***********************/
#footer{
text-align:center;
margin-bottom:0px;
}

#footerNavi{
	clear:both;
	text-align:center;
	background-image:url(../images/footer1.jpg);
	height: 33px;
}

#address{
padding:10px 0;
	background-image:url(../images/header1.jpg);
	height:auto;
	background-repeat: repeat;
	font-size:12px;
}