@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 Site URL :           http://www.dcot.co.jp/
 File name :          case.css http://www.dcot.co.jp/css/module/case.css
 Summary :            module styles
 Created :            2009-03-20 by yuko aono
 Last Update :        2010-11-26 by yuko aono
 Author :             yuko aono 
===================================================================*/

/*===================================================================
------------------
Table Of Contents
------------------
 00) common
 01) index
 02) bizcard/index
 09) Clearfix
 
===================================================================*/

/*-------------------------------------------------------------------
 00) common
-------------------------------------------------------------------*/
.case { margin: 0 0 45px 24px;}

#sideContents h2 { margin: 0 0 18px 82px;}
#sideContents ul { margin: 0 0 0 82px;}

#sideContents li {
	margin: 0 0 0.8em 17px;
	padding-left: 10px;
	background: transparent url(../../images/common/icon_arrow.gif) 0 0.2em no-repeat;
}

#sideContents li.stay a {
	color: #003e72;
	font-weight: bold;
}

#sideContents li a { color: #333333;}

#sideContents li.l01,
#sideContents li.l05 {
	padding: 0;
	background: none;
}

#sideContents li.l01,
#sideContents li.l05 { margin: 0 0 13px 0;}

#sideContents li.l04 {
	margin: 0 0 20px 17px;
}
/*-------------------------------------------------------------------
 01) index
-------------------------------------------------------------------*/
.case h3 { margin-bottom: 30px;}

.case .caseNavi {
	margin-bottom: 38px;
	padding: 0 0 0 10px;
	width: 636px;
	_width: 646px;
	height: 53px;
	background: transparent url(../../case/images/bg_casenavi.gif) left bottom repeat-x;
}

.case .caseNavi img { margin-right: 15px;}

.case h4 { margin-bottom: 17px;}

.case .detail {
	margin: 0 0 0 15px;
	width: 606px;
}

.case .detail h5 { margin-bottom: 17px;}

.case .detail h6 {
	margin-left: 5px;
	padding-left: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	background: transparent url(../../images/common/icon_list02.gif) 0 5px no-repeat;
}

.case .detail p {
	margin: 0 0 1.8em 5px;
	line-height: 1.8;
}

.case .detail ul { margin: 0 0 22px;}
.case .detail ul.link { margin: 22px 0;}

.case .detail ul li,
.case .detail ul.link li {
	padding-left: 13px;
	font-weight: bold;
}

.case .detail ul li {
	margin-bottom: 15px;
	background: transparent url(../../images/common/icon_list02.gif) 0 5px no-repeat;
}

.case .detail ul.link li {
	margin-bottom: 10px;
	background: transparent url(../../images/common/icon_list02.gif) 0 10px no-repeat;
}

.case .detail ul li img {
	margin-left: 10px;
	vertical-align: middle;
}

.case .detail .detailbox { margin-bottom: 25px;}

.case .detail .detailbox .sectionL { width: 288px;}
.case .detail .detailbox .sectionR { width: 303px;}

.case .detail .detailImg {
	padding: 0 0 25px 5px;
	margin-bottom: 25px;
	/*
	background: transparent url(../../images/common/dot_01.gif) left bottom repeat-x;
	*/
}

.case .detail .detailImg img.img1 { margin-right: 20px;}

.case .detail .imgL { float: left;}

.case .detail .imgR {
	float: right;
	margin-left: 20px;
}

.case .detail .before {
	padding: 19px 0;
	margin: 0;
	border: 1px solid #999999;
	background: #eeeeee;
	text-align: center;
}

.case .detail .after {
	padding: 19px 0;
	margin: 10px 0 30px;
	border: 1px solid #7ac0f9;
	background: #cae7ff;
	text-align: center;
}


.case .detail .before p,
.case .detail .after p {
	margin: 10px auto;
	width: 554px;
	line-height: 1.5;
	text-align: left;
}

.contactBlock {
	position: relative;
	margin: 0 0 34px 0;
	width: 636px;
	height: 93px;
	background: transparent url(../../case/images/info_text_bg.gif) left top no-repeat;
}

.contactBlock .tel,
.contactBlock .form {
	position: absolute;
	top: 22px;
}

.contactBlock .tel { left: 25px;}
.contactBlock .form { left: 334px;}


/*-------------------------------------------------------------------
 02) bizcard/index
-------------------------------------------------------------------*/

.case .detail .detailbox2 img {
	float:right;
	margin:0 0 20px 20px;
}

.case #steps {
	width:592px;
	margin:0 5px 28px 5px;
}
.case #steps dl {margin-bottom:18px;}
.case #steps dt {
	width:107px;
	float:left;
}

.case #steps dd {
	width:485px;
	float:left;
	padding-top:5px;
	line-height:1.8;
}

.case #customize p {
	width:192px;
	float:left;
	margin:18px 0 0 0;
	text-align:right;
}

.case #customize ol {
	width:293px;
	float:left;
}

.case #customize span {font-weight:bold;}

.case #customize ol li {
	margin-top:18px;
	background-position:left 0.5em;
}

/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.case .detail .detailbox:after,
.case .detail .detailbox2:after,
.case #steps dl:after,
.case #customize:after,
.case .detail .detailImg:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.case .detail .detailbox,
.case .detail .detailbox2,
.case #steps dl,
.case #customize,
.case .detail .detailImg { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html .case .detail .detailbox,
* html .case .detail .detailbox2,
* html .case #steps dl,
* html .case #customize,
* html .case .detail .detailImg { height: 1%;}
.clearfix,
.case .detail .detailbox,
.case .detail .detailbox2,
.case #steps dl,
.case #customize,
.case .detail .detailImg { display: block;}
/* MacIE5 */