@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#151515; font:normal 16px/30px Meiryo, Helvetica, sans-serif; background:url(images/bg.gif);}
html, .homepage { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:30px 0; color:#249cd3; font:bold 30px/1.2em Meiryo, Helvetica, sans-serif; text-transform:uppercase;}
h2 { font: normal 27px/28px Meiryo, Helvetica, sans-serif; color:#000; padding:0px 0; margin:0px 0 10px 0;}
h2 a, h2 a:hover { color: #000;}
h3 { font-size: 19px; line-height:1.3; padding:0; color:#dc2b00; margin: 0 0 10px;}
p { margin:10px 0; padding:0 0 5px 0; font:normal 16px/30px Meiryo, Helvetica, sans-serif;}
a { color:#151515; text-decoration: none;}
a:hover { color:#dc2b00;}
img.imgwh { margin:6px 16px 0 0; padding:3px; float:left; border:1px solid #dedede;}

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; 
}
a.linkopacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

.home_header, .hbg, .main_content, .fbg, .footer, form, ol, ol li, ul { margin:0; padding:0;}
.home_header_group, .hbg_group, .main_content_group, .fbg_group, .footer_group { margin:0 auto; padding:0 40px; width:890px;}
.main_content, .fbg { padding:30px 40px;}
.hbg{
    background: #6eb7ff;
    padding: 15px 0;
}

.home_header { background:#d4ebff url(images/home_header_bg.gif) repeat-x top;}

.main_content .leftbar { margin:0; padding:0; float:left; width:614px;}
.main_content .leftbar .blog{ margin:0 0 30px 0; padding:0;}
.main_content .leftbar img { border:1px solid #dedede; padding:3px; margin-right: 15px; float: left;}
.main_content .leftbar .blog img.ilf { float:left; margin:0 16px 8px 0;}
.main_content .rightbox { margin:0; padding:0; float:right; width:236px;}
.main_content .rightbox h2{font-size: 22px;}
ul.sb_menu { margin:0 0 30px; padding:0; list-style:none; color:#959595;}
ul.sb_menu li { margin:5px 0; padding:7px 0 7px 10px; font-size:16px; border:solid 1px #ddd; border-left: solid 2px #6eb7ff;border-right: solid 2px #6eb7ff;}
ul.sb_menu li:hover { margin:5px 0; padding:7px 0 7px 10px; font-size:16px; border:solid 1px #ddd; border-left: solid 2px #dc2b00;border-right: solid 2px #dc2b00;}

ul.sb_menu li a { color:#4e4e4e; text-decoration:none; font:normal 16px/30px Meiryo, Helvetica, sans-serif; }
ul.sb_menu li a:hover { color:#dc2b00;}


.footer { padding:16px 0; background:#6eb7ff; border-top: solid 1px #3f87ce}
.footer p.lf { margin:0; padding:0; text-align:center; width:auto;}
.footer p.lf a { color:#333; text-decoration: none;}
.footer p.lf a:hover { text-decoration: underline; }
.gary1{
	padding: 10px;
    background: #6eb7ff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
.gary1 p {
    margin: 0; 
    padding: 0;
    text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83),
               6px 0px 15px rgba(255, 255, 240, 0.83);
}
.key{
    margin: 0 auto;
    padding: 0 40px;
    width: 890px;
}
.leftbar_inner{
    margin-bottom: 60px;
}
.blog1{
    margin-top: 40px;
}
.blog2{
    float: left;
    margin-top: 30px;
    width: 190px;
}
.blog2:nth-child(2n){
    margin: 30px 22px 0;
}
.blog_cata{
    position: relative;
}
.blog_cata .msg{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    opacity: 0;
    background: rgba(255,255,255,0.8);
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
.blog_cata .msg h2{
    margin-bottom: 0;
}
.blog_cata:hover .msg{
    opacity: 1;
}
.blog_cata .msg p{
    padding: 0;
}
.sb{
    margin-bottom: 20px;
}
.blog3 h3{
    text-align: center;
    padding: 10px;
  border-radius: 25px;
  color: #333;
  background-image: linear-gradient(45deg, #ffecb4 0%, #ffcab6 100%);
}