@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;
	}


#header {
	color:#FFFFFF;
	background-color: #006699;
	padding-top:35px;
	height: 140px;
	width: 100%;
	text-align:center;
	}

img {
	border-style:none;
	}		

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

#title {
	height:65px;
	width:788px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

h1,h2 {
	font-weight:100;
	font-size:10px;
	margin-top:-15px;
	margin-right:auto;
	margin-left:auto;
	width:788px;
	text-align:left;
	}
	h2 {
		font-size:35px;
		letter-spacing:2px;
		position:absolute;
		}
	h1 {
	line-height:4em;
	position:absolute;
	margin-bottom:-50px;
	margin-top:7px;
	}


.title a:link {
	text-decoration: none;
	color:#FFFFFF;
	}
.title a:visited {
	text-decoration: none;
	color:#FFFFFF;
	}
.title a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
.title a:active {
	text-decoration: none;
	color:#FFFFFF;
	}
/*------タイトルの装飾関係<END>------*/

.info{
	color:#006699 ;
	font-size:13px;
	}
	


h3 {
	padding-top:100px;
	}




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


#menu ul{
    list-style:none;
    width:800px;
	margin-right:auto;
	margin-left:auto;
	padding-left:0px;
}
#menu ul li{
    list-style:none;
	margin-top:-34px;
	padding-top:0px;
    float:left;
    width:99px;
}
#menu ul a{
    display:block;
    width:99px;
    height:101px;
    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;
	}
	
#main a {
	text-decoration:none;
		}
/*------テキストリンクの装飾関係<END>------*/	


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

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

#main a:link{
	color:#006699;
	}

#main a:hover{
	color:#0099FF !important;
	}
#main a:visited{
	color:#006699;
	}

#news a:link{
	color:#000000;
	}

#news a:hover{
	color:#666666 !important;
	}
#news a:visited{
	color:#000000;
	}

/*------ メインボックス <END> ------*/
#strID {
	height:1.5em;
	padding-bottom:0.5em;
	font-size:10px;
	}

.text{
	font-size:10px;
	letter-spacing:2px;
	line-height:1.3em;
	}
	.text-2{
	font-size:10px;
	letter-spacing:2px;
	line-height:1.3em;
	}



#image {
	padding-top:54px;
	padding-bottom:15px;
	min-width:788px;
	min-height:320px;
	}

#news {
	float: left;
	padding-top:42px;
	margin-bottom:-25px;
	font-size:11px;
	line-height:1.4em;
	letter-spacing:0px;
	font-family:monospace;
	}
#news a:hover{
	color:#666666;
	}



#QR span{
	display: block;
	clear: right;
	}
#QR img {
	float: right;
	margin-bottom:-8px;
	}
#footer {
	font-size:8.6px;
	padding-bottom:30px;
	padding-top:3px;
	width:788px;
	border-top:#666666 solid 1px;
	}
	#footer ul{
		list-style:none;
		margin-top:-2px;
		font-size:12px;
		padding-left:0;
		}
		#footer li{
		display:inline;
		padding-right:1em;
		}


address {
	margin-top:-25px;
	font-size:12px;
	float:right;
	text-align:right;
	width:300px;
	font-style:normal;
	margin-right:0;
	padding-right:0;
	font-weight:100;
	color:#000000;
	}

div#main,div#footer{
	margin-right:auto;
	margin-left:auto;
	width:788px;
	text-align:left;
	}

div#wrapper {
	height:100%;
	min-width:788px;
	margin-left:-15px;
	}



/*----- インターネットエクスプローラのレイアウトのズレについて -----*/
/*----- 「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:4em;
	margin-bottom:-50px;
	font-size: 12px;
	}

*:first-child+html #QR img {
	padding-top:5px;
	margin-bottom:-15px;
	}

*:first-child+html #footer ul{
	margin-left:0px;
	}
	
*:first-child+html div#wrapper {
	margin-left:0px;
	}
	
*:first-child+html address {
	margin-top:-38px;
	padding-top:3px;
	}


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

* html #header {
	padding-top:35px;
	max-height: 140px;
	width: 100%;
	}
* html h1 {
	padding-top: 10px;
	}
* html #menu{
	width: 860px;
	padding-top: 50px;
	margin-bottom: -20px;
	border: 0px;
	background-color: #006699;
	}
* 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: 0;
	border: 0;
	}
* html #QR img {
	padding-top:5px;
	margin-bottom:-11px;
	}
* html #footer ul{
	margin-left:0px;
	}
* html #news {
	font-size:14px;
	padding-top:3em;
	margin-bottom:-50px;
	}
* html address{
	margin-top: -40px;
	padding-top:3px;
	}

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

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

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

}