@charset "UTF-8";

/* 
=================================
1: common settings
2: header
3: contents
4: footer

99: clearFix

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

/* common settings
=================================*/

/* header
---------------------------------*/

/* contents
---------------------------------*/

/* index */
#case #wrapBg {
	background:url(../../case/images/index_bg002.gif) no-repeat left bottom;
	padding-bottom:50px;
}

#case #indexAll {
	clear:both;
	padding-left:50px;
	width:655px;
	background:url(../../case/images/index_ph004.jpg) no-repeat left top;
	min-height:520px;
}
* html #case #indexAll {
	height:520px;
}
*:first-child+html #case #indexAll {
min-height:inherit;
height:auto;
	zoom: 1;
}
html[xmlns*=""] body:last-child #indexAll {
	margin-top: 20px;
}
#case #indexLinks {
	width:410px;
	float:left;
}
#case #indexmainPh {
	width:245px;
	float:right;
}

#case #indexLinks .volItemTop {
	clear:both;
	width:360px;
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:#CCCCCC solid 2px;
}
#case #indexLinks .volItemTop .title {
	float:left;
	margin-top:8px;
}
#case #indexLinks .volItemTop .title .normalText {
	width:227px;
	margin:10px 0 0 23px;
}
#case #indexLinks .volItemTop .imagePhoto {
	float:right;
}

#case .btmBorder {
	background:url(../../case/images/index_bg001.gif) repeat-x left bottom;
	padding-bottom:1px;
}



#case .casePhoto01,
#case .casePhoto02,
#case .casePhoto03 {
	width:535px;
	height:110px;
	background:url(../../case/images/vol01_ph001.jpg) no-repeat left top;
}
#case .casePhoto02 {
	background:url(../../case/images/vol02_ph001.jpg) no-repeat left top;
}
#case .casePhoto03 {
	background:url(../../case/images/vol03_ph001.jpg) no-repeat left top;
}
#case .calloutTxt {
	padding:15px 0 0 15px;
}


#case .voice01 {
	clear:both;
	margin-top:18px;
}
#case .voice02 {
	clear:both;
	margin-top:0px;
}
#case .voice01 .point,
#case .voice01 .voice01Item,
#case .voice02 .point,
#case .voice02 .voice02Item {
	float:left;
}
#case .point {
	width:140px;
}
#case .voice01Item {
	width:395px;
}
#case .voice01 .voice01Item .normalTable01 {
	margin-top:15px;
}

#case .voice02 .voice02Item .flow {
	width:395px;
}
#case .voice02 .voice02Item .flow dt {
	margin:15px 0 3px;
	padding-bottom:14px;
	background:url(../../case/images/case_bg003.gif) no-repeat left bottom;
}
#case .voice02 .voice02Item .flow dt span {
	display:block;
	padding:8px 12px 5px;
	background:url(../../case/images/case_bg002.gif) no-repeat left top;
}


/* hr */
.line03 {
	clear:both;
	height:57px;
	background:url(../../case/images/case_bg004.gif) repeat-x left bottom;
}
.line03 hr {
	margin:30px 0 0;
	background:none;
}
* html .line03 {
	height:50px;
}


/* voiceBlock */
#case .voiceBlock {
	clear:both;
	width:535px;
	margin-top:30px;
	background:url(../../case/images/case_bg001.gif) no-repeat left top;
	border-bottom:5px solid #fae9b3;
	min-height:30px;
}
* html #case .voiceBlock {
	height:30px;
}
#case .voiceBlock p {
	float:left;
}
#case .voiceBlock p img {
	margin:25px 0 0 10px;
}
#case .voiceBlock p.talkTxt {
	width:310px;
	margin:22px 0 0 38px;
	padding-bottom:15px;
	
}


/* clearFix
=================================*/
#case .voiceBlock:after,
#case .voice01:after,
#case .voice02:after,
#case #indexLinks .volItemTop:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#case .voiceBlock,
#case .voice01,
#case .voice02,
#case #indexLinks .volItemTop {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}