@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}

a:link {
color: #DF013A;
}

a:visited {
color: #DF013A;
}

a:hover {
  color: #007CEC;
}

a:active {
  color: #770000;
}

a img {
  text-decoration: none;
  border: none;
}

li, ul, ol {
  list-style-type: none;
  padding: 0px;
  text-indent: 0;
  margin: 0px;
}

a img {
  text-decoration: none;
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  margin: 0;
  padding: 0;
}

table {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.none {
  display: none;
}

.clear {
  clear: both;
}

.clearfix {
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}




/*basic style
---------------------------------------*/
.flol {
  float: left;
}

.flor {
  float: right;
}

.txr {
  text-align: right;
}

.txl {
  text-align: left;
}

.txc {
  text-align: center;
}

.nomar {
  margin: 0 !important;
}

.bold {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

/*body
---------------------------------------*/
body {
text-align: center;
font-size: 16px;
line-height: 1.5em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'モリサワ 新ゴ R', "Shin Go Regular", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000;
background-color: #FFF;
}
.webfont {
font-family: 'Sorts Mill Goudy', serif;
}
#header {
  background-image: url(img/content_back.png);
  background-repeat: repeat-y;
  background-position: center;
}
#header address {
background-image: url(img/head_address.png);
background-repeat: no-repeat;
display:block;
height: 43px;
width: 214px;
position:absolute;
top:45px;
right:0;
}
#header #header_line {
  background-image: url(img/header_h1.png);
  background-repeat: repeat;
  height: 22px;
  width: 100%;
}
#header #header_line_in {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
#header #header_line_in h1 {
  color: white;
  font-size: 11px;
  font-weight: normal;
}
#header #header_line_in h2 {
  position: absolute;
  top: 65px;
  left: 0;
}
#header #header_line_in p{
font-size:11px;
position:absolute;
top:23px;
right:0;
}

#head_box {
background-repeat: no-repeat;
background-position: center top;
/* [disabled]min-height: 396px; */
padding-top: 90px;
padding-bottom: 15px;
}

#container {
background-image: url(img/content_back.png);
background-repeat: repeat-y;
background-position: center center;
text-align: left;
}
#nav_back {
background-color: #042f51;
height: 42px;
}
#nav {
overflow: hidden;
width: 1020px;
margin-right: auto;
margin-left: auto;
}
#nav li {
float: left;
height: 30px;
width: 200px;
text-align: center;
}
#nav li.current,
#nav li:hover {
background-image: url(img/nac_current.png);
background-repeat: no-repeat;
background-position: center top;
}
#nav li a {
display: block;
height: 100%;
width: 100%;
background-image: url(img/menu.png);
background-repeat: no-repeat;
}
#menu_01 a {
background-position: 63px 12px;
}
#menu_02 a {
background-position: -127px 12px;
}
#menu_03 a {
background-position: -328px 12px;
}
#menu_04 a {
background-position: -526px 12px;
}
#menu_05 a {
background-position: -737px 12px;
}
#menu_01 a:hover {
background-position: 63px -58px;
}
#menu_02 a:hover {
background-position: -127px -58px;
}
#menu_03 a:hover {
background-position: -328px -58px;
}
#menu_04 a:hover {
background-position: -526px -58px;
}
#menu_05 a:hover {
background-position: -737px -58px;
}
#top_slide {
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
/* [disabled]padding-bottom: 15px; */
}
#slide {
overflow: hidden;
height: 353px;
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

.b_line {
background-image: url(img/nav_bottom.png);
background-repeat: no-repeat;
background-position: center top;
height: 5px;
width: 1435px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
content:" ";
margin-left: auto;
display:block;
clear: both;
}
#page_title {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
background-image: url(img/nav_bottom.png);
background-repeat: no-repeat;
height: 33px;
text-shadow:0 1px 3px rgba(0,0,0,0.4);
width: 1437px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-left: 20px;
margin-top: 0px;
/* [disabled]margin-bottom: 15px; */
font-size: 1.4em;
line-height: 1.5em;
background-position: center bottom;
}
#page_title h1 {
width: 980px;
margin-right: auto;
margin-left: auto;
}

#wrapper {
width: 1025px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-bottom: 30px;
/*background-image: url(img/nav_bottom.png);
background-repeat: no-repeat;
background-position: center top;*/
padding-top: 15px;
}

#content {
float: left;
width: 650px;
padding-left: 30px;
}

#content2 {
float: left;
width: 650px;
}

#info_box {
border-radius: 5px;
box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.3);
margin: 10px 15px 10px 15px;
padding: 10px;
overflow: hidden;
}

#info {
margin:10px 0 10px 0;
padding-left: 5px;
text-align:left;
font-weight:normal;
font-size:13px;
}

#info dl {
height:200px;
margin: 0px 0px 5px 0px;
overflow:auto;
}

#info dl dt {
padding-top:8px;
padding-left:1px;
font-weight: bold;
}

#info dl dd {
font-size: 13px;
padding-left:1px;
border-bottom:dotted 1px #aaa;
border-bottom-color:#FFCCCC;
padding-bottom:8px;
}

#content3 {
float: left;
width: 650px;
padding-left: 20px;
padding-top: 10px;
}

#blanch_box {
margin: 10px 15px 10px 15px;
padding: 10px;
overflow: hidden;
}

#branch {
margin:10px 0 10px 0;
padding-left: 5px;
padding-right: 40px;
text-align:left;
font-weight:normal;
background-color: #ffffff;
font-size:13px;
}

#branch dl {
height:240px;
margin: 0px 0px 5px 0px;
overflow:hidden;
}

#branch dl dt {
padding-top:8px;
padding-left:1px;
font-weight: bold; color: #DBA901;
}

#branch dl dd {
font-size: 13px;
padding-left:1px;
border-bottom:dotted 1px #aaa;
border-bottom-color:#FFCCCC;
padding-bottom:8px;
}

#content4 {
float: left;
width: 650px;
padding-left: 20px;
padding-top: 10px;
}

#topics_box {
margin: 10px 15px 10px 15px;
padding: 10px;
overflow: hidden;
}

#topics {
margin:10px 0 10px 0;
padding-left: 5px;
text-align:left;
font-weight:normal;
font-size:13px;
color: #000;
}

#topics a {
color: #000;
}

#check{
margin:0 auto;
}

#check ul {
padding:0px 5px 0px 5px;
}

#check ul li {
list-style:none;
margin:0px 5px 0px 0px;
padding:5px 2px 2px 2px;
border-bottom:1px dotted #333;
}

/*aside
---------------------------------------*/

#aside {
float: right;
width: 340px;
padding-top: 15px;
}
#aside #side_taiken {
background-image: url(img/uwaki-taiken.jpg);
background-repeat: no-repeat;
height: 38px;
width: 574px;
margin-top: 20px;
margin-bottom: 10px;
}

#sub_nav li {
background-image: url(img/side_bar01.png);
background-repeat: no-repeat;
height: 47px;
width: 250px;
background-position: right top;
padding-left: 90px;
padding-top: 23px;
font-size: 1.2em;
line-height: 1.3em;
}
#sub_nav li a {
color: #ffffff;
}
#sub_taiken li {
background-image: url(img/side_bar02.png);
background-repeat: no-repeat;
height: 47px;
width: 250px;
background-position: right top;
padding-left: 90px;
padding-top: 23px;
font-size: 1.2em;
line-height: 1.3em;
}
#sub_taiken li a {
text-decoration: none;
}

#aside #side_info {
background-image: url(img/news1.jpg);
background-repeat: no-repeat;
height: 38px;
width: 574px;
margin-top: 20px;
margin-bottom: 10px;
}
#aside_info {
margin-left:80px;
width: 240px;
text-align:left;
font-weight:normal;
background-color: #ffffff;
font-size:13px;
}
#aside_info dl {
height:240px;
padding: 0px;0px;90px;0px;
overflow:auto;
}
#aside_info dl dt {
padding-top:8px;
padding-left:7px;
font-weight: bold;
}
#aside_info dl dd {
font-size: 13px;
padding-left:7px;
border-bottom:dotted 1px #aaa;
border-bottom-color:#FFCCCC;
padding-bottom:8px;
}

#aside #side_branch {
background-image: url(img/branch.png);
background-repeat: no-repeat;
height: 38px;
width: 574px;
margin-top: 35px;
margin-bottom: 10px;
}
#aside_branch {
margin-left:80px;
width: 240px;
text-align:left;
font-weight:normal;
background-color: #ffffff;
font-size:13px;
}
#aside_branch dl {
height:200px;
padding: 0px 0px 15px 0px;
}
#aside_branch dl dt {
padding-top:8px;
padding-left:7px;
font-weight: bold; color: #DBA901;
}
#aside_branch dl dd {
font-size: 13px;
padding-left:7px;
border-bottom:dotted 1px #aaa;
border-bottom-color:#FFCCCC;
padding-bottom:8px;
}

#aside_contact .smart_so_tel {
    padding: 15px 0;
}

/*footer
---------------------------------------*/
#footer #pagetop {
  margin-left: -100px;
  position: fixed;
  bottom: 100px;
}
#footer {
color: #ffffff;
background-color: #042f51;
padding-top: 20px;
padding-bottom: 20px;
text-align: right;
}
#footer a{
color: #ffffff;
text-decoration: none;
}
#footer_in {
width: 1025px;
margin-right: auto;
margin-left: auto;
}

#footer #pagetop a {
background-image: url(img/pagetop.png);
display: block;
height: 16px;
width: 20px;
background-repeat: no-repeat;
}
#copy {
font-size: 0.9em;
}

/*contant
---------------------------------------*/
/*archive
---------------------------------------*/

/*contact sou
---------------------------------------*/
.contact_form input {
  padding: 4px;
  border-radius: 4px;
  border: #999 solid 1px;
  margin-bottom: 5px;
}

.contact_form input[type="text"],
.contact_form textarea {
  font-size: 18px;
}

.contact_form input[type="checkbox"] {
  border-radius: 4px;
  margin-left: 10px;
}

.contact_form input[type="submit"] {
padding: 8px 25px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
background: -moz-linear-gradient(top, rgba(63, 63, 63, 0) 0%, rgba(160, 160, 160, 0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(63, 63, 63, 0)), color-stop(100%, rgba(160, 160, 160, 0.65)));
background: -webkit-linear-gradient(top, rgba(63, 63, 63, 0) 0%, rgba(160, 160, 160, 0.65) 100%);
background: -o-linear-gradient(top, rgba(63, 63, 63, 0) 0%, rgba(160, 160, 160, 0.65) 100%);
background: -ms-linear-gradient(top, rgba(63, 63, 63, 0) 0%, rgba(160, 160, 160, 0.65) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003f3f3f', endColorstr='#a6a0a0a0',GradientType=0 );
background-color: #FFF;
background-position: bottom;
}

.contact_form input[type="submit"]:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  color: white;
  background-color: #aaa;
}

.contact_form textarea {
  border-radius: 4px;
  border: #999 solid 1px;
  width: 70%;
}

.hissu {
color: #DA4525;
font-size: 0.9em;
font-weight: bold;
}

/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.alignright {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

/*social
---------------------------------------*/

#social {
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  padding-right: 3px;
  padding-top: 5px;
}

#social li {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

/*pankuzu
---------------------------------------*/
.pankuzu {
  float: right;
  padding-right: 10px;
  padding-top: 5px;
  font-size: 0.9em;
}

.pankuzu {
  text-decoration: none;
}

/*blog post
---------------------------------------*/
.content_post {
  height: 100%;
  clear: both;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;background-image: url(img/content_back1.jpg);
  background-position:center top;  text-align: left;
}

.content_post div,
.content_post p {
  margin-bottom: 1em;
  line-height: 1.7em;
}

.content_post ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 6px;
}

.content_post ol li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 6px;
  text-indent: 5px;
}

.content_post ul {
  margin-bottom: 0.8em;
}

.content_post .left {
  float: left;
}

.content_post .right {
  float: right;
}

.content_post h1 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0.67em;
  margin-right: 0;
  margin-bottom: 0.67em;
  margin-left: 0;
  line-height: 1.1em;
  padding-top: 0.5em;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.content_post h2 {
  display: block;
  margin-top: 1em;
  margin-right: 0;
  margin-bottom: 0.2em;
  margin-left: 0;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 10px;
  clear: both;
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: #000;
  font-size: 1.5em;
  line-height: 1em;
}

.content_post h3 {
display: block;
font-size: 1.35em;
text-shadow:0.1px 3px rgba(0,0,0,0.2);
font-weight: bold;
margin-top: 1em;
margin-right: 0px;
margin-bottom: 1em;
margin-left: 0px;
padding-top: 1.5em;
padding-right: 0px;
padding-bottom: 9px;
clear: both;
border-bottom: solid 5px #0A0A2A;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.content_post .Dech3 {
    position: relative;
    margin-top: 0;
    margin-bottom: 55px;
    font-size: 1.5em;
    padding-top: 40px;
    padding-bottom: 20px;
    line-height: 1.3em;
    text-align: left;
    background-position: left bottom;
    padding-right: 190px;
}
.content_post .Dech3:after {
  display:block;
  content:"";
  position:absolute;
      top: -13px;
    right: -23px;
  width:213px;
  height:137px;  
  background-repeat: no-repeat;
  background-image: url(img/photo.png);
  background-position:center top;
}
.content_post1h3:first-child {
padding-top:0;
margin-top:0;

}
.content_post h4 {
display: block;
color: #0B173B;
font-size: 1em;
font-weight: bold;
margin-top: 1.5em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
padding-top: 3px;
padding-bottom: 3px;
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: #0B173B;
}

.content_post h5 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  border-left-width: 15px;
  border-left-style: solid;
  border-left-color: #000;
  margin-top: 1.5em;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
  padding-left: 5px;
}

.content_post h5.toph5 {
 display: block;
 font-weight: bold;
 border:none;
 font-size:1.1em;
 border-bottom:solid #000 2px;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.2em;
 margin-left: 0;
 padding-left: 5px;
}

.content_post h6 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-top: 1em;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-left: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom-width: 3px;
  border-bottom-style: double;
  border-bottom-color: #000;
}

.content_post .nolistmark li {
  list-style-type: none;
}

.content_post blockquote {
  margin: 0.8em;
}

.content_post table {
  margin-bottom: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content_post table caption {
  text-align: left;
  font-weight: bold;
}

.content_post table th, .content_post table td {
  padding: 6px;
  border: #333 solid 1px;
}

.infodiv {border-bottom: solid 3px #0B173B; box-shadow: 0 1px 4px rgba(0,0,0,0.2); padding: 0.1em; margin-bottom: 10px; width: 98%;}
.infotitle {padding-left: 5px; color: #0B173B; font-weight: bold;}

.info{
margin-top:20px;
margin-bottom: 50px;
width: 98%;
height: 160px;
overflow: auto;
}

.info dl dt{
font-size: 0.9em; font-weight: bold;
}

.info dl dd{
border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-bottom: 10px; margin-bottom: 10px;
}

blockquote {
position: relative;
margin: 2em 0;
padding: 1.2em;
font-size: 0.9em;
border: 1px solid #bbb;
border-radius: 2px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

blockquote:before{
position: absolute;
top: 15px;
left: 20px;
font-family:"ＭＳ Ｐゴシック",sans-serif;
content: '“';
font-size: 4em;
color: #aaa;
opacity: .1;
}

.box{
font-size: 0.9em;
border: solid 1px #bbb; 
background-color: #eee;
padding: 1em;
margin-top: 1em;
border-radius: 2px;
box-shadow: 0px 1px 3px rgba(0,0,0,.2);
}
.box ul {
margin-top: 7px;
}
.box ul li{
padding: 5px;
list-style-type: square;
}
.box ol {
margin-top: 7px;
margin-left: 5px;
}
.box ol li{
padding: 5px;
}

.linkbox {
font-size: 0.9em;
margin: 2em 0;
padding: 1.2em;
border: 1px solid #bbb;
border-radius: 2px;
box-shadow: 0px 1px 3px rgba(0,0,0,.2);
}

.y_box{background-color: #F4FA58;font-weight: bold;border-radius: 10px;padding: 0 3px 0 3px;}
.p_back{background-color: #F8E0E6; font-weight: bold;}
.r_line{background:linear-gradient(transparent 85%, #ffadad 85%); font-weight:bold;}
.y_line{background:linear-gradient(transparent 85%, #fff799 85%); font-weight:bold;}

.mokuji{border: 1px solid #ddd; background-color: #fbfcf8; margin: 30px 0; padding: 30px 40px 30px 40px; }
.mokuji ol{margin-top: 10px;}
.mokiji ol li{background: url(/img/bg-note03.png) bottom; margin: 10px; padding: 30px 0 10px 0;}
.mokuji ol li a{text-decoration: none;}

.price {
font-weight: bold;
color: #FF6666;
font-size: 1.3em;
line-height: 1em;
}

.tmb{
border: solid 1px #ccc; 
border-radius: 5px; 
box-shadow: 0 1px 4px rgba(0,0,0,0.2);  
margin-right: 10px;}

.point {
  background-image: url(img/arw01.png);
  background-position: 0px 10px;
  background-repeat: no-repeat;
  padding-left: 29px;
  padding-bottom: 4px;
  padding-top: 5px;
}

.point_box {
  border-radius: 5px;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.3);
  padding: 10px;
  /*background-color: #2b85d1;*/
  overflow: hidden;
  margin-bottom: 30px;
  background-image: url(img/content_back1.jpg);
  background-position:center top;
}

.line03 p {
    line-height: 36px;
    background: url(img/bg-note03.png) bottom;
    margin: 0;
    padding: 0;
}
.bggreen {
    border: 1px solid #dddddd;
    background-color: #fbfcf8;
    margin: 30px 0;
    padding: 20px 40px 40px;
    font-family: "arial",serif;
}

.listbox {border: 1px solid #ddd; background-color: #fbfcf8; margin: 30px 0; padding: 20px 40px 40px; font-family: "arial",serif; }
.listbox ol li {line-height: 36px; background: url(/img/bg-note03.png) bottom; margin: 10px; padding: 0;}
.listbox ol li a {text-decoration: none;}

/**/
.smart_so_tel {
  background-color: #6B120F;
  text-align: center;
  padding: 5px 0;

  
  margin: 0 auto;
}
.smart_so_tel a {
  display:block;
  background-repeat: no-repeat;
  background-position:center ;
}
.smart_so_tel a.smCon {
  background-image: url(img/smart_contact_red.png);
  width: 214px;
  height: 34px;
  margin: 0 auto 5px auto;
}
.smart_so_tel a.smTel {
  background-image: url(img/smart_tel_red.png);
  width: 222px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
}

.content_post .smart_so_tel p {
  margin-bottom: 0;
}

/*sitemap
---------------------------------------*/
#sitemap {
  padding: 10px 10px;
}

#sitemap li li {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #666;
  background-image: url(img/li.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: left center;
  list-style-type: none;
}

#sitemap li {
  padding-top: 3px;
  padding-bottom: 3px;
  list-style-type: none;
}
.com_gaiyou {
height: 360px;
}
.com_gaiyou dt {
padding: 5px;
clear: both;
float: left;
width: 120px;
}
.com_gaiyou dd {
float: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 120px;
}
.flow_post ol li {
border: 1px solid #7a3c3c;
padding: 20px;
overflow: hidden;
margin-bottom: 10px;
clear: both;
}
.flow_post ol li .mid h3 {
text-shadow:0 1px 2px rgba(0,0,0,0.3);
font-size: 1.2em;
line-height: 1.3em;
font-weight: bold;
letter-spacing: 0.2em;
}

.flow_post ol li .right {
float: right;
width: 200px;
}
.flow_post ol li:after {
content:"　";
display:block;
background-image: url(img/flow_a.png);
background-repeat: no-repeat;
/*overflow:hidden;*/
/*z-index:100;*/
height: 20px;
width: 41px;
margin-right: auto;
margin-left: auto;
clear:both;
margin-top:40px;
background-position: center bottom;
}
.flow_post ol li.noafter:after {
background-image:none;
content:"";

}
.flow_post ol li .webfont.left {
font-size: 4em;
float: left;
width: 50px;
height: 100%;
line-height: 1.2em;
}
.flow_post ol li .mid {
float: left;
width: 345px;
}
.underline {
text-decoration: underline;
}


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
left: -18px;
background-image: url(img/next.png);
background-repeat: no-repeat;
background-position: 0 0px;

}

.bx-wrapper .bx-next {
right: -18px;
background-image: url(img/next.png);
background-repeat: no-repeat;
background-position: -22px 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -100px;
}

.bx-wrapper .bx-next:hover {
	background-position: -22px -100px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 44%;
	margin-top: -16px;
	outline: 0;
	width: 22px;
	height: 99px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}





/*column追加20170216
---------------------------------------*/

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}



/*　コラム一覧 */
.column_cat h3{
	color: #042f51;
	font-size: 26px;
	font-weight: bold;
	padding: 31px 20px;
	border-top: 2px solid #073869;
	border-bottom: 2px solid #073869;
	position: relative;
	margin-bottom: 20px;
}
.column_cat h3:after{
	content: "";
	background: url(img/pen.png) no-repeat 0 0;
	width: 97px;
	height: 77px;
	position: absolute;
	top: 0;
	right:20px;
}
.column_cat dl{
	border: 4px solid #cdd9e4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
	box-sizing: border-box;
	padding: 20px 25px;
	background: #ecf2f7;
	margin-bottom: 10px;
}
.column_cat dl:last-child{
	margin-bottom: 60px;
}

.column_cat dl dt a{
	display: inline-block;
	color: #287ace;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
}
.column_cat dl dt a:hover{
	text-decoration: underline;
}

.column_cat dl dd a{
	display: inline-block;
	color: #287ace;
	text-decoration: none;
}
.column_cat dl dd a:hover{
	text-decoration: underline;
}




@media screen and (max-width: 480px) {

	.column_cat h3{
		font-size: 20px;
		padding: 15px 5px;
		margin-bottom: 15px;
	}
	.column_cat h3:after{
		content: "";
		background: url(img/pen.png) no-repeat 0 0;
		background-size: 55px auto;
		width: 55px;
		height: 50px;
		position: absolute;
		top: 0;
		right:5px;
	}
	.column_cat dl{
		border: 2px solid #cdd9e4;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		border-radius: 5px;
		box-sizing: border-box;
		padding: 10px 15px;
		margin-bottom: 7px;
	}
	.column_cat dl:last-child{
		margin-bottom: 45px;
	}

	.column_cat dl dt a{
		font-size: 16px;
		margin-bottom: 5px;
	}

	
}




/*　コラム詳細 */

#bread{
	text-align: left;
	margin-bottom: 20px;
	padding-left: 50px;
}
#bread div{
	float: left;
}
#bread div a,
#bread div span{
	font-size: 12px;
	color: #333;
	line-height: 1.0;
}


@media screen and (max-width: 1000px) {

	#bread{
		margin-bottom: 15px;
		padding-left: 15px;
	}
	
}



#page_title {
    background-image: none;
}
.b_line {
    background-image: none;
}