@charset "utf-8";

body{
	min-width:inherit;
}


/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container,
#footer{
	width: auto;
	margin-right: 6px;
	margin-left: 6px;
}


/*ヘッダーh1タグ（サイト名ロゴ）
---------------------------------------------------------------------------*/
header h1 {
	width:70%;
	padding-left:0px;
}

header h1 img {
	width:100%;
	height:auto;
}

/*ヘッダー右
---------------------------------------------------------------------------*/
header ul#contact{
	display:none;
}

header div#gnavi_btn {
	display:block;
	padding:5px;
	width:26px;
	height:23px;
	float:right;
	margin-top:5%;
	
	border:1px solid #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	
}



/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg img {
	width: 100%;
	height: auto;
}

/*service2.htmlの製品詳細
---------------------------------------------------------------------------*/
/*製品詳細ページではサブコンテンツを表示させない設定*/
#service2 #sub {
	display: none;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
header nav{
}

header nav ul {
	display:none;	
	height: auto;
	padding-left: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*メニュー１個ごとの設定*/
header nav ul li {
	width: 49%;
	margin-bottom: 1%;
}

header nav ul li a {
	width: 90%;
	color: #898989;		/*文字色*/
	text-decoration: none;
	text-align: left;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	border-left:1px dotted #5A5858;
	border-bottom:1px dotted #5A5858;
	font-size:12px;
}

header nav ul li a span{
	font-size:9px;
	color:#49B0C1;
	margin-top:0;
	line-height:1em;
}

header nav ul li#nav_mail {
	display:block;
}

p#nav_tel{
	clear:both;
	display:block;
	width:237px;
	margin:0 auto;
	padding-top:10px;
}

/*コンテンツ（main,sub,footerを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width:100%;
	clear: left;
	padding-top: 5px;
}

#contents h1 img{
	width:100%;
	height:auto;	
}


#contents  img.w100per{
	width:100%;
	height:auto;	
}

#contents  img.w80per{
	width:80%;
	height:auto;	
}

#contents  img.w50per{
	width:50%;
	height:auto;	
	display:block;
	margin:0 auto;
}

#contents p.top_title{
	font-size:16px;
}

#contents .top_box1{
	width:45%;
	float:left;
	border:1px solid #898989;
	margin-right:0;
	margin-bottom:5px;
	padding:5px;
}

#contents .top_box2{
	width:auto;
	float:none;
	border:1px solid #898989;
	margin-bottom:5px;
	margin-right:0;
	padding:5px;
 	min-height: 150px;
	/*  
    height: auto !important;  
    height: 300px;
	*/
}

#contents .top_box1 p.top_img{
	position:relative;
	top:0;
	left:0;
	text-align:center;
}

#contents .top_box1 p.top_img img{
	max-width:183px;
}

#contents .top_box1 .top_caption{
	padding-top:10px;
	padding-bottom:10px;
}


#contents .top_box2 p.top_img{
	width:44%;
	height:auto;	
	position:relative;
	left:5px;
	top:0;
	float:left;
}

#contents .top_box2 p.top_img img{
	max-width:243px;
}


#contents .top_box2 .top_caption{
	padding-left:48%;	
}



#contents p.top_img img{
	width:95%;
	height:auto;	
}

#contents .top_box2 .top_caption #news_container{
	width:95%;
}

#contents .top_box2 .top_caption #news_container iframe#news{
	width:85%;
}

#contents .top_box2 .top_caption #news_container iframe#news img{
	width:100%;
}


#contents iframe#gmap{
	width:100%;
	height:auto;
}

#contents .metalL{
	width:40%;
	float:left;
}

#contents .metalR{
	width:42%;
	float:right;
	margin-left:0;
}

/*その他
---------------------------------------------------------------------------*/
/*写真の設定*/
#main img.wa {
	width: 100%;
	height: auto;
}

.mr0_m{
	margin-right:0 !important;
}

.mt0_s{
	margin-top:0 !important;
}

.fr_m{
	margin-right:0 !important;
	float:right !important;
}

.w100per_s{
	width:100%;
}

.pc_visible{
	display:none;
}

.sp_visible{
	display:block;
}

.sp_visible table tr td{
	padding-left:2px;
	padding-right:2px;
	font-size:0.8em;
}