@charset "UTF-8";
/*
  Theme Name: Responsive web design on blue by saka-en.com
  Description: For template theme by <a href="http://saka-en.com/">saka-en.com</a>.
  Theme URI: 
  Author: Sakakibara Engineering Office.
  Author URI: http://saka-en.com/
  Version: 1.0.0
  License: BSD-3-Clause license.
  License URI: http://opensource.org/licenses/bsd-license.php
  Tags: blue, right-sidebar, two-columns, bootstrap
*/

/****************************************

  General Setting

*****************************************/
html,
body,
header,
footer,
section,
article,
nav,
div,
span,
p,
a,
img,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
l,
dt,
dd,
table,
tr,
th,
d,
strong,
address,
form,
figure {
  margin: 0;
  padding: 0;
}
 
body {
  color: #454545;
  letter-spacing: 0.02em;
  line-height: 1.6em;
  font: 14px/1.4 "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

ul {
  list-style-type: none;
}

li {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

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



/****************************************

  Typography

*****************************************/
h1 .kana{
	font-size:75%;
}

/****************************************

  Header

*****************************************/
header {
 margin: 5px;
}

/****************************************

  Navi

*****************************************/
.navbar {
  margin: 0;
  padding: 0;
}
.navbar .nav li a {
  font-weight: bold;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, .75);
  border-right: 1px solid rgba(0, 0, 0, .1);
}
.navbar .nav li:first-child a {
  border-left: 0;
}
.navbar .nav li:last-child a {
  border-right: 0;
  border-radius: 0 3px 3px 0;
}
.navbar .nav li a:hover {
  text-decoration:underline;
}
.navbar .nav li a span {
  font-size: 73%;
  color: #2222ff;
}
.navbar .nav li a:hover span {
  color: #8f8f8f;
}

@media (min-width: 768px) {
.col-md-4{
	margin-top:25px;
	margin-bottom:25px;
}
.col-md-6{
	margin-top:25px;
	margin-bottom:25px;
}
.col-md-8{
	margin-top:25px;
	margin-bottom:25px;
}
.col-md-12{
	margin-top:25px;
	margin-bottom:25px;
}
 .navbar .nav {
  margin: 0;
  display: table;
  width: 100%;
 }
 .navbar .nav li {
  display: table-cell;
  float: none;
 }
 .navbar .nav li a {
  text-decoration: none;
 }
}
@media (max-width: 768px) {
.col-xs-4, .col-sm-4{
	margin-top:10px;
	margin-bottom:10px;
}
.col-xs-6, .col-sm-6{
	margin-top:10px;
	margin-bottom:10px;
}
.col-xs-8, .col-sm-8{
	margin-top:10px;
	margin-bottom:10px;
}
.col-xs-12, .col-sm-12{
	margin-top:10px;
	margin-bottom:10px;
}

 .navbar .nav li a {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  text-decoration: none;
 }
 .nav li a span {
  display: none;
 }
}

/****************************************

  Contents

*****************************************/
.under-line{
	border-bottom:solid;
	border-width: thin;
}
.mgtop10{
	margin-top:10px;
}
.mgtop20{
	margin-top:20px;
}
.mgtop30{
	margin-top:30px;
}
.mgtop40{
	margin-top:40px;
}
.mgtop50{
	margin-top:50px;
}

.carousel-inner img{
  width: 100%;
}
.news {
 margin-bottom: 5px;
}
.news dl {
  width: 99%;
  height: 10em;
  margin: 1em 0 0;
  padding: 0.5em;
  font-size: 100%;
  line-height: 1.2em;
  overflow: auto;
}
.news dt
{
  clear: left;
  float: left;
  width: 7.5em;
  font-weight: bold;
  color: #505050;
}
.news dd
{
  color: #505050;
  margin-left: 7.5em;
  margin-bottom: 0.8em;
}
.news dd img {
  margin-bottom: 0.4em;
}

/****************************************

  Sidebar

*****************************************/
#sidebar {
 padding-top: 16px;
}
#sidebar ul.submenu {
 margin: 0;
 padding: 0;
}
#sidebar ul.submenu li a {
 border-bottom: 1px solid #d2d2d2;
 text-decoration: none;
 display: block;
}
#sidebar ul.submenu li a:hover {
 background-color: #e6ebfa;
 color: #2222ff;
}
#sidebar h3 {
 font-size: 100%;
 padding: 15px 10px;
 background: #f8f8f8;
 border-bottom: 1px solid #d2d2d2;
 border-top: 5px solid #2222ff;
}

/****************************************

  Footer

*****************************************/
footer {
 clear: both;
 background-color: #F9EFC7;
 bottom: 0px;
 padding: 15px 5px 0 5px;;
 color: #454545;
 font-size: 12px;
}
footer .navbar-nav li a {
 text-align: center;
 color: #454545;
 padding-left: 0.5em;
 text-decoration: none;
}
footer .navbar-nav li a:hover {
  text-decoration: underline;
}
.copyright{
 text-align: center;
 font-size: 90%
}