/*--- 基本 -------------------------*/
/* 基本背景と高さ */
body,html {
height: 100%;
margin: 0;
background-color: #FFFFFF;
}

/* BODY、テーブル、フォーム内の文字設定 */
body,th,td,layer,input,textarea,select {
font-size: 10pt;  /*フォントサイズ*/
font-family: Verdana,Arial,Helvetica,sans-serif,'ＭＳ Ｐゴシック',Osaka;  /*フォント種類*/
color: #000000; /* フォント色 */
line-height: 1.5em;  /* 改行高さ */
letter-spacing: 0.1em;  /* 文字と文字の間隔 */
}

img {border: none;}  /* 画像の回りの線を表示する場合 noneを「太さpx 線の種類 色」に */
big {font-size: 12pt;}  /* bigタグを使用したときの設定 */
small {font-size: 8pt;}  /* smallタグを使用した時の設定 */

/* リンク設定 */
A {text-decoration: none;color: #0080c0;}  /* 通常のリンク */
A:hover {color: #000000;}  /* カーソルを乗せたとき */
A:focus {outline:none;} /* リンクをクリックした時の回りの点線（IE無効） */

/* サブタイトル */
h3 {font-size: 16pt;}  /* h3タグを使用したとき */
h4 {font-size: 14pt;}  /* h4タグを使用したとき */

/* 見出し等のアクセント色 */
.blue {color: #0080c0;}  /* サブタイトルの１文字目などに使用 */

/*--- フォーム関係 -------------------------*/
input,textarea,select {
border:1px dashed #0080C0;
background-color: #FFFFFF;
}

input {
width: 200px;
height: 16px;
padding: 0px 3px;
}

textarea {
width: 300px;
height: 100px;
padding: 5px;
line-height: 1.2em;
margin-bottom: 5px;
}

/* 送信などのボタン用 */
.btn {
width: 100px;
height: 20px;
padding: 0;
background : url('img/icon01-b.gif');
background-repeat: no-repeat;
background-position: 2px center;
}

/*--- テーブルの幅 -------------------------*/
/* 全体の幅 */
.body-table {width: 100%;}

/* 左 */
.left-td {width: 18%;}

/* 右 */
.right-td {width: 16%;}

/* 中央 */
.center-td {width: auto;}

/*--- トップ -------------------------*/

/* 上部表示 */
.top-title {
height:120px;
background : url('img/main-ph.jpg') #FFFFFF;  /* サイト名部分の背景画像 */
background-repeat: no-repeat;
background-position: top left;
text-align: right;
vertical-align: bottom;
padding:0;
padding-right: 5px;
border-bottom:1px solid #000000;
}

/* サイト名 */
#title {
font-size:30pt;
font-weight:bold;
line-height:1.0em;
}

/*--- メイン -------------------------*/

#main-tr {
min-height: 450px;
height: 500px;
}

/* 縦の配置 */
.main-set {
vertical-align: top;
padding: 10px 30px;
}

/*--- メニュー -------------------------*/

/* メニュー部分の幅とテキスト配置 */
.menu {
vertical-align: top;
padding: 10px;
padding-top: 10px;
border-right:1px solid #000000;
}

/* リスト設定（メニューの頭に付くアイコン） */
#list {
list-style-image: url('img/icon01.gif');
list-style-type: none;
font-size: 12pt;
font-weight: bold;
}

#list li {
margin-bottom: 10px;
border: 0;
}

/* メニュー用リンク */
#list A {
text-decoration: none;
color: #000000;
}
#list A:hover {color: #0080c0;}

/* 更新情報 */
.over {
border: 1px solid #000000;
width: 90%;
}

#news {
overflow: auto;
width: 100%;
height: 130px;
padding: 5px;
line-height: 1.2em;
color: #808080;
}

/*--- 上部ナビ -------------------------*/
#top-navi {
height: 20px;
border-bottom: 1px solid #000000;
padding-left: 20px;
}

/*--- 右カラム(PR) -------------------------*/
.info {
vertical-align: top;
padding: 10px;
border-left: 1px dashed #000000;
}

/*--- Home戻りリンク -------------------------*/
#home {
height: 20px; 
text-align: right;
padding: 0;
padding-right: 10px;
}

/*--- 著作権 -------------------------*/

.footer {
height: 20px; 
text-align: center;
background-color: #000000;
padding: 0;
}

.copy {
color: #FFFFFF;
font-size: 8pt;
}

/* テンプレ著作権 */
#temp {
height: 20px; 
text-align: center;
padding: 0;
font-size: 8pt;
}