/* CSS Document */

/* ★基本の設定----------------------------------------------------------------------------------- */
body{
	margin:0px ;
	padding:0px ;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック,OSAKA,sans-serif" ;
	background-color:#D28f5E; 
	}

/* タグ設定 */
img{
	border:0 ;
}
p{
	margin:5px ; padding:5px ;
}
table{
	clear:both ;
}


/* 基準のリンク反応 */
a:link{
	text-decoration:none ; color:#6495ED ;
}
a:active{
	text-decoration:none ; color:#95302B ;
}
a:visited{
	text-decoration:none ; color:#4E6BB1 ;
}	
a:hover{
	text-decoration:none ; color:#F37C5F ;
}


/* ★ヘッダー --------------------------------------------------------------------------------- */

#header{
	width:980px ;
	margin:0;
	clear:both ;
}

#header:after{
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
}



/* ★ナビ (ページ上側のメニュー表示のロールオーバー設定です）------------------------------------------------------------------------------------- */
	

#globalnavi{
  margin: 0;
  padding: 0;
  width: ***;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  float: left;
  width: 245px;
  margin: 0;
  padding: 0;
}


#globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width:100%;
  background: url(../img/navi.jpg) no-repeat 0 50%;
  font-size : 110%;
  color:#000;
  font-weight :bold
;
}

#globalnavi a:hover{
  background: url(../img/navi.jpg) no-repeat -245px 50%;  
  font-size : 110%;   
  color: #fff;  
  font-weight :bold ;
}



/* ★コンテンツ表示領域の設定 ----------------------------------------------------------------- */

#contents{
	width:980px ; 
	margin:0 auto;
	padding: 0 ;
	background-color:#fff;
	text-align:left;
	font-size : 80%;
	clear:both ;
    border:1px solid #999 ;
    line-height: 150%;
}


#contents:after{
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
}
	







/*　左ボックス　*/

#left{
	width:245px ; 	/*左ボックスの幅*/
	margin:0 auto; 
	padding:0;
	text-align:center;
	background-color:#000000;
	float:left ;
}

/*　右ボックス　*/

#right{
	width:655px ; 	/*右ボックスの幅*/
	margin : 10px; 
	padding:5px;
	text-align:center;
    font-size : 100%;
	float:right ;
}


#right h2{
	width:600px;
	margin:0 ;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:140% ;		/*フォントサイズ*/
	color:#f66 ;		/*フォント色*/
	text-align:left;
	border-left:7px solid #fcc ;		/*左ボーダーの設定*/
}


#right h3{
	margin:0 0 20px 0 ;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:140% ;		/*フォントサイズ*/
	color:#309 ;		/*フォント色*/
	text-align:center;
	font-weight : bold ;
}


#right h4{
	margin:0 0 5px 0 ;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:120% ;		/*フォントサイズ*/
	color : #ff0d74;		/*フォント色*/
	text-align:center;
	font-weight : bold ;
  background-color : #ffdbff;
}

#rireki{
	width:600px;
	margin:10px ;
	padding:10px ;	/*テキストの間隔*/
	text-align:left;
	border:1px solid #dc143c ;
   	font-size : 100%;
	}
    

#rireki2{
	width:600px;
	margin:10px auto;
	padding:20px;	/*テキストの間隔*/
	text-align:left;
	border:1px solid #dc143c ;
   	font-size : 100%;
	}



/*　画像の余白　*/
p{
	padding:10px 0 5px 0 ;	/*テキストのパディング*/
} 



	
/* ★フッター --------------------------------------------------------------------------------- */

#footer{
	width:980px ;
	margin:0px auto;
	padding: 0 ;
	background-color:#000;
	text-align:center;
	color:#fff;
	clear:both ;
}

#footer p{
	line-height:1.4em;
}

/* ★下部のリンク --------------------------------------------------------------------------------- */
.word{
	margin:10px;
}



/* ★見出し兼ビジュアル ヘッダー画像とナビをくっつけます☆--------------------------------------------------------------------------------- */
#contents h1{
	margin:0 ;
	padding:0 ;
}


/* ★文字色変え --------------------------------------------------------------------------------- */

.red{
	color:#c33;
}
.white{
	color:#fff;
}

.center{
	text-align:center;
}

/* ★更新履歴スクロール設定 --------------------------------------------------------------------------------- */

.scr {
   overflow: scroll;   /* スクロール表示 */ 
   width: 600px;
   height: 200px;
   background-color: #fff;
 }



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

.top{
	text-align:right;}
	
/*  -------------------------------------------------------------------------------------*/


.pan{
	margin:20px auto 5px auto;
	padding:20px;	/*テキストの間隔*/
	text-align:left;
   	font-size : 90%;
}
	
/*  -------------------------------------------------------------------------------------*/