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

	last update : 06/07/21
------------------------------------------*/
/*------------------------------------------
キャプション
------------------------------------------*/

#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;
}
/*------------------------------------------
左ナビリスト追加部分 
------------------------------------------*/
#left_detail{
	margin-left:20px;
}
#left_detail li{
	margin:0px 0px 5px 0px;
	text-align:center;
	float:left;
	font-size:0px;
}
#left_detail li a{
	padding:5px;
	background-color:#FFFFFF;
	display:block;
	font-size:0px;
}

#left_detail:after,#works_area .detail_navi:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*------------------------------------------
詳細ヘッダ部分
------------------------------------------*/

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

	width:620px;
	padding:0px 0px 15px 0px;

}

#main_area h3{

	padding:15px 20px 0px 20px;
	margin: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;

}

/*------------------------------------------
詳細 
------------------------------------------*/
#works_area{
	width:580px;
	margin:0px 20px 0px 20px;
}

#works_area .detail_navi{
	width:580px;
	padding:15px 0px 15px 0px;
}

#works_area .detail_navi .next{
	width:95px;
	height:18px;
	font-size:0px;

	float:left;
}
#works_area .detail_navi .pre{
	width:95px;
	height:18px;
	font-size:0px;

	float:right;
}

#data{
	margin-bottom:15px;
	padding: 0px 10px 10px 10px;
	border:3px solid #C8DBC8;
	background-color:#FFFFFF;

	clear:both;
}
#data h2{
	width:560px;
	margin:0px;
	line-height:100%;
	padding:10px 0px 10px 0px;


	min-height:0px;
	
	font-size:medium;
	display:block;

	background-image:url(../images/common/dotline_800.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#data ul{
	list-style-type:none;
}
#data ul li{
	line-height:120%;

	padding:3px 0px 3px 0px;
	background-image:url(../images/common/dotline_800.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#data p{
	min-height:14px;

	margin:0px;
	padding: 3px 0px 3px 100px;
	background-repeat:no-repeat;
	background-position:left center;
}
#data .title{
	padding: 3px 0px 3px 0px;
	font-size:medium;
	font-weight:bold;
}
#data .client{background-image:url(../images/works/detail/works_client.gif);}
#data .skill{

	background-image:url(../images/works/detail/works_skill.gif);
}
#data .skill img{margin-right:5px;}
#data .part{background-image:url(../images/works/detail/works_part.gif);}
#data .term	{background-image:url(../images/works/detail/works_term.gif);}

#works_detail{
	width:580px;
	line-height:140%;
}

#works_detail .bottom_line{
	padding:0px 0px 5px 0px;
	margin-bottom:5px;
	background-image:url(../images/common/dotline_800.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.right_image{
	padding:5px 0px 10px 0px;
	margin-bottom:5px;
	background-image:url(../images/common/dotline_800.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.left_image{
	padding:5px 0px 10px 0px;
	margin-bottom:5px;
	background-image:url(../images/common/dotline_800.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.right_image img{
	margin:0px 0px 10px 10px;
	float:right;
}
.left_image img{
	margin:0px 10px 10px 0px;
	float:left;
}

.right_image:after,.left_image:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*--MAC IE5用--*/
/*\*//*/
#left_detail{
	overflow:auto;
}
#left_detail li a{
	width:10px;
}

#main_area{
	overflow:auto;
}

.right_image, .left_image{
	overflow:auto;
	height:100%;
}

.detail_navi{
	width:580px;
	height:18px;
}



/**/