@charset "UTF-8";

@import "/common/css/default.css";
@import "/common/css/common.css";

/*導入事例のスタイルシート

■目次：

・導入事例INDEX
・導入事例詳細

*/



/*---------------導入事例INDEX---------------*/

.caseindex_box {
	margin: 14px 18px 0;
	padding: 0 0 18px;
	width: 494px;
	background: url(/common/css/casestudy_css/bg_dotted3.gif) left bottom repeat-x;
}

.caseindex_box_title {
	margin: 8px 0 0;

	width: 494px;
}

.caseindex_box_last {
	margin: 14px 18px 0;
	padding: 0;
	width: 494px;
}

body #right .caseindex_box h3,
body #right .caseindex_box_last h3 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	background: none;
	border: none;
	width: auto;
}

body #right p.case_date {
	margin: 0;
	text-align: right;
	font-size: 80%;
}

.case_logo {
	margin: 12px 0 0;
}

body #right .case_logo p {
	margin: 0 0 8px;
}

body #right .case_logo img {
	margin-right: 8px;
}

body #right p.case_lead {
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
}

#right .caseindex_box p,
#right .caseindex_box_last p {
	margin: 12px 0 0;
}

.caseindex_box .postscript,
.caseindex_box_last .postscript {
	margin: 18px 0 0;
	padding: 0 18px 12px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
}

.caseindex_box .postscript p img,
.caseindex_box_last .postscript p img {
	vertical-align: middle;
}


#right table.case_profile {
	margin: 20px 18px 0;
	width: 494px;
	border: 1px solid #CCCCCC;
}


#right table.case_profile th {
	text-align: left;
	padding: 6px 9px;
	border: 1px solid #CCCCCC;
}

#right table.case_profile td {
	padding: 6px 9px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}



/*---------------導入事例詳細---------------*/

.case_detail {
	margin: 18px 18px 0;
	padding: 18px 0 0;
	width: 494px;
	border-top: 1px solid #CCCCCC;
}

.case_detail_topbox {
	margin: 18px 0 0;
}

#right h1.case_detail_h1 {
	padding: 0;
	background: none;
	font-size: 100%;
}

#right .case_detail p {
	margin: 0;
}

#right .case_detail p.case_link {
	margin: 6px 0 0;
}

.case_detail_left {
	width: 358px;
	float: left;
}

.case_detail_right {
	width: 126px;
	float: right;
}

#right .case_detail_right p {
	margin: 0;
}

.case_person {
	margin: 18px 0px 0;
	padding: 0 0 18px;
	width: 100%;
/*	background: url(/common_resource/bg_dotted.gif) left bottom repeat-x;  */
}

.case_person_last {
	margin: 18px 0px 0;
	width: 100%;
	padding: 0 0 8px;
}

.case_person_left {
	width: 255px;
	float: left;
}

.case_person_right {
	width: 255px;
	float: right;
}

#right .case_person_left img,
#right .case_person_right img {
	margin: 0;
	width: 110px;
	float: left;
}

#right .case_person_left p,
#right .case_person_right p {
	margin: 0 0 2px;
	width: 130px;
	float: right;
	font-size: 80%;
}

#right .case_person_left p.case_section,
#right .case_person_right p.case_section {
	margin: 0 0 12px;
}

#right .case_person_left p.case_person_name,
#right .case_person_right p.case_person_name {
	font-weight: bold;
	font-size: 100%;
}

#right dl.case_relation {
	margin: 0 18px;
}

#right dl.case_relation dt {
	margin: 12px 0 0;
	font-weight: bold;
}

#right dl.case_relation dd {

}