@charset "UTF-8";


section h2{
margin:2em 0 0.5em;
}

section h2:first-child{
margin:0 0 0.5em;
}

.staff{
margin:0 auto;
padding:1em;
text-align:center;
background-color:#FFF5F0;
}

.staff .text{
margin-top:2em;
padding:1em;
text-align:left;
background-color:#FFF;
border:1px solid #CCC; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.staff .photo img,
.staff .text img{
max-width:80%;
height:auto;
margin:1em 0;
}

.text-photo{
margin:1em auto !important;
text-align:center;
}

.staff .photo dl.license{
margin:1em auto;
max-width:280px;
}

.staff .photo dl.license dt{
width:240px;
font-weight:700 !important;
background-color:#336;
color:#FFF;
margin:0 auto;
padding:0.2em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.staff .photo dl.license dd{
margin:0.2em 0;
}

.staff .photo dl.license dd ul{
width:200px;
margin:0 auto;
}

.staff .photo dl.license dd li{
text-align:left;
list-style-type:disc;
}



#map{
clear:both;
padding-top:1em;
}

#map dt{
max-width:140px;
margin:5px auto;
text-align:center;
font-size:120%;
background-color:#333;
color:#FFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

#map dt i{
color:#8DCF3F;
}

#map dd{
text-align:center;
}

#map dd.big-map{
padding:5px;
font-size:140%;
}

#canvas_wrapper{
clear:both;
max-width:90%;
min-width:280px;
padding:4px;
border:1px solid #CCC;  
margin:auto;
}
 
#canvas_wrapper img {
max-width:none;
}
 
#map-canvas {
width:100%;
height:300px;
}

dl.list{
clear:left;
border-bottom:#CCC solid 1px;
margin:10px auto;
padding:10px;
}

dl.list dt{
text-align:left;	
clear:left;
float:left;
width:6em;
font-weight:bold;
border-top:#CCC solid 1px;	
padding:10px;	
}

dl.list dd{
margin-left:8em;
margin-bottom:5px;
zoom:1;	
border-top:#CCC solid 1px;	
padding:10px;
}

dl.list dd li{
padding-left:12px;
background:url(../images/common/maru-orange.png) left 4px no-repeat;
}





table.expense{
margin:10px auto 30px;
border-collapse:collapse;
border:#666 solid 1px;
border-spacing:0;
text-align:center;
font-size:100%;
background-color:#FEFEF3;
}

table.expense th{
padding:5px;
border:#666 solid 1px;
background:#DBF3FD;
text-align:center;
}

table.expense td{
padding:5px;
border:#666 solid 1px;
text-align:center;
vertical-align:top;
}

table tbody tr:nth-child(1) th{
background-color:#7C9BDC !important;
text-align:left;
color:#FFF;	
}


table.expense thead tr{
font-weight:700;
font-size:90%;
}



table.expense tbody td{
vertical-align:middle;
}


table.expense td p{
font-size:100%;
text-align:left;
}


table.expense td ul{
list-style-type:disc;
margin-left:1.5em;
}

table.expense td ul li{
font-size:90%;
font-weight:normal;
}


@media all and (min-width:700px) {
	
.staff{
display:flex;
justify-content:space-between;
}

.staff .photo{
flex:30%;
}

.staff .text{
flex:60%;
margin-top:1em;
}

.staff .text p{
line-height:2;
margin-bottom:1em;
}

.staff .photo img{
max-width:70%;
height:auto;
}


#map-canvas{
height:400px;
}

dl.list{
width:80%;
}

table.expense{
font-size:120%;
min-width:60%;
}

table.expense th{
min-width:9em;
}

}


@media all and (min-width:960px) {

#map-canvas{
height:500px;
}


}