@charset "utf-8";
/* CSS case-page */

/*** [枠] 事例 ****/
/*** @group caseBox ****************************************************************************/

.caseBox {
	padding: 0px;
	height: auto;
	width: 633px;
	margin: 0px auto 0px auto;
	background: url(../images/case/caseBox-center.gif) repeat-y left top;
	overflow: auto;
}

.case-top {
	padding: 0px;
	height: 15px;
	width: 633px;
	margin: 0px auto 0px auto;
	background: url(../images/case/caseBox-top.gif) no-repeat;
	display: block;
}

.case-bottom {
	padding: 0px;
	height: 15px;
	width: 633px;
	margin: 0px auto 16px auto;
	background: url(../images/case/caseBox-bottom.gif) no-repeat;
	display: block;
}

/*** [Ｈ４] タイトル ****/
/*** @group h4.caseTitle ****************************************************************************/

h4.caseTitle_01 {
	padding: 0px;
	margin: 0px 0px 3px 29px;
	height: 24px;
	width: 591px;
	background: url(../images/case/ico-reform.gif) no-repeat left center;
	overflow: hidden;
	display: block;
}

.case-moji01 {
	margin: 3px 0px 0px 70px;
	padding: 0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 16px;
	color: #404040;
	font-weight: bold;
	display: inline;
	float: left;
}

.ico-01 {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 24px;
	width: 24px;
	background: url(../images/case/ico-yajirushi.gif) no-repeat;
	display: inline;
	float: left;
}

/*** ライン ****/
/*** @group Line ****************************************************************************/

.Line-01 {
	margin: 0px 0px 10px 29px;
	padding: 0px;
	height: 1px;
	width: 591px;
	display: block;
}

/*** [枠] 文字 ****/
/*** @group mojiBox ****************************************************************************/

.mojiBox {
	padding: 0px;
	margin: 0px 0px 10px 44px;
	height: auto;
	width: 544px;
	display: block;
}

.mojiBox-left {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 100px;
}

.mojiBox-right {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 444px;
}

/*** [Ｈ５] タイトル ****/
/*** @group h5.nameTitle ****************************************************************************/

h5.nameTitle_01 {
	padding: 4px 0px 4px 0px;
	margin: 0px 12px 6px 0px;
	height: auto;
	width: 88px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #404040;
	font-weight: bold;
}

/*** [詳細] 文字 ****/
/*** @group case-moji ****************************************************************************/

.case-moji02 {
	padding: 4px 0px 4px 12px;
	margin: 0px 0px 6px 0px;
	height: auto;
	width: 432px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #404040;
	background: url(../images/case/Line-02.gif) repeat-y left top;
	line-height: 130%;
}

/*** [枠] photo ****/
/*** @group photoBox ****************************************************************************/

.photoBox {
	padding: 0px;
	margin: 0px 0px 10px 44px;
	height: auto;
	width: 561px;
	overflow: hidden;
}

/*** [枠] ビフォー ****/
/*** @group before ****************************************************************************/

.before {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 233px;
	background: url(../images/case/photoBox01-center.gif) repeat-y left top;
	display: inline;
	float: left;
}

.before-top {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 4px;
	width: 233px;
}

.before-bottom {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 4px;
	width: 233px;
}

.before-left {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 212px;
}

.before-right {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 21px;
}

.ico-before {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	height: 72px;
	width: 18px;
	display: block;
	background: url(../images/case/before.gif) no-repeat;
}

/*** 写真 ****/
/*** @group photo-reform ****************************************************************************/

.photo-reform {
	padding: 0px;
	margin: 0px 0px 0px 4px;
	height: auto;
	width: 208px;
	display: block;
}

/*** マーク ****/
/*** @group ico ****************************************************************************/

.ico-for {
	padding: 0px;
	margin: 64px 0px 0px 16px;
	height: 61px;
	width: 61px;
	background: url(../images/case/ico-for.gif) no-repeat;
	display: inline;
	float: left;
}

/*** [枠] アフター ****/
/*** @group after ****************************************************************************/

.after {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 233px;
	background: url(../images/case/photoBox02-center.gif) repeat-y left top;
	display: inline;
	float: right;
}

.after-top {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 4px;
	width: 233px;
}

.after-bottom {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 4px;
	width: 233px;
}

.after-left {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 212px;
}

.after-right {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	width: 21px;
}

.ico-after {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	height: 72px;
	width: 18px;
	display: block;
	background: url(../images/case/after.gif) no-repeat;
}