body {
	color: #666666;
	background:#fff;
}
.Header,
.Prev,
.Next,
.spshow{
	display: none;
}
.section_body{
	word-break: break-all;
}
.section_body p{margin-bottom: 30px;}
/*padding * margin*/
.mg000{ margin:0 !important;}
.mt000{ margin-top:0 !important;}
.mt020{ margin-top:20px !important;}
.mr020{ margin-right:20px !important;}
.mb000{margin-bottom: 0px !important;}
.mb005{margin-bottom: 5px !important;}
.mb010{margin-bottom: 10px !important;}
.mb020{margin-bottom: 20px !important;}
.mb030{margin-bottom: 30px !important;}
.mb050{margin-bottom: 50px !important;}
.mb100{margin-bottom: 100px !important;}
.pr020{padding-right:20px !important;}
.pt005{padding-top: 5px !important;}
.pt010{padding-top: 10px !important;}
.pt020{padding-top: 20px !important;}
.pt050{padding-top: 50px !important;}
.pt100{padding-top: 100px !important;}
.pt120{padding-top: 120px !important;}
.pt200{padding-top: 200px !important;}
.pb010{
	margin-bottom:10px;
}
.pb020{
	margin-bottom:20px;
}
.pb040{
	margin-bottom:40px;
}
.pb100{
	padding-bottom:100px;
}
.w070p{
	width:70%;
}
.w100p{
	width:100%;
}
.w200px{
	width:200px;
}

/* Date ticker */
.bootstrap-datetimepicker-widget ul{
	margin:0;
	padding:0;
}
.add-on{
	cursor:pointer;
}

/* Font-size */
.fs12{font-size: 12px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
/* font-color */
a{
	color:#660000;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	outline: none;
}
a:hover{
	color:#CC0000;
}
.white{color: #fff;}
.nav-tabs > li > a{	color:#DAB127;}
.nav-tabs > li > a:hover{color:#333;}
.arial{
	font-family:Arial, Helvetica, sans-serif;
}
#footer a{
	color:#666666;}
/* subtitle */
.subtitle{
	border-bottom:2px solid #eeeeee;
	padding-bottom:8px;
	margin-bottom:25px;
}
/* header & footer */
#page_header{
	z-index:9999;
	text-align:left;
	padding-bottom:10px;
}
#page_header a{
	color:#666666;
}
#page_header a:hover{
	color:#999999;
}
#page_header .active a{
	color:#FFFFFF;
}
#page_header #head_contact{
	background:#fff;
	border:1px solid #cccccc;
	padding:0 10px;
	line-height:30px;
	font-size:18px;
	line-height:1.5;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
.navbar-fixed-top h1 img{
	width:190px;
}

img#loading {
    display: none;
}
#mobile-header {
    display: none;
}
.sidr-class-badge{
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #FF9900;
	border-radius: 10px;
}
#btn_close{
	display:none;
}
.thumblist{
	height:200px;
	overflow:auto;
	padding:20px 0 0 0;
	border:1px solid #ccc;
}
.navbar-fixed-top h2{
	line-height:160%;
}

/* Scroll button */
#scrollUp{
	background:#ff3300;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bolder;
	padding:11px 12px 10px 12px;
	bottom:0;
	right:0;
	/*border-radius:100px;*/
}
#scrollUp:hover{
	text-decoration:none;
}

/* page header */
.panel-heading h3{
	margin-top:10px;
}
.panel-heading hr{
	border-top:1px solid #fff;
	margin-top:10px;
	margin-bottom:10px;
}
.panel-heading a[data-toggle="collapse"]{
	display:block;
	text-decoration:none;
}

/* bootstrap override */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

.navbar-fixed-top{
	background-color:rgba(255,255,255,0.90);
}

.fs01{
	color:#FFCC00 !important;
}
.thumbnail .pager{
	margin:0;
}
/* Footer */
#footer{
	background:#000;
	color:#999999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer .container .btn-default{
	background:#141414 !important;
	border-color:#333;
	color:#999999;
}
#footer .container .btn-default:hover{
	background:#333333 !important;
}
#footer .last-update li{
	border-bottom:1px dotted #666;
	padding-bottom:8px;
	margin-bottom:8px;}
#footer .last-update li a:hover{
	color:#CC0000;
}
#footer #f_copy{
	background:#666666;
	color:#ccc;
	padding:8px;
}
#footer #f_copy .container{
	padding:14px 0 6px 0;}
#footer #f_copy .container a{
	color:#ccc;
}
#footer #f_copy .container #copyright{
	text-align:right;
	width:100%;
	font-size:11px;
	font-weight:bolder;
}
#footer .list-inline li{
	vertical-align:top;
}
.container {
  margin-right: auto;
  margin-left: auto;
}

/* Slider */
#myCarousel{
	background:#fff;
}
#myCarousel a{
	color:#333;
}
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}
.carousel.carousel-fade .active.item img{
	width:100%;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
.carousel-control.left,
.carousel-control.right{
	font-size:0.1em;
	text-indent:-9999px;}
.carousel-control.left {
	background:url(../img/slide_back.png) center center no-repeat;
}

.carousel-control.right {
	background:url(../img/slide_next.png) center center no-repeat;
}
#porto #carousel-example-generic{
	padding-bottom:42px;
}
#porto .carousel-control {
  position: absolute;
  bottom:0 !important;
  top:auto !important;
  opacity: 1.0;
  filter: alpha(opacity=100);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#porto .carousel-indicators{
	bottom:70px;}
#porto .carousel-control.left,
#porto .carousel-control.right{
	text-indent:0px;
	width:50px;
	padding:0;
	background:#000;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

#porto .carousel-control.left {
  left: 0 !important;
}
#porto .carousel-control.right {
  left: 50px;
  right: auto;
}
#porto .carousel-control:hover,
#porto .carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* DropDown menu mousehover */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  width: 200px;
  left: 50%;
  margin-left:-100px;
  bottom: 120px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

#slidenavi .head{ margin:0;}
#slidenavi .head a{
	padding:5px 10px;
	font-weight:bold;
	display:block;
	background:#fff;
	color:#333;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;　/* Firefox用 */
	-webkit-box-shadow: 0px 0px 3px #ccc;　/* Safari,Google Chrome用 */
}
#slidenavi .head a img{
	float:left;
	margin-right:15px;
}
#slidenavi dl{
	margin:0;
	padding:0;
}
#slidenavi dl dt{
	width:33%;
	float:left;
}
#slidenavi #side_search{
	padding:8px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:15px;
}

.userlist li{
	margin-bottom:10px;
	text-align:center;
}

#example{
	border-bottom:1px solid #eeeeee;
}
/* contents head */
.imghead{
	overflow:hidden;
	position:relative;
	width:100%;
	height:180px;
	margin-top:120px;
	font-size:0.1em;
	text-indent:-9999px;
}
#head_top{
	background:url(../img/slide01.jpg) center center no-repeat;
	height:400px;
}
#head_top .inner{
	position:absolute;
	text-indent:0px;
	bottom:0;
	left:0;
	width:100%;
	display:block;
	text-align:center;
	color:#FFFFFF;
	background:rgba(0,0,0,0.60);
}
#head_work{
	background:url(../img/head_work.jpg) center center no-repeat;
}
#head_about{
	background:url(../img/head_about.jpg) center center no-repeat;
}
#head_portfolio{
	background:url(../img/head_portfolio.jpg) center center no-repeat;
}
#head_oem{
	background:url(../img/head_oem.jpg) center center no-repeat;
}
#head_contact{
	background:url(../img/head_contact.jpg) center center no-repeat;
}


/* social botton */
#sns_area{}
#sns_area li{ float:left; margin-right:10px;}
#social_push>li{
	float:right;
	list-style:none;
	margin-left:5px;
}
#social_push li i,
#social_push li span{
	display:block;
}


/* accessmap */
#accessmap{
	width:100%;
}

/* portfolio isotope */

/* catlist */
#catlist{
	display:none;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Isotope styles ****/

.element {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin-bottom:20px;
}

/**** Example Options ****/
#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options li a.selected {
	color:#000000;
}

/* blog */
.blogday span,
.blogday small{
	display:block;
	font-weight:bolder;
}
.button{
	float:left;
	margin-right:10px;
}
.archive_list li{
	margin-bottom:14px;
}
	/* smartphone */
	@media only screen and (max-width:480px){
		#options {
			width:320px;
		}
		#options li {
			width:100px;
		}
		#options li:first-child a {
			border-radius: 0;
		}
	
		#options li:last-child a {
			border-radius: 0;
		}
		.sp.pr020{padding-right:0px !important;}

	}

	@media (max-width: 767px) {
		/* common */
		.sptext-left{
			text-align:left;
		}
		.spnone{
			display:none;
		}
		.spshow{
			display:block;
		}
		/* width setting */
		.sw070p{
			width:70%;
		}
		/* margin padding setting */
		.spt0{ padding-top:0 !important;}
		.smb020{margin-bottom: 20px !important;}

		/* page head img */
		.imghead{
			margin-top:0px;
			height:100px;
			background-size:160% auto !important;
		}
		#head_top{
			background-size:160% auto !important;
			height:170px;
		}
		#head_top .inner h2{
			font-size:16px;
			margin:10px 0;
		}
		/* menu */
		#opennavi{ display:none;}
		
		/* accessmap */
		#accessmap{
			height:300px;
		}
		
		.media-list .media-body{
			clear:both;
		}
		/* social botton */
		#social_push{
			padding:0;
			margin:0;
		}
		#social_push li{
			float:left;
			list-style:none;
			width:33%;
			margin:0 0 5px 0;
		}
		#social_push li a{
			margin:0 5px;
			display:block;
		}
		#social_push li i,
		#social_push li span{
			display:inline-block;
		}
		#social_push li i{
			margin-right:5px;
		}
		.navbar-form{
			margin:0 !important;}
		.navbar-toggle {
			display:inline-block;
		}
		#mobile-header {
			display: block;
		}
		/* title */
		.page-header {
			padding-top: 4px !important;
			padding-bottom: 4px !important;
			margin: 20px 0 !important;
		}
		.page-header h2{
			margin:10px 0;
		}
		/* header */
		#page_header .container{
			padding:0 5px;
		}
		#page_header .container h1,
		#page_header .container h2{
			text-align:center;
		}
		#page_header .container form{
			text-align:center;
			margin:0;
			padding:10px 0;
		}
		#page_header .container .form-group{
			display:inline-block;
		}
		#page_header .container .nav-pills li{
			width:49%;
			border-bottom:1px solid #333333;
		}
		#page_header .container .nav-pills li a span{
			display:none;
		}
		
		/* footer */
		#footer{
			padding:0 15px 15px 15px;
		}
		#footer .nav li{
			float:left;
			width:50%;
			border-bottom:1px solid #333;
		}
		.carousel-control.left {
			background-size:70% auto !important;
		}
		
		.carousel-control.right {
			background-size:70% auto !important;
		}
		#footer .navbar-nav > li.w100p{
			width:100% !important;
		}
		#footer #f_copy{
			padding:0px;
		}
		#footer #f_copy .container{
			padding:14px 0 6px 0;}
		#footer #f_copy .container a{
			color:#ccc;
		}
		#footer #f_copy .container li{
			text-align:center;
			display:block;
			padding:0;
		}
		#footer #f_copy .container #copyright{
			text-align:center;
			width:100%;
			font-size:11px;
			font-weight:bolder;
		}
		/* page up */
		#scrollUp{
			background:#FF0000;
			text-align:center;
			color:#fff;
			border:none;
			font-size:12px;
			font-weight:bolder;
			border-radius: 0;
			bottom:10%;
			right:0;
			padding:5px 5px;
			box-shadow: 0px;
			-moz-box-shadow: 0px;　/* Firefox用 */
			-webkit-box-shadow: 0px;　/* Safari,Google Chrome用 */
		}
		/* catlist */
		#catlist{
			display:block;
		}
		.servicetab li{
			float:left !important;
			width:33% !important;
		}
	}
	@media (min-width: 768px) and (max-width: 860px){
		  #footer{
			margin-right: -15px !important;
			margin-left: -15px !important;
			padding:0 10px 10px 10px !important;
		  }
		.imghead{
			margin-top:0px;
			height:100px;
			background-size:100% auto !important;
		}
		#basenavi .nav-pills,
		#basenavi .navbar-form{
			float:none !important;
			clear:both;
			text-align:left;
		}
		.navbar-toggle {
		  position: relative;
		  float: right;
		  padding: 9px 10px;
		  margin-top: 8px;
		  margin-right: 15px;
		  margin-bottom: 8px;
		  background-color: transparent;
		  border: 1px solid transparent;
		  border-radius: 4px;
		}
		
		.navbar-toggle .icon-bar {
		  display: block;
		  width: 22px;
		  height: 2px;
		  border-radius: 1px;
		}
		
		.navbar-toggle .icon-bar + .icon-bar {
		  margin-top: 4px;
		}
		#accessmap{
			height:250px;
		}
	}
	@media (min-width: 768px){
		.navbar-toggle {
			display: none;
		}	
	}
	/* over tablet */
	@media (min-width: 768px) and (max-width: 990px) {
		#footer{
			margin-right: -15px !important;
			margin-left: -15px !important;
			padding:0 !important;
		}
		
		.imghead{
			margin-top:0px;
			height:100px;
			background-size:100% auto !important;
		}
		#head_top{
			height:300px;
		}
		#mobile-header {
			display: block;
		}
		#navigation{
			display:none !important;
		}
		#basenavi{
			clear:both;
		}
		.navbar-fixed-top h1,
		.navbar-fixed-top h2{
			float:right;
		}
		.navbar-fixed-top h1{
			margin-right:20px;
		}
		#footer{
			margin:0;
			padding:15px 0;
		}
		.container,
		.navbar-static-top .container,
		.navbar-fixed-bottom .container {
			width: 100%;
		}
		.navbar-fixed-top .container{
			padding:0 10px;
		}		
		.navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 5px;
		}
		#page_header .container .nav-pills li a span{
			display:block;
			font-size:11px;
			font-weight:bolder;
		}
		.col-xs-1,
		.col-sm-1,
		.col-md-1,
		.col-lg-1,
		.col-xs-2,
		.col-sm-2,
		.col-md-2,
		.col-lg-2,
		.col-xs-3,
		.col-sm-3,
		.col-md-3,
		.col-lg-3,
		.col-xs-4,
		.col-sm-4,
		.col-md-4,
		.col-lg-4,
		.col-xs-5,
		.col-sm-5,
		.col-md-5,
		.col-lg-5,
		.col-xs-6,
		.col-sm-6,
		.col-md-6,
		.col-lg-6,
		.col-xs-7,
		.col-sm-7,
		.col-md-7,
		.col-lg-7,
		.col-xs-8,
		.col-sm-8,
		.col-md-8,
		.col-lg-8,
		.col-xs-9,
		.col-sm-9,
		.col-md-9,
		.col-lg-9,
		.col-xs-10,
		.col-sm-10,
		.col-md-10,
		.col-lg-10,
		.col-xs-11,
		.col-sm-11,
		.col-md-11,
		.col-lg-11,
		.col-xs-12,
		.col-sm-12,
		.col-md-12,
		.col-lg-12 {
		  position: relative;
		  min-height: 1px;
		  padding-right: 5px;
		  padding-left: 5px;
		}
		.thumbnail .caption a{
			font-size:12px;
		}
		#page_header #head_contact{ margin-bottom:10px;}

	}
	/* PC */
	@media (min-width: 980px){
		#head_top{
			background-size:cover !important;
			height:400px;
		}
		/* accessmap */
		#accessmap{
			height:500px;
		}
		#myCarousel{ margin-top:120px;}
		#slidenavi{ display:none;}
		.imghead{
			margin-top:120px;
			background-size:100% auto !important;
		}
		#page_header{
			height:120px;
		}
		.navbar-fixed-top .container{
			position:relative;
		}
		.navbar-fixed-top h1,
		.navbar-fixed-top h2,
		#basenavi,
		#navi_right,
		#chnavi{
			position:absolute;
			margin:0;
			padding:0;
		}
		.navbar-fixed-top h1{
			top:8px;
			left:0;
		}
		.navbar-fixed-top h2{
			top:65px;
			left:0px;
		}
		#chnavi{
			bottom:-40px;
			right:0;
		}
		#chnavi li a{
			border-radius: 0px;
			border-bottom-right-radius: 4px; 
			border-bottom-left-radius: 4px;
			background:#000;
			color:#FFFFFF;
			background-color:rgba(0,0,0,0.80);
		}
		#chnavi li a:hover{
			background:#fff;
			color:#000;
		}
		#basenavi{
			top:55px;
			right:0;
		}
		#navi_right{
			top:10px;
			right:0;
			font-size:14px;
		}
		#navi_right .dropdown-menu{
			font-size:12px;
		}
		.navbar-fixed-top .container .nav-pills span{
			font-size:11px;
			display:block;
			font-weight:bolder;
			font-family:Arial, Helvetica, sans-serif;
		}
	}


/* Price*/

.case{
	border-top:1px solid #f0f0f0;
	display:block;
	width:100%;
}

#case01{
	background:url(../price/img/case01.jpg) 100% 0 no-repeat;
	background-size:50%;
}
#case02{
	background:url(../price/img/case02.jpg) 0 0 no-repeat;
	background-size:50%;
}
#case03{
	background:url(../price/img/case01.jpg) 100% 0 no-repeat;
	background-size:50%;
}
#case04{
	background:url(../price/img/case02.jpg) 0 0 no-repeat;
	background-size:50%;
}
.case .page-header{
	text-align:left;
	font-size:18px;
	margin-top:15px;
	border-top:none;
}
#blogcontent .section_body h3{
	color:#ff3300;
	border-left:4px solid #ff3300;
	padding:0 0 0 10px;
	line-height:110%;
	margin-bottom:30px;
}
#blogcontent .section_body p{
	font-size:16px;
}
.scroll_x {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
}