/*HTML BODY*/
* {
margin: 0;
padding: 0;
}
body {
color: #222;
text-align: left;
background: url(../images/top_bg02.gif) repeat-x 0 0;
}
img {
vertical-align:bottom;
border-style:none;
}

/*全体*/
#container {
width: 860px;
height: 100%;
padding: 0;
margin: 0 auto;
}

/*ヘッダー*/
#header {
width: 860px;
height: 70px;
padding: 10px 0 0 0;
margin: 0 auto;
background: url(../images/header02.gif) no-repeat 0 0;
}

/*ロゴ*/
#logo {
width: 300px;
height: 30px;
padding: 0 0 0 5px;
margin: 0;
float: left;
}

/*ヘッダー左*/
#h_r {
width: 325px;
height: 100%;
padding: 3px 0 0 0;
margin: 0 5px 0 0;
float: right;
}

/*テキストサイズ*/
#tsize {
width: 320px;
height: 43px;
padding: 0;
margin: 0;
}

/*テキストサイズテーブル*/
table.tsize {
width: 180px;
padding: 0;
margin: 0 18px 0 0;
border-collapse: collapse;
border-spacing: 0;
}
table.tsize tr {
}
table.tsize td {
padding: 0;
margin: 0;
font-size: 12px;
color: #556;
line-height: nomal;
letter-spacing: 1px;
text-align: center;
}

/* テキストサイズ変更ボタン */
#menu p #size {
padding:0.25em;
margin:0 auto;
font-weight:700;
text-align:center;
}
/* テキストサイズ変更ボタンの大中小の字 */
#size-small {
font-size:84%;
}
#size-medium {
font-size:100%;
}
#size-large {
font-size:120%;
}

/*メイン*/
#main {
width: 860px;
height: 100%;
padding: 0;
margin: 0 auto;
background: url(../images/bg02.gif) repeat-y 0 0;
}

/*テキスト*/
.cont p {
padding: 2px;
margin: 5px 27px 8px 27px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
}
.cont p a, .cont p a:link {
color: #f50;
}
.cont p a:visited {
color: #555;
}
.cont p a:hover {
color: #f00;
}

/*右寄せテキスト*/
.rt {
margin: 5px 5px 0 0;
font-weight: bold;
float: right;
overflow: hidden;
}

/*リスト*/
.cont ul, ol {
padding: 0;
margin: 5px;
}
.cont li {
padding: 2px;
margin: 3px 30px 3px 50px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
}
.cont li a, .cont li a:link {
color: #f50;
}
.cont li a:visited {
color: #555;
}
.cont li a:hover {
color: #f00;
}

/*下線テキスト*/
.ul {
padding: 2px;
margin: 5px 27px 8px 27px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
font-weight: bold;
border-bottom: solid 2px #8be;
}

/*枠テキスト*/
.fra {
padding: 8px 10px;
margin: 5pxpx;
line-height: 150%;
letter-spacing: 1px;
font-weight: bold;
background: #ffc;
border: solid 1px #f93;
text-align: center;
}
.fra a {
text-decoration: none;
}

/*パンくず*/
#pankuzu {
width: 600px;
height: 20px;
margin: 0px 0 5px 10px;
background: url(../images/pankuzu.gif) no-repeat 0 0;
}
.pkz {
font-size: 12px;
padding: 3px 0 0 20px;
margin: 0;
color: #444;
letter-spacing: 0.8px;
}
.pkz a, .pkz a:link, .pkz a:visited {
color: #444;
}
.pkz a:hover {
color: #f40;
}

/*テーブル01*/
table.t01 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #aab;
color: #222;
letter-spacing: 1px;
line-height: normal;
}

table.t01 tr {}

table.t01 th {
padding: 3px 4px;
background-color: #D7D8E3;
border: solid 1px #aab;
color: #222;
text-align: center;
}

table.t01 td {
padding: 3px 4px;
background-color: #F5F6F9;
border: solid 1px #aab;
}
table.t01 td a, .t01 td a:link {
color: #36a;
font-weight: bold;
}
table.t01 td a:visited {
color: #358;
}
table.t01 td a:hover {
color: #f40;
}

/*テーブル02*/
table.t02 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
border-bottom: solid 1px #C6C6D8;
color: #222;
letter-spacing: 1px;
line-height: normal;
}

table.t02 tr {}

table.t02 th {
padding: 2px;
color: #447;
font-weight: bold;
border-bottom: solid 1px #C6C6D8;
}

table.t02 td {
padding: 2px;
color: #222;
border-bottom: solid 1px #C6C6D8;
}

table.t02 td a, .t02 td a:link {
color: #36a;
}
table.t02 td a:visited {
color: #358;
}
table.t02 td a:hover {
color: #f40;
}

/*テーブル03*/
table.t03 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
color: #222;
letter-spacing: 1px;
line-height: normal;
}

table.t03 tr {}

table.t03 td {
padding: 3px;
color: #222;
}
table.t03 td a, .t03 td a:link {
color: #36a;
}
table.t03 td a:visited {
color: #358;
}
table.t03 td a:hover {
color: #f40;
}

/*フッター*/
#footer {
width: 820px;
height: 90px;
padding: 10px 20px 0 20px;
margin: 0 auto;
background: url(../images/footer.gif) no-repeat 0 0;
text-align: center;
}
.ft {
font-size: 10px;
padding: 0;
margin: 0;
color: #25c;
line-height: 160%;
letter-spacing: 1px;
}
.ft a, .ft a:link, .ft a:visited {
color: #25c;
}
.ft a:hover {
color: #f40;
}

/*コピーライト*/
.copy {
width: 500px;
padding: 0;
margin: 0 auto;
font-size: 12px;
color: #556;
line-height: normal;
letter-spacing: 1px;
text-align: center;
}
.copy a, .copy a:link, .copy a:visited {
color: #556;
text-decoration: none;
}
.copy a:hover {
color: #f30;
}

/*クリア*/
.clear {
clear: both;
}