@charset "utf-8";
/* CSS Document */

/**********************スマホ・共通 **********************/

#wrap_header{
  width:100%;
  margin:0 auto;
  }

#wrap_confooter{
  width:100%;
  margin:0 auto;
  }

/*********** header ***********/

header{
  width:100%;
  margin:0 auto;
  }

h1{
  width:201px;
  margin:10px auto 0;
  }
#tel{

  }

#tel p{
  font-size:26px;
  font-weight:bold;
  text-align:center;
  color:#008bba;
  padding-bottom:10px;
  }

#tel span{
  font-size:14px;
  padding-right:10px;
  }

/*********** #menu ***********/

.globalNavi {
  width: 100%;
  background: #fff;
}

#menu {
  width: 100%;
  margin: 0 auto;
  padding: 0;

}
#menu li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
}
#menu li a {
  display: block;
  padding: 12px 0 10px 0;
  background: #7bc9e3;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1.0em;
}
#menu li a:hover {
  background: #008bba;
}


  
#menu .title2{
  font-size:10px;
  color:#3F3F3F;
  }

/*********** #toggle ***********/
#toggle {
  display: block;
  position: relative;
  width: 100%;
  background: #008bba;
}
#toggle a {
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size:1.0em;
}
#toggle:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background:#fff;
}
#toggle a:before, #toggle a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 4px;
  background: #428bca;
}
#toggle a:before {
  margin-top: -6px;
}
#toggle a:after {
  margin-top: 2px;
}

/*********** contents ***********/

#con_main{
  width:100%;
  padding-top:10px;
  }

#con_main img{
  width:100%;
  height:auto;
  max-width:960px;
   border:1px solid #B3B3B3;
  }

#main_container {
	width: 100%;
	text-align: center;
  border-bottom:1px solid #B3B3B3;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}







#contets .con_title{
  font-size:18px;
  font-weight:bold;
  padding:10px 0 0 5%;
  }

#contets .con_title_line{
  position:relative;
  top:-8px;
  }

.con_inner{
  }

.inner{
  width:100%;
  background:#CCCCCC;
  margin:0 auto;
  margin-bottom:20px;
  }

.inner_img{
  float:left;
  }

.inner_img img{
  width:130px;
  margin:10px 10px 0 10px;
  border:1px solid #515151;
  }

.inner_txt{
  color:#fff;
  padding:10px;
   }
 
.inner_title{
  color:#008bba;
  font-size: 16px;
  font-weight:bold;
  padding-bottom: 5px;
   }

.inner_title a{
  color:#008bba;
  }

.inner_title a:hover{
  color:#515151;
  }

.inner_txt p{
  font-size:13px;
  color:#515151;
  }

.con_inner{
  width:96%;
  margin:0 auto;
  }

.con_inner dl{
  font-size:14px;
  }

.con_inner dt{
  font-weight:bold;
  }

.con_inner dd{
  padding :0 0 10px 15px;
  }

/*********** right_side ***********/

#rigth_side{
  margin-top:20px;
  }
  
.right_inner{
  width:260px;
  margin:0 auto;
  padding-bottom:10px;
  }

.right_inner p{
  width:250px;
  font-size:14px;
  padding-bottom:10px;
  }

.right_inner ul{
  width:240px;
  margin:0 auto;
  font-size:15px;
  padding-left:15px;
  }

.right_inner ul li{
  padding-bottom:5px;
  }

/*********** footer ***********/

#menu_footer {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

#menu_footer li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #AEAEAE;
}

#menu_footer li a {
  display: block;
  padding: 12px 0 10px;
  background: #686868;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1.0em;
}

#menu_footer li a:hover {
  background: #2E2E2E;
}

#footer_copyright{
  height:40px;
  background:#2C2C2C;
  color:#888888;
  font-size:12px;
  text-align:center;
  padding-top:15px;
  }
  
/**********************タブレット **********************/
@media only screen and (min-width: 481px){

  header{
    width:100%;
    height:100px;
    }

  h1{
    float:left;
    padding:5px 0 0 15px;
    }
  
  #tel{
    float:right;
    padding:40px 15px 0 0;
    }  
  
  #menu li {
  float: left;
  width: 33.33%;
  border-bottom: 1px solid #fff;
  }

    
/* #toggle
-------------------------.*/
#toggle {
  display: none;
  }

/*********** contents ***********/

.inner_img{
  width:206px;
  }

.inner_img img{
  width:100%;
  max-width:180px;
  }

.inner_txt{
  width:auto;
  }
   
}  
  
  
@media only screen and (min-width: 769px) {
  #wrap_header{
    width:98%;
    max-width:960px;
    }

  #wrap_confooter{
    width:98%;
    max-width:960px;
    }
  
  h1{
    float:left;
    }
  
  #tel{
    float:right;
    }

.globalNavi {
  width: 100%;
  margin:0 auto;
  }
    
#menu{
  height:40px;
  background:url(../img/navi_back.png) repeat-x top;
  border: 1px solid #8C8C8C;
  border-radius:4px;
  }

#menu li {
  float: left;
  width: 13.9%;
  height:40px;
  border-right: 1px solid #8C8C8C;
  border-bottom:1px solid #8C8C8C;
  background-color:none;
  }

#menu li:nth-child(n+6){
  width:14.64%;
  }

#menu li:nth-child(7){
  border-right:none;
  }
  
#menu li a {
  display: block;
  padding: 5px 0 0 0;
  background: none;
  color: #8C8C8C;
  text-align: center;
  text-decoration: none;
  font-size: 1.1em;
}

#menu li a:hover {
  display: block;
  height:40px;
  background:url(../img/navi_back_on.png) repeat-x top;
  color:#008bba;
  }

#menu .title2{
  font-size:10px;
  color:#3F3F3F;
  line-height:0.5rem;
  }

/* #toggle
-------------------------.*/
#toggle {
  display: none;
  }


/*********** contents ***********/

#con_main{
  width:100%;
  
  }

#con_main img{
  width:100%;
  margin:0 auto;
  }

#contets{
  float:left;
  width:79%;
  }
  
.con_title_line img{
  width:94%;
  }

.con_inner{
  }

.inner{
  width:28%;
  float:left;
  background:#E8E8E8;
  margin:10px 15px 20px 15px;
  }

.inner_img{
  float:none;
  width:100%;
  margin:3px auto;
  }

.inner_img img{
  width:90%;
  max-width:200px;
  }

.inner_txt{
  width:90%;
   }
 
.con_inner{
  width:96%;
  margin:0 auto;
  }

/*********** right_side ***********/

#rigth_side{
  float:left;
  width:21%;
  }

.right_inner{
  width:100%;
  }

.right_inner img{
  width:100%;
  margin:0 auto;
  }
  
.right_inner p{
  width:100%;
  font-size:13px;
  }

.right_inner ul{
  width:90%;
  font-size:13px;
  padding-left:5px;
  }

/*********** footer ***********/

footer{
  width:100%;
  background:#686868;
  margin-top:30px;
  }

#menu_footer {
  width: 100%;
  height:60px;
  padding: 0;
}

#menu_footer li {
  width:12%;
  float:left;
  display:block;
  margin:10px 0 0 0;
  padding: none;
  border-bottom: none
}

#menu_footer li a {
  display:block;
  padding: 10px 0 0;
  background: #686868;
  color: #fff;
  text-align:center;
  text-decoration: none;
  font-size: 1.0em;
}

#menu_footer li a:hover {
  background: none;
  color:#131313;
}

#footer_copyright{
  height:20px;
  }

}