@charset "UTF-8";

@import url(format.css);
@import url(base.css);

#box_cnts .flt_l{
	float:left;
	width:560px;
	overflow:hidden;
	}
#box_cnts .flt_r{
	float:right;
	width:360px;
	overflow:hidden;
	}
	
#box_cnts .flt_l:after,
#box_cnts .flt_r:after,
#box_srvice dl:after,
#box_news dl:after,
#box_portfolio ul.work_cap:after{
	clear:both;
	content:"";
	display:block;
	height:1px;
	overflow:hidden;
	}

#box_srvice p.lead{
	padding:25px 10px 25px 10px;
	}
#box_srvice dl{
	float:left;
	background-image:url(../../images/bg_ssitem.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:184px;
	height:250px;
	background-color:#ffffff;
	font-size:10px;
	}
#box_srvice dt{
	width:162px;
	margin:15px auto 10px auto;
	}
#box_srvice dd{
	padding:5px 0px 3px 0px;
	display:block;
	margin:0 20px;
	border-bottom:1px dashed #c0c0c0;
	}
	
#box_news {
	clear:both;
	/*height:400px;*/
	overflow:hidden;
	}
/*
#box_news .data{
	margin:10px 0;
	width:545px;
	height:350px;
	overflow:auto;
	}
*/
#box_news dl{
	margin:20px 15px;
	padding:5px 0 10px 0;
	border-bottom:1px solid #e0e0e0;
	color:#53524c;
	}
#box_news dt{
	background-image:url(../../images/bg_day.gif);
	background-repeat:repeat-x;
	background-position:left center;
	height:20px;
	overflow:hidden;
	width:100px;
	font-size:12px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color:#e0e0e0;
	text-align:center;
	padding:2px 0 0 0;
	float:left;
	}
#box_news dd{
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
	display:inline-block;
	background-image:url(../../images/icon01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}
#box_news dd a{
	display:block;
	color:#661a05;
	}
	
#box_news .more{
	text-align:right;
	}
#box_news .more a{
	padding:5px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#303030;
	}
/*
#box_news .more a:hover{
	background-color:#303030;
	color:#ffffff;
	}
*/
#box_portfolio .work_data{
	margin:15px 0;
	}

#box_portfolio ul{
	width:175px;
	float:left;
	overflow:hidden;
	font-size:10px;
	}
#box_portfolio li.name{
	font-size:12px;
	font-weight:bold;
	}
#box_portfolio li.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	}
#box_portfolio li.url{
	}
#box_portfolio li.url a{
	color:#292929;
	display:block;
	}
#box_portfolio li.comment{
	margin:10px 0 0 0;
	}
	
#box_portfolio .skille{
	clear:both;
	font-size:10px;
	margin:5px 0;
	padding:3px;
	background-color:#202429;
	color:#a0a0a0;
	}
#box_portfolio .skille span{
	color:#535353;
	margin:0 3px;
	}
#box_portfolio .skille .on{
	color:#ffffff;
	}
	
#box_portfolio ul.work_cap{
	height:100px;
	width:360px;
	margin:15px 0;
	overflow:hidden;
	}
#box_portfolio ul.work_cap li{
	padding:0;
	margin:0 2px 0 2px;
	float:left;
	width:115px;
	height:100px;
	}
	
	
#box_portfolio .them{
	width:180px;
	height:170px;
	float:right;
	overflow:hidden;
	}