@charset "utf-8";

/*----------------------------*/
/*-----   トップページ   -----*/
/*----------------------------*/

h2{
	margin-top:80px;
	border:none;
}

#topNews{
	width:100%;
	margin:10px 0;
	padding:8px 0;
	border-top:3px solid #98D8BA;
	border-bottom:3px solid #98D8BA;
	border-left:none;
	border-right:none;
	height:180px;
	overflow-y:scroll;
	overflow-x:hidden;
}


#topProduct{
	margin:0;
	padding:0;
}
#topProduct li{
	float:left;
	width:48%;
	margin:0 1% 20px;
	padding:0;
	list-style:none;
	border-top:3px solid #98D8BA;
	border-bottom:3px solid #98D8BA;
}
#topProduct li img{ float:left; width:32%; max-width:180px; height: auto; }
#topProduct li div{ float:right; width:65%; margin:10px 0 0 !important; padding:0; }
#topProduct li h3{ margin:0; padding:4px 0 8px 34px !important; background:url(../images/icon_futaba.png) no-repeat; font-size:1.5em; }
#topProduct li p{ margin:0; padding:0; line-height:140%; }

#topGuide{ margin:40px 0 0; padding:0; }
#topGuide li{ float:left; width:27%; margin:0 3% 20px; padding:0; list-style:none; }
#topGuide li h3{ margin:0; padding:4px 0 8px 34px !important; background:url(../images/icon_futaba.png) no-repeat; font-size:1.5em; }
#topGuide li p{ margin:0; padding:0; line-height:140%; }


#topEtcContents{
	margin:40px 0 20px;
	padding:0;
}
#topEtcContents li{
	float:left;
	margin:0 20px 20px;
	padding:0;
	list-style:none;
	font-size:92%;
}
#topEtcContents li img{
	display:inline;
	vertical-align:bottom;
	max-width:100%;
	margin-right:6px;
}
#topEtcContents li p{
	float:right;
	line-height:140%;
	margin-top:6px;
}


/*=======================================================================================================================*/

/*--- タブレット用（481px～800px）環境の設定 ---*/

/*=======================================================================================================================*/
@media screen and (min-width:481px) and (max-width:800px){

#topProduct li{
	width:100%;
	margin-left:0;
	margin-right:0;
}
#topProduct li div{
	float:left;
}
#topProduct li img{
	margin-right:2%;
}


#topGuide li{
	width:29%;
	margin:0 3% 20px;
}
#topGuide li:first-child{ margin-left:0; }
#topGuide li:last-child{ margin-left:0; }


#topEtcContents li:first-child{ margin-left:0; }


}


/*=======================================================================================================================*/

/*--- スマートフォン用（480px以下）環境の設定 ---*/

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

#topProduct li{
	width:100%;
	margin-left:0;
	margin-right:0;
}
#topProduct li div{
	float:left;
}
#topProduct li img{
	margin-right:2%;
}


#topGuide{
	margin:30px 0 0;
}
#topGuide li{
	width:100%;
	margin:0 0 30px;
}


#topEtcContents li{
	margin-left:0;
	font-size:84%;
}

}