/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
	user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;

}

body {
	overflow:scroll;
	overflow-x: hidden;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
	margin-bottom: 5px;
}

.img-hover:hover {
    opacity: 0.8;
}
.img-news {
	max-width:300px;
}

/* Contact Page*/
.wrap_sample{
	position: relative;
	max-width: 1000px;
    height: 650px;
	margin: 0 auto;
	background: #333;
}
.z_sample_1{
	width: 30%;
	height: 100%;
	background: #f00; /* 赤 */
	opacity: 0.65;
	float:left;
}
.z_sample_2{

	width: 5%;
	height: 100%;
	background: #0f0; /* 緑 */
	opacity: 0.65;
	float:left;
}
.z_sample_3{
	width: 65%;
	height: 100%;
	background: #00f; /* 青 */
	opacity: 0.65;
	float:right;
}


/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */


.endpage{
	margin-top:50px;
	height:1000px;
}



.hide-bullets {
    list-style:none;
    margin-left: -40px;
	}

.thumbnail {
    padding: 0px;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

a:link.logo1{
  display:block;
  width:217px;
  height:17px;
  background-image:url("/img/UNITLOGOGRAY.png") no-repeat;
  text-indent:-10000px;
  list-style:none;
}
a:hover.logo1{
  display:block;
  width:217px;
  height:17px;
  background-image:url("/img/UNITLOGOGREEN.png") no-repeat;
  text-indent:-10000px;
  list-style:none;
}


.listlink{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.list_group{
	padding: 0px;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 50px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
	margin-bottom: 1px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

#portfolioSlider {
}
#portfolioSlider .carousel-caption {
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	padding: 10px;
	background: rgba(0,0,0,0.6);
	text-shadow: none;
}
#portfolioSlider .list-group {
}
#portfolioSlider .list-group-item {
	border-radius: 0px;
	cursor: pointer;
}
#portfolioSlider .list-group .active {
	background-color: #fff;
}
#portfolioSlider .list-group li:hover {
	background-color: #fff;
}
 @media (min-width: 850px) {
#portfolioSlider {
}
#portfolioSlider .carousel-controls {
	display: none;
}
 }


@media (max-width: 850px) {
.carousel-caption p, #portfolioSlider .list-group {
	display: none;
}
}
.color-bg {
	background-color: #fff;
}
.content-submenu {
}
.content-area {
}
.content-submenu, .content-area {
}
#portfolioSlider .list-group li:hover {
	cursor: pointer;
}
#portfolioSlider .list-group li:hover a, #portfolioSlider .list-group .active a {
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
#portfolioSlider .col-md-9 {
	padding-right: 0;
}
#portfolioSlider .col-md-3 {
}
#portfolioSlider .carousel-inner {
}
#portfolioSlider .carousel-inner .item {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#portfolioSlider .carousel-thumbnail {
}
#portfolioSlider .carousel-thumbnail .list-group-item {
	padding: 0;
	margin-bottom: 5px;
}
#portfolioSlider .carousel-thumbnail .list-group-item a {
	display: block;
	width: 100%;
	height: 83px;
	background-size: cover;
	background-position: center;
}

#portfolioSlider .carousel-content {
	padding-top: 15px;
}
@media (max-width: 850px) {
#portfolioSlider .carousel-thumbnail {
	padding: 0;
	display: none;
}
#portfolioSlider .carousel-content {
	height: 200px;
	padding: 15px;
}
.content-submenu, .content-area {
	height: auto;
}
}
#portfolioSlider .carousel-control.left, #portfolioSlider .carousel-control.right {
	background: none;
}

.carousel-content-ouside{
	padding: 0 15px 15px 15px;
}