@charset "utf-8";
/* CSS Document */
/*トップページ新着情報*/
div.topics dl{
	margin:0;
	margin-bottom:20px;
	
	
}

div.topics dt{
padding-bottom:2px;
margin-top:15px;
color:#555;
font-weight:900;
font-size:0.9em;

}


div.topics dd{
border-bottom:1px dotted #cccccc;
padding-bottom:3px;
margin-bottom:10px;

}


/*沿革*/
div.enkaku dl{
	margin-bottom:20px;
}

div.enkaku dt{
padding-bottom:2px;
margin-top:15px;
color:#555;
font-weight:900;

}


div.enkaku dd{
border-bottom:1px dotted #cccccc;
padding-bottom:3px;
margin-bottom:10px;

}

/*ページ上へ*/
.totop02{
	text-align:right;
}
.totop02 a:hover{
	filter:alpha(opacity=70);
-moz-opacity: 0.7;
 opacity: 0.7;

}

/*お問合わせ送信ボタン*/

.contact input.inputBtn{
	color: #ffffff;
	padding: 5px 30px;
	background: -moz-linear-gradient(
		top,
		#94231f 0%,
		#ab0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#94231f),
		to(#ab0000)) ;
	background:#C00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #7d0000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
		
}



.contact fieldset{
	margin-left:1px;
	margin-right:1px;
}

/**/


.contact  form {
  margin: 20px auto;
}
.contact input
{
	padding:0 3px;
}
.contact input[type="text"] ,
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea,
.contact select{
  border:1px solid #ccc;
 
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
}
.contact input[type="text"] ,
.contact input[type="email"],

.contact textarea
{
	width:80%;
	
}

.contact input.zip[type="text"]{
	width:40%;
}


.contact input[type="tel"]{
	width:60%;
}


.content02 #map02 {
	width: 96%;
	height: 398px;
	border: 1px solid #ccc;
	margin: 0 auto;
	margin-bottom:20px;
}



/*トップページニュース*/

#leftcontent .aboutSoba img{
	max-width:100%;
	height:auto;
	
}

ul.topSide{
	padding:0px 10px 0px;
	line-height:1.2em;
	margin-bottom:20px;
	
}


ul.topSide li{
	background:url(../images/icon03.png) 0 10px no-repeat;
	padding:3px 0;
	padding-left:13px;
	border-bottom:1px #dddddd dotted;
}

ul.topSide li a{
	display:block;
}


/*会社案内サイドメニュー*/
#sideAboutUs{
margin-bottom:30px;
background:#FEFFF4;
border:1px #7d0801 solid;

 -webkit-border-top-left-radius: 2px;  
    -webkit-border-top-right-radius: 2px;  
    -webkit-border-bottom-right-radius: 2px;  
    -webkit-border-bottom-left-radius: 2px;  
    -moz-border-radius-topleft: 2px;  
    -moz-border-radius-topright: 2px;  
    -moz-border-radius-bottomright: 2px;  
    -moz-border-radius-bottomleft: 2px; 
}

#sideAboutUs h3{
	background:url(../images/aboutus/sideh3Bg.png) right bottom no-repeat #7d0801; 
	color:#ffffff;
	font-size:1.3em;
	padding:3px 8px;
	margin:0;	

}
#content #sideAboutUs h3{
	border:none;
}
#sideAboutUs h3 a{
	display:block;
	color:#ffffff;
}

#sideAboutUs ul{

	font-size:1em;
	line-height:1em;
	margin:0;
	padding:0;
}

#sideAboutUs ul li a{
	background:url(../images/icon03.png) 5px 10px no-repeat;
	padding:3px 5px;
	padding-left:20px;
	border-bottom:1px #dddddd dotted;
	display:block;
}


#sideAboutUs ul li a:hover{
	background:url(../images/icon03.png) 5px 10px no-repeat #fff0d4;
}
#sideAboutUs ul li li a{
	padding-left:40px;
	background:url(../images/icon03.png) 25px 10px no-repeat;
	
	display:none;
}
#sideAboutUs ul li li a:hover{
	background:url(../images/icon03.png) 25px 10px no-repeat #fff0d4;
}
/**/
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 99% !important;
}

div.fb-like-box{
	margin-top:15px !important;
	margin-bottom:20px !important;
}


a.twitter-share-button{
	margin-left:10px !important;
}

#map03{
	width: 94% !important;
	height:	200px;
	border: 0px solid #ccc;
	margin: 0 2px;
	margin-bottom:20px;
}
/*会社案内　商品紹介*/
/*table*/
table.t_style02{
	border:1px #ccc solid;
	border-left:0px;
	border-right:0px;
	border-collapse:collapse;
	width:98%;
	
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

table.t_style02 th,
table.t_style02 td{
	padding:6px 6px;
	border-bottom:1px #ccc dotted;
}


table.t_style02 th{
	background:#fff7e8;
	text-align:left;
	border-right:1px dotted #ccc;
	vertical-align:top;
	width:22%;
}


/*tvcm*/
.youtubeList {
	margin-bottom:40px;
}

@media screen and (max-width:768px){
.contact input[type="text"] ,
.contact input[type="email"],
.contact input[type="tel"],
.contact input.zip[type="text"],
.contact textarea
{
	width:100%;
}

}
@media screen and (max-width:640px){
	.contact .inputBtn{
	width:50%;
}


.content02 #map02 {
	width: 98%;
	height: 188px;
	margin: 0 auto;
		}

/*会社案内サイドメニュー*/
#sideAboutUs{
width:95%;
text-align:left;
	margin:10px auto;
}

table.t_style02{
	width:95%;
	margin:20px auto 30px;

}

.youtubeList {
	text-align:center;
	margin-top:20px;
	margin-bottom:60px;}

#map03{
	margin:0 auto;
}

}

@media screen and (max-width:480px){

.contact.inputBtn{
	width:80%;
}

.contact select
{
	width:100%;
}

#map03{
	max-width: 95% !important;
	height:	200px;
	border: 0px solid #ccc;
}



/*youtubeのリスト*/



.youtubeList {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
 
.youtubeList iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




}


#fb-root{
display: none;
}