@charset "UTF-8";

main h2{
color:#009bd7;
margin:0;
}

h2.other{
margin:15px 0;
padding:5px;
font-size:120%;
background-color:#36C;
color:#FFF;
}


main table{
width:90%;
margin:10px auto;
text-align:left;
border:1px solid #a5b6c3;
border-collapse: collapse;
}

main table th,
main table td{
padding:5px;
border:1px dashed #a5b6c3;
}

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

main table td{
text-align:left;
vertical-align:top;
}

/* メニュー
---------------------------------*/
.menu-area p{
margin:5px 0;
}

.info-col,
.info-col-nlink{
float:none;
width:100%;
margin:0;
padding:5px;
font-size:12px;
}

.info-col-nlink ul{
padding:0.5 0;
}


.info-col-nlink ul li{
padding:0 0 0.5em 1em;
background:url(../images/common/maru-orange.png) left 3px no-repeat;
}



.act-box {
position:relative;
}

a.act-box,
.info-col-nlink .act-box{
position: relative;
display: block;
margin-bottom: 5px;
padding: 10px 10px 10px 15px;
background: #fff;
-moz-box-shadow: 0 0 1px 1px #fff inset, inset 0 0 20px 3px rgba(230, 226, 220, .6);
-webkit-box-shadow: 0 0 1px 1px #fff inset, inset 0 0 20px 3px rgba(230, 226, 220, .6);
box-shadow: 0 0 1px 1px #fff inset, inset 0 0 20px 3px rgba(230, 226, 220, .6);
color: #666;
-moz-transition: all .18s;
-o-transition: all .18s;
-webkit-transition: all .18s;
transition: all .18s;
text-decoration: none;
border: solid 1px #009bd7;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior:url(../js/PIE.htc);
}

a.act-box:hover, a.act-box:focus {
border:solid 1px #009bd7;
-moz-box-shadow:0 0 1px 1px #fff inset, inset 0 0 10px 5px rgba(210, 225, 255, 1);
-webkit-box-shadow:0 0 1px 1px #fff inset, inset 0 0 10px 5px rgba(210, 225, 255, 1);
box-shadow:0 0 1px 1px #fff inset, inset 0 0 10px 5px rgba(210,225, 255, 1);
text-decoration:none;
display:block;
background-color:#D2E1FF;
}

.act-box h2 {
color:#009bd7;
font-size:140%;
font-weight:700;
margin-top:3px;
}

.act-box img{
float:none;
width:100%;
max-width:100%;
height:auto;
width /***/:auto;　/*IE8のみ適用*/
margin:2px auto 10px;
text-align:center;
}

.act-box p.lead-copy {
margin:0;
padding-top:0;
padding-left:5px;
color:#222;
font-size:100%;
}

.box{
position:relative;
width:100%;
padding-top:56.25%;
}

.box iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important
}

p.past a{
display:block;
max-width:200px;
margin:1em auto;
padding:1em;
background-color:#F90;
color:#FFF;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
border-radius:30px;
text-decoration:none;
text-align:center;
font-weight:700;
}

p.past a:hover,
p.past a:focus{
background-color:#FC0;
}


@media only screen and (min-width:640px) {


/* メニュー
---------------------------------*/	
.info-col,
.info-col-nlink{
float:left;
width:48%;
margin:0;
padding:5px;
font-size:12px;
}

a.act-box,
.info-col-nlink .act-box{
min-height:270px !important;	
}

}

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

/* メニュー
---------------------------------*/	
.info-col,
.info-col-nlink{
float:left;
width:32%;
margin:0;
padding:5px;
font-size:12px;
}

a.act-box,
.info-col-nlink .act-box{
min-height:250px !important;	
}

}