@charset "UTF-8";

/* --- ローカルフォント設定 --- */
@font-face {
font-family: 'aoyagireisyosimo';
src: url("../font/aoyagireisyosimo_ttf_2_01.woff")
}

/* --- 全体の背景・テキスト --- */
body {
background-color: #ffffff;
background-image: url("../img/washi.jpg");
margin: 0;
padding: 0;
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- トップページへのリンク --- */
a, a:hover, a:visited, a:link, a:active {
color: #fff;
text-decoration: none;
}

/* --- ヘッダ --- */
#header {
background-color:rgba(0,0,0,0.4);
font-family: aoyagireisyosimo;
color: #ffffff;
height: 60px;
text-decoration: none;
}
#title_jp{
font-size: 25pt;
padding-top: 8px;
padding-left: 20px;
}

/* --- コンテナ --- */
#container {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

/* --- ナビゲーション --- */
#nav {
background-color: rgba(246,247,248,0.5);
color: #ffffff;
margin-top: 30px;
position: relative; /* 基準位置とする */
height: 76px;
}

/* --- メインカラム --- */
#content {
font-size: 25pt;
}

/* --- フッタ --- */
#footer {
color: #000000;
font-size: 10pt;
text-align: center;
margin-top: 30px;
}

/* --- 検索ボタン --- */
#search {
background-color: #ffffff;
color: #000;
font-size: 10pt;
border: 0;
height: 40px; /* 高さ40px */
width: 720px;
padding: 0 10px;
left: 0;
top: 0;
box-sizing: content-box; /* 幅にパディングを含めない */
}
#search_img {
border: 0;
padding: 0;
width: 40px;
height: 40px; /* 高さ40px */
position: absolute; /* 絶対配置 */
left: 740px; /* 左から220px */
top: 0;
}
#search:focus {
  /*background:rgba(251,215,162,0.5);  背景色を半透明に */
}
#search_img:hover {
 opacity: 0.9;  /*ボックスを半透明に */
}

/* --- カテゴリ検索 --- */
.section {
float:right;
margin-top:5px;
}

/* --- テーブル --- */
table {
width: 780px;
border-spacing: 0;
font-size:14px;
margin-left: auto;
margin-right: auto;
}
table th {
color: #000;
padding: 8px 15px;
background: #B7B7B7;
font-weight: bold;
line-height: 120%;
text-align: center;
}
table tr {
background: #D3D3D3;
}
table tr:hover {
cursor:pointer;
}