/* 全体の設定*/
/* 背景色を指定*/
html{
/* background-color:#00FF99;*/
}
/*body{
background-image:url(images/bg_image_m.gif);
background-repeat:no-repeat;
background-position: 0% 10%;
}*/
div {
/* outline: 2px solid #f00;
padding: 1em;*/
}
div div {
/* outline: 2px solid #00f;
padding: 1em;*/
}
header{
display: inline;
flex-direction: row;
flex-wrap: wrap;
}
#CGI{
display: none;
}
#menu{
list-style: none;
overflow: hidden;
z-index:100;
padding: 0;
}
#menu li {
width: 83px;
text-align: center;
background-color: #2a71ea;
float: left;
height: 40px;
line-height: 40px;
margin-right: 2px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
border-radius: 7px 7px 7px 7px;
}
#menu li a {
text-decoration: none;
background-color: #2a71ea;
color: #ffffff;
font-weight: bold;
padding: 7px 1px;
}
#menu li:first-child {
background: #cffac3;
border: 1px solid;
border-color: #050505;
color: #050505;
}
#menu li:first-child a{
background: #cffac3;
background-color: #cffac3;
color: #050505;
}
#menu li:hover > a{
background: #60800c;
color: #fff;
}
.cube{
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
/*color: #696969;
font-size: 1.2;*/
border-radius: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px ;
margin-left : 2px;
margin-right: 2px;
vertical-align: 3%;
background-color: #f0fff0;
}
.giin{
position:relative;
box-sizing: border-box;
top:0px;
/* height:180px;*/
align:middle;
display: inline-block;
}
#dropmenu {
list-style-type: none;
height: 40px;
margin: 0;
padding: 0;
background: #8a9b0f;
box-sizing: border-box;
border-bottom: 5px solid #535d09;
border-radius: 3px 3px 0 0;
}
#dropmenu li{
/*liの装飾を無に設定*/
list-style-type: none;
float: left;
box-sizing: border-box;
position: relative;
/* display: inline-block;*/
width: 100%;
margin: 0px 2px;
padding: 0;
text-align: center;
}
#dropmenu >li>a{
display: block;
margin: 0;
width: 100%;
padding: 15px 0 11px;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1;
}
#dropmenu li:first-child > a{border-top: 1px solid #ccc;}
#dropmenu li:last-child ul {
left: -50%;
width: 130%;
}
#dropmenu li ul {
position: absolute;
top: 100%;
left: 0;
width: 220%;
z-index: 120;
}
.sub_list > li > a{
position: relative;
display: block;
width: 100%;
padding: 13px 1em 15px;
background: #6e7c0c;
border-bottom: 1px solid #ccc;
text-align: left;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 1;
}
#dropmenu li:hover > a{
background: #60800c;
color: #fff;
}
#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
}
#logo{
position:relative;
top: 20px;
}
#bottom{
border:#7F2D00 2px solid;
padding-top:10px;
}
#box {
width: 100%;
height: 390px;
float:left;
}
#box iframe {
width: 100%;
height: 100%;
}
#box_topic {
width: 100%;
height: 390px;
}
#box_topic iframe {
width: 100%;
height: 100%;
}
#new{
background-color:#ffffff;
float:left;
}
#topic{
background-color:#ffffff;
float:left;
}
/****** メイン *******/
#main{
position:relative;
top:0px;
left:290px;
width:73%;
background-color:#ffffff;
z-index: 1;
float:left;
}
#minpou{
position:relative;
/* width:50%;
height:750px;*/
background-color:#ffffff;
overflow:hidden;
z-index: 1;
float:left;
/* border-width:1px;
border-color:#663300;
border-style:solid;*/
}
#minpou a {
position: relative;
display: block;
}
#minpou1{
position:relative;
background-color:#ffffff;
overflow:hidden;
z-index: 1;
float:left;
}
#minpou1 a {
position: relative;
}
.blog1{
position:relative;
/* height:600px;*/
background-color:#ffffff;
overflow:auto;
float:left;
border-width:1px;
border-color:#663300;
border-style:solid;
}
#addess{
position:relative;
clear:both;
background-color:#FFFFFF;
width:100%;
font-style:normal;
}
.clearfix::after{
content: "";
display: block;
clear: both;
}
.clear{
clear: both;
}
@media only screen and (max-width: 480px) {
#menu{
width: 100%;
text-align: center;
}
#giindan{
margin: 0px 2px;
hight: 180px;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 1em 1em 0em;
}
.giin{
display:flex;
flex-wrap: wrap;
margin: 0px 0px 2px;
hight: 180px;
width: 30%;
}
#back{
display:none;
}
#dropmenu{
position: relative;
display:flex;
flex-wrap: wrap;
width: 90%;
height:auto;
padding:0 10px;
margin:0 1px;
clear:both;
border-bottom: none;
}
#dropmenu >li{
position: static;
width: 100%;
margin: 0px;
border-bottom:0.01px solid #FFFFFF;
}
#dropmenu > li > a{
position: relative;
}
#dropmenu >li ul {
position: static;
width: 80%;
}
#dropmenu>li:last-child ul {
position: static;
width: 80%
}
#new{
width: 90%;
}
#topic{
width:90%;
}
#minpou{
width:100%;
}
/* #blog1{
width:100%;
}*/
#blog2{
width:100%;
}
#blog3{
width:100%;
}
#body { margin-left: 0; }
#form-tbl { margin: 0 auto; text-align: center; }
#form { width: 96%; margin: 10px auto; }
#form th, #form td {
text-align: left;
width: 100%;
display: block;
padding: 6px 3px;
border-top: none;
}
#form tr:first-child th { border-top: 1px solid #666; }
p.btn input { width: 10em; }
h2 { margin: 1em 3px; width: 90%; }
p.msg { margin: 1em auto; }
#address{
font-size: small;
}
}
@media only screen and (min-width: 481px) and (max-width: 900px) {
#menu{
width: 83%;
text-align: left;
}
#back{
position: absolute;
top: 0;
right: 0px;
width: auto;
box-sizing: border-box;
z-index:-2;
}
#logo{
width:60%;
float: left;
}
#giindan{
margin: 0px 2px;
hight: 180px;
width: 70%;
padding: 1em 0em 0em;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.giin{
position: relative;
margin: 0px 0px 2px;
hight: 180px;
width: 30%;
box-sizing: border-box;
}
#dropmenu {
right: 5px;
width: 92%;
}
#dropmenu >li{
margin: 0px 0px;
width: 16%;
}
#boxset1{
margin: 50px 0 0 0;
display: block;
float: left;
width: 100%;
clear:both;
}
#new{
float:left;
width: 49%;
}
#topic{
float:right;
width: 49%;
}
#minpou{
width: 100%;
clear: both;
}
#minpou1{
width: 100%;
clear: both;
}
/* #blog1{
width:100%;
clear: both;
}*/
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
#menu{
width: 43%;
text-align: left;
}
#logo{
width:40%;
float: left;
}
#giindan{
float: right;
margin: 0px 2px;
hight: 200px;
width: 52%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 1em 1em 0em;
}
.giin{
margin: 0px 2px 2px;
width: 18%;
box-sizing: border-box;
}
#dropmenu{
float: right;
width: 76%;
}
#dropmenu > li{
margin: 0px 2px;
width: 16%;
}
#back{
float: left;
width: 18%
}
#boxset1{
margin: -60px 0 0 0;
display: block;
float: right;
width: 75%;
clear:both;
}
#new{
float: left;
width: 49%;
z-index:-2;
}
#topic{
float: right;
width: 49%;
z-index:-1;
}
#boxset2{
display: block;
width: 100%;
clear: both;
}
#minpou{
position: relative;
margin: 10px 0 0;
width:50%;
z-index: 110;
}
#minpou1{
position: relative;
margin: 10px 0 0;
width:50%;
z-index: -3;
}
#boxset3{
position: relative;
display: inline-block;
width: 40%;
clear: both;
}
/* #blog1{
position:absolute;
width:50%;
}*/
#blog2{
float: right;
width: 100%;
}
#boxset4{
display: block;
float: right;
width: 60%;
clear: both;
}
#blog3{
width:100%;
}
#address{
position:relative;
content: "";
clear: both;
display: block;
}
}
@media only screen and (min-width: 1201px) {
#menu{
width: 27%;
text-align: left;
}
#logo{
position: absolute;
top: 20px;
left: 400px;
width:48%;
}
#giindan{
margin: 80px 2px 0px;
hight: 200px;
width: 60%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 1em 1em 0em;
}
.giin{
margin: 0px 2px;
width: 20%;
}
#back{
position: absolute;
top: 0;
right: 10px;
width: 16%
}
#dropmenu{
top: 220px;
width: 70%;
}
#dropmenu > li{
margin: 0px 2px;
width: 16%;
}
.sub_list > li > a{
font-size: 16px;
}
#dropmenu li:last-child ul {
left: 0%;
width: 130%;
z-index: 120;
}
#boxset1{
display: flex;
flex-direction: column;
align-items: left;
width: 100%;
box-sizing: border-box;
clear:both;
}
#box {
height: calc(25vw);
}
#new{
height: calc(25vw);
width: 25%;
}
#box_topic {
height: calc(26vw);
}
#topic{
height: calc(26vw);
float: left;
width: 25%;
clear:both;
}
#boxset2{
position: absolute;
display: block;
/* float: right;*/
top: 410px;
margin: 0 0 0 25%;
width: 73%;
clear: both;
}
#minpou{
/* position: absolute;
display: block;
top: 500px;
margin: 0 0 0 26%;*/
position: relative;
width:50%;
z-index: -3;
}
#minpou1{
position: relative;
width:50%;
z-index: 100;
}
#boxset3{
position: relative;
display: inline-block;
/* display: flex;
flex-direction: column;
align-items: left;
overflow: hidden;*/
width: 40%;
clear: both;
}
/* #blog1{
position: absolute;
float: left;
width: 50%;
}
*/
#blog2{
/* position: relative;*/
width: 100%;
float: right;
/* clear: both;*/
}
#boxset4{
display: block;
float: right;
width: 60%;
clear: both;
}
#blog3{
/* position: absolute;*/
width: 100%;
float: right;
clear: both;
}
#address{
position: relative;
width: 100%;
float: right;
/* font-size: small;*/
content: "";
clear: both;
/* display: block;*/
}
}
.mgl-50{
margin-left : 50px;
}
.mgr-10{
margin-right : 10px;
}
/* ヘッダ用 */
#title{
position:relative;
background-color:#FFFFFF;
width:30%;
align:middle;
margin-top:10px;
margin-left:50px;
}
#midashi1{
margin-top: 15px;
}
#kijiclick{
margin-top: 0px;
}
h1{color:#0f550f; line-height:1.2;}
h2{color:#006400; line-height:1.2;}
h3{color:#008000; line-height:1.2;}
h4{color:#800000; line-height:1.2;}
h5{color:#ff0000; line-height:1.2; font-size:13pt; font-weight:bold;}
p.h6{color:#000000; line-height:1.2; font-size:12pt; font-weight:bold; margin-left:-20pt; text-indent:20pt;}
/**/
p.black20{color:#000000; font-size:20pt; line-height:1.2; font-weight:bold;}
p.black18{color:#000000; font-size:18pt; line-height:1.2; font-weight:bold;}
p.black16{color:#000000; font-size:16pt; line-height:1.2; font-weight:bold;}
p.black14{color:#000000; font-size:14pt; line-height:1.2; font-weight:bold;}
p.black12{color:#000000; font-size:12pt; line-height:1.2; font-weight:bold;}
p.black10{color:#000000; font-size:10pt; line-height:1.2;}
p.black9{color:#000000; font-size:9pt; line-height:1.2;}
p.black910{color:#000000; font-size:10pt; line-height:1.2; margin-left:5pt; margin-right:5pt;}
p.black8{color:#000000; font-size:8pt; line-height:1.1;}
p.black7{color:#000000; font-size:7pt; line-height:1.1;}
p.dcyan20{color:#008b8b; font-size:20pt; line-height:1.2; font-weight:bold;}
p.dcyan18{color:#008b8b; font-size:18pt; line-height:1.2; font-weight:bold;}
p.dcyan16{color:#008b8b; font-size:16pt; line-height:1.2; font-weight:bold;}
p.dcyan14{color:#008b8b; font-size:14pt; line-height:1.2; font-weight:bold;}
p.dcyan12{color:#008b8b; font-size:12pt; line-height:1.2; font-weight:bold;}
p.dcyan10{color:#008b8b; font-size:10pt; line-height:1.2;}
/**/
p.dred20{color:#8b0000; font-size:20pt; line-height:1.2; font-weight:bold;}
p.dred18{color:#8b0000; font-size:18pt; line-height:1.2; font-weight:bold;}
p.dred16{color:#8b0000; font-size:16pt; line-height:1.2; font-weight:bold;}
p.dred14{color:#8b0000; font-size:14pt; line-height:1.2; font-weight:bold;}
p.dred12{color:#8b0000; font-size:12pt; line-height:1.2; font-weight:bold;}
p.dred10{color:#8b0000; font-size:10pt; line-height:1.2;}
p.dred9{color:#b22222; font-size:9pt; line-height:1.2;;}
/**/
p.green20{color:#008000; font-size:20pt; line-height:1.2; font-weight:bold;}
p.green18{color:#008000; font-size:18pt; line-height:1.2; font-weight:bold;}
p.green16{color:#008000; font-size:16pt; line-height:1.2; font-weight:bold;}
p.green14{color:#008000; font-size:14pt; line-height:1.2; font-weight:bold;}
p.green12{color:#008000; font-size:12pt; line-height:1.2; font-weight:bold;}
p.green10{color:#008000; font-size:10pt; line-height:1.2;}
p.green9{color:#008000; font-size:9pt; line-height:1.2; font-weight:bold;}
p.green8{color:#008000; font-size:8pt; line-height:1.2; font-weight:bold;}
/**/
p.lgreen18{color:#2e8b57; font-size:18pt; line-height:1.2; font-weight: bold;}
p.lgreen16{color:#2e8b57; font-size:16pt; line-height:1.2; font-weight: bold;}
p.lgreen14{color:#2e8b57; font-size:14pt; line-height:1.2; font-weight: bold;}
p.lgreen12{color:#2e8b57; font-size:12pt; line-height:1.2;}
p.lgreen9{color:#2e8b57; font-size:9pt; line-height:1.2;}
p.lgreen8{color:#2e8b57; font-size:9pt; line-height:1.2;}
/**/
p.dpink20{color:#ff1493; font-size:20pt; line-height:1.2; font-weight:bold;}
p.dpink18{color:#ff1493; font-size:18pt; line-height:1.2; font-weight:bold;}
p.dpink16{color:#ff1493; font-size:16pt; line-height:1.2; font-weight:bold;}
p.dpink14{color:#ff1493; font-size:14pt; line-height:1.2; font-weight:bold;}
p.dpink12{color:#ff1493; font-size:12pt; line-height:1.2; font-weight:bold;}
p.dpink10{color:#ff1493; font-size:10pt; line-height:1.2;}
p.dpink9{color:#ff1493; font-size:9pt; line-height:1.2; font-weight:bold;}
p.cream9{color:#ffa07a; font-size:9pt; line-height:1.1; font-weight:bold;}
/**/
p.navy20{color:#000080; font-size:20pt; line-height:1.2; font-weight:bold;}
p.navy18{color:#000080; font-size:18pt; line-height:1.2; font-weight:bold;}
p.navy16{color:#000080; font-size:16pt; line-height:1.2; font-weight:bold;}
p.navy14{color:#000080; font-size:14pt; line-height:1.2; font-weight:bold;}
p.navy12{color:#000080; font-size:12pt; line-height:1.2; font-weight:bold;}
p.navy10{color:#000080; font-size:10pt; line-height:1.2;}
p.navy9{color:#000080; font-size:9pt; line-height:1.1;}
/**/
p.white18{color:#ffffff; font-size:18pt; line-height:1.2; font-weight:bold;}
p.white16{color:#ffffff; font-size:16pt; line-height:1.2; font-weight:bold;}
p.white14{color:#ffffff; font-size:14pt; line-height:1.2; font-weight:bold;}
p.white12{color:#ffffff; font-size:12pt; line-height:1.2; font-weight:bold;}
p.white10{color:#ffffff; font-size:10pt; line-height:1.2; font-weight:bold;}
p.white9{color:#ffffff; font-size:9pt; line-height:1.2; font-weight:bold;}
p.white8{color:#ffffff; font-size:8pt; line-height:1.2; font-weight:bold;}
/**/
p.indigo18{color:#4b0082; font-size:18pt; line-height:1.2; font-weight: bold;}
p.indigo16{color:#4b0082; font-size:16pt; line-height:1.2; font-weight: bold;}
p.indigo14{color:#4b0082; font-size:14pt; line-height:1.2; font-weight: bold;}
p.indigo12{color:#4b0082; font-size:12pt; line-height:1.2; font-weight:bold;}
p.indigo10{color:#4b0082; font-size:10pt; line-height:1.2;}
p.indigo9{color:#4b0082; font-size:9pt; line-height:1.2;}
p.lgreen8{color:#afeeee; font-size:8pt; line-height:1.2; font-weight:bold;}
/**/
p.black010{color:#000000; font-size:10pt; line-height:1.2; text-align: justify;}
p.black009{color:#000000; font-size:9pt; line-height:1.2; text-align: justify;}
p.black914{color:#000000; font-size:14pt; line-height:1.2; margin-left:28pt; text-indent:-28pt;}
p.black814{color:#000000; font-size:14pt; line-height:1.2; font-weight: bold; text-align: center; }
p.black912{color:#000000; font-size:12pt; line-height:1.2; margin-left:24pt; text-indent:-24pt;}
p.dred914{color:#b22222; font-size:14pt; line-height:1.2; font-weight: bold; margin-left:14pt; text-indent:-14pt;}
p.white010{color:#ffffff; font-size:10pt; line-height:1.2; text-align: justify; font-weight:bold;}
p.white009{color:#ffffff; font-size:9pt; line-height:1.2; text-align: justify; font-weight:bold;}
a:link{color:#0000cc;}
a:visited{color:#006699;}
a:hover{color:#ff0000;}
a:link, a:visited, a:hover, a:active{text-decoration:none;}
a.popuplink{
text-decoration:none;
}
a:hover.popuplink{
/* color:#CC0000;*/
/* border-width:0px 1px 1px 0px;*/
/* border-style:solid;*/
/* border-color:#990000;*/
position:relative;
top:-2px;
left:-2px;
}
/****全体位置の決定****/
/****メインメニュー用スタイル****/
ul.main{
margin:0px;/*△*/
padding:0px;/*△*/
width:100%;/*○*/
position:relative;/*×*/
list-style:none;/*△*/
}
/*通常時*/
.main li.off{
position:relative;/*×*/
width:120px;/*○*/
height:32px;/*○*/
overflow:hidden;/*×*/
border:0px solid #993300;/*○*/
}
/*展開時*/
.main li.on{
width:120px;/*○*/
height:32px;/*○*/
overflow:hidden;/*×*/
/* background-color:#FFFFD5;○*/
border:0px solid #993300;/*○*/
}
.main>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
display:block;/*△*/
text-decoration:none;/*○*/
padding:2px;/*○*/
}
.main a:hover{
/* background-color:#FFFFD5;○*/
}
/****サブメニュー用スタイル****/
ol.sub{
margin:0px;/*△*/
padding:0px;/*△*/
position:relative;/*×*/
left:120px;/*○*/
top:-30px;/*○*/
width:270px;/*○*/
border:1px solid #993300;/*○*/
border-bottom:0px solid #993300;/*○*/
background:url(images/menu-back_s.gif);
/* background-color:#FFCCCC;○*/
list-style:none;/*△*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
padding:2px;/*○*/
display:block;/*△*/
width:266px;/*○*/
border-bottom:1px solid #993300;/*○*/
}
.sub a:hover{
background-color:#FFFFEC;/*○*/
}
/****サブメニュー(ショート)用スタイル****/
ol.sub-s{
margin:0px;/*△*/
padding:0px;/*△*/
position:relative;/*×*/
left:120px;/*○*/
top:-30px;/*○*/
width:180px;/*○*/
border:1px solid #993300;/*○*/
border-bottom:0px solid #993300;/*○*/
background:url(images/menu-back_s.gif);
/* background-color:#FFCCCC;○*/
list-style:none;/*△*/
}
.sub-s li{
/*必要に応じて追加*/
}
.sub-s a{
padding:2px;/*○*/
display:block;/*△*/
width:180px;/*○*/
border-bottom:1px solid #993300;/*○*/
}
.sub-s a:hover{
background-color:#FFFFD5;/*○*/
}
.sub-s li.off2{
position:relative;
height:19px;
width:180px;/*○*/
overflow:hidden;
border-bottom:1px solid #993300;/*○*/
}
.sub-s li.on2{
height:19px;
width:180px;/*○*/
overflow:hidden;
background-color:#FFFFD5;
border-bottom:1px solid #993300;/*○*/
}
.sub-s>li.on2{
overflow:visible;
}
/*---------------サブメニュー２の設定--------------------*/
ul.sub-2{
position:relative;
left:140px;/*100%を推奨だが、上手くいかなければ微調整*/
top:-20px;/*ブラウザーで見ながら微調整*/
width:160px;/*値の変更可能*/
border:0px solid #993300;/*値の変更可能：サブメニュー２全体の枠線*/
border-bottom:1px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/
background:url(images/menu-back_s.gif);
list-style:none;/*△*/
}
.sub-2 a{
padding:1px;/*あまり大きな値にしない*/
display:block;/*△*/
height:18px;
width:156px;
border:1px solid #993300;
border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。*/
}
.sub-2 a:hover{background-color:#FFFFD5;}
/****役立ちリンクメニュー用スタイル****/
DIV#menuline{
position:absolute;/*△*/
width:100%;/*○*/
z-index:100;/*△*/
font-size:14px;/*△*/
}
ul.main-L{
margin:0px;
padding:2px;
width:100%;
position:relative;
list-style:none;
text-align:center;
}
.main-L li.off{
position:relative;/*×*/
float:left;/*×*/
padding:2px;
height:14px;/*○*/
background:url(images/menu-back_s.gif);
width:80px;
overflow:hidden;/
border:1px solid #993300;
}
.main-L li.on{
float:left;/*×*/
overflow:hidden;/*×*/
padding:1px 0px;
width:80px;
background-color:#FFFFD5;
border:1px solid #993300;
}
.main-L>li.on{
overflow:visible;/*×*/
}
.main-L a{
display:block;/*△*/
text-decoration:none;/*○*/
border-bottom:2px solid #993300;
}
.main-L a:hover{
background-color:#FFFFD5;
}
/****サブメニュー用スタイル****/
ol.sub-L{
margin:0px;
padding:0px;
position:relative;/*×*/
left:0;
top:0;
width:160px;/*○*/
border:1px solid #993300;
border-bottom:0px solid #993300;
background:url(images/menu-back_s.gif);
list-style:none;
text-align:left;
}
.sub-L a{
padding:2px 0px 2px 2px;
display:block;/*△*/
width:160px;/*○*/
border-bottom:2px solid #993300;/*○*/
}
.sub-L a:hover{
background-color:#FFFFEC;/*○*/
}
/* プルダウンメニュー位置ずれ防止 ul,td{padding:0;margin:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} */
/*
.clearfix::after {
content: "";
disply: block;
visibility: hidden;
clear: both;
}*/
/****** レフト ******/
/*#left{
position:relative;
width:276px;
top:0px;
float:left;
}*/
/****** Postman用 ******/
/*ヘッダ用枠*/
#head {
background: #00428e;
color: #fff;
}
#head-in {
padding: 8px 2em;
}
#body {
margin-left: 1.5em;
}
/* for table */
#form-tbl {
margin-left: 1.5em;
}
#form {
border-collapse: collapse;
margin: 1em 0;
}
#form th, #form td {
border: 1px solid #666;
padding: 8px;
}
#form th {
white-space: nowrap;
background: #e8e8e8;
}
#form td {
background: #fff;
}
p.btn input {
width: 110px;
height: 32px;
}
/* for message */
p.msg {
color: #dd0000;
margin: 2em;
}
span.msg {
color: #dd0000;
}
/* for back-button */
form.back {
margin-top: 2em;
}