@charset "utf-8";

body { margin:0; padding:0; width:100%; color:#2F2C2C; font:normal 13px/1.5em Meiryo; background:url(images/head_bg.gif) repeat-x left top;}
html, .main-index { padding:0; margin:0;}
.main-index { }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2{ margin:0px 0 10px; padding: 0; font-size:26px; line-height: 1.3; font-weight:normal; color:#000;}
h3 { margin: 15px 0 10px; padding: 0; font-size: 20px; color:#008090;line-height: 1.3;}
p { margin:10px 0; padding:0 0 5px; font-size: 16px; line-height: 28px;}
a { color:#2F2C2C; text-decoration: none;}
a:hover { color:#008090;}

.main-header, .main-container, .global-navi, .fbg, .main-footer, form, ol, ol li, ul, .main-container .layout_bar, .main-container .sidebar { margin:0; padding:0;}


.main-header { }
.main-header-box { margin:0 auto; padding:0; width:960px;
    border-bottom: 3px solid #88ceda;}
.logo { padding:0; float:right; width:280px; 
    height: 380px;
    background: #fff;}
h1 { margin:0; padding:100px 0 0; font-size:48px; font-weight:normal; line-height:1.2em; text-transform:none; text-align:center;}
.slider { float:left; padding:10px; width:660px; background:#fff;}


.global-navi { margin:0 auto; padding: 10px 0;
    height: 50px;}
.global-navi ul { list-style:none; padding:0; height:50px; float:left; margin-bottom:10px;}
.global-navi ul li { margin: 0 0 0; padding:0; float:left;
    width: 192px;}
.global-navi ul li a { display:block; margin:0; padding:12px 10px; height:25px; font-size:1em; line-height:25px; text-decoration:none; text-transform:none; text-align:center;
position: relative;
    font-weight: bold;
    color: #444;
    background: #fff;
    transition: .4s;}
.global-navi ul li.active a, .global-navi ul li a:hover { text-decoration:none; background: #038294; color: white; }


.main-container { }
.main-container-box { margin:0 auto; padding:30px 0; width:960px;}
.main-container h2 { color:#000}
.main-container h2 a{ color:#000}

.main-container .layout_bar { margin:0; padding:0; float:left; width:671px;}
.main-container .layout_bar h2 { }
.main-container .layout_bar div.img { padding:0; float:left; margin-right: 15px;}
.main-container .layout_bar img { }
.main-container .layout_bar img.fl { margin:0; padding:3px; background:none; border:1px solid #ccc;}
.main-container .layout_bar img.sub { margin:10px 0 20px;}
.main-container .layout_bar .containerbox { margin:0 20px 20px; padding:0 0 16px;}
.main-container .layout_bar .post-content strong { color:#3f3f3f; font-weight:bold;}
.main-container .sidebar { padding:0; float:right; width:240px; text-align: center;}
.main-container .sidebar .linklist { margin:0 0 12px; padding:0 20px 0 0px;}
.main-container .sidebar h2 { font-size:22px; color:#000; margin:0; padding:0}
.main-container .sidebar h2 a:hover{ color:#008090}
ul.sb-menu { margin:0 0 30px; padding:0; list-style:none; color:#959595;}
ul.sb-menu li { margin:0 0; padding:5px 0; width:220px; }
ul.sb-menu li a { color:#444; text-decoration:none; font-size:1.15em; 
  display: block;
    padding: 13px 10px;
    border: solid 2px #88ceda;
    border-radius: 3px;
    transition: .4s;}
ul.sb-menu li a:hover { text-decoration:none; background: #88ceda; color: #222;}


.main-container .layout_bar a.rm { float:right; font-weight:bold; text-transform:none; color:#008090; text-decoration:none;}

.cont3 {padding: 0.5em 0.5em;
    margin: 5em 0 5em!important;
    background: #e0faff;
    box-shadow: 0px 0px 0px 10px #caf7ff;
    border: dashed 2px white;}

.main-container .layout_bar .comment { margin:0; padding:16px 0 0 0;}
.main-container .layout_bar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}


.fbg { background:#e7e7e7;}
.fbg_resize { margin:0 auto; width:920px; padding:16px 20px; color:#8a8a8a; border-bottom:1px solid #d1d1d1;}


.main-footer { background:#88ceda;}
.main-footer-box { margin:0 auto; padding:0 20px; width:920px; border-top:1px solid #f3f3f3;}
.main-footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em; color:#444;}
.main-footer p.lf a { color:#444; text-decoration:none; font-weight:bold;}
.main-footer p.lf a:hover { text-decoration:underline;}
.main-footer p.lf span { float:right;}
.mainbox{
	margin-bottom: 30px;
}
.cont01{
	float: left;
	width: 210px;
	margin: 0 0 0;
}
.cont01:nth-child(2n+2){
	margin: 0 20px 0;
}
.cont01 .post-content{
	float: none !important;
	width: auto !important;
}
.box-key p{
	border-top: 1px solid #fff;
    margin: 5px 0 5px;
    padding: 15px 10px;
    background: #ffffffba;
}
.catagory_01{
	position: relative;
	margin-bottom: 30px;
}
.catagory_01 .box{
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(255,255,255,0.8);
	padding: 20px 20px 5px;
}
@-webkit-keyframes rm {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes rm {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes rm-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes rm-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.rm {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.rm:hover, .rm:focus, .rm:active {
  -webkit-animation-name: rm-float, rm;
  animation-name: rm-float, rm;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}