/*ページ全体の設定*/
body{
background-image:url(img/bcc.png); /*壁紙設定*/
background-repeat:repeat;
font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";/*フォント*/
color: #333333;/*全体で使う文字の色*/
margin:0px;
padding:0px;/*隙間を空けないように指定*/
}

/*リンク文字の設定*/
body a{
color:#4169e1;
text-decoration:none;/*リンク文字の下線を消す*/
}

a:hover {
color:#87cefa;/*リンク文字の上にマウスが来た時この色に変わる*/
text-decoration:underline;
}

/*コンテンツ　実際に使うページの設定*/
#contents{ 
width:960px;/*横幅を960pxで指定*/
margin:0 auto; 
background-image:url(img/main.gif);/*コンテンツ内の背景(サイズをぴったりにする）*/
background-repeat:repeat; 
position:relative;/*相対的な位置へ配置*/
font-size:80%;/*文字は見やすいように少し小さめに設定*/
}

/*ヘッダー部分の設定*/
#header{
background-image:url(img/backcolor.gif); /*ヘーダー*/
background-position:top right;/*ヘッダーの位置を右上に*/
background-repeat:repeat;/*背景画像が小さいので繰り返し*/
height:145px; /*ヘーダーの高さメニュー部分まで合わせたサイズ*/
}

/*ヘッダー部分のサブタイトル*/
div.head_small{
font-size: 15px;
color:#fff;
position:relative;
top:10px;
left:10px;
}

/*ヘッダーに素材としてタイトルが入っている場合でタイトルロゴが表示されない時*/
#header h1{
color:#fff;
letter-spacing: 2px;/*文字と文字の間隔*/
padding-left:10px;/*左に少し間隔をあける指定*/
margin-left: 330px;
}

/*上部メニューボタンの設定*/
#navbar{
width: 100%;
height:45px;/*メニューボタンの高さの指定*/
position:absolute;
top:100px;/*上からの位置指定*/
}

/*メインメニューのボタンの設定*/
#navbar ul{
margin:0;
padding:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;/*メニューで使うフォントの指定*/
font-size: 12px;/*メニューのフォントサイズ*/
line-height:45px;/*メニューボタンの高さの指定*/
letter-spacing:2px;/*メニューの文字間の間隔を少し空ける*/
}

#navbar li{
background-image:url(img/bk1.png); /*メニューのボタンの背景*/
float:left;/*メニューボタンが右側に回り込む設定*/
width:137px; /*メニューボタンの幅*/
text-align:center;/*文字がボタンのセンターに来る設定*/
padding:0;/*隙間を空けない指定*/
}

#navbar a{
color:#fff;/*メニューボタンの文字の色*/
text-decoration:none;
display:block;
}

#navbar ul a:hover{
background-image:url(img/bk2.png); /*カーソルが上に来た時に背景が変化*/
color:#000; /*メニューの文字がカーソルが上に来た時、この色に変わる*/
text-decoration:underline;
width:137px; /*変化の後のメニューボタンの幅*/
}

/*サイドメニューの設定*/
#side{
width:200px;/*サイドの幅*/
position:absolute;
top:515px;/*上からの位置指定*/
left:690px;/*左からの位置指定*/
}

/*	サイドメニューの設定*/
#side ul{
font-size:100%;
line-height:220%; /*サイドの文字と文字の行間設定*/
margin:0px;
padding:0px;
list-style-type:none;
}

#side ul a:hover {
color:#fff;	/*サイドのカーソルオーバー時の文字色*/
}

#side li{
padding-left:10px;　/*文字の左端からの位置*/
}

#side li a{
color:#333;/*サイドの文字色*/
border-bottom:solid 1px #666666;/*文字の下に線を入れる設定*/
width:190px;
display:block;
}

/*メイン部分の設定*/
#main{
width:660px;/*メイン部分の横幅の指定*/
margin-top:20px;/*イメージ画像から間隔をあける指定*/
margin-left:15px;/*左から少し間隔をあける指定*/
background-color: #fff;
}

table{
border-collapse: collapse;
}

table td{
width:660px;
height:25px;
border: solid 1px #ccc;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
}

table td img{
vertical-align:middle;
margin-right:15px;
}

/*下部のフッター部分の設定*/
#page-top{
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}

#page-top a{
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover{
  text-decoration: none;
  background: #999;
}

address{
background-color:#666;/*フッターの背景色の設定*/
color:#fff;/*文字の色がグレーだと見えないので白に変更*/
width:960px;/*フッターの幅をコンテンツピッタリに指定*/
padding-bottom:10px;/*フッターの下に隙間を空ける設定*/
border:none;
font-size:80%;
font-style:normal;
text-align:center;/*フッターの文字をセンター合わせに指定*/
padding-top:5px;
}

/*トップ下部 半透明処理*/
a img.css-hover{
opacity:0.7;/*ＩＥ以外ブラウザ半透明70%の指定*/
filter: alpha(opacity=70);/*IE用半透明70%の指定*/
}
a:hover img.css-hover{
opacity:1.0;
filter: alpha(opacity=100);
}

a img{
padding:2px 1px 2px 1px; 
}