@charset "utf-8";
/*
目次

・メイン（トップページ）
・電気工事業者を探す
・電気工事なら日本テクノにおまかせください
・日本テクノの挑戦
・News
・情報コーナー
・知らないと損するお得な情報
・注目企業

---------------------------------------------*/


/*
メイン（トップページ）
---------------------------------------------*/
body#top #content{
	margin:0 10px;
	padding:0;
	border-top:1px solid #CCCCCC;
}
body#top #content #main_top{
	clear:both;
	margin:0;
	padding:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	height:210px;
}

body#top #content #main_top_l{
	float:left;
	margin:0;
	padding:0;
}
body#top #content #main_top_r{
	float:right;
	margin:0;
	padding:0;
	border-left:1px solid #CCCCCC;
	background:#FFFFFF;
}
body#top #content #main_top_r img{
	margin:1px;
}


/* 電気工事業者を探す */

body#top #content #main_top_l #main_top_ll{
	float:left;
	width:247px;
	background:#FFFFFF;
	border-right:1px solid #CCCCCC;
	padding-bottom:5px;
	margin:0;
	height:205px;
}

body#top #content #main_top_l #main_top_ll h2#search{
	background:url(../images/top/headline2_search.gif) left top no-repeat;
	font-size:14px;
	margin:0 0 2px 0;
	padding:4px 0 3px 35px;
	clear:both;
	height:22px;
}

body#top #content #main_top_l #main_top_ll h3{
	background:url(../images/top/headline3.gif) #FFFFFF left no-repeat;
	padding:3px 0 2px 20px;
	margin:0 5px;
	line-height:1.4em;
	font-size:14px;
}
body#top #content #main_top_l #main_top_ll p{
	margin:0 5px;
	padding:0 0 2px 20px;
	background:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}
body#top #content #main_top_l #main_top_ll p img{
	float:right;
	margin:0 5px;
}

/* 電気工事なら日本テクノにおまかせください */
body#top #content #main_top_l #main_top_lr{
	background:#f8f8f9 url(../images/top/top_earth.jpg) bottom center no-repeat;
	float:left;
	width:378px;
	height:200px;
	padding:5px;
}
body#top #content #main_top_l #main_top_lr h2{
	font-size:16px;
	text-align:center;
}
body#top #content #main_top_l #main_top_lr p{
	font-size:12px;
	line-height:1.4em;
	padding:10px;
	margin:0;
}


/* middle */
.main_middle{
	clear:both;
	padding:0;
	margin:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:878px;
	background:url(../images/top/main_middle_border.gif) left repeat-y;
}

.main_middle #middle_left{
	float:left;
	margin:0;
	padding:0 0 10px 0;
	background:#FFFFFF;
	width:637px;
}

/* 日本テクノの挑戦 */
.main_middle #middle_left #middle_ll{
	float:left;
	margin:0;
	padding:0;
	background:#FFFFFF;
	width:247px;
	border-right:1px solid #CCCCCC;
}

.main_middle #middle_left #middle_ll p{
	font-size:12px;
	padding:5px;
}

.main_middle img.img_l{
	margin:0 0.8em 1em 0;
	float:left;
}
.main_middle img.img_r{
	margin:0 0 1em 0.8em;
	float:right;
}

.main_middle #middle_left #middle_ll h2#book{
	background:url(../images/top/headline2_book.gif) left top no-repeat;
	font-size:14px;
	margin:0 0 2px 0;
	padding:4px 0 3px 35px;
	clear:both;
	height:22px;
}



/* NEWS */

.main_middle #middle_left #middle_lr{
	float:right;
	margin:0;
	padding:0;
	background:#FFFFFF;
	width:389px;
	background:url(../images/top/headline2_news.gif) left top no-repeat;
}

.main_middle #middle_left #middle_lr h2#news{
	font-size:14px;
	margin:0 0 2px 0;
	padding:4px 0 3px 35px;
	height:22px;
	float:left;
}
.main_middle #middle_left #middle_lr p#news_list{
	background:url(../images/common/arrow2.gif) left no-repeat;
	padding:5px 5px 0 20px;
	text-align:right;
	font-weight:normal;
	float:right;
	font-size:12px;
}

.main_middle #middle_lr dl{
	clear:both;
	margin:5px 0 0 10px;
}
.main_middle #middle_lr dt{
	float:left;
	clear:left;
	width:100px;
	padding:0 ;
}
.main_middle #middle_lr dd{
	margin-left:100px;
	padding:0 ;
}

/* 情報コーナー */
.main_middle #middle_left #top_info{
	clear:both;
	border-top:3px solid #99CC33;
}
.main_middle #middle_left #top_info h3{
	margin:5px 0 0 5px;
	padding:0 0 0 30px;
	background:url(../images/top/headline_info.gif) left no-repeat;
}
.main_middle #middle_left #top_info #top_column{
	clear:both;
	background:url(../images/top/headline_info_bg_bottom.gif) left bottom no-repeat;
	margin:0 0 0 5px;
	padding:0 5px 2px 0;
}
.main_middle #middle_left #top_info #top_column h4{
	clear:both;
	background:url(../images/top/headline_info_bg_top.gif) left no-repeat;
	margin:0;
	padding:6px 0 0 25px;
	height:24px;
	font-size:14px;
}
.main_middle #middle_left #top_info #top_column p{
	background:url(../images/top/headline_info_bg_middle.gif) left repeat-y;
	margin:0 0 2px 0;
	padding:5px 5px 5px 10px;
	clear:both;
}
.main_middle #middle_left #top_info #top_column p span#info_column{
	display:block;
	background:url(../images/common/arrow.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:1em 0;
}
.main_middle #middle_left #top_info #top_column p span#right{
	display:block;
	text-align:right;
}


/* 情報コーナー下部　知らないと損するお得な情報 */
.main_middle #middle_left #top_info2{
	clear:both;
	padding:0 5px;
	margin:5px 0 0 0;
	height:94px;
}
.main_middle #middle_left #top_info2 #top_info2_l{
	float:left;
	width:627px;
	background:url(../images/top/headline_info_bg_middle.gif) left repeat-y;
/* 	background:url(../images/top/top_info2_bg.gif) left top no-repeat;　 */
	margin:0;
	padding:0;
	height:94px;
}
.main_middle #middle_left #top_info2 #top_info2_l #top_info2_ll,
.main_middle #middle_left #top_info2 #top_info2_l #top_info2_lr{
	float:left;
}

.main_middle #middle_left #top_info2 #top_info2_l #top_info2_ll img{
	margin:6px 0 0 6px;
}

/* 　お問い合わせ　
.main_middle #middle_left #top_info2 #top_info2_r{
	float:right;
	width:311px;
	background:url(../images/top/top_info2_bg.gif) left top no-repeat;
	margin:0;
	text-align:center;
	font-size:12px;
	height:94px;
}
 
 
.main_middle #middle_left #top_info2 #top_info2_r p{
	margin:5px 5px 0 5px;
}
.main_middle #middle_left #top_info2 #top_info2_r img{
	margin:3px 0 0 0;
	padding:0;
}
 */
 
.main_middle #middle_left #top_info2 h3{
	background:url(../images/top/top_info2_title_bg.gif) left top no-repeat;
	margin:5px;
	padding:0 0 0 17px;
	font-size:14px;
}
.main_middle #middle_left #top_info2 ul{
	clear:both;
	margin:0;
	padding:0;
}
.main_middle #middle_left #top_info2 ul li{
	list-style:url(../images/top/info2_arrow.gif);
	padding:0;
	margin:0 0 0 40px;
}


/* 注目企業 */
.main_middle #middle_right{
	float:right;
	width:240px;
	margin:0;
	padding:0;
	border-left:1px solid #CCCCCC;
	font-size:12px;
	background:#EDEDED;
}
.main_middle #middle_right .com{
	clear:both;
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 8px 0;
	background:#FFFFFF;
}
.main_middle #middle_right h3{
	clear:both;
	border-bottom:1px solid #CCCCCC;
	background:#FFFFFF;
}
.main_middle #middle_right h4{
	clear:both;
	padding:8px 5px 0 5px;
	font-size:12px;
}
.main_middle #middle_right p{
	padding:0 5px;
	margin:0;
	clear:both;
}
.main_middle #middle_right p img{
	margin:0 5px 5px 0;
	float:left;
}

.main_middle #middle_right #manage{
	clear:both;
	text-align:right;
	padding:10px 5px 5px 5px;
	height:58px;
	background:#EDEDED;
}