@charset "UTF-8";


.topmenu{
width:90%;
margin:1em auto;
padding:0.5em;
background-color:#EEE;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.topmenu ul{
margin:0 0 0 -1em;
padding:0;
font-size:100%;
line-height:1.2;
list-style:none;
}

.topmenu ul li{
text-align:left;
padding:0;
font-size:120%;
}

.topmenu ul li a{
display:block;
padding:10px 10px 10px 1.5em;
color:#000;
text-decoration:none;
text-indent:-0.6em;
margin-left:1em;
}

.topmenu ul li a:before {
display:inline-block;
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:"\f0ab";
margin-right:5px;
color:#F66;
}

.topmenu ul li a:hover{
background-color:#FFF;
}

section{
clear:left;
padding:2em;
}

section ul{
margin:1em 0;
padding:1em;
font-size:120%;
background-color:#FEF7DE;
}

section li{
padding-left:12px;
background:url(../images/common/maru-orange.png) left 6px no-repeat;
}

  
p.more img{
box-shadow:4px 4px 4px rgba(102,102,102,0.3);
}


p.more a:hover{
position:relative;
top:1px;
left:1px;
}

p.more a:hover img{
box-shadow:2px 2px 2px rgba(102,102,102,0.3);	
}

.map{
margin:1em auto;
text-align:center;
}



@media all and (min-width:480px) {
.topmenu ul li{
float:left;
*clear:right;
width:48%;
}

}


@media all and (min-width:640px) {
	
.topmenu{
width:98%;
}	


}



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

.topmenu ul li{
  float:left;
  *clear:right;
}

.topmenu ul li.w60p {
    width: 60%;
}

.topmenu ul li.w40p {
    width: 40%;
}

}