@charset "utf-8";
/* top_new.css : index_new.php 用（top.css の2026年版）*/


/* top
---------------------------------------------------------------------*/

div#flash{
	position:relative;
	width:1001px;
	height:436px;
	text-align:center;
	margin:0 0 40px 0;
}

div#merit{
	position:relative;
	width:1001px;
	height:500px;
	background:url(../top/bg_merit.jpg) no-repeat;
	margin:0 auto 0;
}
	div#merit h2{
		position:absolute;
		left:217px;
		top:-35px;
	}
	
	div#merit h3,div#merit p,
	div#merit ul,div#merit p + img{
		position:absolute;
	}
	div#merit h3{
		z-index:1;
	}
	
	div#merit h3#m_speed{
		left:52px;
		top:65px;
	}
	div#merit p#p_speed{
		left:52px;
		top:114px;
		width:270px;
	}
	div#merit img#img_speed{
		left:337px;
		top:105px;
	}
	
	div#merit h3#m_rakuraku{
		left:525px;
		top:65px;
	}
	div#merit p#p_rakuraku{
		left:525px;
		top:114px;
		width:270px;
	}
	div#merit img#img_rakuraku{
		left:816px;
		top:50px;
	}
	
	div#merit h3#m_omoi{
		left:52px;
		top:252px;
	}
	div#merit p#p_omoi{
		left:52px;
		top:302px;
		width:270px;
	}
	div#merit ul#ul_omoi{
		left:52px;
		top:348px;
		width:270px;
		color:#b83d14;
	}
	div#merit img#img_omoi{
		left:325px;
		top:302px;
	}
	
	div#merit h3#m_anshin{
		left:525px;
		top:252px;
	}
	div#merit p#p_anshin{
		left:525px;
		top:302px;
		width:420px;
	}
	div#merit img#img_anshin{
		left:525px;
		top:365px;
	}


div#ref{
	position:relative;
	width:411px;
	height:488px;
	background:url(../top/bg_ref.jpg) no-repeat;
}
	div#ref li{
		position:absolute;
	}
	div#ref li#rf_trouble	{	left:19px;	top:68px;}
	div#ref li#rf_pc			{	left:22px;	top:152px;}
	div#ref li#rf_note		{	left:208px;	top:150px;}
	div#ref li#rf_lcd			{	left:23px;	top:265px;}
	div#ref li#rf_rescue	{	left:207px;	top:266px;}
	div#ref li#rf_charge	{	left:24px;	top:385px;}
	div#ref li#rf_flow		{	left:211px;	top:386px;}


/* ref と blog を横並びにする（旧: blog を top:970px; left:435px で絶対配置していた） */
div#row{
	display:flex;
	align-items:flex-start;
}
div#ref{
	flex:none;
}
div#blog{
	position:relative;
	flex:none;
	margin:-6px 0 0 24px;
	width:580px;
	height:483px;
}

	div#blog h2{
		padding:0 0 15px 20px;
	}
	div#blog a#rss{
		display:block;
		position:absolute;
		left:520px;
		top:21px;
	}
	
	div#blog div#blog_box{
		position:relative;
		width:580px;
		height:411px;
		overflow:auto;
	}
	
	div.blog_item{
		position:relative;
		float:left;
		width:184px;
		height:211px;
	}
	
	div.fr_y	{background:url(../top/fr_y.gif) no-repeat;}
	div.fr_bl	{background:url(../top/fr_bl.gif) no-repeat;}
	div.fr_p	{background:url(../top/fr_p.gif) no-repeat;}
	div.fr_pp	{background:url(../top/fr_pp.gif) no-repeat;}
	div.fr_g	{background:url(../top/fr_g.gif) no-repeat;}
	div.fr_c	{background:url(../top/fr_c.gif) no-repeat;}
	
	div.blog_item h3{
		width:140px;
		padding:15px 0 0 20px;
		margin:0 0 8px 0;
	}
	div.blog_item h3 a{
		color:#b83d14;
		font-weight:bold;
		line-height:13px;
	}
	div.blog_item p{
		width:140px;
		padding:0 0 0 20px;
		font-size:11px;
		line-height:15px;
	}
	div.blog_item a.more{
		display:block;
		position:absolute;
		left:120px;
		top:165px;
	}
	

div#voice{
	position:relative;
	height:483px;
	background:url(../top/fr_voice.jpg) top right no-repeat;
	margin:20px auto 0;
}
	div#voice dl{
		position:absolute;
		left:310px;
		top:57px;
		width:668px;
		height:373px;
		overflow:auto;
	}
	div#voice dt{
		color:#B83D14;
		font-size:12px;
		font-weight:bold;
		width:94%;
		padding:0 0 5px 0;
		border-bottom:2px dotted gray;
		margin:0 0 5px 0;
	}
	div#voice dd{
		width:94%;
		margin:0 0 20px 0;
	}
	div#voice dd span{
		display:block;
		font-size:10px;
	}