#TopMainVisual {
	width: 698px;
	height: 170px;
	background-color: #000000;
}
#TopReadTEXT {
	width: 698px;
	height: 30px;
	background-color: #000000;
	text-align: center;
}
#TopReadTEXT h2{
	text-align: center;
	font-size: 85%;
	color: #FFFFFF;
	padding: 3px;
}
#TopContentsArea {
	width: 698px;
	margin-top: 6px;
}
#TopContents {
	margin-left: 8px;
}
#TopContentsText{
	width: 488px;
	background-image: url('/common_md/image/contents_h_line.gif');
}
#TopTopicsMargin {
	width: 488px;
}
#TopTopicsMargin p {
	padding: 16px 16px 16px 16px;
}
#TopTopicsMargin p.TopicsLeft{
	float: left;
	line-height: 1.8em;
}
#TopTopicsMargin p.TopicsRight{
	float: right;
}
#TopTopicsMargin div.Topicshr{
	clear: both;
	width: 470px;
        height: 1px!important; 
	background-color: #CCCCCC; 
	margin-left: 8px;
	}

#TopBannerSpace {
	width: 182px;
	height: 162px;
	float: right;
	margin: 3px 0px 0px 0px;
	padding: 0px 11px 0px 0px;
}

#TopWorksArea {
	margin-left: 8px;
	margin-top: 4px;
}
#TopWorksSubtitle {
	width: 682px;
	height: 34px;
	background-image: url('/common_md/image/contents_subtitle_bg_l.gif');
	background-repeat: no-repeat;
}
#TopWorksSubtitle h3{
	padding: 9px 0px 0px 23px;
	float: left;
}
#TopWorksSubtitle p{
	padding: 10px 0px 0px 10px;
	float: left;
	font-size: 12px;
}
#TopWorksText{
	width: 682px;
	background-image: url('/common_md/image/contents_h_line_l.gif');
}
#TopWorks {
	padding: 4px 0px 3px 10px;
}
#TopWorksDTP {
	width: 328px;
	float: left;
}
#TopWorksWeb {
	width: 328px;
	float: left;
	padding-left: 6px;
}
#TopWorksDTPTitle {
	width: 328px;
	height: 25px;
	background-color: #91C6DB;
}
#TopWorksDTPSite {
	width: 328px;
	height: 80px;
	background-image: url('/image/topworks_dtp_bg.gif');
}
#TopWorksWebTitle {
	width: 328px;
	height: 25px;
	background-color: #88ADE5;
}
#TopWorksWebSite {
	width: 328px;
	height: 80px;
	background-image: url('/image/topworks_web_bg.gif');
}
img.TopWorksTitleLeft{
	float: left;
	margin: 4px 0px 0px 12px;
}
img.TopWorksTitleRight{
	float: right;
	margin: 4px 4px 0px 0px;
}
div.TopWorksSiteLeft {
	float:left;
}
div.TopWorksSiteLeft img.Case{
	margin: 7px 0px 0px 0px !important;
	margin: 4px 0px 0px 0px;
}
div.TopWorksSiteLeft div.Title{
	margin: 11px 0px 0px 0px !important;
	margin: 6px 0px 0px 0px;
	font-size: 14px;
	color: #000000;
}
div.TopWorksSiteLeft div.Title2L{/*2Line*/
	margin: 4px 0px 0px 0px !important;
	margin: 2px 0px 0px 0px;
	font-size: 14px;
	color: #000000;
	line-height: 100%;
}
div.TopWorksSiteLeft div.Details{
	margin: 4px 0px 0px 0px !important;
	margin: 10px 0px 0px 0px;
}
div.TopWorksSiteLeft div.Details2L{/*2Line*/
	margin: 1px 0px 0px 0px;
}
/*#TopWorksWebSite div.TopWorksSiteLeft div.Details{
	padding-right: 10px;
	float:left;
}*/
div.Details{ padding-right: 10px;}
div.TopWorksWebLink {
	margin:0px;
	padding: 0px;
}
div.TopWorksWebLink div.Details{
	float:left;
}

div.TopWorksSiteLeft a.Details{
	padding: 0px 0px 0px 12px;
	background-image: url('/common_md/image/contentsnavi.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 10px;
	color: #0000CC;
}
div.TopWorksSiteLeft a.Details:link{color: #0000CC;}
div.TopWorksSiteLeft a.Details:visited{color: #660066;}
div.TopWorksSiteLeft a.Details:hover{color: #CC0000;}

#TopWorksBottom{
	width: 682px;
	height: 7px;
	background-image: url('/common_md/image/contents_bottom_l.gif');
	background-repeat: no-repeat;
}