@charset "utf-8";
* {
    padding: 0;
    margin: 0;
} 



body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 135%;
	color: #333333;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background-image: url(../img/background.jpg); background-repeat  : repeat-y;
background-position  : center;
}


strong {
	color: #FF0000;
}

h1{ display:none;}

h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.look {
	background: #FFFFCC;
}


/*コンテナー
-------------------------------------------------------------------------------------*/
#container {
	background: #FFFFFF url(../img/info.jpg) no-repeat  bottom left;
	width: 800px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}


/*ヘッダー
-------------------------------------------------------------------------------------
■「#header p」という項目は、ロゴ画像を使わずテキストでサイト名を入れる人のための設定です。
文字サイズの変更は「30px」で行います。
-------------------------------------------------------------------------------------*/
#header {
	background: url(../img/header.jpg) no-repeat;
	height: 118px;
	width: 800px;
	line-height: 1;
	color: #FFFFFF;
}


#inbox{
	margin:0 auto;
	background:#fff;
	width:800px;
	text-align:left;
}

.inbox-inner{
	width:800px;
	padding:0 ;
}

.inbox-inner{
	background-image:url(../img/info.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

/*サイド（メニュー）
-------------------------------------------------------------------------------------
■メニューの各見出し(メインメニューとか書いてある所)を変更したい場合、「#side h3」を編集する。
枠線の色を変えたい場合「#003A90」を希望色に変更する。背景色を変えたい場合「#00175A」を変更。
■メニューのリンクを変更したい場合、「#side .menu a」を編集する。
「border-left: 5px solid #0074BE」というのは左側の水色のアクセント用のラインの事。
5pxの幅で直線(solid)で#0074BE(水色)で入っています、という意味です。
また、下のアンダーラインはその下の「border-bottom: 1px dotted #FFFFFF」部分。dottedは点線という事。
あと、文字色は「color: #FFFFFF」部分です。
■メニューのリンク(カーソルオーバー時)を変更する場合、「#side .menu a:hover」を編集する。
ここでは、背景色を「#0074BE」の水色にして、左の線の色を「#FF0000」の赤にしています。
■「#side a」はメニュー下のテキストにリンクを貼った場合の設定です。
-------------------------------------------------------------------------------------*/
#side {
	float: left;
	width: 180px;
	background: #fff;
	padding-left: 8px;
}


#side ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
#side li {
  margin: 0;
  padding: 0 0 3px 0;
  width: 180px;
  height: 35px;
  text-indent: -9999px;
}
#side li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 180px;
  height: 35px;
}
#side li#nv1      {
  background: url(../img/left_navi.jpg) no-repeat 0 0;
}
#side li#nv2    {
  background: url(../img/left_navi.jpg) no-repeat 0 -38px;
}
#side li#nv3  {
  background: url(../img/left_navi.jpg) no-repeat 0 -76px;
}
#side li#nv4 {
  background: url(../img/left_navi.jpg) no-repeat 0 -114px;
}
#side li#nv5      {
  background: url(../img/left_navi.jpg) no-repeat 0 -152px;
}
#side li#nv6      {
  background: url(../img/left_navi.jpg) no-repeat 0 -190px;
}
#side li#nv7      {
  background: url(../img/left_navi.jpg) no-repeat 0 -228px;
}
#side li#nv8      {
  background: url(../img/left_navi.jpg) no-repeat 0 -266px;
}
#side li#nv9      {
  background: url(../img/left_navi.jpg) no-repeat 0 -304px;
}
#side li#nv10      {
  background: url(../img/left_navi.jpg) no-repeat 0 -342px;
}




#side li#nv1 a:hover    {
  background: url(../img/left_navi.jpg) no-repeat -180px 0px;
}
#side li#nv2 a:hover  {
  background: url(../img/left_navi.jpg) no-repeat -180px -38px;
}
#side li#nv3 a:hover {
  background: url(../img/left_navi.jpg) no-repeat -180px -76px;
}
#side li#nv4 a:hover      {
  background: url(../img/left_navi.jpg) no-repeat -180px -114px;
}
#side li#nv5 a:hover    {
  background: url(../img/left_navi.jpg) no-repeat -180px -152px;
}
#side li#nv6 a:hover      {
  background: url(../img/left_navi.jpg) no-repeat -180px -190px;
}
#side li#nv7 a:hover      {
  background: url(../img/left_navi.jpg) no-repeat -180px -228px;
}
#side li#nv8 a:hover      {
  background: url(../img/left_navi.jpg) no-repeat -180px -266px;
}
#side li#nv9 a:hover      {
  background: url(../img/left_navi.jpg) no-repeat -180px -304px;
}
#side li#nv10 a:hover      {
  background: url(../img/left_navi.jpg) no-repeat -180px -342px;
}






/*メインコンテンツ
-------------------------------------------------------------------------------------
■「#main」は特に編集の必要なし。
■メインコンテンツの見出し(h2タグ部分)の文字サイズを変更したい場合、下の「#main h2」内にある
「font-size: 14px」の14pxを変更する。また、色を付けたい場合は以下の１行を追加すればいい。
color: #FF0000;
（→#FF0000部分は好きな色にして下さい。ちなみに#FF0000は赤色。）
-------------------------------------------------------------------------------------*/
#main-right{
	float:right;
	width:585px;
	text-align:center;
	margin-bottom:3px;
}

#main {
	float: right;
	width: 585px;
	margin-right: 0px;
	display: inline;
	padding-top: 0px;
	padding-bottom: 10px;
}

#main h2 {
	background: url(../img/midashi_base.jpg) no-repeat;
	font-size: 14px;
	line-height: 34px;
	padding-left: 50px;
	color: #666;
}

#main h3 {
    background: url(../img/midashi2_base.jpg) no-repeat;
	font-size: 12px;
	line-height: 20px;
	padding: 5px　0 10px;
	
	color: #666;
	font-weight: bold;
}



#main p {
	padding: 5px 5px 0px 5px;
}

table#table-01 {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}


table.table-02{
    border-top:1px solid #aa771b;
    border-left:1px solid #aa771b;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.table-02 th{
    border-right:1px solid #aa771b;
    border-bottom:1px solid #aa771b;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.table-02 td{
    border-right:1px solid #aa771b;
    border-bottom:1px solid #aa771b;
    padding:0.3em 1em;
}



table.table-03{
    border-top:1px solid #aa771b;
    border-left:1px solid #aa771b;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.table-03 th{
    border-right:1px solid #aa771b;
    border-bottom:1px solid #aa771b;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    
}
.table-03 td{
    border-right:1px solid #aa771b;
    border-bottom:1px solid #aa771b;
    padding:0.2em 0.3em;
}


.topnt {
	border: thin dotted #666666;
}

.toppr {
	background:   url(../img/tntimg.gif) no-repeat right top;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.info_01 {
	background-image:url(../img/info1_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:290px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	height:270px;
	font-size:12px;
	line-height:135%;
}

.info_02 {
	background-image:url(../img/info2_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:260px;
	padding-top:10px;
	padding-bottom:10px;
	height:5え0px;
	font-size:12px;
	line-height:135%;
}


.info_03 {
	background-image:url(../img/info3_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:260px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	height:460px;
	font-size:12px;
	line-height:135%;
}


/*パンくず
-------------------------------------------------------------------------------------*/

.path {
   font-size: 12px;/* fix */
   margin: 0px;
   padding: 7px 6px;
}
.path li {
   display: inline;
   background: url(../img/path.gif) no-repeat 4px 3px;
   line-height:1.1em;
   padding-left: 14px;
}
.path li.top {
   background-image: none;
   padding-left: 0px;
}

/*フッター
-------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-top: 10px solid #fff;
	margin-bottom: 5px;
	text-align: center;
	background:#fff;
}


#footer_menu {
		padding-bottom: 15px;
	background: url(../img/footer.jpg) left bottom no-repeat;
}

#footer_menu ul li{
	color:#666666;
	text-align: center;
	font-size:12PX;
	display:inline;
}

#footer_menu ul li a{
	color:#901D22;
}

#copyright{
	color:#666666;
	font-size:12PX;
	padding: 5px 0;
}


/*clearfix
-------------------------------------------------------------------------------------*/
#container:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */

.style1 {font-size: 10px}
.style2 {
	font-size: 18px;
	font-weight: bold;
}


.styleA { list-style-image:url('../img/list_background'); }  

/*更新履歴
-------------------------------------------------------------------------------------*/
#news {
	width:338px;
	height:139px;
	overflow:auto;
	padding:3px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 135%;
	scrollbar-3dlight-color:#999999;
	scrollbar-arrow-color:#999999;
	scrollbar-base-color:white;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#999999
}
#news p{ margin:0 0 5px;}

/*テキストバリエーション
-------------------------------------------------------------------------------------*/
.red-txt{ color:#FF0000;}