@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f7f7f5; font-size:16px; line-height:1.8em; font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;}
html { padding:0; margin:0; }
h1{font-size: 32px; line-height: 35px; margin: 0 0 0;}
h2{font-size: 32px; line-height: 35px; margin: 0 0 0; font-weight: normal;}
h3{font-size: 26px; line-height: 31px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#bf4949; text-decoration:none}

p{ font-size:16px; line-height:1.8em; font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;}

.pate { margin:0 auto; padding:0; background: #deecff; }
.resize { width:960px; padding:0; margin:0 auto; }
.pate_header { margin:0; padding:0; }
.pate_header_top { width:960px; padding:0; margin:0 auto; }

.pate_blog2 { padding:20px 0 0 0; margin:0; height:95px; }
.pate_blog2 h3 { font: bold 36px "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#fff; padding:10px 0 0 0; margin:0; }

.logo { padding:0; margin:0; width:268px; float:left; }
.logo img { margin: 10px 10px;}

.pate_describe {background-color: #1d8bd4; padding: 8px 15px; margin: 0 0 15px;}
.pate_describe p {color: #fff!important;}

.menu { padding:15px 0 0 0 0; margin:0; width:880px; float:right; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:right; }
.menu ul li { float:left; margin:0; padding:0 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px; color:#000; font:normal 12px "Trebuchet MS", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; text-decoration:none; }
.menu ul li a:hover { color:#aa324a; }
.menu ul li a.active { color:#aa324a; }

.cols{ margin: 0 0 40px;}
.cols_cont{ margin: 40px 0 10px; }
.cols_cont h3 {font-size: 20px!important; line-height: 26px; margin: 0; color: #ab334b!important;}
.cols_extra{ width: 31%; float: left; padding: 0 6px;}
.cols_extra h3 {width: 170px; font-size: 22px!important; line-height: 1.3;}
.cols_extra p {width: 170px;}
.cols_cate {margin: 0 0 20px;}

.pate_blog { padding:0; background-color: #1d8bd4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23b4dbe8' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); margin:0 auto; }
.pate_blog_resize { width:960px; margin:0 auto; padding:0; }
.pate_blog_resize h2 {font-size: 32px; line-height: 35px; padding: 15px 0; text-align: center; color: #fff;}
.pate_blog h3 { font: bold 36px "Trebuchet MS", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#f7f7f5; padding:20px; margin:0; text-align:center }

.pate_inner { padding:40px 0; margin:0 auto; width:960px; background:#fff; }
.pate_inner h3 { font:bold 22px/28px "Trebuchet MS", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#106495; padding:10px 0 0; margin:0; }
.pate_inner h3 span { font:normal 11px "Trebuchet MS", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#7e7e7e; text-transform:none; }
.pate_inner p { font:normal 16px "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#333; line-height:1.8em; padding:12px 0; margin:0; }
.pate_inner img { margin:10px auto; padding:0; }
.pate_inner img.floated { float:left; margin:15px 10px 15px 0; padding:0; }
.pate_inner img.serv { float:left; margin:20px 10px 10px 0; padding:0; }
.pate_right { width:560px; margin:0; padding:2px 25px; float:right; }
.pate_left { width:300px; margin:0; padding:5px 25px; float:left; }
.pate_left ul {margin: 10px 0 30px;}
.pate_left h2 {position: relative; width: 265px;
  padding-left: 25px;}
.pate_left h2:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.pate_left h2:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.pate_left h2 a { font-size: 21px; line-height:26px;}
.port { width:280px; margin:0; padding:0 10px 0 25px; float:left; }

.pate_inner_blog { width:960px; margin:0 auto; padding:15px 0; border-top:1px solid #ececec; border-bottom:1px solid #eaeaea; background-color: #1d8bd4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23b4dbe8' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.pate_inner_blog h3 { font:bold 16px "Trebuchet MS", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#101010; padding:10px 0; margin:0 0 10px 0; }
.pate_inner_blog h3 span { font:normal 11px "Trebuchet MS", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#7e7e7e; text-transform:none; }
.pate_inner_blog p { font:normal 12px "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#7e7e7e; line-height:1.5em; padding:10px 0; margin:0; }

.pate_inner_blog a { color:#a63046; text-decoration:none; }
.pate_inner_blog img { margin:1px 5px 0 0; padding:0; }
.copy_leftt { width:297px; margin:0; padding:10px 5px; float:left; border-right:1px solid #e5e5e5; }

.footer_pate { padding:10px 0; margin:0; }
.footer_pate_resize { width:910px; margin:0 auto; padding:5px 25px; }
.footer_pate p { font:normal 16px "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#444; }
.footer_pate a { font:bold 16px "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#444; text-decoration:none; padding:5px 0; margin:0; }
.footer_pate a:hover{color:#bf4949}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
.clr.margin_bottom{ margin-bottom:30px;}

#slider { width:936px; padding:21px 0 0 0; margin:0 auto; }
div#slideshow { width:936px; height:280px; padding:0; margin:0 auto; }
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0; }
.slider_content_pate_inner img { border: none; }
.controls_center { width: 917px; margin:0 auto; padding:5px 0; }
#slider_controls { margin:0 auto; z-index: 1000; width:936px; }
#slider_controls ul { margin:0 auto; padding:0; width:76px; }
#slider_controls ul li { margin:0; padding:0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width:11px; height: 11px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }

.pate_left li { list-style: none; padding: 5px 10px; background: #1d8bd4; margin: 2px 0 0 -40px; }
.pate_left li a { color: #fff; font-size: 14px;}
.pate_left li:hover, .pate_left li.active { background: #106495; color:#fff}