@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    font-family: Helvetica,'YuGothic','Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    font-weight: 500;
}


/* ミャンマー */
html[lang="my"] body {font-family: myanmar3,zawgyi-one,Helvetica,Arial,sans-serif;}


img {	
    max-width: 100%;
    height: auto;
}

.movie-bloc{
  position:relative;
  width:100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.movie-bloc iframe{
  position:absolute;
  top:0;
  left: 0;
  width:100%;
  height:100%;
}



p {margin: 0;}

#main-box p {
    margin-bottom: 10px;
    line-height: 1.6;
}
hr {
    clear: both;
}
.clearfix {
    clear: both;
}
ol li {
    margin-bottom: 10px;
    margin-left: -10px;
}

ul {
    list-style: outside none none;
}

.page-header {
    padding: 0;
    margin: 0;
    border: none;
}
.moduletable {
    margin-bottom: 0;
    padding: 0;
}



/*=======================================================================
  共通
=======================================================================*/

html {
    overflow: auto;
}
#wrap {
    overflow-x: hidden;
    position: relative;
    margin: 0 auto 0;
}

body #wrap {padding-top:0 !important;}


/* header
____________________________________________________________________ */

.header {
  line-height: 1;
}
#navigation {
  box-shadow: none;
}
#header .container {
  position: relative;
}
.navbar-default {
  background-color: transparent;
  border: none;
}
.navbar {
  float:none;
  margin-bottom: 0;
  min-height: 50px;
  position: relative;
}
.navbar-header {position: relative;}
.navbar-nav {width:100%;}
.navbar-nav > li {
  width:12.5%;
}
.navbar-nav > li > a {
  padding:15px 0;
  font-size:14px;
  margin-right:5px;
  text-align:center;
  letter-spacing:0;
}
.navbar-nav > li.item-174 > a {
  margin-right:0;
}
.navbar-toggle {
  margin-top:10px!important;
}

@media screen and (max-width:992px) {
    .navbar-nav > li > a {
	font-size:14px;
	letter-spacing:-1px;
    }
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited {
    color: #000;
    border-top:#ccc solid 2px;
}

.navbar-default .navbar-nav > li > a:hover{
	color: #20ace3;
	border-top:#000 solid 2px;
	}



.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: #e7e7e7;
    color: #555;
		border-top:#000 solid 2px;
		font-weight:bold;
}

#brand {
	float: left;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom:0;
	width: 280px;
	width:60%;
}
#brand img {
	width: 280px!important;
	height:auto!important;
	padding: 0;
}
.navigation {
	margin: 0 auto;
}



#breadcrumbs {
	background-color:#fff !important; 
    padding: 20px 0 0;
}

.breadcrumb {
	text-align: right;
	padding: 12px 15px;
}
.breadcrumb a {
	color: #0085c7;
}




/*=======================================================================
  footer
=======================================================================*/

#footer {
	min-height: 100px;
	padding:0;
	font-size:14px;
	text-align:center;
	border-top:#000 solid 1px;
}
@media (min-width:768px) {
  #footer {
	padding:0 0 30px 0;
  }
}

#footer ul.infonav {
	color:#4d4d4d;
	background-color:#f2f2f2;
	margin: 0;
	padding:0;
	}
#footer ul.infonav li {
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 13px;
	text-align:left;
}

#footer ul.infonav li a {
	color: #000;
	text-decoration: none;
	display: block;
}
#footer ul.infonav li a:hover {
	color: #333;
	text-decoration: none;
	background-color:#ccc;
}


#footer .f-logo img {
	margin:25px auto 10px;
	width: 250px;
}
#footer .copy {
	margin-top:10px;
	margin-bottom: 10px;
	color: #666;
	font-size: 11px;
	clear: both;
}

@media (max-width: 767px) {
	#container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	ul.sp-gnav {
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
		background-color: #f2f2f2;
	}
	ul.sp-gnav li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-top: #aaa 1px solid;
		-webkit-box-shadow: 0px 1px 0 #fff;
		-moz-box-shadow: 0px 1px 0 #fff;
		box-shadow: 0px 1px 0 #fff;
		width: 50%;
		display: inline-block;
		background-color: #f2f2f2;
		vertical-align:top;
		color:#333;
	}
	ul.sp-gnav li a {
		position: relative;
		padding: 12px 16px 12px 10px;
		color: #222;
		display: block;
		font-weight: bold;
		line-height: 1.5;
		text-decoration: none;
	}
	ul.sp-gnav li a:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		border-top: solid 2px #666;
		border-right: solid 2px #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
	ul.sp-gnav li a:active,
	ul.sp-gnav li a:hover {
		background-color: #ccc;
		text-decoration: underline;
	}

}


@media (min-width: 768px) {
	.navbar-header { /* bootstrap css */
		float: none;
	}

	#brand {
		float: none;
		margin: 0;
		padding-top: 0;
		padding-bottom:0;
		width: 300px;
	}
	#brand img {
		width: 300px !important;
		padding: 0;
	}

  .search {
	margin-top:10px;
  }

  .search input {
	margin-top:12px;
	max-width:100%;
	float:right;
	height:30px;
  }
  .input-wrap {
	box-sizing: border-box;
	background-color: #e6e6e6;

  }
  .input-wrap span.icon-search {
	margin: 5px 0 0 5px;
	color: #afafaf;
  }
  .input-wrap input.inputbox {
	border: none;
	background-color: #e6e6e6;
  }
  .header-box {
	margin-top:20px;
	margin-bottom:5px;
  }

  #breadcrumbs {
	text-align: right;
	display: inherit;
  }

  .breadcrumb {
	list-style: outside none none;
	margin-bottom: 0;
	background-color: transparent;
	font-size: 12px;
  }

  .breadcrumb a {
	color: #2b388f;
  }

  #footer {
	padding:25px 0;
	text-align:left;
  }

  #footer .f-logo img {
	margin:0 0 10px 0;
	width: 250px;
  }

  #footer ul.infonav {
	color:#4d4d4d;
	background-color:#fff;
	text-align:center;
	margin: 0;
	padding:0;
  }

  #footer ul.infonav li {
	border-right: 1px solid #000;
	border-bottom:none;
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-decoration: none;
	font-size: 13px;
  }

  #footer ul.infonav li:first-child {
	border-left: 1px solid #000;
	padding-left: 10px;
  }

  #footer ul.infonav li a {
	color: #000;
	text-decoration: none;
	display: inline;
  }

  #footer ul.infonav li a:hover {
	color: #333;
	text-decoration: none;
  }
}

@media (min-width: 992px) {


/* 半透明設定 */
	a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
}

@media (min-width: 1200px) {
	.container {width: 970px;}
}





/*=======================================================================
  title
=======================================================================*/

h1.pagetitle {
    background-color:#20ace3;
    display: block;
    color:#fff;
    font-size: 26px;
    line-height: 60px;
    height:60px;
    text-align:center;
    margin:0;
}


#cat-home h2 {
  margin:0 0 0.5em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","MS PMincho",serif;
  color:#000;
  font-size:26px;
  line-height:1.2;
  font-weight:bold;
  text-align:center;
  letter-spacing:0.3em;
  border-bottom:none;
  padding-bottom:0;
}
@media (min-width:768px) {
  #cat-home h2 {
	margin:0 0 1em;
	color:#000;
	font-size:30px;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.3em;
	border-bottom:none;
	padding-bottom:0;
  }
}

h2 {
    margin:2em 0 1em;
    padding-bottom:0.2em;
    font-size:26px;
    line-height:1.2;
    color:#20ace3;
    border-bottom:#20ace3 1px solid;
}

h2:first-child {margin-top:0;}

h3 {
    margin:2em 0 1em;
    padding-bottom:0.2em;
    font-size:20px;
    line-height:1.2;
    color:#000;
    font-weight:bold;
    border-bottom:#000 0px solid;
}

#cat-diagnosis .category-desc h3,
#cat-tech.itemid-164 .category-desc h3 {
    line-height:1.8;
    font-weight:normal;
    letter-spacing: 2px;
    margin:0 0 1em;
}


.tit-min{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","MS PMincho",serif;
    margin:2em 0 2em;
		padding-bottom:0.2em;
    line-height:1.2;
		color:#000;
}


@media (min-width: 768px){
h1.pagetitle {
	background-color:#20ace3;
    display: block;
		color:#fff;
    font-size: 30px;
    line-height: 80px;
		height:80px;
		text-align:center;
		margin:0;
		letter-spacing:0.2em;
}

#cat-products.itemid-187 h1.pagetitle{background-color:#28c8ff;}
#cat-products.itemid-188 h1.pagetitle{background-color:#eab021;}
#cat-products.itemid-189 h1.pagetitle{background-color:#07c7d6;}
#cat-products.itemid-190 h1.pagetitle{background-color:#e07c7a;}
#cat-products.itemid-191 h1.pagetitle{background-color:#74c54b;}

#cat-diagnosis h1.pagetitle{background-color:#1b926c;}
#cat-tech h1.pagetitle{background-color:#d2d2d2;color:#000;}
#cat-catalog h1.pagetitle{background-color:#257;}
#cat-search h1.pagetitle{background-color:#acd;color:#257;}



h2 {
    margin:1.5em 0 1em;
		padding-bottom:0.2em;
    font-size:26px;
		font-weight:bold;
    line-height:1.2;
    color:#20ace3;
		border-bottom:#20ace3 1px solid;
}


h2:first-child {margin-top:0;}

h3:first-child {margin-top:0;}

}


/*=======================================================================
  5 columns
=======================================================================*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}




/*=======================================================================
  layout
=======================================================================*/

/* font
_____________________________________________________________________ */
.red-b {
	color: #e53828;
	font-weight: bold;
}
.blue-b {
	color: #0096e5;
	font-weight: bold;
}
.green-b {
	color: #8cc63f;
	font-weight: bold;
}

.telno {
    font-size: 20px;
    font-weight: bold;
    color: #7fa440;
    letter-spacing:0.1em;
}


/* layout
_____________________________________________________________________ */
.clear {clear: both;}
.right {text-align: right;}
.left {	text-align: left;}
.center {	text-align: center;}
.float-left {	float: left;}
.float-right {	float: right;}
.vatop {	vertical-align: top;}
.thumbs_left {
	float: left;
	margin: 0 20px 30px 0;
}
.thumbs_right {
	float: right;
	margin: 0 0 30px 20px;
}


.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}

.xs-mb10 {margin-bottom:0;}




/* list
_____________________________________________________________________ */
ul.list-ico,
ul.list-ico-f {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
ul.list-ico li {
	margin: 0 0 5px;
	padding: 2px 0 2px 18px;
	background: url(../images/ico_circle1.gif) no-repeat scroll 0 0.4em transparent;
	line-height: 1.4;
	min-height: 1em;
}
ul.list-ico-f li {
	margin: 0 20px 5px 0;
	padding: 2px 0 2px 18px;
	background: url(../images/ico_circle1.gif) no-repeat scroll 0 0.4em transparent;
	line-height: 1.4;
	min-height: 1em;
	display:inline;
	float:left;
}



/* more
_____________________________________________________________________ */
.more {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none outside none;
}
.more a {
	margin: 0 0 5px;
	padding: 6px 0 6px 20px;
	background: url(../images/ico_01.png) no-repeat scroll 0 center transparent;
	line-height: 1.4;
	min-height: 1em;
}




/* mnav
_____________________________________________________________________ */
ul.mnav {
	position: relative;
	margin: 0 0 30px;
	padding: 10px 0 0;
	width: 100%;
	zoom: 1;
}
ul.mnav:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
ul.mnav li {
	position:relative;
	float: left;
	display: inline;
	margin: 0;
	padding-right: 3%;
	font-size: 17px;
	list-style-type: none;
}
ul.mnav li a {
    position: relative;
    margin-bottom: 10px;
    padding: 8px 20px 8px 25px;
    color: #fff;
    font-weight:normal;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    line-height: 1.3;
    background-color:#20ace3;
}
ul.mnav li a:after {
    display: block;
    position: absolute;
    top: 50%;
		left:10px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

ul.mnav li a:hover {
    background-color: #888;
    text-decoration: none;
}




/* clear
_____________________________________________________________________ */

.box-line2:before,
.box-line2:after,
.box-line:before,
.box-line:after{
	display: table;
	content: " ";
}
.box-line2:after,
.box-line:after{
	clear: both;
}

.box-line2 {
	box-sizing: border-box;
    border:5px solid #ffa1aa;
    padding:40px 20px 30px;
    border-radius:10px;

}


#main-box .box-line p {
	margin-bottom: 0;
	line-height: 1.8;
}

#cat-home #main-box {
  margin-bottom:0;
}

@media (min-widht:768px) {
  #cat-home #main-box {
	margin-bottom:20px;
  }
}
.box-line ol {
	margin: 0;
}
.box-line ol li:last-child {
	margin-bottom: 0;
}





/* table ta-type1
_____________________________________________________________________ */

.table-bordered {
	border: solid 2px #b3b3b3;
	margin:10px 0 30px;
}

.table-bordered th {
	color: #000;
	background-color: #f2f2f2;
	font-weight: bold;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding:10px;
}

.table-bordered caption {
    color: #333;
    font-weight: bold;
    font-size: 20px;
}



#main-box .table-bordered th p, 
#main-box .table-bordered td p {
    margin-bottom:0;
}


/* table ta-line
_____________________________________________________________________ */

table.ta-line {
	margin : 5px 0 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}
table.ta-line th,
table.ta-line td,
table.ta-line-f th, table.ta-line-f td {
	padding : 12px 10px 12px 10px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: top;
}
table.ta-line th,
table.ta-line-f th {
	color: #4d4d4d;
	background-color:#f2f2f2;
}




.innertable {

}

table.ta-line .innertable th,
table.ta-line .innertable td {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    padding: 4px 0;
		font-weight:normal;
}


table.ta-line .innertable th{padding-right:10px;}



/*=======================================================================
  listnews
=======================================================================*/
ul.listnews {
  margin: 0 0 40px;
  padding: 0;
  list-style: none outside none;
  background-color: transparent;
  border-top:2px solid #666;
  font-size:100%;
}

@media (min-width:768px) {
  ul.listnews {
	margin: 0 0 20px;
  }
}
ul.listnews li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
ul.listnews li a {
	margin: 0;
	padding: 8px 0 8px 0;
	line-height: 1.7;
	display: block;
	position: relative;
	color: #333;
	background-color: transparent;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
ul.listnews li a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
ul.listnews li a:hover {
	background-color: #cfcfcf;
	color: #583c32;
}
ul.listnews li .postdate {
	padding: 0 15px 0 0;
	color: #007ce9;
}
ul.listnews li img {
	margin: 0;
	padding: 0 0 2px 0;
	vertical-align: middle;
}

#cat-home .home-blog .tit-blog {
    display:block;
    box-sizing: border-box;
    margin-top:40px;
}

#cat-home .home-blog ul.listnews li {
    font-size:14px;
}

#cat-home .home-blog ul.listnews li a {
    padding:8px;
}


@media (min-width: 768px) {
ul.listnews li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
}




/* Search Results */
#filter-search {
	vertical-align: top;
}
.search span.highlight {
	background-color: #FFFFCC;
	font-weight: bold;
	padding: 1px 4px;
}





.back-to-top {
    font-size: 16px;
    padding: 0.6em 0.8em;
}
.back-to-top span.fa {
    padding-right: 0;
}




/*=======================================================================
  home
=======================================================================*/

#cat-home #feature {
  padding:20px 0;
}
#cat-home #feature .col-sm-2 {
	width:20%;
}

#cat-home #main {
  background-color:#f2f2f2;
  margin: 0 -250%;
  padding:0 250%;
}

#cat-home #main #container {
  background-color: #f2f2f2;
  padding-bottom:0;
  padding-top:10px;
}

.spMargin {
  margin-bottom:0;
}

@media (min-width:768px) {
  #cat-home #feature {
	padding:50px 0;
  }
  #cat-home #main {
	background-color:#f2f2f2;
	margin: 0 -250%;
	padding: 30px 250% 30px;
  }
  #cat-home #main #container {
	padding-top:30px;
  }
  .spMargin {
	margin-bottom:30px;
  }
}

.btn-box {
  position:relative;
  box-sizing:border-box;
}
.btn-box-text {
}
.btn-box-wt {
  color:#fff;
}

@media (min-width:768px) {
  .btn-box {
	position:relative;
	box-sizing:border-box;
	display:table;

  }
  .btn-box-text {
	height:100%;
	width:100%;
	font-size:24px;
	text-align:left;
	padding-left:1em;
	font-weight:bold;
  }
  .btn-box-text font {
	font-size:16px;
  }
  .btn-box-wt {
	font-size:12px;
	bottom:25%;
  }
}


#bottom {
  padding:20px 0;
  background: url(../images/home_picup_bg.png) repeat-x scroll 0 bottom #ffd85b;
  text-align:center;
}
#bottom .mb20 {
  margin-bottom:5px;
}
#bottom2 {
  padding:20px 0;
  background-color:#f8f1e0;
}
@media (min-width:768px) {
  #bottom {
	padding:50px 0;
  }
  #bottom .mb20 {
	margin-bottom:20px;
  }
  #bottom2 {
	padding:50px 0;
  }
}

#fullwidth {
	padding-top:10px;
    background-color: #dff2f2;
		width: auto;
    height: 300px;
    overflow: hidden;
    position: relative;
    text-align: center;
}


#fullwidth > div {
    margin: 0 auto;
    position: relative;
    width: 100%;
}



#fullwidth > div img {
    position: absolute;
    z-index: 1;
}

.bg_00,
.town00,
.town01-car,
.town02-car,
.town-hikouki{
	right:0;
	left:0;
    top: 0;
}


@media screen and (max-width:499px) {
#fullwidth {
		width: auto;
    height: 250px;
}


}


@media screen and (max-width:767px) {
	.xs-mb10 {
		margin-bottom:10px;
	}
}





@media (min-width: 768px) {

#fullwidth {
	padding-top:10px;
    background-color: #dff2f2;
    height: 380px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
#fullwidth > div {
    margin: 0 auto;
    position: relative;
    width: 750px;
}



}
@media (min-width: 992px) {
  #fullwidth {
	padding-top:10px;
    background-color: #dff2f2;
    height: 475px;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
  #fullwidth > div {
    margin: 0 auto;
    position: relative;
    width: 954px;
  }
  #fullwidth > div img {
    position: absolute;
    z-index: 1;
  }
}