@charset "UTF-8";

/*ページ全体の決まり*/
body{
	background-image : url(TILE.jpg);
	color: #666666; /*基本の文字色は濃い目のグレイ-----------------*/
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:100%;/*基本の文字サイズ-----------------*/
	height: 100%; /* 縦の高さを100% */
	line-height: 150%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%; /* 横の幅を100% */
}

 html{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
	width: 100%; /* 横の幅を100% */
	overflow: auto;
}

/*テキストリンクの色*/
a:link{
	text-decoration:underline;
	color:#666666;
	background-color:none;
} 

/*訪問済みのリンクの色*/ 
a:visited{
	text-decoration:underline;
	color:#666666;
	background-color:none;
}  

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover{
	text-decoration:underline;
	color:#1E006A;
	background-color:#CCFFFF;
}  

/*クリック時のリンクの色*/
a:active{
	text-decoration:underline;
	color:#1E006A;
	background-color:#CCFFFF;
}  

/*グローバルナビ・テキストリンクの色*/
#globalnavi a:link{
	font-size:100%;
	color:#666666;
	text-decoration:none;
} 

/*グローバルナビ・訪問済みのリンクの色*/
#globalnavi a:visited{
	font-size:100%;
	color:#666666;
	text-decoration:none;
}  

/*グローバルナビ・マウスの上にカーソルがあるときのリンクの色*/
#globalnavi a:hover{
	font-size:100%;
	color:#1E006A;
	text-decoration:underline;
	background-color:#CCFFFF;
}

/*グローバルナビ・クリック時のリンクの色*/
#globalnavi a:active{
	font-size:100%;
	color:#1E006A;
	text-decoration:underline;
	background-color:#CCFFFF;
}  

/*グローバルナビ（上）の書式*/
#globalnavi{
	font-size:100%;
	text-align:center;
	float:left;
	position:relative;
	display:block;
	border-bottom : 1px solid #666666;
	border-top : 1px solid #666666;
	padding:2px;
	margin:0px;
	width:1200px;
	background-color : #ffffff;
	clear:both;
}

#globalnavi ul{
	margin:0px;
	padding:0px;
}

#globalnavi li{
	padding:7px;
	width:180px;
	float :left;
	overflow:auto;
}

/*バックナンバーのリンクのリストの書式*/
#backnumber-link{
	width : 100%;
	padding: 0px 0px 0px 0px;
	clear: both;
	overflow:hidden;
 	text-align : left;
	display:block;
}

#backnumber-link ul{
	margin:0px;
	padding:0px;
}
#backnumber-link li{
	padding:2px;
	width:100%;
	float :left;
	overflow:hidden;
}

/*フッターのナビ・書式*/
#menu{
	font-size:100%;
	text-align:center;
	float:left;
	position:relative;
	display:block;
	padding: 0px;
	margin:0px;
	width:1200px;
	clear:both;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	padding: 20px 20px ;
	width: 250px;
	float: left ;
	overflow:auto;
}

/*pタグ空白消去*/
p{
	margin:0px;
	padding:0px;
}

/*IMGボーダー非表示*/
img{
	border : medium none;
	vertical-align:top;
	padding: 0px;
	margin : 0px;
}

/*IMG非表示*/
div.invisible{
    position:relative;
}

span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url("../hakusan/img/invisible.gif");
}

/*TABLEボーダー非表示*/
table,th,td{
	border : none;
	font-size:100%;
	margin : 0px;
	text-align : inherit;
	line-height:150%;/*テーブル内行間-----------------*/
	table-layout:fixed; /*テーブル固定レイアウト-----------------*/
}

td, th {
padding: 5px;
}

/*IE--BRバグ回避*/
br{
	letter-spacing:normal;
}

/*リスト空白消去*/
ul,ol,li{
	margin:0px;
	padding:0px;
	list-style:none;
}

#header{
	background-color:#ffffff;
	clear:both;
	margin: 0px;
	padding: 40px 0px 40px 0px;
	text-align : center;
	float:center;
	width : 100%;
}

br.clear{
	clear:both;
	padding:0;
	margin:0px;
	height:0px;
}

 /* グローバルナビの下からのメインコンテンツ色白 */
#wrapper{
  	margin: 0 auto;  
	padding : 40px 40px 40px 40px;
	background-color : #fefefe;/* 背景色 */
	text-align : left;
	clear: both;
	float:center;
	width : 1080px;
	position: relative;/* フッター部の配置用に定義 */
}

 /* トップページの更新情報 */
#NEWS{
	padding: 50px 10px 40px 10px ;
	float:left;
 	text-align : left;
	font-weight: bold;
	clear: both;
	overflow : auto;
}

#NEWS ul{
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	width: 100%; /* 横の幅を100% */
}

#NEWS li{
	padding: 0px 10px 0px 10px ;
	margin: 0px 0px 5px 0px;
	font-size:100%;
	color:#666666;
	font-weight:normal;
	border-bottom:#003399 dotted 1px;
}


 /* 各見出し */

h1{
	font-size:120%;
	font-weight:normal;
	color:#999999;
	text-align:center;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
}
 
h2{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-colar:#666666;/*下の線-----------------*/
	font-size:120%;
	color:#666666;/*タイトル文字の色-----------------*/
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

h3{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-colar:#666666;/*下の線-----------------*/
	font-size:120%;
	color:#666666;/*タイトル文字の色-----------------*/
	padding-bottom: 6px;
	margin-bottom: 15px;
}

h4　　{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-colar:#996600;
	font-size:100%;
	color:#996600;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

h5　　{
	font-size:100%;
	color: #000000;
	margin: 0px;
}

h6　　{
	margin: 0px;
	padding: 0px;
}


h2,h3,h4,h5,h6{
	font-weight: nomal;
	text-align: left;
}

 /*説明文*/
.hosoku{
	font-size:100%;
	color: #000066;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: right;
}

 /*説明文2*/
.hosoku02{
	font-size:80%;
	color: #006666;
	padding: 5px;
	margin: 0px;
	text-align: left;
}

 /*h2の文字と下線を紺にする*/
.kon{
	border-bottom-color: #000066;
	color: #000066;
}

/*h2の文字と下線を青にする*/
.blue{
	border-bottom-color: #204ca0;
	color: #204ca0;
}

 /*h2の文字と下線をオリーブグリーンにする*/
.olivegreen{
	border-bottom-color: #6b802b;
	color: #6b802b;
}

 /*h2の文字と下線を青緑にする*/
.bluegreen{
	border-bottom-color: #006666;
	color: #006666;
}

 /*h2の文字と下線をグリーンにする*/
.green{
	border-bottom-color: #006835;
	color: #006835;
}

 /*h2の文字と下線をコーラルピンクにする*/
.cpink{
	border-bottom-color: #ff6666;
	color: #ff6666;
}

 /*h2の文字と下線をピーコックグリーンにする*/
.pgreen{
	border-bottom-color: #33cccc;
	color: #33cccc;
}

 /*h2の文字と下線を深い赤にする*/
.deepred{
	border-bottom-color: #990000;
	color: #990000;
}

 /*h2の文字と下線をピンクにする*/
.pink{
	border-bottom-color: #CC0066;
	color: #CC0066;
}

/* 囲み、色白*/
#contents{
	width: 100%;
	margin: 10px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	clear: both;
	background-color : #ffffff;
	position: relative;/* フッター部の配置用に定義 */
}

#box-left{
	background-color: #ffffff;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	clear: right;
	width: 60%;
	padding: 5px 5px 5px 5px;
	margin: 0px auto; /*上下 左右*/
	border: none;
}

#box-right{
	background-color: #ffffff;/
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width: 40%;
	padding: 5px 5px 5px 5px;
	margin: 0px auto; /*上下 左右*/
	border: none;
}

#koumoku_title{
	font-size: 120%;
	color: #666666;
	margin: 25px 0px 10px 0px;
}

#komidashi{
	font-size: 120%;
	color: #000066;
	margin: 25px 0px 10px 0px;
}

/*古い記事は幅8割*/
#pickup-80{
	width: 80%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	text-align: left;
	clear: both;
	background-color : #ffffff;/*背景色*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-colar:#999999;
}

/*新しほうの記事*/
#pickup{
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	text-align: left;
	clear: both;
	background-color : #ffffff;/*背景色*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-colar:#999999;
}

/* フッターの書式*/
#footer{
	background-color: #7f7f7f;/* 背景色*/
	width : 100%;/* 横の幅を100% */
	bottom: 0px;/* 絶対位置指定*/
	padding: 10px 0px 20px 0px;/* 下余白*/
	color: #ffffff;
	clear: both;
	float: center;
	position:relative;
}

/*フッター・テキストリンクの色*/
#footer a:link{
	color: #ffffff;
	text-decoration:none;
} 

/*フッター・訪問済みのリンクの色*/
#footer a:visited{
	color: #f3f3f3;
	text-decoration:none;
}  

/*フッター・マウスの上にカーソルがあるときのリンクの色*/
#footer a:hover{
	color:#1E006A;
	text-decoration:underline;
	background-color:#ccffff;
}

/*フッター・クリック時のリンクの色*/
#footer a:active{
	color:#1E006A;
	text-decoration:underline;
	background-color:#ccffff;
} 

#copyright{
	font-size:60%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
	text-align:center;
	float: center;
	position:relative;
}

#pagebody{
	background-color : #ffffff;
	float: center;
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width : 1200px;
}