@charset "UTF-8";

/* rule reset */

html,head,body,div,span,h1,h2,h3,h4,h5,h6{ 
	margin:0;
	padding:0;
	border:0;
	outline:0;
	left:0;
	}

body {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background-color: #FFFFFF;
	}


#header {
	color:#FFFFFF;
	background-color: #FFFFFF;
	padding-top:0px;
	height: 100px;
	width: 100%;
	text-align:center;
	}
	
	
	
	
img {
	border-style:none;
	margin-bottom: -3px;
	}	
		

/*------タイトルの装飾関係------*/


#title {
	height:75px;
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
	}

h1{
	font-weight:1080;
	font-size:70px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	width:1080px;
	}

h1 {
	line-height:2.5em;
	position:absolute;
	margin-bottom:-25px;
	margin-top:0px;
	}
	

.title a:link {
	text-decoration: none;
	color:#000000;
	}
.title a:visited {
	text-decoration: none;
	color:#000000;
	}
.title a:hover {
	text-decoration: none;
	color: #000000;
	}
.title a:active {
	text-decoration: none;
	color:#000000;
	}
	


/*------タイトルの装飾関係<END>------*/


/*------ナビゲーションバーの装飾関係------*/

#menu ul{
    list-style:none;
    width:1080px;
	margin-right:auto;
	margin-left:auto;
	padding-left:17px;
}


#menu ul li{
    font-size:34px;
    list-style:none;
	margin-top:80px;
	padding-top:0px;
    float:left;
}

#menu ul a{
    display:block;
    height:50px;
    overflow:hidden;
	border:0;
}


/*------ナビゲーションバーの装飾関係<END>------*/




/*------テキストリンクの装飾関係------*/
a:link {
	color: #000000;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #000000;
	}
a:hover {
	text-decoration: none;
	color: #000000;
	}
a:active {
	text-decoration: none;
	}

		
/*------テキストリンクの装飾関係<END>------*/	

			

/*------ メインボックス ------*/



#main {
	top: 200px;
	padding-top:0px;
	overflow: hidden;
	width:1080px;

	}
	
	
	
#main2 {
	top: 50px;
	padding-top:35px;
	overflow: hidden;
	width:1080px;
	font-size: 32px;
	height: 940px;

	}


#main3 {
	top: 50px;
	padding-top:10px;
	overflow: hidden;
	width:1080px;
	font-size: 15px;
	}	
	
	
#main4 {
	top: 50px;
	padding-top:10px;
	overflow: hidden;
	width:1080px;
	font-size: 12px;
	}	
	


/*------ メインボックス <END> ------*/


#footer {
	padding-bottom:0px;
	border-top:#666666 solid 1px;
	padding-top:0px;
	}


address {
	margin-top:15x;
	font-size:20px;
	font-style:normal;
	float:center;
	text-align:center;
	width:1080px;
	margin-right:0;
	padding-right:0;
	font-weight:1080px;
	color:#000000;
	}


div#main,div#main2,div#main3,div#main4,div#footer{
	margin-right:auto;
	margin-left:auto;
	width:1080px;
	text-align:left;
	}



/*------ メインボックス シート分割 ------*/

#left{ 
float:left;
width:1080px;
height:1000px;
padding-left:50px;
}


#right{
width:1080x;
height:300x;
float:center;
}


#submenu{ 
float:left;
width:138px;
padding-right:0px;
padding-top: 30px;
}

#content{
float:right;
width:1080px;
padding-right:0px;
padding-top:30px;
}



/*------ メインボックス グリッド ------*/
div.grid
{
  clear: both;
  margin-left: 0px;
  margin-right: auto;
}


div.grid div.section
{
  float:left;
  width:1080px;
  padding:0px 5px 10px 0;
  text-align: left;
}

/*------ メインボックス　グリッド <END> ------*/





/*------ 文字下のアンダーライン ------*/


p.box2 
{
   border-bottom: 1px solid;
}

/*------ 文字下のアンダーライン <END> ------*/  





/*----- インターネットエクスプローラのレイアウトのズレについて -----*/
/*----- 「IE6.7」のレイアウトの大幅なズレ、特に左側に大きなスペースが空いてしまっている場合では、bodyや、ズレの激しい要素に「left:0;」を指定すると解決する場合が多いです -----*/



/*-----ここから「IE7」のCSSハック-----*/
/*-----スタイルを適用したいセレクタの前に	*:first-child+html	を付加すること-----*/

*:first-child+html #menu ul li{
	margin-top:-42px;
	padding-top: 3px;
	}

*:first-child+html #news {
	font-size:14px;
	padding-top:4.5em;
	margin-bottom:-50px;
	font-size: 12px;
	}


/*-----ここから「IE6」のCSSハック-----*/
/*-----スタイルを適用したいセレクタの前に	* html	を付加すること-----*/

* html #header {
	padding-top:35px;
	max-height: 140px;
	width: 100%;
	}
	
* html h1 {
	padding-top: 10px;
	}
	
* html #menu{
	width:1080px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-bottom: -20px;
	border: 0px;
	background-color: #006699;
	text-align:center;
	}
	
* html #menu ul li{
    list-style:none;
	margin-top:-50px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-bottom: -40px;
    width:99px;
	}
	
* html #menu ul a{
    display:block;
    width:99px;
    height:130px;
    overflow:visible;
	border:0;
	}
* html #main{
	padding: 0;
	margin-top: 40px;
	border: 0;
	}
	
* html #main2{
	padding: 0;
	margin-top: 40px;
	border: 0;
	}
	
* html #news {
	padding-top:3.5em;
	margin-bottom:-50px;
	}
	
	
* html #footer{
	width: 1080px !important;
	height: 2em;
	padding-bottom: 30px;	
	}
	
* html address{
	margin-top: 30px;
	padding-top:3px;
	}


		
/*-----ここから「FireFox」のCSSハック-----*/
/*-----適用したいセレクタのグループに「x:-moz-any-link 」を追加すること-----*/

#menu,x:-moz-any-link h2{

}
#menu,x:-moz-any-link h1{

}