@charset "EUC-JP";

/* CSS Document */



@import url("layout.css");

@import url("common.css");

@import url("font.css");



/*--------------------------

.case

--------------------------*/

#bg-main {

	background-image: url(../../case/images/case_pict_01.jpg);

	background-repeat:no-repeat;

	width: 840px;

	height: 240px;

	margin: 0 0 20px 0;

}

#bg-main p {

	position: absolute;

	margin: 115px 0 0 60px;

	width: 410px;

	color: #666666;

	line-height: 15.2pt;

	letter-spacing: 2px;

}

#bg-main h3 {

	display: none;

}



.case {

	margin-top: 11px;

	padding-bottom: 30px;

}

.case .dtl-box {

	margin-right: 10px;

	margin-left: 10px;

}

.case .outline-wrap {

	border: 1px solid #f6b8b8;

	margin-top: 20px;

}

.case .outline-wrap h4 {

	border: 1px solid #ffffff;

	padding: 12px 16px;

	background-image: url(../../case/images/case_bg_01.gif);

	background-repeat: repeat;

	font-weight: bold;

}

.case .outline-dtl {

 border-top: 1px solid #f6b8b8;

	padding: 6px 10px 7px 6px;

	position: relative;

}

.case .outline-dtl .alignR {

	width: 543px;

	margin-top: 10px;

	line-height: 150%;

}

.case .outline-dtl .link-box {

	position: absolute;

	right: 11px;

	bottom: 12px;

}

.case .outline-dtl .link-box p {

	text-align: right;

}

.case .outline-dtl .link-box p img {

	margin-top: 10px;

}

.case .outline-dtl .link-box p span {

	background-image: url(../images/arrow.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 18px;

}





/*case detail*/

.case .heading {

	padding-top: 10px;

	padding-bottom: 30px;

	padding-left: 20px;

}

.case .case-dtl {

	margin-top: 20px;

}

.case .case-dtl h4 {

	background-image: url(../../case/images/case_bg_02.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 12px;

	padding-bottom: 18px;

	padding-left: 24px;

	font-weight: bold;

	color: #DE446E;

	font-size: 120%;

	letter-spacing: 0.2em;

}

.case .case-dtl .main-box {

	background-repeat: no-repeat;

	background-position: left top;

	width: 840px;

	position: relative;

}

.case .case-dtl .main-box div {

	position: absolute;

}

.case .case-dtl .main-box div p {

	line-height: 242%;

	padding-left: 10px;

}

.case .case-dtl .main-box div img {

	margin-bottom: 9px;

	vertical-align: bottom;

}

.case .case-dtl .dtl-box {

	margin-left: 8px;

}





.case .case-dtl .voice-box .tbl-wrap {

	position: relative;

}

.case .case-dtl .voice-box table {

	width: 820px;

}

.case .case-dtl .voice-box table th {

	background-repeat: repeat;

	vertical-align: middle;

	border: 1px solid #FFFFFF;

	text-align: center;

	width: 84px;

}

.case .case-dtl .voice-box table td {

	vertical-align: middle;

	padding-top: 11px;

	padding-left: 11px;

	padding-right: 10px;

	padding-bottom: 5px;

	line-height: 150%;

	border-left-width: 1px;

	border-left-style: solid;

}

.case .case-dtl .voice-box table td p {

	padding-bottom: 5px;

}

.case .case-dtl .voice-box table td p span {

	font-weight: bold;

}

.case .case-dtl .voice-box .tbl-wrap .icon {

	position: absolute;

	bottom: 0px;

	left: 7px;

}

.case .case-dtl .tbl-green {

	border: 1px solid #B0E0A2;

}

.case .case-dtl .tbl-blue {

	border: 1px solid #A4DAE2;

}

.case .case-dtl .tbl-pink {

	border: 1px solid #FFB2C7;

}

.case .case-dtl .tbl-green th {

	background-image: url(../../case/images/case_bg_green.gif);

}

.case .case-dtl .tbl-blue th {

	background-image: url(../../case/images/case_bg_blue.gif);

}

.case .case-dtl .tbl-pink th {

	background-image: url(../../case/images/case_bg_pink.gif);

}

.case .case-dtl .tbl-green td {

	border-left-color: #B0E0A2;

}

.case .case-dtl .tbl-blue td {

	border-left-color: #A4DAE2;

}

.case .case-dtl .tbl-pink td {

	border-left-color: #FFB2C7;

}

.case .case-dtl .tbl-green td span {

	color: #5EA54C;

}

.case .case-dtl .tbl-blue td span {

	color: #62BFD0;

}

.case .case-dtl .tbl-pink td span {

	color: #DF446E;

}





/*case-1*/

.case .case-dtl .case-1 {

	height: 762px;

	background-image: url(../../case/images/case1_bg_01.jpg);

}

.case .case-dtl .case-1 .text-1 {

	top: 21px;

	left: 48px;

}

.case .case-dtl .case-1 .text-2 {

	top: 230px;

	left: 329px;

}

.case .case-dtl .case-1 .text-3 {

	top: 381px;

	left: 48px;

}

.case .case-dtl .case-1 .text-4 {

	top: 592px;

	left: 327px;

}



/*case-2*/

.case .case-dtl .case-2 {

	height: 762px;

	background-image: url(../../case/images/case2_bg_01.jpg);

}

.case .case-dtl .case-2 .text-1 {

	top: 20px;

	left: 48px;

}

.case .case-dtl .case-2 .text-2 {

	top: 229px;

	left: 323px;

}

.case .case-dtl .case-2 .text-3 {

	top: 379px;

	left: 48px;

}

.case .case-dtl .case-2 .text-4 {

	top: 589px;

	left: 329px;

}



/*case-3*/

.case .case-dtl .case-3 {

	height: 762px;

	background-image: url(../../case/images/case3_bg_01.jpg);

}

.case .case-dtl .case-3 .text-1 {

	top: 19px;

	left: 48px;

}

.case .case-dtl .case-3 .text-2 {

	top: 228px;

	left: 329px;

}

.case .case-dtl .case-3 .text-3 {

	top: 378px;

	left: 48px;

}

.case .case-dtl .case-3 .text-4 {

	top: 589px;

	left: 330px;

}

/*case-result*/



.case h3.result {

	margin: 20px 0 0 0;

	background: url(../images/case_h3_txt_result.gif) no-repeat left center;

	height: 60px;

	display: block;

	text-indent: -9999px;

}

.case .result-box {

	background: #efefef;

}

.case .result-box ul {

	margin: 0 0 0 3px;

}

.case .result-box li {

	float: left;

	display: block;

}