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

.clearfix:after {  
  content: ".";   
  display: block;
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

/* 20180420追加 */
.about02 a, .about02 a:visited{
color: #000;
}

/* 写真スクリプト用のcss */
.flash {
	float: left;
}
#wrapper {
	float: left;
}


#container00 {
	width:1000px;
	margin:auto;
	text-ailgn: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	color:#000;
}

#container {
	width:840px;
	margin:auto;
	text-ailgn: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
}
#header {
	width:100%;
	height:150px;
}
.ml_345 {
	width:150px;
	height:50px;
	margin:50px 0 50px 345px;
	float:left;
}
#beetle_top {
	width:100%;
	height:250px;
}
.fb_icon {
	width:30px;
	height:30px;
	margin:60px 0 60px 256px;
	float:left;
}
.mail_icon {
	width:34px;
	height:30px;
	margin:60px 0 60px 25px;
	float:left;
}
#beetle_menu {
	width:100%;
	height:26px;
	padding:27px 0;
}
.menubtn {
	width:210px;
	height:auto;
	text-align:center;
	float:left;
}
#beetle_main {
	width:100%;
	height:auto;
	padding:40px;
}
#info {
	width:504px;
	height:auto;
	margin-right:40px;
	float:left;
}
#brand {
	width:212px;
	height:auto;
	float:left;
}
.sub {
	height:30px;
}
#blog {
	width:100%;
	height:auto;
}
.blog_content {
	width:100%;
	height:auto;
}

#blog_new a{
	color: #111;
}

#blog_new a:hover{
	color: #999;
	text-decoration: none;
}

#blog_new ul{
	padding-top: 30px;
}

#blog_new li{
	list-style-type: none;
	margin-bottom: 20px;
	font-size: 9pt;
}

#blog_new p.blog_title{
	font-weight: bold;
}

#blog_new .blog_text{
	height: 1.5em;
	width: 460px;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	text-align: justify;
	text-justify: inter-ideograph;
}

#blog_new .blog_text span.width{
	width: 415px;
	overflow: hidden;
}

#blog_new .blog_text span.more{
	font-size: 7pt;
}


.feed_ttl {
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.feed_wrapper {
	margin-bottom:20px;
}
.brand_vew {
	width:212px;
	height:auto;
}
.brand_bt {
	width:212px;
	padding: 3px 0;
	margin-bottom:10px;
	background-color:#EFEFEF;
	font-weight:normal;
	padding-left:5px;
	font-size:12px;
}
#footer {
	width:100%;
	height:150px;
	text-align:center;
}
#about {
	width:368px;
	height:auto;
	float:left;
}
.about01 {
	width:50px;
	height:auto;
	float:left;
	text-align:right;
	font-weight:bold;
	font-size:12px;
}
.about02 {
	width:293px;
	height:auto;
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	margin-left:25px;
}
.about1_2 {
	width:100%;
	height:170px;
}
.about_3 {
	width:100%;
	height:114px;
	margin-top:120px;
	font-weight:bold;
	font-size:12px;
}
.about_photo {
	width:auto;
	height:auto;
	float:left;
}
#map {
	width:380px;
	height:300px;
	float:left;
}
#access01 {
	width:330px;
	height:auto;
	float:left;
	font-weight:bold;
	font-size:14px;
	margin-left:40px;
}
.mb20 {
	margin-bottom:20px;
}
.fs5 {
	font-size:7px;
}