/*------------------------------------------
	AT-WITH WEBSITE CSS
	制作実績(works.css)スタイルシート

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

/*------------------------------------------
キャプション
------------------------------------------*/

#main_content h2{
	/* 背景画像の指定 */
	background-image:url(../images/works/main_tit_bg.gif);

	margin:0px 0px 10px 0px;
	padding:0px;
}
#main_content h2 img{
	margin:10px 0px 0px 0px;
	font-size:0px;
}

#main_content h2 span{
	display:none;
	/* 左ナビトップと内容が被る場合はnone */
}

#main_content h3{

}

/*------------------------------------------
制作ナビ 
------------------------------------------*/
#result_navi{
	margin:0px;
	padding:0px;
}
#result_navi ul{
	margin:0px;
	padding:8px 0px 8px 0px;
}
#result_navi ul li{
	margin:0px 10px 0px 0px;
	padding:0px;
	display:inline;
}

/*------------------------------------------
メインコンテンツ部分 
------------------------------------------*/
#main_area {
	color:#333333;				/* 文字色 */
	background-color:#F3F7F3;	/* 背景色 */


	padding-top:15px;
}

#main_area h3{

	padding:0px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
	font-size:0px;
}


/* アイコンの説明 */

#explain{
	margin-top:30px;
	font-size:0px;
}

#icon_explain{
	padding: 14px 0px 0px 0px;
/* winIE5.x対策:モダンブラウザ上書き */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding: 14px 0px 0px 22px;
}
#icon_explain ul{
	width:180px;

	overflow:hidden;

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


#icon_explain ul li{
	font-size:small;
	margin-top:3px;
}
/* 複数行用 */
#icon_explain ul li div{
	margin-left:62px;
/* winIE5.x対策:モダンブラウザ上書き */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:46px;
}
#icon_explain ul li img{
	margin-right:10px;
}

/*------------------------------------------
注意書き
------------------------------------------*/
#attention{
	width:191px;
	margin: 20px 0px 20px 0px;
	padding:5px 5px 20px 5px;

	font-size:x-small;
	line-height:150%;

	color:#333333;
	background-color:#F3F7F3;

	border: 1px dotted #4F922D;

	background-image:url(../images/common/icon/icon_attention_leftnavi.gif);
	background-repeat:no-repeat;
	background-position:right bottom;

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

	voice-family: "\"}\"";
	voice-family:inherit;

	width:181px;

}


/*------------------------------------------
実績部分 
------------------------------------------*/

#main_area .result_category {
	width:580px;
	padding: 0px 20px 5px 20px;
	clear:both;
}

#main_area .result{
	margin-top:2px;
	width:580px;
	height:1%;

	background-image:url(../images/common/dotline_580.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#main_area .result ul{
	margin:0px;
	padding:0px;
	list-style-type:none;

	width:525px;
	float:left;
}

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

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

#main_area .detail{
	width:55px;
	text-align:left;

	margin-top:2px;

	float:right;
}

#main_area .detail a{
	background-image:url(../images/common/icon/icon_txt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;

	padding-left:15px;
}

#main_area .result ul li{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 15px;

	line-height:130%;
	list-style-type:none;
}

#main_area .title{
	background-image:url(../images/common/icon/indent_icon_arrow.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
#main_area .title a{
	background-image:url(../images/common/icon/icon_window.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}

/*--MAC IE5用--*/
/*\*//*/
#main_area .result{
	overflow:auto;
	float:left;
}


#icon_explain ul{
	overflow:hidden;
}


#works_area{
	overflow:auto;
}
/**/