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

　共通項目
-----------------------------------*/
body{
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳＰゴシック','Osaka';
	color: #333;
	text-align:left;
	line-height:180%;
	background-color:#fff;
	background-image:url(images_new/bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	margin:0px;
	padding:0px;
}

	h1{font-size:1.9em;}
	h2{font-size:1.4em;}
	h3{font-size:1.3em;}
	h4{font-size:1.2em;}
	h5{font-size:1.2em;}
	h6{font-size:1.2em;}
	
	h1,h2,h3,h4,h5,h6{ line-height:1.1em; }
	
	p,th,td,li,dt,dd{font-size:1.2em;}
		
	div{margin:0px; padding:0px}
	
	h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,table,form,pre,embed,object{
		margin: 0px 0px 20px 0px;
		padding:0px;
	}
		li{margin: 0px 0px 5px 0px; list-style-position: inside; list-style-type: none; line-height: 1em;}
		dt{font-weight:normal; margin: 0px 0px 5px 0px; padding:0px;}	
		dd{margin: 0px 0px 10px 20px; line-height: 1em;}
		td,th{padding:3px}

	a:link{color:#666;text-decoration:none;}
	a:visited{color:#666;text-decoration:none;}
	a:hover{color:#000;text-decoration:underline;}
	a:active{color:#000;text-decoration:underline;}
		
	img{border:none}

	table{border-collapse:collapse; font-size:100%;}
	

	label{cursor:pointer;}
		
	.clear{clear:both}
	


	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	
	.clearfix { display: inline-block;}
	
	
	/* Hides from IE-mac ¥*/
	* html .clearfix { height: 1%;}
	.clearfix { display: block;}
	/* End hide from IE-mac */
	

	#all{
		width:790px;
		margin:auto;
	}

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

トップページスタイル
　
-----------------------------------*/

#top_bg{
	background-image:url(images_new/top/flash_bg.jpg);
	background-repeat:no-repeat;
	background-position:center 59px;
	padding-top:20px;
}

h1.top{
	margin:0px 0px 3px 4px;
	height: 36px;
	overflow: hidden;
}
#top_read{
	padding:10px 0px 0px 7px;
	width:470px;
	font-size:1em;
	display: inline;
	float: left;
	margin:0px;
	color:#666;	
}
#top_navi{
	display: inline;
	float: right;
	width:290px;
	height: 31px;
	margin:0px 10px 5px 0px;
	overflow: hidden;
}
	#top_navi li{
		height: 31px;
		display: inline;
		float: left;
		margin:0px;
		padding: 0px;
	}
	#top_navi img{
		display: block;
		margin:0px;
	}

#top_flash{
	clear: both;
	width:770px;
	height: 210px;
	overflow: hidden;
	margin:auto;
	position: relative;
	z-index: 1;
}

#top_service{
	width:774px;
	margin:auto;
	margin-top:-17px;
	/* IEは-37px */
	position: relative;
	z-index: 10;
}
	#top_service .section{
		display: inline;
		float: left;
		width:238px;
		margin:0px 0px 14px 15px;
		overflow: hidden;
	}
	#top_service .section h2{
		margin:0px auto 4px auto;
		width:238px;
	}
	#top_service .section p{
		font-size: 1em;
		width:223px;
		padding:0px 0px 5px 0px;
		margin:0px auto 5px auto;
		line-height: 1.4em;
	}
	#top_service .section ul{
		width:223px;
		margin:0px auto 6px auto;
		padding: 0px;
	}
	#top_service .section li{
		margin:0px 0px 0px 0px;
		padding: 7px 3px 4px 3px;
		width:217px;
		float: left;
		display: inline;
		background-image:url(images_new/line_dot.gif);
		background-position:top;
		background-repeat:no-repeat;
	}
	#top_service .section img{
		vertical-align: middle;
		margin:0px 5px 0px 0px;
	}
	#top_service span{
		cursor: pointer;
	}


#top_categorys{
	clear: both;
	width:735px;
	margin:0px auto 13px auto;
}
	#top_categorys div.title{
		width:134px;
		float: left;
		margin:0px;
		display: inline;
	}
	#top_categorys div.contents{
		width:596px;
		height: 233px;
		padding-bottom: 3px;
		margin:0px 0px 4px 0px;
		display: inline;
		float: right;
		background-image:url(images_new/line_dot.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	#top_categorys div.title h2{
		margin:0px;
	}
	#top_categorys div.title h2 img.btn{
		cursor: pointer;
	}


#top_cat_solusion{

}
	#top_cat_solusion dl{
		padding-top:7px;
		margin:0px;
		width:596px;
		overflow: hidden;
		background-image:url(images_new/line_dot.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
	#top_cat_solusion dt,
	#top_cat_solusion dd{
		line-height: 120%;
	}
	
	#top_cat_solusion dt{
		background-image:url(images_new/top/icon_ques.gif);
		background-repeat:no-repeat;
		background-position:0px 0.1em;
		padding:0px 0px 0px 51px;
		height: 27px;
		margin:0px 0px 0px 0px;
		color: #6ECC6B;
	}
	#top_cat_solusion dd{
		background-image:url(images_new/top/icon_answer.gif);
		background-repeat:no-repeat;
		background-position:20px 0.1em;
		height: 30px;
		overflow: hidden;
		padding:0px 0px 0px 72px;
		margin:0px 0px 0px 0px;
	}
	#top_cat_solusion dd.line{
		background-image:none;
		padding: 0px;
		margin:0px 0px 5px 0px;
		height: 3px;
		background-image:url(images_new/line_dot.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-repeat:no-repeat;
	}
	#top_cat_solusion p{
		background-image:url(images_new/top/more_bg_g.gif);
		background-position:bottom;
		height: 34px;
		margin:-3px 0px 0px 0px;
		text-align: right;
		padding:0px 9px 0px 0px;
	}
	#top_cat_solusion p a{
		display: block;
		padding:7px 0px 0px 0px;
	}
	#top_cat_solusion p img{
		vertical-align: middle;
		margin:0px 11px 0px 0px;
	}
	
#top_cat_performance{
	clear: both;
}
	#top_cat_performance ul{
		padding:23px 0px 0px 3px;
		margin:0px;
		background-image:url(images_new/line_dot.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
	#top_cat_performance li{
		width:253px;
		margin:0px 0px 16px 22px;
		padding:0px 0px 0px 17px;
		float: left;
		display:inline;
		background-image:url(images_new/icon_arrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}
	#top_cat_performance li.end{
		background-image:none;
		padding-left:0px;
	}
	#top_cat_performance li.end img{
		vertical-align: middle;
		margin:0px 11px 0px 0px;
	}

#top_cat_update_bg{
	clear: both;
	background-image:url(images_new/top/update_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#top_cat_update{
	clear: both;
	background-image:url(images_new/top/update_title.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
	#top_cat_update div.title{
		height:70px;
	}
	#top_cat_update div.contents{
		height: auto;
		width:589px;
		overflow: hidden;
		background-image:none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	#top_cat_update ul{
		padding-top:3px;
		margin:0px;
	}
	#top_cat_update li{
		width:585px;
		display: inline;
		float: left;
		clear: both;
		margin:0px 0px 8px 0px;
		/* ie専用でマージン調整 */
		padding:9px 0px 6px 4px;
		background-image:url(images_new/top/update_bg.gif);
		background-repeat:repeat-y;
	}
	#top_cat_update li.last{
		margin-bottom:0px;
	}
	
	#top_cat_update li span{
		line-height: 1.2em;
	}
	#top_cat_update li span.date{
		float: left;
		width:81px;
		padding:2px 0px 2px 17px;
		margin:0px;
		background-image:url(images_new/icon_yellow.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
	}
	#top_cat_update li span.title{
		float: left;
		width:485px;
		padding:2px 0px 2px 0px;
		margin:0px;
	}



#top_telinfo{
	text-align: center;
	margin:0px 0px 20px 0px;
}



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

セカンドページスタイル

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

#sec_bg{
	width:788px;
	margin:auto;
	background-image:url(images_new/sec_bg.jpg);
	background-repeat:no-repeat;
	background-position:center 41px;
	padding:23px 0px 0px 0px;
	overflow: hidden;
	color:#666;
}
#sec_read{
	padding:0px 0px 0px 7px;
	height: 20px;
	font-size:1em;
	margin:0px 0px 17px 0px;
}
h1.sec{
	margin:0px 0px 20px 20px;
	width:259px;
	float: left;
	display: inline;
}
#sec_navi{
	display: inline;
	float: right;
	width:332px;
	height: 14px;
	margin:14px 21px 5px 0px;
	overflow: hidden;
}
	#sec_navi li{
		height: 31px;
		display: inline;
		float: left;
		margin:0px;
		padding: 0px;
	}
	#sec_navi img{
		display: block;
		margin:0px;
	}
p#sec_visual{
	clear: both;
	width:760px;
	padding:4px 0px 0px 0px;
	border-top:solid 1px #eee;
	margin:0px auto 35px auto;
}
p#sec_visual_colum1{
	clear: both;
	width:760px;
	padding:4px 0px 0px 0px;
	border-top:solid 1px #eee;
	margin:0px auto 10px auto;
}
h2#sec_visual{
	clear: both;
	width:760px;
	padding:4px 0px 0px 0px;
	border-top:solid 1px #eee;
	margin:0px auto 0px auto;
}


h2.sec{
	background-image:url(images_new/title_bg.gif);
	background-repeat:no-repeat;
	padding:4px 20px 0px 20px;
	height:22px;
	font-size: 1.4em;
}
	h2.wide{
		background-image:url(images_new/title_bg.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		padding:4px 20px 3px 20px;
		height:22px;
		font-size: 1.4em;
		width:719px;
		margin:0px auto 27px auto;
	}

#category_list{
	width:622px;
	overflow: hidden;
	margin:0px auto 22px auto;
	padding:0px 0px 0px 138px;
	background-image:url(images_new/list/title_index.gif);
	background-position:0% 35%;
	background-repeat:no-repeat;
}
#category_list_2column{
	width:760px;
	margin:0px auto 22px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images_new/list/rec_centerline.gif);
	background-position:center top;
	background-repeat:repeat-y;
}

	#category_list_2column div{
		width:360px;
		float: left;
		display: inline;
	}
	#category_list_2column div h2{
		font-size: 1.4em;
		color:#000;
		font-weight:normal;
		padding:0px 0px 20px 0px;
		background-repeat:no-repeat;
		background-position:bottom;
		padding-left:3px;
	}
	#category_list_2column div.new_list{
		margin:0px 40px 0px 0px;
	}
	#category_list_2column div.new_list h2{
		background-image:url(images_new/list/rec_newlist_bg.gif);
	}
	#category_list_2column div.etc_list h2{
		background-image:url(images_new/list/rec_etclist_bg.gif);
	}
	
	#category_list .section{
		border-left: solid 1px #eee;
		width:662px;
		padding:7px 0px 70px 0px;
	}
	#category_list_2column ul{
		padding:0px 0px 0px 10px;
		margin:0px 0px 33px 0px;
	}
	#category_list ul{
		padding:0px 0px 0px 23px;
		margin:0px 0px 33px 0px;
	}
	#category_list_2column li,
	#category_list li{
		background-image:url(images_new/icon_yellow.gif);
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding:0px 0px 0px 20px;
		margin:0px 0px 14px 0px;
		/* common_ie.cssでパディングの補正有り */
	}
	



#sec_side{
	width:230px;
	float: left;
	display: inline;
	position: relative;
	margin:-18px 0px 0px 16px;
	padding:0px 0px 0px 0px;
	background-image:url(images_new/list_item/side_navi_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 65px;
}
	#sec_side p{
		height: auto;
		width:auto;
		margin:0px;
		padding: 0px;
	}

	#sec_side ul{
		width:215px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 8px;
	}
	#sec_side li{
		float: left;
		position: relative;
	}
	#sec_side li a{
		position: relative;
		display: block;
		width:195px;
		height: 22px;
		padding:9px 10px 0px 18px;
		background-image:url(images_new/list_item/sidelist_bg.gif);
		background-repeat:no-repeat;
	}
	#sec_side li.ck a,
	#sec_side li a:hover{
		background-image:url(images_new/list_item/sidelist_bg_ck.gif);
	}

#sec_content{
	width:504px;
	float: right;
	display: inline;
	margin:0px 19px 0px 0px;
	padding:47px 0px 0px 0px;
}

#sec_content_colum1{
	width:758px;
	margin:0px auto 10px auto;
	padding:7px 0px 0px 0px;
}

	#sec_content_colum1 h2{
		background-image:url(images_new/title_bg.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:5px 20px 3px 20px;
		margin:0px 0px 15px 0px;
		font-size: 1.4em;
	}

	#sec_content h2{
		background-image:url(images_new/title_bg.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:5px 20px 3px 20px;
		margin:0px 0px 15px 0px;
		font-size: 1.4em;
	}
	#sec_content_colum1 p,
	#sec_content p{
		margin:0px 0px 2em 0px;
		color:#666;
	}
	#sec_content_colum1 a.icon,
	#sec_content a.icon{
		background-image:url(images_new/icon_yellow.gif);
		background-position:0em 0.2em;
		background-repeat:no-repeat;
		padding:0px 0px 0px 1.2em;
	}
		
	#sec_content_colum1 p.back_navi{
		margin:0px 0px 12px 0px;
		padding:0px;
	}
	#sec_content_colum1 p.back_navi_foot{
		margin:0px 0px 0px 0px;
		padding:0px;
		text-align: right;
	}

	

	#sec_telinfo{
		margin:0px;
		padding:0px 0px 0px 25px;
	}
	#sec_telinfo_2column{
		background-color:#fff;
		clear: both;
		text-align:center;
		padding:30px 0px 0px 0px;
		
	}

	#sec_content_colum1 #sec_telinfo{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px -10px;
	}
	

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

サイトマップ　スタイル

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

#sitemap{
	margin:0px 0px 30px 0px;
}
#sitemap h2{
	margin:0px 0px 30px 0px;
}

#sitemap h3{
	padding-left:15px;
	border-bottom:dotted 1px #ccc;
	margin:0px 0px 10px 0px;
}
#sitemap ul{
	padding-left:30px;
	margin:0px 0px 30px 0px;
}



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

フッター　スタイル

-----------------------------------*/
	
#foot{
	clear: both;
	border-top: solid 1px #ccc;
	padding:4px 0px 0px 0px;
	width:779px;
	margin:0px auto 20px auto;
}
	#foot p{
		width:339px;
		float: left;
		margin:0px 0px 0px 2px;
		padding:2px 0px 0px 0px;
	}
	#foot ul{
		width:380px;	
		float: right;
		display: inline;
		margin:0px 2px 10px 0px;
		text-align: right;
	}
	#foot li{
		display: inline;
		font-size: 1em;
		margin:0px 9px 0px 0px;
	}
	#foot li a:link,
	#foot li a:visited{
		color:#999;
	}
	#foot li a:hover,
	#foot li a:active{
		text-decoration: none;
		color:#333;
	}
	#foot li img{
		margin:0px 4px 0px 0px;
		vertical-align: middle;
	}