/*------------------------------------------------
SMART STYLE-----------------------------------------*/
@media screen and (max-width:690px){
body{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	background-image: url(../images/bg_all.png);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
a{
	color:#333333;
}
a:hover{
	color:#3D3F20;
}
a:img{
	border:none;
}
.img10{
	margin:0;
}
.img_center{
	width:80%;
	height:auto;
	margin:0 10% 5px 10%;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.red{
	font-size:10px;
	color:#FD0349;
}
.small{
	font-size:10px;
}
/*----header----*/
#header{
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 5px 0;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
#header #header_inside{
	width:100%;
	height:auto;
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
}
#header #header_inside h1{
	background-color:#ffffff;
	font-size:x-small;
	width:100%;
	margin:0;
	font-weight:normal;
}
#header #header_inside #header_logo{
	clear:both;
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	display:inline-block;
}
#header #header_inside #header_right{
	float:right;
	width:100%;
	height:auto;
}
#header #header_inside #header_contact{
	width:40%;
	height:auto;
	float:right;
	margin:3px 0 0 0;
}
#header #header_inside #header_menu{
	display:none;
}

/*----main----*/
#whole{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
}
/*----contents----*/
#whole #contents{
	width:96%;
	height:auto;
	margin:0 2%;
	padding:0;
}
#whole #contents h2{
	width:100%;
	height:auto;
	margin:0;
}
#whole #contents h2 img{
	width:100%;
	height:auto;
}
#whole #contents #index_topicbox{
	width:99%;
	height:auto;
	margin:0 0 20px 1%;
}
#whole #contents #index_topicbox .index_topicontents_l{
	width:33%;
	margin:0 auto 3px auto;
	float:left;
}
#whole #contents #index_topicbox .index_topicontents_r{
	width:33%;
	margin:0 auto 3px auto;
	float:left;
}
#whole #contents .fb-page{
	display:none;
}
#news_box{
	width:100%;
	height:auto;
	margin:10px 0 20px 0;
	background-color:#ffffff;
}
#news_box img{
	width:100%;
	margin:0;
}
#news_box .news_item{
	clear:both;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	border-bottom: dotted 1px #262626;
}
#news_box .news_item .news_title{
	width:96%;
	padding:5px 2% 0 2%;
	font-size: medium;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
}
#news_box .news_item .news_img{
	width:100%;
	height:auto;
	margin:0 auto;
}
#news_box .news_item .news_img img{
	width:100%;
	height:auto;
}
#news_box .news_item .news_text{
	clear:both;
	width:96%;
	height:auto;
	margin:10px auto;
	padding:0;
}
/*----side----*/
#whole #sidemenu{
	clear:both;
	width:96%;
	height:auto;
	margin:0 2% 5px 2%;
	font-size:small;
}
#whole #sidemenu nav{
	width:80%;
	height:auto;
	background-color:#ffffff;
	margin:0 auto;
}
#whole #sidemenu nav ul{
	margin:0;
	padding:0;
	list-style:none;
	background-color:#ffffff;
	list-style-position:outside;
}
#whole #sidemenu nav ul li{
	margin:0 auto;
}
#whole #sidemenu nav ul li img{
	width:100%;
	height:auto;
	margin:0;
}
#whole #sidemenu #mapfield{
	display:none;
}
#whole #sidemenu p{
	margin:0 0 10px 35px;
	clear:both;
}
.gotop{
	clear:both;
	margin:10px 0 0 0;
	float:right;
}
/*----footer----*/
#footer{
	clear:both;
	width:100%;
	height:auto;
	padding:10px 0;
	background-position:top;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color:#ffffff;
}
#footer #footer_inside{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}
#footer #footer_inside #footer_logo{
	width:80%;
	height:auto;
	margin:20px auto;
}
#footer #footer_inside h3{
	text-align:center;
	font-weight:normal;
	font-size:x-small;
	margin:0 auto 30px auto;
}
#footer #footer_inside #foot_menu{
	width:100%;
	height:auto;
	margin:0 auto;
	font-size:x-small;
	text-align:center;
}
#footer #footer_inside #foot_menu img{
	display:none;
}
#footer #footer_inside #foot_menu ul{
	margin:10px 0 20px 0;
	padding:0;
}
#footer #footer_inside #foot_menu ul li{
	list-style:none;
	list-style-position: inherit;
	width:50%;
	float:left;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
}
#footer #footer_inside #foot_menu ul li a{
	text-decoration:none;
}
#footer #footer_inside #foot_menu .fb-like{
	display: inline-block;
	margin:10px 0;
}
#footer #footer_inside #copy{
	clear:both;
	height:auto;
	margin:0;
	text-align:center;
	font-size:xx-small;
}

/*----CONTNT----*/
.white_bg{
	padding:10px 5px;
	margin:0 0 10px 0;
	background-color:#ffffff;
}
.white_bg p{
	margin:10px;
}

.white_bg h3{
	font-size:16px;
	background-color:#0085B2;
	color:#ffffff;
	padding:10px 10px 10px 20px;
}
.white_bg h4{
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	font-size:16px;
	font-weight:normal;
}

/*--------------------------------アクセス*/
#accessfield{
	width:96%;
	height:550px;
	margin:10px auto;
}
#accessfield iframe{
	width:100%;
	height:550px;
}

#spmap{
	width:100%;
	height:auto;
	margin:10px 0 30px 0;
	padding:5px 0;
	text-align:center;
	-webkit-tap-highlight-color: rgba(0,0,0,.3);
}
#spmap a{
    padding: 10px;
}
/*--------------------------------会社案内*/
.company_table{
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0;
	border:none;
	background-color:#ffffff;
}
.company_table th{
	text-align:left;
	white-space:nowrap;
	padding:10px;
	border-bottom:solid 1px #666666;
	background-color:#F4F4F4;
}
.company_table td{
	padding:10px;
	border-bottom:solid 1px #666666;
}
/*--------------------------------問い合わせ*/
.table_form{
	width:100%;
	height:0 0 20px 0;
	border:none; 
}
.table_form th{
	text-align:left;
	padding:2px;
	border-bottom:solid 1px #666666;
	background-color:#F4F4F4;
	font-weight:normal;
}
.table_form td{
	padding:2px;
	border-bottom:solid 1px #666666;
}
/*--------------------------------実績*/
.achieve_box{
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 10px 0;
}
.achieve_box .achieve_title{
	width:auto;
	height:32px;
	background-image:url(../images/achieve_s_bg.gif);
	background-repeat:no-repeat;
	font-size:18px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:6px 0 0 90px;
	color:#444444;
}
.achieve_box p{
	width:94%;
	height:auto;
	padding:5px 3%;
	margin:0 auto 10px auto;
}
.achieve_box .befor{
	float:left;
	width:49%;
	height:auto;
	margin:0 1% 10px 0;
}
.achieve_box .befor img{
	width:100%;
	height:auto;
}
.achieve_box .after{
	float:left;
	width:49%;
	height:auto;
	margin:0 0 10px 0;
}
.achieve_box .after img{
	width:100%;
	height:auto;
}
.achieve_box hr{
	clear:both;
	width:96%;
	margin:10px 0;
	border:solid 1px #eeeeee;
}
.achieve_box .after .on_text{
	width:80px;
	height:32px;
	position: absolute;
}
.achieve_box .after .on_text img{
	width:80px;
	height:32px;
}
.achieve_box .befor .on_text{
	width:80px;
	height:32px;
	position:absolute;
}
.achieve_box .befor .on_text img{
	width:80px;
	height:32px;
}
/*--------------------------------鈑金塗装*/
.coating_flow .flow_title{
	margin:0 0 0 10px;
	font-size:16px;
	font-weight:bold;
	text-shadow:#cccccc 1px 1px;
}
.price_title{
	width:100%;
	height:auto;
	border:solid 1px #cccccc;
	font-size:18px;
	font-weight:bold;
	color:#0085B2;
	text-align:center;
	padding:10px 0;
	margin:0 0 10px;
}
table.price{
	width:100%;
	width:100%;
	height:auto;
	border: solid 1px #0085B2;
	margin:0 0 20px 0;
}
table.price th{
	background-color:#0085B2;
	padding:5px 0;
	color:#ffffff;
}
table.price td{
	border: solid 1px #0085B2;
	padding:5px 0;
}
}