html {
	font-size: 62.5%;
}
body {
	font-size: 1.0rem; /*10px*/
	font-family: 'Open Sans','Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
	background: url(/img/bg.png) repeat;
	box-sizing: border-box;
}
a:link {
	color: #3299db;
}

a:visited {
	color: #3299db;
}

a:active {
	color: #3299db;
}

a:hover {
	color: #3299db;
}
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    font-size: 0;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ul li, ol, dl, dt, dd {
    margin: 0;
    padding: 0;
}
h2 {
	font-size: 1.8rem;
	margin: 0 0 0.25em;
    line-height: 1.35;
    font-weight: bold;
    color: #57a397;}

h2 ~ h2 {
	margin-top: 2.5em;
}

h3 {
	margin: 0 0 0.5em 5px;
	padding: 2px 0 0 8px;
	border-left: 5px solid #57a397;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.35;
}

h3 ~ h3 {
	margin-top: 1.5em;
}

h2 + h3 {
	margin-top: 0;
}

p + h3 {
	margin-top: 1.5em;
}

table + h3, ul + h3, ol + h3, dl + h3 {
	margin-top: 1.5em;
}

h4 {
	font-size: 1.5rem;
}

h4 ~ h4 {
	margin-top: 1.5em;
}

h3 + h4 {
	margin-top: 0;
}

p + h4 {
	margin-top: 1.5em;
}

table + h4, ul + h4, ol + h4, dl + h4 {
	margin-top: 1.5em;
}

h5 {
	margin: 0 0 0.5em 5px;
	padding: 2px 0 0 8px;
	border-left: 5px solid #57a397;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.35;
}

h5 ~ h5 {
	margin-top: 1.5em;
}

h4 + h5 {
	margin-top: 0;
}

p + h5 {
	margin-top: 1.5em;
}

h6 {
	font-size: 1.5rem;
}

h6 ~ h6 {
	margin-top: 1.5rem;
}

h5 + h6 {
	margin-top: 0;
}

p + h6 {
	margin-top: 1.5em;
}
.double_col #inner_body h1 {
    margin-left: -30px;
    margin-bottom: 10px;
    padding: 7px 0 0 23px;
    border-left: 7px solid #F69;
    font-size: 200%;line-height: 1.35;
}
h6.hs_01 {
	position: relative;
	padding: 1em 1.5em;
	border-left: none;
	background-color: #dce8e9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;*/
}
#footer_lower{
	background-color: #0b4889;
	color: #fff;
	text-align: center;
	padding: 10px;
}


#body{
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.radius{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.shadow{
	-moz-box-shadow:0 0 5px #999;
	-webkit-box-shadow:0 0 5px #999;
	-o-box-shadow:0 0 5px #999;
	-ms-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
}

ol.maru{
    counter-reset: list_count;
	list-style-type: none;
}
ol.maru li::before{
      margin-right: .25em;
      counter-increment: list_count;
      content: counter(list_count);
      display: inline-block;
      line-height: 1em;
      text-align: center;
      height: 1em;
      width: 1em;
      border-radius: 50%;
      font-size: 0.8em;
      border: 1px solid #000;
}