/* ------------------------------------- */
/*	 Header
/* ------------------------------------- */
#header {
	width : 100% ;height:120px;
	margin: 0px;
	margin-bottom: 0px;margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	background-color: #fff;
}
#navi-area {
	width : 1140px ;
	margin: 0px;
	margin-bottom: 0px;margin-top: 15px;
	padding-top: 0px;
	
	
	background-color: #fff;
	text-align: left;
}

#logo {
	width:120px;
	margin-top: 30px;
	background-color: #fff;

	margin-bottom: 0px;
	padding-top: 0px;
	
}
#tel {
		margin-left:60px;
		margin-top: 35px;
		background-color: #fff;
		margin-bottom: 0px;
		padding-top: 0px;
		text-align:right;
		
}


/*  nav
/*--------------------------------- */

.navi {
	background-color: #fff;	
    padding: 0px;	
    margin-bottom: 0; 
    text-align:left;
    padding-left: 70px;
    
}

.navi ul{
    padding: 0px; 	
    margin: 0px;
    display: inline; 
    list-style-type: none;
} 

.navi ul li {
    display: inline; 	
    
} 
.navi ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
    text-decoration: none;
    color: #fff; 	 
}

.navi ul li a:hover{ 
    border-bottom: dotted 1px #fff;	 
}






/* ------------------------------------- */
/*	 ID
/* ------------------------------------- */

#menu{
	margin: 0px;margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-size: 14px;
	color: #fcfc00;
	background-color:#fcfc00;
	text-align: center;
	border-top-left-radius: 8px;  
  		 border-top-right-radius: 8px; 
  		-webkit-border-top-left-radius: 8px;  
   		-webkit-border-top-right-radius: 8px; 
  		-moz-border-radius-topleft: 8px;  
   		-moz-border-radius-topright: 8px; 
		
}
#store{
	margin: 0px;margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	font-size: 14px;
	color: #fcfc00;
	background-color:#f5b417;
	text-align: center;
	border-top-left-radius: 8px;  
  		 border-top-right-radius: 8px; 
  		-webkit-border-top-left-radius: 8px;  
   		-webkit-border-top-right-radius: 8px; 
  		-moz-border-radius-topleft: 8px;  
   		-moz-border-radius-topright: 8px; 
}
#recruit{
	margin: 0px;margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	font-size: 14px;
	color: #fcfc00;
	background-color:#00c0e9;
	text-align: center;
	border-top-left-radius: 8px;  
  		 border-top-right-radius: 8px; 
  		-webkit-border-top-left-radius: 8px;  
   		-webkit-border-top-right-radius: 8px; 
  		-moz-border-radius-topleft: 8px;  
   		-moz-border-radius-topright: 8px; 
}

#campany{
	margin: 0px;margin-bottom: 0px;
	padding-top: 27px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-size: 14px;
	color: #fcfc00;
	background-color: #acd329;
	text-align: center;
	border-top-left-radius: 8px;  
  		 border-top-right-radius: 8px; 
  		-webkit-border-top-left-radius: 8px;  
   		-webkit-border-top-right-radius: 8px; 
  		-moz-border-radius-topleft: 8px;  
   		-moz-border-radius-topright: 8px; 
}

#news{
	margin: 20px;margin-bottom: 30px;
	padding-top: 10px;
	width: 100%;
	font-size: 14px;
	color: #7E7E7E;
	background-color: #f3f3f3;
	border-top-left-radius: 8px;  
  		 border-top-right-radius: 8px; 
  		-webkit-border-top-left-radius: 8px;  
   		-webkit-border-top-right-radius: 8px; 
  		-moz-border-radius-topleft: 8px;  
   		-moz-border-radius-topright: 8px; 
}
#title {
		width : 1140px ;
		background-color: #fcfc00;
		border-top-left-radius: 8px;  
  		 border-top-right-radius: 8px; 
  		-webkit-border-top-left-radius: 8px;  
   		-webkit-border-top-right-radius: 8px; 
  		-moz-border-radius-topleft: 8px;  
   		-moz-border-radius-topright: 8px; 
   		position:relative;z-index:0;
   		
}
#price {
		background-color: #fff;
		text-align: right;
		position:absolute;
		z-index:1;
}
	

/*-----角丸---------------------------- */
#maru-box {
		width : 1140px ;
		margin-bottom:30px;
		background-color: #fff;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		
}		

#maru-box-m {
		height : 450px ;
		background-color: #f3f3f3;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
}
#maru-box-mm {
		padding-top:40px;
		text-align:center;
		
		background-color: #f3f3f3;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
}		
#maru-box-mm2 {
		padding:20px;
		text-align:center;
		
		background-color: #f3f3f3;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
}
#maru-box-m2 {
		width : 550px ; height : 260px ;
		background-color: #fcfcfc;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;	
}

#maru-box-s {
		width : 300px ; height : 300px ;
		background-color: #eedd00;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		
}



.ddan {
		width : 1140px ; 
		background-color: #f3f3f3;
		margin-bottom:15px;
		padding:20px;	padding-top:40px;	
		padding-bottom:30px;
		border-bottom-left-radius: 8px;  
  		 border-bottom-radius: 8px; 
  		-webkit-border-bottom-left-radius: 8px;  
   		-webkit-border-bottom-right-radius: 8px; 
  		-moz-border-radius-bottomleft: 8px;  
   		-moz-border-radius-bottomright: 8px; 
			
}
.ddan2 {
		width : 1140px ; 
		background-color: #fff;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		position:relative;
		
			
}
.mdan {
		width : 550px ; 
		background-color: #f3f3f3;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		padding:20px;	padding-top:30px;	
		padding-bottom:30px;
			
}


.sdan {
		width : 200px ; height : 100px ;
		background-color: #cccccc;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 8px;padding:20px;
}

.ddan1 {
		width : 1200px ; height : 300px ;
		background-color: #edffe3;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		position:relative;
}		

.sdan1 {
		width : 300px ; height : 300px ;
		background-color: #eedd00;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		position:absolute;
}

.ddan2 {
		width : 1200px ; height : 200px ;
		background-color: #2980B9;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		position:relative;
}

.sdan2 {
		width : 200px ; height : 200px ;
		background-color: #3498DB;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		position:absolute;
        font-color: #white;
}

/*  area
/*--------------------------------- */
.area01{
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		width : 100% ; height : 30px ;
		color:#bbb;
		background-color: #e0eb28;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		position:relative; z-index: 2;
}
.area02{
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		width : 100% ; height : 30px ;
		color:#bbb;
		background-color: #e0eb28;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		position:relative; z-index: 2;
}
.area03{
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		width : 100% ; height : 5px ;
		color:#bbb;
		background-color: #a4200a;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		position:relative; z-index: 2;
}
.area04{
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		width : 100% ; height : 2px ;
		color:#bbb;
		background-color: #cccccc;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		position:relative; z-index: 2;
}

#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
.fluid_container {
			margin: 0 auto;
			max-width: 1140px;max-height:500px;
			width: 90%;
			
}



/*  area-box
/*--------------------------------- */
.row h4 {
		padding-left: 5px;
		font-weight: bold;
		text-align: left;
}
.row h5 {
		padding-left: 5px;
		font-weight: bold;
		text-align: left;
}
.row h6 {
		padding-left: 5px;
		text-align: left;
		line-height: 150%;
}

.row td {
		padding-left: 30px;
		letter-spacing: 0.2em;
}
.row  {
		text-align: left;
}


.area-box{
	text-align: center;
	padding: 0px 0px;
	margin-top: 0px;
	background-color: #ad1c08;
}

.area-box p{
	color: #222;
}

.area-btn {
	padding: 12px 80px;
}

.area-box .btn-default{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #7E7E7E;
}

/*-----navi bar-----------------------------------*/

#navibar {
		margin: 0px;
		padding-top: 10px;
        width : 1140px ; height : 60px ;
		color:#bbb;
		background-color: #ffffff;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		box-shadow:rgba(204, 204, 204, 0.407843) 0px 0px 2px 2px;
		-webkit-box-shadow:rgba(204, 204, 204, 0.407843) 0px 0px 2px 2px;
		-moz-box-shadow:rgba(204, 204, 204, 0.407843) 0px 0px 2px 2px;
}

/*  width100
/*--------------------------------- */
.w100{
	margin: 30px;
	padding-top: 38px;
	width: 100%;
	height: 100px;
	font-size: 14px;
	color: #7E7E7E;
	background-color: #ccc;
}



/*  logo
/*--------------------------------- */
.logo{ /* センタリング */
	text-align: center;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.logo h1 { /* 丸とフォントのスタイリング */
	margin: 0;
	padding-top: 38px;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 26px;
	color: #7E7E7E;
	background-color: #fff;
}




.navbar {
	border-radius: 0; z-index: 1;
}

.navbar-nav {
	float: none;
	width: 400px;
	margin: 10px auto;
}

.navbar-nav > li {
	text-align: center;
	float: left;
	width: 80px;
	border-right: 1px solid #555;
}
.navbar-nav > li.first {
	border-left: 1px solid #555;
}

.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*  nav
/*--------------------------------- */
.navbar {
	margin-bottom: 0; /* 追記 */
}


/*  carousel
/*--------------------------------- */
.carousel-inner img{
	width: 100%;
}

#carousel-area {
		text-align: center;
		width : 100% ; height:570px;
		background-color: #000000;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
}


/* ------------------------------------- */
/*	 content
/* ------------------------------------- */


/*  panel-box
/*--------------------------------- */
.panel {
	margin-bottom: 20px;
	background-color: #D1D1D1;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.panel-body {
	text-align: center;
	height: 180px;
	padding-top: 90px;
	color: #888;
	font-size: 18px;
}

.panel-footer {
	text-align: center;
	padding: 18px 15px;
	background-color: #7E7E7E;
	border-top: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}


/*  button-box
/*--------------------------------- */
.button-box{
	text-align: center;
	padding: 60px 0;
	margin-top: 40px;
	background-color: #eee;
}

.button-box p{
	color: #888;
}

.btn {
	padding: 12px 80px;
}

.button-box .btn-default{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #7E7E7E;
}



/* ------------------------------------- */
/*	  Footer
/* ------------------------------------- */
#footer{
	width : 100% ; height : 200px ;
	text-align: center;
	margin-top:40px;
	padding: 40px 0;
	background-color: #ccc;
}
#copy{
	width : 100% ; 
	text-align: center;
	margin-top: 20px;
	padding: 20px 0;
	background-color: #fcfc00;
}
/*  logo
/*--------------------------------- */
#footer .logo{
	margin-top: 0;
}

.logo p { /* 丸とフォントのスタイリング */
	margin: 0;
	padding-top: 34px;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 26px;
	color: #7E7E7E;
	font-weight: bold;
	background-color: #fff;
}

/*  nav
/*--------------------------------- */
#footer .navbar-nav>li {
	border-right: 1px solid #000;
}
#footer .navbar-nav>li.first{
	border-left: 1px solid #000;
}

#footer .navbar-nav li a{
	color: #fff;
}


/*  sns-icon
/*--------------------------------- */
.sns-icon{
	margin-top: 30px;
}

.sns-icon li{
	padding-left: 20px;
}
.sns-icon li:hover{
	color: #fff;
}

/*  copy
/*--------------------------------- */
.copy{
	margin-top: 20px;
}

.copy span{
	color: #fff;
}