@charset "UTF-8";



/* .vs-col
------------------------------- */
.vs-col{
clear:both;

margin:1em auto;
padding:1em;
border:#A5E68E solid 6px;
background-color:#F7FDEC;

-webkit-border-radius:6px;
-moz-border-radius:6px; 
border-radius:6px;
}

.vs-col dl{
padding:0.5em 0.5em 0.5em 1.2em;
font-size:120%;
}

.vs-col dt{
font-weight:700;
margin-top:0.5em;
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:#CCC dashed 1px;
font-size:120%;
}

.vs-col dt:before{
margin-left:2em;
text-indent:-1em;
font-weight:700;
display:inline-block;
margin:0 5px 0 0;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f118";
color:#FF9900;
}

.vs-col dd{
margin-bottom:1em;
}

.vs-col dd:last-child{
margin-bottom:0;
}



/* 一覧表関連
----------------------------------------------------*/
table{
width:100%;
margin:10px auto;
text-align:left;
border:1px solid #C5B9A3;
border-collapse: collapse;
}

table th,
table td{
padding:5px;
border:1px dashed #C5B9A3;
text-align:center;
}

table th{
font-size:100%;
font-weight:bold;
color:#111;
background-color:#F9F4EE;
text-align:center;
}

table td{
text-align:left;
}


dl.history{
margin:1em auto;
padding:1em;
}


dl.history dt {
padding:5px 0 5px 5px;
font-weight:700;
background-color:#EBEBEB;
}

dl.history dd {
padding:5px 0 0 5px;
margin-bottom:20px;
}



/*
ul.basic-list li{
list-style:none;
margin-left:24px;
line-height:1.8;
padding-bottom:6px;
font-size:120%;
}


ul.basic-list li:before{
position:relative;
left:-15px;
top:-3px;
content: '';
width:6px;
height:6px;
display:inline-block;
border-radius:100%;
background:#FFC46E;
}
*/

table.public-documents{
width:auto;
}

table.public-documents td{
text-align:center;
}

.dname{
min-width:13em;
text-align:left;
}



@media (min-width:700px) {

table th{
width:18em !important;
text-align:left;
}



dl.history{
width:90%;
}

dl.history dt{
clear:left;
width:25%;
float:left;
padding:10px 0 10px 0;
background-color:#FFF;
margin:0;
}

dl.history dd {
float:left;
width:60%;
border-left:3px #BEBE7E solid;
padding:10px 0 10px 30px;
margin:0;
}


table.public-documents{
min-width:300px;
margin-left:0;
}


	
}


@media (min-width:900px) {

dl.history{
width:900px;
}

dl.history dt{
clear:left;
width:160px !important;
float:left;
padding:10px 0 10px 0;
background-color:#FFF;
margin:0;
}

dl.history dd {
float:left;
width:640px !important;
border-left:3px #BEBE7E solid;
padding:10px 0 10px 30px;
margin:0;
}


}