﻿@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body{
font-size:15px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
_color:#555;
}
/***********************************************
                          お問い合わせ
***********************************************/
/*#contact-form {
float:right;
height:180px;
width:40px;
position:fixed;
right:0;
top:350px;
z-index:100;
}*/
#contact-form{
height:180px;
width:40px;	
position: fixed !important;
position: absolute;
top:280px;
right: 0px;
}


/* --------------------------
	IE6 向けのスタイル↓
----------------------------- */
* html ,
* html body {
	height: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

* html #container {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 100%;
}

* html #contact-form{
padding-right:17px;	
	}

/* --------------------------
	IE6 向けのスタイル↑
----------------------------- */

#contact-form li{
list-style:none;
height:180px;
width:40px;
	}

a.contact{
display:block;
height:250px;
width:40px;
background:url(../img/contact.png);
text-indent:-9999px;
/*\*/overflow:hidden/**/
}

/***********************************************
									ヘッダ
***********************************************/

h1 a img{
border-style:none;	
	}

#header{
background:url(../img/top_head_bk.jpg);
height:473px;
padding-top:40px;
	}

#header_head{
width:960px;
margin:0 auto;
border-bottom:#F2F2F2 1px solid;
}

#header_head h1{
float:left;
margin-right:70px;
_margin-right:63px;
}

#header_head ul{
width:630px;
float:left;
margin-top:37px;
}

#header_head ul li{
list-style:none;
float:left;
margin-right:10px;
}

div#header_head ul li a{
display:block;
text-indent:-9999px;
/*\*/
overflow:hidden;
/**/
}

#header_head:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#header_head{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html #header_head{height: 1%;}
#header_head{display: block;}


/***********************************************
						ヘッダーナビ
***********************************************/

li#home{
width:58px;
height:27px;
}

a#navi_home{
width:58px;
height:27px;
background-image:url(../img/navi_home.png);	
}

a#navi_home:hover{
background-position:58px 0;	
}

li#new{
width:74px;
height:27px;
}

a#navi_new{
width:74px;
height:27px;
background-image:url(../img/navi_new.png);	
}

a#navi_new:hover{
background-position:74px 0;	
}

li#about{
width:158px;
height:27px;
}

a#navi_about{
width:158px;
height:27px;
background-image:url(../img/navi_about.png);	
}

a#navi_about:hover{
background-position:158px 0;	
}

li#menu{
width:106px;
height:27px;
}

a#navi_menu{
width:106px;
height:27px;
background-image:url(../img/navi_menu.png);	
}

a#navi_menu:hover{
background-position:106px 0;	
}

li#info{
width:74px;
height:27px;
}

a#navi_info{
width:74px;
height:27px;
background-image:url(../img/navi_info.png);	
}

a#navi_info:hover{
background-position:74px 0;	
}

li#coopone{
width:90px;
height:27px;
}

a#navi_coopone{
width:90px;
height:27px;
background-image:url(../img/navi_coopone.png);	
}

a#navi_coopone:hover{
background-position:90px 0;	
}

/***********************************************
								メインフォト
***********************************************/

#top{
width:922px;
height:362px;
margin:0 auto;
margin-top:15px;
}

/***********************************************
								下部ナビ
***********************************************/

#below_navi{
clear:both;	
background:url(../img/below_list_bk.jpg);	
height:70px;
font-size:13px;
}
	
#b_navi{
width:921px;
margin:0 auto;
padding-top:25px;
}

#b_navi:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#b_navi{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html #b_navi{height: 1%;}
#b_navi{display: block;}

#b_navi ul{
float:right;	
	}

#b_navi li{
list-style:none;
float:left;
margin-right:10px;
}

#b_navi li a{
color:#FFF;	
	}
	
#b_navi li a:hover{
color:#FF0;	
	}	
	
/***********************************************
                          フッター
***********************************************/

#footer{
background:url(../img/footer_bk.jpg);		
}

#footer_cont{
width:921px;
margin:0 auto;
padding:20px 0;
}

#footer_cont p,#footer_cont address{
color:#FFF;	
font-size:13px;
}

#footer_cont address{
border-top:#F2F2F2 1px solid;	
padding-top:10px;	
}

#footer_cont p{	
padding-bottom:10px;	
}

#footer_cont a{	
color:#FFF;	
}

/***********************************************
                          オレンジのリンク
***********************************************/
	
.link_orange{	
background:url(../img/link_sankaku_orange.gif);
background-repeat:no-repeat;
background-position:0 3px;
_background-position:0 0px;
color:#FF8359;
padding-left:15px;
	}	

/***********************************************
                          グリーンのリンク
***********************************************/

.link_green{	
background:url(../img/link_sankaku_green.gif);
background-repeat:no-repeat;
background-position:0 3px;
_background-position:0 0;
color:#009900;
padding-left:15px;
margin-right:10px;
	}