@charset "utf-8";

#left-column h2 {
	font-size:1em;
	line-height: 0;
	width: 660px;
	height: 40px;
	vertical-align: bottom;
	margin: 0 0 10px 0;
}

#left-column #read {
	width: 660px;
	margin: 0;
	padding: 0;
}

#left-column #read p {
	font-size:1em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

#left-column .cslink {
	width: 460px;
	margin: 20px 100px;
	padding: 0;
}

#left-column .cslink li {
	width: 210px;
	height: 38px;
	padding: 0 10px;
	float: left;
}

#left-column .cspage {
	margin: 10px 0;
}
#left-column .cspage li {
	display: inline;
	font-size: 90%;
}

#left-column #cases {
	width: 660px;
	margin: 0;
	padding: 0;
}

#left-column #cases h3,
#left-column #allcase h3 {
	width: 660px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1px;
	line-height: 1;
	vertical-align: bottom;
}

#left-column #allcase h3 {
	margin-top:20px;
}

#left-column #cases .itema,
#left-column #cases .itemb {
	width: 660px;
	padding: 8px 0;
	margin: 0 ;
	background: url(/bizene/images/dot.gif) repeat-x left bottom;
}

#left-column #cases .itema .text,
#left-column #cases .itemb .text {
	width: 490px;
	padding: 0 5px 0 0;
	float: right;
}

#left-column #cases .itema .text h3,
#left-column #cases .itemb .text h3 {
	width: 490px;
	font-size: 1px;
	line-height: 0;
	vertical-align: bottom;
	padding: 0;
	margin: 0 0 5px 0;
}

#left-column #cases .itema {
	background-color: #fafaff;
}


#left-column #cases .itema .text .no,
#left-column #cases .itemb .text .no {
	margin: 0 0 3px 0;
	padding: 0;
	color: #2872bb;
	line-height: 1.4em;
	font-size: 90%;
}

#left-column #cases .itema .text .no span,
#left-column #cases .itemb .text .no span {
	padding: 3px 5px;
	margin: 0 5px 0 0;
	color: #fff;
	background: #2872bb;
	font-size: 90%;
}

#left-column #cases .itema .text .ttl,
#left-column #cases .itemb .text .ttl {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #e60000;
}

#left-column #cases .itema .text .desc,
#left-column #cases .itemb .text .desc {
	margin: 0;
	padding: 0;
	font-size:90%;
	line-height: 1.3em;
}

#left-column #cases .itema .image,
#left-column #cases .itemb .image {
	width: 120px;
	float: left;
	padding: 0 0 0 5px;
}

#left-column #cases .itema ul.keyword,
#left-column #cases .itemb ul.keyword {
	clear: both;
	width: 660px;
}

#left-column #cases .itema ul.keyword li,
#left-column #cases .itemb ul.keyword li {
	display: inline;
	font-size: 90%;
	line-height: 1.4em;
	margin-right: 3px;
}

#left-column #cases .itema a.detail,
#left-column #cases .itemb a.detail {
	font-size: 80%;
	text-align: right;
	display: block;
	padding: 1px;
}

#left-column table {
	border-collapse: collapse;
	width: 660px;
	margin: 5px 0;
	padding: 0;
}
#left-column table th {
	vertical-align: top;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px;
	background: #fafafa;
	font-size: 85%;
}
#left-column table td {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 85%;
}


/*===================================
	main
===================================*/

#casenum {
	color: #2872bb;
	font-size: 80%;
	margin: 0 0 5px 0;
	padding: 3px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
}

#keyword2 {
	width: 660px;
	text-align: right;
}
#keyword2 ul {
	margin: 0;
	padding: 0;
}
#keyword2 li {
	display: inline;
	font-size: 80%;
	padding: 0 0 10px 5px;
	color: #999;
}
#company {
	width: 660px;
	margin: 10px 0 15px 0;
}
#company #photo {
	width: 180px;
	height: 120px;
	float: left;
}
#company #cname {
	width: 470px;
	padding: 0 0 10px 0;
	float: right;
}
#company #cname h3 {
	width: 460px;
	margin: 0 0 20px;
}
#company #cname p {
	margin: 0;
	padding: 0;
}
.blck {
	width: 660px;
	margin: 0 0 10px 0;
}
.blck h3 {
	font-size: 1.2em;
	font-weight: bolder;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 4px 0 4px 5px;
	background: url(/bizene/images/dot.gif) repeat-x left bottom;
	border-left: 4px solid #2872bb;
}

.blck h3 span {
	font-size: 80%;
	line-height: 1.2em;
}

.blck p {
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

/* basic */

.blck .txtR { width: 450px; padding: 0; float: right; }
.blck .txtL { width: 450px; padding: 0; float: left; }
.blck .imgR { width: 200px; float: right; }
.blck .imgL { width: 200px; float: left; }

.blck .txtL490 { width: 490px; padding: 0; float: left; }
.blck .txtR490 { width: 490px; padding: 0; float: right; }
.blck .imgL160 { width: 160px; float: left; }
.blck .imgR160 { width: 160px; float: right; }

.blck .txtR430 { width: 430px; padding: 0; float: right; }
.blck .txtL430 { width: 430px; padding: 0; float: left; }
.blck .imgR220 { width: 220px; float: right; }
.blck .imgL220 { width: 220px; float: left; }

.blck .txtR350 { width: 350px; padding: 0; float: right; }
.blck .txtL350 { width: 350px; padding: 0; float: left; }
.blck .imgR300 { width: 300px; float: right; }
.blck .imgL300 { width: 300px; float: left; }

.blck .txtR280 { width: 280px; padding: 0; float: right; }
.blck .txtL280 { width: 280px; padding: 0; float: left; }
.blck .imgR370 { width: 370px; float: right; }
.blck .imgL370 { width: 370px; float: left; }

.blck .txtR300 { width: 300px; padding: 0; float: right; }
.blck .txtL300 { width: 300px; padding: 0; float: left; }
.blck .imgR350 { width: 350px; float: right; }
.blck .imgL350 { width: 350px; float: left; }

.blck .txtR400 { width: 400px; padding: 0; float: right; }
.blck .txtL400 { width: 400px; padding: 0; float: left; }
.blck .imgR250 { width: 250px; float: right; }
.blck .imgL250 { width: 250px; float: left; }

.blck .txtR250 { width: 250px; padding: 0; float: right; }
.blck .txtL250 { width: 250px; padding: 0; float: left; }
.blck .imgR400 { width: 400px; float: right; }
.blck .imgL400 { width: 400px; float: left; }

.blck .txtR530 { width: 530px; padding: 0; float: right; }
.blck .txtL530 { width: 530px; padding: 0; float: left; }
.blck .imgR120 { width: 120px; float: left; }
.blck .imgL120 { width: 120px; float: left; }


.blck .imgL p,
.blck .imgR p,
.blck .imgR400 {
	font-size: 0.8em;
	line-height: 1.2em;
}

#recommendation {
	width: 660px;
	margin: 0 0 20px;
}

#recommendation h4 {
	font-size: 1em;
	line-height: 0em;
	margin: 0;
	padding: 0;
	width: 660px;
	height: 28px;
}

#recommendation .box {
	width: 638px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fafaff;
	padding: 10px
}

table#cs22 {
	width: 420px;
	border-collapse: collapse;
	margin: 0 0 10px 240px;
	border: none;
}

table#cs22 td {
	border: none;
}

table#cs22 p {
	padding: 0;
	margin: 5px 0;
}

.fl img {
	float: right;
	margin: 0 0 10px 10px;
}

.fr img {
	float: left;
	margin: 0 10px 10px 0;
}

#hid {
	padding-bottom: 85px;
	background: url(/bizene/casestudy/images/case35/case35_12.gif) no-repeat left bottom;
}

/*===================================*/

.cslink:after,
.itema:after,
#company:after,
.blck:after,
.fl:after,
.fr:after {
	content: "."; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.cslink,
.itema,
#company,
.blck,
.fl,
.fr { display: inline-block; }