/*------------------------------------------
	AT-WITH WEBSITE CSS
	トップページ用(home.css)スタイルシート

	last update : 06/07/24
------------------------------------------*/

/*------------------------------------------
基本レイアウト上書き:トップページ用
------------------------------------------*/

#header{
	height:70px;
	border-bottom:1px solid #333333;
}

#main{
	width:868px;
	margin:3px 1px 0px 1px;
	padding:0px;
}

/*------------------------------------------
全体設定
------------------------------------------*/
#groupe01 ,#groupe02{
	width:868px;
	background-color:#F4F4F4;
	position:relative;
	background-repeat:repeat-y;

	/* WinIE5.5用 */
	left:-1px;

/* winIE5.x対策:モダンブラウザ上書き */

	voice-family: "\"}\"";
	voice-family:inherit;
	left:0px;

}
#groupe01{
	background-image:url(../images/home/bg_news.gif);
}
#groupe02{
	background-image:url(../images/home/bg_news.gif);
}

#groupe01:after ,#groupe02:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #groupe01,#groupe02 {height: 1%;}
#groupe01,#groupe02 {display: block;}
/* End hide from IE-mac */

/*------------------------------------------
トップイメージ
------------------------------------------*/

#main_image{
	width:537px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;

	padding:3px;

	float:left;

/* winIE5.x対策:モダンブラウザ上書き */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:530px;
}
#main_swf{
	width:530px;
}


/*------------------------------------------
最新制作実績
------------------------------------------*/

#latest_work{
	width:331px;
	padding-bottom:5px;

	float:right;
}
#latest_work_main{
	width:280px;
	margin:20px 20px 0px 20px;
}

#latest_work .works_image{
	width:157px;
	float:left;
}

#latest_work .works_image img{
	padding:0px 1px 1px 0px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

	background-color:#999999;

}

#latest_work .works_date{
	width:115px;
	float:right;
}
#latest_work .works_date span{
	font-weight:bold;
}

#lwork_data{
	margin-bottom:20px;
	clear:both;
}
#lwork_data ul{
	padding-top:10px;
	list-style-type:none;
}

#lwork_data li{
	margin:0px 0px 8px 0px;}

#lwork_data .title{
	font-weight:bold;
}
#lwork_data .skill{
}
#lwork_data .explain{
	margin-top:12px;
}

#lwork_detail ul li{
	display:inline;
	margin-right:20px;
}

#lwork_detail .detail a{
	background-image:url(../images/common/icon/icon_txt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}

#lwork_detail .web a{
	background-image:url(../images/common/icon/icon_window.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;

}


/*------------------------------------------
制作実績テキストタイプ用
------------------------------------------*/

#latest_work_main_t{
	width:280px;
	margin:10px 20px 0px 20px;
}

#latest_work_main_t hr{
	color:#F4F4F4;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #F4F4F4;
	border-right:1px solid #F4F4F4;
	border-bottom:1px solid #F4F4F4;
}

.lwork_data_t ul{
	padding-top:10px;
	list-style-type:none;
}



#latest_work_main_t li{
	margin:0px 0px 5px 0px;
}

.lwork_data_t ul .genre{

}
.lwork_data_t ul .genre span{
	font-weight:bold;
}


.lwork_data_t ul .title{
	font-weight:bold;
}

.lwork_data_t ul .explain{
	margin:10px 0px 10px 0px;
}

.lwork_detail_t ul li{
	display:inline;
	margin-right:20px;
}

.lwork_detail_t .detail a{
	background-image:url(../images/common/icon/icon_txt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}

.lwork_detail_t .win a{
	background-image:url(../images/common/icon/icon_window.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}

/*------------------------------------------
ニュース
------------------------------------------*/

#news{
	width:537px;

	border-right:1px solid #CCCCCC;

	background-color:#FFFFFF;
	float:left;
	padding-bottom:15px;

/* winIE5.x対策:モダンブラウザ上書き */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:536px;
}

#news img{
	margin-bottom:10px;
}

#news .list{
	width:500px;
	margin:0px 18px 0px 18px;
	padding:3px 0px 5px 3px;
	
	background-image:url(../images/common/dotline_580.gif);
	background-repeat:no-repeat;
	background-position:bottom;

/* winIE5.x対策:モダンブラウザ上書き */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:495px;

}

#news .date{
	width:100px;
	float:left;
	line-height:130%;
}

#news .content{
	width:395px;
	float:left;
	line-height:130%;
}

/*------- news部分icon ------*/
#news .date div{
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:23px;
}
#news .point{background-image:url(../images/common/icon/icon_news.gif);}
#news .home{background-image:url(../images/common/icon/icon_news_home.gif);}
#news .services{background-image:url(../images/common/icon/icon_news_services.gif);}
#news .works{background-image:url(../images/common/icon/icon_news_works.gif);}
#news .company{background-image:url(../images/common/icon/icon_news_company.gif);}
#news .labo{background-image:url(../images/common/icon/icon_news_labo.gif);}
#news .recruit{background-image:url(../images/common/icon/icon_news_recruit.gif);}

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

#news .list:after{
	content: ".";		/* 擬似要素の最後に"."を追加。*/
	display: block;		/* 上の"."をブロック要素にする */
	height: 0;			/* 高さが算出されないよう0に設定 */
	clear: both;		/* フロートを解除して回り込みを防ぐ */
	visibility: hidden;	/* 最後にブラウザで不可視状態にする */
}

/* Hides from IE-mac \*/
* html #news .list {height: 1%;}
#news .list {display: block;}
/* End hide from IE-mac */

.old_news{
	margin: 3px 20px 0px 0px;
	text-align:right;
}
.old_news a{
	background-image:url(../images/common/icon/icon_txt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}

/*------------------------------------------
サイトの情報
------------------------------------------*/

#site_info{
	width:331px;
	background-color:#F4F4F4;

	margin-bottom:10px;
	float:right;
}

#site_info ul{
	list-style-type:none;
}

#site_info .list{
	width:290px;
	margin:0px 20px 0px 20px;
	padding:5px 0px 5px 0px;
	
	background-image:url(../images/common/dotline_580.gif);
	background-repeat:no-repeat;
	background-position:bottom;

/* winIE5.x対策:モダンブラウザ上書き */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:290px;

}

#site_info .list img{
	margin-right:5px;
	float:left;
}

#site_info div p{
	margin:3px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

#site_info .txt{
	background-image:url(../images/common/icon/icon_txt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:22px;
}
#site_info .win{
	background-image:url(../images/common/icon/icon_window.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:22px;
}

#site_info .date{
	font-weight:bold;
	margin:0px 0px 5px 0px;

	background-image:url(../images/common/icon/icon_point_01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}

#site_info .title{
	margin:0px 0px 10px 0px;
	padding-left:20px;
}

#site_info .work_detail ul li{
	display:inline;
	margin-right:20px;
}

#site_info .detail a{
	background-image:url(../images/common/icon/icon_txt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}

#site_info .web a{
	background-image:url(../images/common/icon/icon_window.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;

}

/* 東北地震用 */
#site_info #tohoku{
	margin:20px 20px 15px 20px;
	padding:10px;
	background-color:#FFFFFF;
	line-height:130%;
}

/* ACCESS */
#site_info #toaccess_tit{
	margin:10px 0;
}
#site_info #toaccess{
	margin:0 20px 0 20px;
	position:relative;

	min-height:75px;
	height: auto !important;
	height: 75px;
}
#site_info #toaccess a#map_image{
	display:block;
	width:120px;
	height:65px;
	overflow:hidden;

	position:absolute;
	top:0;
	left:0;
}
#site_info #toaccess ul{
	padding-left:130px;
}
#site_info #toaccess ul li{
	font-size:92%;
	margin-bottom:5px;
	line-height:1.5;
}

/*--MAC IE5用--*/
/*\*//*/
#groupe01,#groupe02{
	overflow:auto;
}

#news .old_news{
	width:515px;
	overflow:auto;
	float:left;
}

#news .list{
	float:left;
}

/**/