@charset "utf-8";

#clear{
clear:both;
}

#space{
height:10px;
clear:both;
}

#space50{
height:50px;
clear:both;
}

#content{
width:1200px;
margin:20px auto 0 auto;
padding-top:80px;
}

#pankuzu{
text-align:left;
font-size:13px;
padding-left:10px;
}

.information02{
width:90%;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
margin:30px auto;
border:1px #999999 solid;
text-align:left;
font-size:13px;
line-height:1.7;
}

#gray_line{
background:#222222;
padding:30px 0;
}

#footer{
clear:both;
}

/* フッター
*****************************************************/
#footerWrapper{
width:1100px;
margin:10px auto 0 auto;
}

#footer aside{
float:left;
width:48%;
}

ul.ft{
border-bottom:1px solid #EBE9E5;
padding-bottom:0;
margin-bottom:0;
}

ul.ft li a{
color:#000000;
text-align:left;
font-size:12px;
}

ul.ft li a:hover{
color: #666666;
}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-size:90%;
zoom:1;
color:#fff;
background: #333333;
}

@media only screen and (max-width:1100px){
#footerWrapper{
width:98%;
margin:0 auto;
}

#footer aside{
width:48%;
margin:0;
padding:2px 0 40px;
background:none;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
float:left;
}
}

/* フッター　ウィジェット
*****************************************************/
.widgetWrap{
margin: 0 0 10px;
padding: 3px;
}

.widget, .widgetInfo,#calendar_wrap{
padding: 10px 2px;
}

#banners img{
max-width:300px;
height:auto;
margin-bottom:10px;
}

#banners a:hover img{box-shadow:0 0 4px rgba(255,255,255,0.7);}

.widget h3{
clear:both;
margin:0 0 10px;
font-size:13px;
font-weight:normal;
color: #000;
border-bottom:1px solid #ccc;
padding:3px 0 3px 3px;
text-align:left;
}

.widget a{
display:block;
padding:3px 0 3px 5px;
}

.widget ul.sub-menu{margin-left:10px;}

.widget a:hover{background-position: 3px 50%;}

#copy{
background:#222222;
padding:20px 0;
text-align:center;
color:#FFFFFF;
font-size:12px;
}

@media screen and (max-width: 1200px) {
#content{
width:100%;
margin:20px auto 0 auto;
}
}

h3{
font-size:30px;
text-align:center;
color:#0082D6;
}

/* トップページ 最新記事4件
------------------------------------------------------------*/
.thumbWrap{
width:1100px;
margin:20px auto;
}

.thumbWrap li{
float:left;
width:25%;
margin:0;
padding:2px 0 10px;
background:none;
text-align:center;
}

.thumbWrap li img{
margin:0;
width:96%;
height:auto;
}

.thumbWrap li img:hover{
opacity: 0.7;
}

.thumbWrap li p{
text-align:left;
font-size:12px;
padding:5px 10px;
}

@media screen and (max-width: 1100px) {
.thumbWrap{
width:100%;
margin:20px 0;
}
}

@media screen and (max-width: 900px) {
.thumbWrap li{
float:left;
width:50%;
margin:0;
padding:2px 0 10px;
background:none;
text-align:center;
}
}

/* トップページ 最新記事4件
------------------------------------------------------------*/
.thumbWrap03{
width:1100px;
margin:20px auto;
}

.thumbWrap03 li{
float:left;
width:33%;
margin:0;
padding:2px 0 10px;
background:none;
text-align:center;
}

.thumbWrap03 li img{
margin:0 auto;
width:96%;
height:auto;
}

.thumbWrap03 li p{
text-align:left;
font-size:12px;
padding:5px 10px;
}

@media screen and (max-width: 1100px) {
.thumbWrap03{
width:100%;
margin:20px 0;
}
}

@media screen and (max-width: 900px) {
.thumbWrap03 li{
float:left;
width:50%;
margin:0;
padding:2px 0 10px;
background:none;
text-align:center;
}
}