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

/* =Typography
-----------------------------------------------------------------------------*/
body {
	overflow:scroll;
	overflow-x:hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#777;
	background:rgb(242, 242, 242);
	font-size:13px;
}
img{
	outline:none;
}
h1,h2,h3,h4{
	font-weight:normal;
}
h1{
}
h2{
	color:#F7931E;
}

h3{
}
h4{
	color:#F7931E;
}


.center{
	text-align:center;
}
.a-right{
	text-align:right;
}
.color{
	color:#F7931E;
}
.accent{
	color:#F03;
}
.small{
	font-size:60%;
}
.mb-50{
	margin-bottom:50px;
}
.pb-50{
	padding-bottom:50px;
}
.inner{
	padding:0 20px;
	border-radius:10px;
	border:1px solid #ccc;
	background:#eee;
}
ul.no-style li{
	list-style:none;
}
/* =Links
-----------------------------------------------------------------------------*/
a{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
a:link,a:visited,a{
	outline:none;
}
a:link{
	text-decoration:none;
	color:#777;
}
a:visited{
	text-decoration:none;
	color:#777;
}

/* =Layout
-----------------------------------------------------------------------------*/
.container-fluid {
	max-width:920px;
	margin:0 auto;
    padding-right: 20px;
    padding-left: 20px;
}
.container2{
	margin:0 auto;
	padding:0;
	max-width:1200px;
}
.wrapper{
	width:100%;
	background:url(images/wrapper-bg.jpg) left top repeat-x;
	padding:50px 0;
}
/* =Header
-----------------------------------------------------------------------------*/
#header-wrapper{
	width:100%;
	background:black;
}
#header{
	position:relative;
	margin:0 auto;
}
#header p{
	color:white;
	text-align:center;
	font-size:10px;
	padding:5px;
	margin-bottom:0;
}
#logo{
	width:222px;
	height:145px;
	position:absolute;
	left:0;
	top:0;
	background:url(images/logo-bg.png) center top no-repeat;
	z-index:9999;
	box-shadow:7px 7px 7px rgba(0,0,0,0.6);
}
#tel{
	float:right;
}
/* =Nav
-----------------------------------------------------------------------------*/
.navbar {
    margin-bottom:0;
}
.navbar-inner {
    min-height:50px;
    padding:10px 20px;
    background-color: rgb(26, 26, 26);
    background-image: linear-gradient(to bottom, rgb(77, 77, 77), rgb(26, 26, 26));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),to(#1a1a1a));
	background-image: -webkit-linear-gradient(top,#4d4d4d,#1a1a1a);
    background-repeat: repeat-x;
    border: 1px solid white;
	border-left:none;
	border-right:none;
    border-radius:0;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
}
.navbar-inner{
	
}
.navbar .nav {
	border-left: 1px solid #000;
	border-right: 1px solid #666;
	margin-left:240px;
}
.navbar .nav > li{
	padding:0 5px;
	height:50px;
	border-left: 1px solid #666;
	border-right: 1px solid #000;	
	text-align:center;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background:url(images/nav-o.png) left top repeat-x;
	color:#999;
	text-shadow: 0px 1px 0px #000;
}
.navbar .nav > li > a{
	position:relative;
	color:white;
	padding: 14px 20px 6px;;
	line-height: 15px;
	text-align:center;
	text-shadow: 0px 1px 0px #000;
	border-radius:8px;
	behavior: url("/PIE.htc");
}
.navbar .nav > li > a:hover {
	background:url(images/nav-o.png) left top repeat-x;
	color:#ccc;
}

.nav li a span{
	display:block;
	font-size:10px;
	color:#999;
	text-shadow: 0px 1px 0px #000;
}
.navbar .btn-navbar {
    margin-top: 5px;
    background-color: rgb(77, 77, 77);
    background-image: linear-gradient(to bottom, rgb(77, 77, 77), rgb(26, 26, 26));
}
.navbar .btn-navbar:hover{
	background-image: linear-gradient(to bottom, rgb(26, 26, 26), rgb(77, 77, 77));
	background-color: rgb(77, 77, 77);
}
/* =icatch
-----------------------------------------------------------------------------*/
.icatch-wrapper{
	width:100%;
	background:black;
	padding:10px 0;
}
.icatch-wrapper ul.rslides{
	max-width:1200px;
	margin:0 auto;
}
/* =Misc
-----------------------------------------------------------------------------*/
.box-link{
    padding: 19px;
    margin-bottom: 20px;
    background-color:transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow:none;
}
.box-link:hover{
	cursor: pointer;
	background-color: #ccc;
}
.box-link a:hover{
	text-decoration:none;
}
.bottom-line{
	border-bottom:1px solid #eee;
}
hr{
   	height: 1px;
  	margin: 40px 0;
  	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  	border: 0;
}
.table td,.table th{
	border-top:none;
	border-bottom:1px dotted #999;
}
#breadcrumb{
	margin-top:-30px;
	margin-bottom:20px;
}
#breadcrumb ul{
	margin:0;
}
#breadcrumb ul li{
	float:left;
	padding:0 10px;
	list-style:none;
}
#breadcrumb ul li:first-child{
	padding-left:0;
}
#breadcrumb ul li a{
	text-decoration:none;
}
#breadcrumb ul li a:hover{
	color:#F7931E;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer-wrapper{
	width:100%;
	background:#000;
	padding:0;
	margin-top:30px;
}
#footer .container-fluid {
	margin:20px auto 0 auto;
}
#footer{
	font-size:12px;
	color:#fff;
	position:relative;
	padding:7px 0 0;
}
#to-top{
	position:absolute;
	top:-50px;
	right:10px;
}
#to-top a{
	font-size:36px;
	color:#999;
}
#to-top a:hover{
	color:#777;
}
/* =TopPge
-----------------------------------------------------------------------------*/
p.image-icon{
	text-align:center;
}
p.image-icon i{
	font-size:160px;
	color:#666;
}
#news a:hover{
	text-decoration:underline;
}

/* =SubPge
-----------------------------------------------------------------------------*/
.icatch-wrapper h1{
	text-align:center;
	padding:40px 0;
	color:white;
	
}

@media(max-width:979px){
body{
	padding:0;
}
.container{
	padding-left:10px;
	padding-right:10px
}
#header p{
	text-align:right;
}
.navbar .container{
	padding:0;
}
.navbar-inner{
	background-image:none;
	min-height:50px;
  	padding:10px 20px;
    	background-color: rgb(26, 26, 26);
    	background-image: linear-gradient(to bottom, rgb(77, 77, 77), rgb(26, 26, 26));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),to(#1a1a1a));
	background-image: -webkit-linear-gradient(top,#4d4d4d,#1a1a1a);
    	background-repeat: repeat-x;
    	border: 1px solid white;
	border-left:none;
	border-right:none;
    border-radius:0;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);

}

.navbar{
	padding-left:0;
	padding-right:0;	
	background-image:none;
	
}
.navbar .nav {
	border-left: none;
	border-right: none;
	margin-left:0;
}

.navbar .nav > li {
	width:100%;
  	height:40px;
  	padding-top:11px;
  	padding-left:2px;
	padding-right:2px;
	border-left: none;
	border-right: none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{
	text-align:center;
}

.navbar-inner{
	min-height:40px;
}

#footer,#m-lab{
	text-align:center;
}

}
@media(max-width:767px){
#logo{
	width:100%;
	position:static;
	text-align:center;
	z-index:9999;
	background-image:none;
	box-shadow:none;
}
#header p{
	text-align:center;
}
.navbar .btn-navbar {
    margin-top: 5px;
    background-color: rgb(77, 77, 77);
    background-image: linear-gradient(to bottom, rgb(77, 77, 77), rgb(26, 26, 26));
    background-image: -webkit-linear-gradient(top,#4d4d4d,#1a1a1a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),to(#1a1a1a));
}
.navbar .btn-navbar:hover{
	background-image: linear-gradient(to bottom, rgb(26, 26, 26), rgb(77, 77, 77));
	background-color: rgb(77, 77, 77);
}

}