/* 基本設定 */
* {
margin: 0;
padding: 0;
}
/* 画像 */
img {
border: 0;
}
/* リンク */
a{
color: #333631;
text-decoration : none;
}
a:visited{
color: #494a41;
}
a:hover{
color: #8D8FEF;
}
/* 文字の強調 */
em {
font-style: normal;
color: #cc3333;
}
BODY {
font-size : 80%;
font-family:Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
letter-spacing : 1px;
line-height: 150%;
text-align: center;
color: #000000;
background: #ccbb99;
}
/* ページ全体 */
#page {
margin: 0 auto;
width: 700px;
background-color: #ffffff;
border: 1px solid #000000;
text-align: left;
}
/* ヘッダー */
#head {
width: 700px;
height: 80px;
background:#000000 url('img/bro1.gif') no-repeat;
text-align: left;
}
/* タイトル */
#head h1 {
font-size: 200%;
color : #ffffff;
padding : 20px 0px 0px 20px;
text-align: left;
}
/* サブタイトル */
#head p {
font-size: 100%;
color: #ffffff;
margin : 5px 0px 0px 30px;
text-align: left;
}
#head h2 {
font-size: 85%;
color: #ffffff;
margin : 0px 10px 5px 0px;
text-align: right;
}

#head a{
color: #ffffff;
text-decoration : none;
}
#head a:hover{
color: #ffffff;
}
/* メニュー */
#menu {
float: right;
width: 190px;
}
#menu ul {
list-style: none;
margin : 20px 10px;
}
#menu li {
list-style: none;
margin : 5px 0;
text-align: left;
background :#ffffff url(img/yoko.gif) repeat-x 0% 100%;
}
/* メイン */
#main {
width : 500px;
text-align : left;
padding: 20px 0px;
background :#ffffff url(img/yoko.gif) repeat-y 100% 0%;
}
#main h2 {
font-size : 120%;
color : #2f4f4f ;
text-align : left;
margin: 0px 20px;
padding: 3px;
background :#ffffff url(img/yoko.gif) repeat-x 0% 100%;
}
#main h5 {
color : #000000;
font-size : 105%;
text-align : left;
margin: 10px 20px;
padding: 0px;
}
#main h6 {
font-size : 100%;
text-align : left;
margin: 0px 20px;
padding: 3px;
}
#main p {
margin: 10px 20px 10px 30px;
text-align : left;
margin: 10px 20px;
}
#main ul {
list-style: none;
padding: 5px 0px;
}
#main li {
list-style: none;
margin: 0px 20px 0px 30px;
text-align : left;
}
#main a{
color: #0000cd;
text-decoration : none;
}
#main a:visited{
color: #47266e;
}
#main a:hover{
color: #8D8FEF;
}
.box1 { margin: 5px 0px 0px 17px;padding: 0px 0px 5px 0px;width:100px;float:left;}
.box2 { margin: 5px 0px 0px 2px;padding: 0px 0px 5px 0px;width:230px;float:left;color:#393e4f}
.boxC { clear:both; }

.box1-2 { margin: 5px 0px 0px 17px;padding: 0px 0px 5px 0px;width:150px;float:left;}
.box2-2 { margin: 5px 0px 0px 2px;padding: 0px 0px 5px 0px;width:250px;float:left;color:#393e4f}

.box3-1 { margin: 5px 0px 0px 17px;padding: 0px 0px 5px 0px;width:500px;float:left;}
.box3-2 { margin: 5px 0px 0px 2px;padding: 0px 0px 5px 0px;width:50px;float:left;color:#393e4f}
.box3-3 { margin: 5px 0px 0px 2px;padding: 0px 0px 5px 0px;width:250px;float:left;color:#393e4f}

.midashi {
margin: 10px 20px 0px 20px;
text-align : left;
color : #00008b;
font-size : 100%;
font-weight: bold;
}
#main a{
color: #0000cd;
text-decoration : none;
}
#link a{
color: #FF0000;
text-decoration : none;
font-weight: bold;
}
#link a:visited{
color: #FF0000;
}
#link a:hover{
color: #8D8FEF;
}
.time {
font-size: 12px;
font-weight: normal;
color : #cc0033;
margin: 2px 0px 2px 2px;
}

/* kaiki */
.kaiki {
height : 90px;
width : 450px;
font-size: 125%;
font-weight: bold;
color : #00008b;
margin: 10px 0px 10px 20px;
padding:  0px 0px 0px 10px;
text-align : left;
}
/* INFO */
.info {
width : 450px;
font-size: 100%;
color : #000000;
margin: 10px 0px 10px 20px;
padding:  0px 0px 0px 10px;
text-align : left;
line-height: 150%;
}
/* syukuhaku */
table.tb1{
border-top:1px solid #663300;
border-left:1px solid #663300;
border-collapse:collapse;
border-spacing:0;
margin: 10px 0px 10px 20px;
background-color:#ffffff;
empty-cells:show;
}
html>body .tb1{
border-collapse:separate;
}
.tb1 th{
border-right:1px solid #663300;
border-bottom:1px solid #663300;
color:#330000;
background-color:#ccbb99;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.3em 1em;
text-align:center;
}
.tb1 td{
border-right:1px solid #663300;
border-bottom:1px solid #663300;
padding:0.3em 1em;
}

table.tb2{
width : 480px;
border-top:1px solid #663300;
border-left:1px solid #663300;
border-collapse:collapse;
border-spacing:0;
margin: 0px 0px 0px 10px;
background-color:#ffffff;
empty-cells:show;
line-height: 130%;
}
html>body .tb2{
border-collapse:separate;
}
.tb2 th{
border-right:1px solid #663300;
border-bottom:1px solid #663300;
color:#330000;
background-color:#ccbb99;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.4em 0.4em;
font-size : 12px;
text-align:center;
}
.tb2 td{
border-right:1px solid #663300;
border-bottom:1px solid #663300;
padding:0.4em 0.4em;
vertical-align:top;
font-size : 12px;
}

table.tb3{
width : 400px;
margin: 5px 0px 0px 20px;
background-color:#ffffff;
empty-cells:show;
line-height: 130%;
}
html>body .tb3{
border-collapse:separate;
}
.tb3 th{
color:#330000;
background-color:#ccbb99;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.2em 0.2em;
font-size : 100%;
text-align:center;
}
.tb3 td{
padding:0.2em 0.2em;
vertical-align:top;
font-size : 100%;
}

/* フッター */
#foot {
width: 700px;
height: 20px;
text-align: center;
background:#000000 url('img/bro1.gif') no-repeat;
}
/* 著作権 */
address {
font-style: normal;
color: #ffffff;
}
#top{
padding:20px 10px 0 0;
text-align:right;
font-size:90%;
}