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




body{
background-color:#f7f6f1;
color:
#000;
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",suns-serif;
font-size:12px;
}







br { letter-spacing: normal; }



ul,li,ol,dl,dt,dd,hr{
margin: 0;
padding: 0;
line-height:20px;
letter-spacing:0.1em;
}



h1,h2,h3,h4{
margin: 0;
padding: 0;
line-height:15px;
letter-spacing:0.2em;
}



p{
margin: 0;
padding: 0;
line-height:20px;
letter-spacing:0.3em;
font-size:12px;
}





a:link {
color:#333;
text-decoration:none;
}

a:visited {
color:
#333;
text-decoration:none;
}
a:hover {
color:
#d98002;
text-decoration:none;
}
	
a img{
border:none;

}




.line a:link {
color:#333;
text-decoration:
underline;
}
.line a:visited {
color:
#333;
text-decoration:underline;
}
.line a:hover {
color:
#d98002;
text-decoration:underline;
}



.blue a:link {
color:#03C;
text-decoration:underline;
}
.blue a:visited {
color:
#03C;
text-decoration:underline;
}
.blue a:hover {
color:
#d98002;
text-decoration:underline;
}







/*　a要素クリック時の点線を消す*/


a{
overflow:hidden;
outline:none;
}




h1{
	height:0px;
	text-indent:-9999px;
}



h2{
	text-indent:-9999px;
}



h3{
	background-image:url(../image/tensen_line.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:14px;
	letter-spacing:0.2em;
	padding-bottom:2px;

}






/*基本以外のフォントの設定*/



.fontstyle_2{
	letter-spacing:0.2em;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding-top:5px;
	padding-bottom:10px;
}



.fontstyle_3{
	font-size:10px;
	font-weight:bold;
	line-height:15px;
	padding-top:0px;
	padding-bottom:10px;
}


.fontstyle_4{
	font-size:10px;
line-height:20px;
letter-spacing:0.2em;
	padding-top:0px;

}


.fontstyle_5{
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	padding-top:0px;
	padding-bottom:10px;
	letter-spacing:0.2em;
}



.fontstyle_6{
	font-size:10px;
	font-weight:bold;
	line-height:15px;
	padding-top:10px;
	padding-bottom:10px;
	letter-spacing:0.1em;
}


.fontstyle_7{
	color:#d98002;
	font-size:10px;

	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
	letter-spacing:0.2em;
}






.green {
	color:#00643d;
	margin: 0;
padding: 0;
line-height:18px;
letter-spacing:0.2em;
font-weight:bold;
	}
	
	
.green a:link {
color:#00643d;
text-decoration:underline;
}

.green a:visited {
color:
#00643d;
text-decoration:underline;
}
.green a:hover {
color:
#d98002;
text-decoration:underline;
}	
	
	
.green2 {
font-size:10px;
color:#00643d;
line-height:20px;
letter-spacing:0.2em;
	padding-top:0px;
	padding-bottom:10px;
letter-spacing:0.1em;
font-weight:bold;
	}
	
	
	
	
.green3 {
font-size:12px;
color:#00643d;
line-height:20px;
letter-spacing:0.2em;
	padding-top:0px;
	padding-bottom:10px;
letter-spacing:0.1em;
font-weight:bold;
	}	




.green4 {
font-size:16px;
color:#00643d;
line-height:20px;
letter-spacing:0.2em;
	padding-left:8px;
letter-spacing:0.4em;
font-weight:bold;
	}	




.green5 {
	color:#00643d;
	margin: 0;
padding: 0;
line-height:18px;
letter-spacing:0.3em;
font-weight:bold;
	}
	
	
	
.green6 {
font-size:12px;
color:#00643d;
line-height:20px;
letter-spacing:0.2em;
	padding-top:0px;
	padding-bottom:0px;
letter-spacing:0.3em;
font-weight:bold;
	}	
	





.blue {
	color:#03C;
letter-spacing:0.2em;
font-size:12px;
font-weight:bold;
	}
	
.blue02 {
	color:#03C;
letter-spacing:0.3em;
font-size:12px;
font-weight:bold;
	}
	
	

/*ヘッダー*/


#header{
background-image:
url(../image/header/header_long.gif);
background-position:top;
background-repeat:repeat-x;
position: relative;
z-index: 3;

}





#hd_width{
width:980px;
height:110px;
margin-bottom:0px;
padding-bottom:0px;
margin-left:auto;
margin-right:auto;
}






#header ul{
height:110px;
margin:0;
padding:0;
list-style:none;
}


#header li{
height:110px;
float:left;
text-indent:-9999px;
}

	
#header a{
background-image:
url(../image/header/header.gif);

background-repeat:no-repeat;
text-decoration:none;
display:block;
}


/*------------------------------------*/




	
/*グローバルナビゲーション通常時*/	



#gn_top a{
width:140px;
height:110px;
background-position:0 -110px;
}


#gn_mrkgs a{
width:156px;
height:110px;
background-position:-140px -110px;
}



#gn_news a{
width:95px;
height:110px;
background-position:-330px -110px;
}
	
#gn_about a{
width:125px;
height:110px;
background-position:-422px -110px;
}
	
#gn_project a{
width:110px;
height:110px;
background-position:-550px -110px;
}
	
#gn_goods a{
width:70px;
height:110px;
background-position:-660px -110px;
}
	
#gn_minna a{
width:130px;
height:110px;
background-position:-725px -110px;
}

#gn_nikki a{
width:125px;
height:110px;
background-position:-855px -110px;
}
	
	
/*------------------------------------*/





/*マウスオーバー*/	
	
	
#gn_mrkgs a:hover{
width:156px;
height:110px;
background-position:-140px -220px;
}	
	
	
	
	
#gn_news a:hover{
width:95px;
height:110px;
background-position:-330px -220px;
}
	
#gn_about a:hover{
width:125px;
height:110px;
background-position:-422px -220px;
}
	
#gn_project a:hover{
width:110px;
height:110px;
background-position:-550px -220px;
}
	
#gn_goods a:hover{
width:70px;
height:110px;
background-position:-660px -220px;
}
	
#gn_minna a:hover{
width:130px;
height:110px;
background-position:-725px -220px;
}

#gn_nikki a:hover{
width:125px;
height:110px;
background-position:-855px -220px;
}

/*------------------------------------*/	



/*グローバルナビゲーション：ページ閲覧時 ＜クラスを指定する*/	


.top a{
width:325px;
height:110px;
background-position:0px 0px;
}

.news a{
width:95px;
height:110px;
background-position:-330px 0px;
}
	
.about a{
width:125px;
height:110px;
background-position:-422px 0px;
}
	
.project a{
width:110px;
height:110px;
background-position:-550px 0px;
}
	
.goods a{
width:70px;
height:110px;
background-position:-660px 0px;
}
	
.minna a{
width:130px;
height:110px;
background-position:-725px 0px;
}

.nikki a{
width:125px;
height:110px;
background-position:-855px 0px;
}
	
	
/*------------------------------------*/


/*パンくずリスト*/


#topicPath{
width:495px;
margin:0;
height:100px;
font-size:10px;
float:left;
}  


#topicPath li {
display:inline;  
line-height:100%;  
list-style-type:none;
padding-left:7px;
} 


#topicPath li a{  
padding-right:7px;
background-image:url(../image/header/pankuzu_list.jpg);
background-repeat:no-repeat;
background-position:right;
}  


/*------------------------------------*/






/*右上のタブボタン*/


#up_b{
width:485px;
margin:0;
height:100px;
float:right;
position: relative;
z-index: 2;
top:-25px;
}  



#up_b li{
	list-style:none;
	float:left;
}


#up_b a:hover{
	position:relative;
	top:10px;
}


/*------------------------------------*/






/*中央コンテンツ部分*/	





#header_02{
width:980px;
margin-left:auto;
margin-right:auto;
position: relative;
height:100px;
z-index: 1;

}




#contents{
width:980px;
margin-left:auto;
margin-right:auto;
position: relative;
top: -15px;
z-index: 1;
height:auto;
}




#center{
width:590px;
margin-left:auto;
margin-right:auto;
height:auto;
}



#center02{
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-left:80px;
}



	
	
/*------------------------------------*/





/*フッター*/	




#fotter{
	clear:both;
	height:220px;
	background-color:#eadbc3;
    position:relative;
    z-index: 2;	
}



#ft_list li{
	float:left;
	list-style:none;
	margin-left:50px;
	font-size:10px;
	display:inline;
}



#ft_list {
	width:400px;
	float:right;
	margin-top:20px;
	}
	



.non_li{
	text-indent:-9999px;
}




	
/*ft_listの位置固定用*/	

#ft_width{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
	
	
	
	
/*フッターの背景imgを上に押し上げる*/



#ft_back{
	height:200px;
	background-image:url(../image/footer/footer_long.gif);
	background-repeat:repeat-x;
	position:relative;
	top:-55px;
}
	
	

/*------------------------------------*/


