@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      casestudies.css
 Author:         Takuro Toyama
 Style Info:     導入事例のレイアウト
----------------------------------------------------------- */

.contentsLeft{
 line-height:180%;
}

#casestudies {
	float: left;
	width: 714px;
}
#casestudies * {
	margin: 0;
	padding: 0;
	line-height: 150%;
}
#casestudies .flClear {
	clear: left;
}
#casestudies a {
	color: #333366;
}

div.footstepBox {
	padding-bottom: 23px;
}
#casestudies ul {
	list-style: none;
}

div#casestudies p.pageTop {
	clear: both;
	padding: 8px 0;
	text-align: right;
	font-size: 95%;
}
#casestudies p.pageTop a {
	padding-left: 10px;
	background: url(../../../img/pagetop01.gif) no-repeat left center;
}


#casestudies div.contentsTit05 {
	margin: 0 2px 15px;
}
#casestudies div.contentsTit06 {
	margin: 0 2px 15px;
}
#casestudies div.contentsTit05 h1 {
	margin: 0;
	padding: 7px 0 5px 10px;
}
#casestudies div.contentsTit06 h2 {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 33px;
}
#casestudies div.paragraph {
	clear: both;
	float: left;
	width: 710px;
	padding: 0 2px 18px;
}
#casestudies div.condition {
	float: left;
	width: 674px;
	padding: 10px 17px;
	background: #f8f8f8;
	border: #CCC 1px solid;
}
#casestudies div.condition h3 {
	margin-bottom: 10px;
}
#casestudies div.condition dl dt {
	float: left;
	width: auto;
	margin: 0 5px 5px 0;
	line-height: 2;
	font-weight: bold;
}
#casestudies div.condition dl dt.key {
	clear: both;
	width:5em;
}
#casestudies div.condition dl dd {
	float: left;
	margin: 0 25px 5px 0;
}
#casestudies div.condition p.searchBtn {
	clear: both;
	text-align: center;
}
#casestudies div.condition p.searchBtn input {
	padding: 0 2em;
}
#casestudies table.ichiranList {
	width: 710px;
	border-collapse: collapse;
	border: #CCC 2px solid;
}
#casestudies table.ichiranList tr.heading th {

	padding: 10px 8px;
	background: url(../img/ichiran_heading_bg.gif) repeat-x left bottom;
	border-bottom: #CCC 2px solid;
	font-size: 120%;
	text-align: left;

}
#casestudies table.ichiranList th a {
	padding-left: 16px;
	background: url(../img/ichiran_icon.gif) no-repeat left 2px;
}
#casestudies table.ichiranList th,
#casestudies table.ichiranList td {
	padding: 8px;
	background: #FFF;
	margin: 0 0 1px 0;
	background: url(../img/ichiran_bg.gif) repeat-x left bottom;
	text-align: left;
}
#casestudies table tr.noLine th ,
#casestudies table tr.noLine td {
	background: none;
}
#casestudies table tr.stripe th ,
#casestudies table tr.stripe td {
	background: #f8f8f8 url(../img/ichiran_bg.gif) repeat-x left bottom;
}
#casestudies table tr.noLineStripe th ,
#casestudies table tr.noLineStripe td {
	background: #f8f8f8;
}

#casestudies table.ichiranList tr.heading th.th01 {
	width: 33%;
}
#casestudies table.ichiranList tr.heading th.th02 {
	width: 11%;
}
#casestudies table.ichiranList tr.heading th.th03 {
	width: 15%;
}
#casestudies table.ichiranList tr.heading th.th04 {
	width: 15%;
}
#casestudies table.ichiranList tr.heading th.th05 {
	width: 26%;
}


#casestudies div.bottomInqBox h3 {
	line-height: 33px;
}


#casestudies p.photo {
	float: left;
	padding-bottom: 15px;
}
#casestudies p.photo img {
	border: #CCC 1px solid;
}
#casestudies div.jireiList {
	float: right;
	width: 515px;
	padding-bottom: 15px;
}
#casestudies div.jireiList p.lead {
	margin-bottom: 0.5em;
	font-size: 115%;
	font-weight: bold;
}
#casestudies div.jireiList h3 {
	margin-bottom: 0.5em;
	font-size: 130%;
	font-weight: bold;
}
#casestudies div.jireiList dl {
	width: 515px;
}
#casestudies div.jireiList dl dt {
	float: left;
	clear: both;
	width: 70px;
	padding: 0 0 10px;
}
#casestudies div.jireiList dl dd {
	width: 420px;
	margin-left: 70px;
	padding: 0 0 10px;
}
#casestudies p.more {
	padding: 10px 0;
}
#casestudies p.more a {
	padding-left: 24px;
	background: url(../img/ichiran_icon.gif) no-repeat left center;
}




#casestudies.detail div.heading {
	padding-bottom: 18px;
}
#casestudies.detail div.heading h1 {
	width: 684px;
	padding: 0 15px;
	margin: 0;
	background: url(../img/detail_heading_bg.gif) no-repeat left top;
	line-height: 41px;
	font-size: 150%;
}
#casestudies.detail div.heading h2 {
	width: 684px;
	min-height: 2.5em;
	padding: 10px 15px;
	background: url(../img/detail_lead_bg.gif) no-repeat left bottom;
	line-height: 1.3;
	font-size: 135%;
	color: #FFF;
}
* html #casestudies.detail div.heading h2 { height: 2.5em; }
#casestudies.detail div.paragraph01 {
	float: left;
	clear: both;
	width: 714px;
	margin-bottom: 13px;
	background: url(../img/detail_paragraph01_bg_top.gif) no-repeat left top;
}

/*------------------------------------------
　以下、class名に「_a」が付く場合は
　background画像繰り返し用　Yumiko YAMASAKI
------------------------------------------*/

#casestudies.detail div.paragraph01_a {
	float: left;
	clear: both;
	width: 714px;
	margin-bottom: 13px;
}
#casestudies.detail div.paragraph01_a div.inner_top {
	margin: 0;
	float: left;
	clear: both;
	width: 714px;
	height:3px;
	background:url(../img/detail_paragraph01_bg_top01.gif) no-repeat left top;
}

#casestudies.detail div.paragraph01 div.inner01 {
	float: left;
	width: 670px;
	padding: 22px;
	background: url(../img/detail_paragraph01_bg_line.gif) no-repeat left bottom;
	color: #000;
}
#casestudies.detail div.paragraph01_a div.inner01_a {
	float: left;
	width: 670px;
	padding:22px;
	background:url(../img/detail_paragraph01_bg_middle.gif) repeat-y left;
	color: #000;
}

#casestudies.detail div.paragraph01_a div.inner_bottom {
	float: left;
	clear: both;
	width: 714px;
	height: 8px;
	background: url(../img/detail_paragraph01_bg_line.gif) no-repeat center;
}
#casestudies.detail div.paragraph01 div.inner01 p.photo {
	float: right;
}
#casestudies.detail div.paragraph01_a div.inner01_a p.photo {
	float: right;
}

#casestudies.detail div.paragraph01 div.inner01 div {
	float: left;
	width: 480px;
}
#casestudies.detail div.paragraph01_a div.inner01_a div {
	float: left;
	width: 480px;
}

#casestudies.detail div.paragraph01 div.inner01 div h3 {
	font-size: 180%;
	font-weight: bold;
}
#casestudies.detail div.paragraph01_a div.inner01_a div h3 {
	font-size: 180%;
	font-weight: bold;
}
#casestudies.detail div.paragraph01 div.inner01 div dl {
	float: left;
	margin-bottom: 20px;
}
#casestudies.detail div.paragraph01_a div.inner01_a div dl {
	float: left;
	margin-bottom: 20px;
}


#casestudies.detail div.paragraph01 div.inner01 div dl dt {
	float: left;
	width: 56px;
	clear: both;
	margin-right: -56px;
	display: inline;
}
#casestudies.detail div.paragraph01_a div.inner01_a div dl dt {
	float: left;
	width: 56px;
	clear: both;
	margin-right: -56px;
	display: inline;
}

#casestudies.detail div.paragraph01 div.inner01 div dl dd {
	font-size: 130%;
	font-weight: bold;
	margin-left: 66px;
}
#casestudies.detail div.paragraph01_a div.inner01_a div dl dd {
	font-size: 130%;
	font-weight: bold;
	margin-left: 66px;
}

#casestudies.detail div.paragraph01 div.inner01 div p {
	font-size: 120%;
	line-height: 1.6;
}
#casestudies.detail div.paragraph01_a div.inner01_a div p {
	font-size: 120%;
	line-height: 1.6;
}
/*----------------------------

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

#casestudies.detail div.paragraph01 div.inner02 {
	float: left;
	clear: both;
	width: 710px;
	min-height: 150px;
	padding: 15px 2px;
	background: url(../img/detail_paragraph01_bg_bottom.gif) no-repeat left bottom;/* サイズ固定の背景画像 */
	color: #000;
}
#casestudies.detail div.paragraph01 div.inner02_a {
	float: left;
	width: 714px;
	/*min-height: 150px;*/
	/*padding: 15px 2px;*/
	background: url(../img/detail_paragraph01_bg_middle_x.gif) repeat-y left;/* テキスト量によってボックスの高さを伸縮させる場合の繰り返し画像 */
	color: #000;
}
#casestudies.detail div.paragraph01 div.inner02_bottom_a {
	float: left;
	clear: both;
	width: 714px;
	height: 9px;
	/*min-height: 150px;*/
	/*padding: 15px 2px;*/
/*	background: url(../img/detail_paragraph01_bg_bottom_x.gif) no-repeat left bottom;*//* 伸縮ボックスの最下部画像 */
	color: #000;
}

/* （りそな detail44）「導入の背景」のボックス */
#casestudies.detail div.paragraph01 div.point_box {
	margin: 0 auto;
	padding: 5px;
	width: 680px;
	line-height: 25px;
}

#casestudies.detail div.paragraph01 div.tit_dounyu {
	margin: 5px;

}

/*-------------------*/
#casestudies.detail div.paragraph01_a div.inner02 {
	float: left;
	clear: both;
	width: 710px;
	min-height: 150px;
	padding: 15px 2px;
	background: url(../img/detail_paragraph01_bg_bottom.gif) no-repeat left bottom;
	color: #000;
}
#casestudies.detail div.paragraph01_a div.inner02_a {
	float: left;
	clear: both;
	width: 710px;
	min-height: 150px;
	padding: 15px 2px;
	background: url(../img/detail_paragraph01_bg_bottom.gif) no-repeat left bottom;
	color: #000;
}
/*-------------------*/
#casestudies.detail div.paragraph01 div.inner02 table {
	width: 710px;
	border-collapse: collapse;
}
#casestudies.detail div.paragraph01_a div.inner02 table {
	width: 710px;
	border-collapse: collapse;
}
#casestudies.detail div.paragraph01 div.inner02_a table {
	width: 710px;
	border-collapse: collapse;
}
#casestudies.detail div.paragraph01_a div.inner02_a table {
	width: 710px;
	border-collapse: collapse;
}
/*-------------------*/

#casestudies.detail div.paragraph01 div.inner02 table th {
	width: 60px;
	padding: 0 5px 7px 0;
	text-align: right;
	vertical-align: top;
}
#casestudies.detail div.paragraph01_a div.inner02 table th {
	width: 60px;
	padding: 0 5px 7px 0;
	text-align: right;
	vertical-align: top;
}
#casestudies.detail div.paragraph01 div.inner02_a table th {
	width: 60px;
	padding: 0 5px 7px 0;
	text-align: right;
	vertical-align: top;
}
#casestudies.detail div.paragraph01_a div.inner02_a table th {
	width: 60px;
	padding: 0 5px 7px 0;
	text-align: right;
	vertical-align: top;
}
/*-------------------*/

#casestudies.detail div.paragraph01 div.inner02 table td {
	width: 265px;
	padding: 0 20px 7px 5px;
	vertical-align: top;
}
#casestudies.detail div.paragraph01_a div.inner02 table td {
	width: 265px;
	padding: 0 20px 7px 5px;
	vertical-align: top;
}

#casestudies.detail div.paragraph01 div.inner02_a table td {
	width: 265px;
	padding: 0 20px 7px 5px;
	vertical-align: top;
}
#casestudies.detail div.paragraph01_a div.inner02_a table td {
	width: 265px;
	padding: 0 20px 7px 5px;
	vertical-align: top;
}
/*-------------------*/


#casestudies.detail div.paragraph01 div.inner02 dl {
	width: 320px;
}
#casestudies.detail div.paragraph01_a div.inner02 dl {
	width: 320px;
}
#casestudies.detail div.paragraph01 div.inner02_a dl {
	width: 320px;
}
#casestudies.detail div.paragraph01_a div.inner02_a dl {
	width: 320px;
}
/*-------------------*/

#casestudies.detail div.paragraph01 div.inner02 dl dt {
	float: left;
	clear: both;
	width: 50px;
	padding: 0 0 10px 0;
}
#casestudies.detail div.paragraph01_a div.inner02 dl dt {
	float: left;
	clear: both;
	width: 50px;
	padding: 0 0 10px 0;
}
#casestudies.detail div.paragraph01 div.inner02_a dl dt {
	float: left;
	clear: both;
	width: 50px;
	padding: 0 0 10px 0;
}
#casestudies.detail div.paragraph01_a div.inner02_a dl dt {
	float: left;
	clear: both;
	width: 50px;
	padding: 0 0 10px 0;
}
/*-------------------*/

#casestudies.detail div.paragraph01 div.inner02 dl dd {
	float: left;
	min-height: 38px;
	padding: 0 0 10px 0;
}
#casestudies.detail div.paragraph01_a div.inner02 dl dd {
	float: left;
	min-height: 38px;
	padding: 0 0 10px 0;
}
#casestudies.detail div.paragraph01 div.inner02_a dl dd {
	float: left;
	min-height: 38px;
	padding: 0 0 10px 0;
}
#casestudies.detail div.paragraph01_a div.inner02_a dl dd {
	float: left;
	min-height: 38px;
	padding: 0 0 10px 0;
}
/*-------------------*/


html>/**/body #casestudies.detail div.paragraph01 div.inner02 dl dd {
	float: none;
	margin-left: 60px;
}
#casestudies.detail div.paragraph01 div.inner02 dl.kadai {
	float: left;
}
#casestudies.detail div.paragraph01 div.inner02 dl.kouka {
	float: right;
}


html>/**/body #casestudies.detail div.paragraph01_a div.inner02 dl dd {
	float: none;
	margin-left: 60px;
}
#casestudies.detail div.paragraph01_a div.inner02 dl.kadai {
	float: left;
}
#casestudies.detail div.paragraph01_a div.inner02 dl.kouka {
	float: right;
}


html>/**/body #casestudies.detail div.paragraph01 div.inner02_a dl dd {
	float: none;
	margin-left: 60px;
}
#casestudies.detail div.paragraph01 div.inner02_a dl.kadai {
	float: left;
}
#casestudies.detail div.paragraph01 div.inner02_a dl.kouka {
	float: right;
}


html>/**/body #casestudies.detail div.paragraph01_a div.inner02_A dl dd {
	float: none;
	margin-left: 60px;
}
#casestudies.detail div.paragraph01_a div.inner02_a dl.kadai {
	float: left;
}
#casestudies.detail div.paragraph01_a div.inner02_a dl.kouka {
	float: right;
}


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

#box_casestudies_01 {
	margin: 0 2px 20px;
	clear: both;
	/*padding: 20px 0 0 20px;*/
	/*float: left;*/
	width: 710px;
	height: 60px;
	background: #eeeeee url(../img/interview_heading_bg.gif) repeat-x left top;
	border-bottom: #7b4d7b 3px solid;
}

#txt_casestudies_01 {
	padding-top: 25px;
	padding-left: 20px;
	width: 600px;
	height: 30px;
	font-size: 130%;
	font-weight: bold;
	color:#000000;
}

#box_casestudies_02 {
	margin: 0 2px 20px;
	clear: both;
	/*padding: 20px 0 0 20px;*/
	/*float: left;*/
	width: 710px;
	height: 60px;
	background: #eeeeee url(../img/interview_heading_bg.gif) repeat-x left top;
	border-bottom: #7b4d7b 3px solid;
}

#txt_casestudies_02 {
	padding-top: 25px;
	padding-left: 20px;
	width: 600px;
	height: 30px;
	font-size: 130%;
	font-weight: bold;
	color:#000000;
}

#box_casestudies_03 {
	margin: 0 2px;
	clear: both;
	/*padding: 20px 0 0 20px;*/
	/*float: left;*/
	width: 710px;
	height: 60px;
	background: #eeeeee url(../img/interview_heading_bg.gif) repeat-x left top;
	border-bottom: #7b4d7b 3px solid;
}

#txt_casestudies_03 {
	padding-top: 25px;
	padding-left: 20px;
	width: 600px;
	height: 30px;
	font-size: 130%;
	font-weight: bold;
	color:#000000;
}




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

#casestudies.detail div.paragraph02 {
	clear: both;
	float: left;
	width: 710px;
	margin: 0 1px 18px;
	background: url(../img/detail_paragraph02_bg.gif) no-repeat left bottom;
}
#casestudies.detail div.paragraph02 table {
	width: 710px;
	padding: 0;
	background: url(../img/detail_paragraph02_bg_top.gif) no-repeat left top;
	border-collapse: collapse;
}
#casestudies.detail div.paragraph02 table th {
	width: 140px;
	padding: 15px 0;
	text-align: center;
}
#casestudies.detail div.paragraph02 table td {
	width: 550px;
	padding: 15px;
}
#casestudies.detail div.paragraph02 table tr.line th,
#casestudies.detail div.paragraph02 table tr.line td {
	padding-top: 20px;
	border-bottom: #CCC 1px solid;
}
#casestudies.detail div.paragraph02 table td ul {
	padding: 0;
}
#casestudies.detail div.paragraph02 table td li {
	float: left;
	#white-space:nowrap;/*IE回避用*/
	display:block;
	padding: 0px 24px;
	background: url(../img/ichiran_icon.gif) no-repeat left center;
}
#casestudies.detail div.paragraph02 table td a {
}


#casestudies.detail table.interviewHeading {
	clear: both;
	width: 710px;
	margin: 0 2px 15px;
	padding: 3px 0 3px 0;
	border-collapse: collapse;
	background: #eeeeee url(../img/interview_heading_bg.gif) repeat-x left top;
	border-bottom: #7b4d7b 3px solid;
}



#casestudies.detail table.interviewHeading th {
	padding: 0 8px;
	vertical-align: middle;
	font-size: 130%;
	line-height: 1.2;
	font-weight: bold;
	color: #000;
}
#casestudies.detail table.interviewHeading td {
	padding: 1.5em 8px;
	vertical-align: middle;
	font-size: 130%;
	line-height: 1.2;
	font-weight: bold;
	color: #000;
}
#casestudies.detail table.interviewHeading th {
	width: 110px;
	height: 50px;
	background: url(../img/interview_heading_line.gif) repeat-y right top;
	text-align: center;
}

#casestudies.detail div.interview {
	clear: both;
	float: left;
	width: 710px;
	margin: 0;
	padding: 0 2px 0;
}
#casestudies.detail div.interview p.photo {
	float: right;
	width: 112px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.2;
	font-size: 100%;
}
#casestudies.detail div.interview p.photo img {
	margin-bottom: 10px;
}

#casestudies.detail div.interview div {
	float: left;
	width: 580px;
}
#casestudies.detail div.interview  p {
	font-size: 120%;
	line-height: 1.8;
	margin-bottom: 1.5em;
}
#casestudies.detail h4.flowHeading {
	clear: both;
	padding: 0 2px;
}

#casestudies.detail div.flow {
	clear: both;
	float: left;
	width: 676px;
	margin: 0 2px 15px;
	padding: 16px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}

* html #casestudies.detail div.flow {
	margin: 0 1px 15px;
}


#casestudies.detail div.flow p.textCenter {
	margin-bottom: 15px;
}

#casestudies.detail div.flow ul.attention {
	padding: 15px 0 8px;
}
#casestudies.detail div.flow ul.attention li {
	padding-bottom: 1em;
	font-size: 80%;
}
#casestudies.detail div.flow div.point {
	margin: 0 0 15px;
	padding: 17px;
	background: url(../img/flow_step_bg.gif) no-repeat left bottom;
}
/* ------------ */
#casestudies.detail div.point01 {
/*	margin: 0 0 15px;
	padding: 5px 17px 10px;
	background: url(../img/flow_step_bg.gif) no-repeat left bottom;
*/

	width: 670px;
	margin: 0 auto;
	padding: 5px 2px 0;

	font-size: 120%;
	line-height: 1.8;
	margin-bottom: 1.5em;
	
}
/* ------------ */

#casestudies.detail div.flow div.point ul li {
	padding: 0 0 10px 30px;
	line-height: 1.6;
	font-weight: bold;
}
#casestudies.detail div.flow div.point ul li.point1 {
	background: url(../img/flow_step_01.gif) no-repeat left top;
}
#casestudies.detail div.flow div.point ul li.point2 {
	background: url(../img/flow_step_02.gif) no-repeat left top;
}
#casestudies.detail div.flow div.point ul li.point3 {
	background: url(../img/flow_step_03.gif) no-repeat left top;
}
#casestudies.detail div.flow div.point ul li.point4 {
	background: url(../img/flow_step_04.gif) no-repeat left top;
}
#casestudies.detail div.flow div.point ul li.point5 {
	background: url(../img/flow_step_05.gif) no-repeat left top;
}

#casestudies.detail div.flow table {
	float: left;
	clear: both;
	width: 675px;
	background: url(../img/flow_page_bg.gif) no-repeat left bottom;
	border-collapse: collapse;
}
#casestudies.detail div.flow table th {
	width: 120px;
	padding: 15px;
	background: url(../img/flow_page_bg_top.gif) no-repeat left top;
}
#casestudies.detail div.flow table td {
	width: 499px;
	padding: 15px 8px;
	background: url(../img/flow_page_bg_top.gif) no-repeat right top;
}
#casestudies.detail div.flow table td ul li {
	float: left;
	#white-space:nowrap;/*IE回避用*/
	display:block;
	padding: 0 22px 0 24px;
	margin: 0;
	background: url(../img/ichiran_icon.gif) no-repeat left center;
}





#casestudies.detail div.companyInfo {
}
#casestudies.detail div.companyInfo div.company_case {
	clear: both;
	float: left;
	width: 680px;
	padding: 15px;
	background: #EBEBEB;
	border-top: #CCC 2px solid;
	margin-bottom: 15px;
}
#casestudies.detail div.companyInfo div.company_case h5 {
	margin-bottom: 10px;
}
#casestudies.detail div.companyInfo div.company_case table {
}
#casestudies.detail div.companyInfo div.company_case table th,
#casestudies.detail div.companyInfo div.company_case table td {
	padding: 3px 7px 3px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
#casestudies.detail div.companyInfo div.company_case table th {
	width: 6.5em;
}

#casestudies.detail div.companyInfo div.cmt {
	float: right;
	width: 350px;
}
#casestudies.detail div.companyInfo div.cmt h5 {
	margin-bottom: 10px;
}
#casestudies.detail div.companyInfo div.cmt div {
	float: left;
	width: 230px;
}
#casestudies.detail div.companyInfo div.cmt div p {
	line-height: 1.8;
}
#casestudies.detail div.companyInfo div.cmt p.photo {
	float: right;
	width: 95px;
	font-size: 80%;
}
#casestudies.detail div.companyInfo div.cmt p.photo img {
	margin-bottom: 10px;
}


#casestudies.detail div.dounyu {
	clear: both;
	width: 710px;
	margin: 0 2px 15px;
	border: #CCC 1px solid;
}
* html #casestudies.detail div.dounyu {
	margin: 0 1px 15px;
} 
#casestudies.detail div.dounyu h5 {
	padding: 0 13px 15px;
	background: url(../img/dounyu_heading_bg.gif) repeat-x left top;
	line-height: 32px;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
}


#casestudies.detail div.dounyu  dl {
	width: 676px;
	padding: 15px;
	position: relative;
}
#casestudies.detail div.dounyu  dl dt {
	width: 610px;
	padding: 0 0 0 66px;
	position: relative;
	font-size: 120%;
	font-weight: bold;
	display: block;
}
#casestudies.detail div.dounyu  dl dt span {
	font-size: 70%;
	font-weight: normal;
	padding-left: 10px;
}
#casestudies.detail div.dounyu  dl dt img {
	top: 0px;
	left: 3px;
	position: absolute;
}
#casestudies.detail div.dounyu  dl dd {
	margin: 10px 0 20px 66px;
	line-height: 1.5;
}


.bottomInqBox {
	clear: both;
}


/*090722*/
#casestudies.detail div.point02{
	padding:15px;
	margin-bottom:15px;
	width:684px;
	background:url(../img/flow_step_bg02.gif) no-repeat left bottom;
}
#casestudies.detail div.point02 ul li {
	padding: 0 0 10px 30px;
	line-height: 1.6;
	font-weight: bold;
}
#casestudies.detail p.flow02{
	clear: both;
	width: 714px;
	margin: 20px 0 0;
	padding:0;
}
p.flow02 img {
	vertical-align: bottom;
}
div.point02 ul li.point1 {
	background: url(../img/flow_step_01.gif) no-repeat left top;
}
div.point02 ul li.point2 {
	background: url(../img/flow_step_02.gif) no-repeat left top;
}
div.point02 ul li.point3 {
	background: url(../img/flow_step_03.gif) no-repeat left top;
}
div.point02 ul li.point4 {
	background: url(../img/flow_step_04.gif) no-repeat left top;
}
div.point02 ul li.point5 {
	background: url(../img/flow_step_05.gif) no-repeat left top;
}
div.point02 ul li.point6 {
	background: url(../img/flow_step_06.gif) no-repeat left top;
}
div.point02 ul li.point7 {
	background: url(../img/flow_step_07.gif) no-repeat left top;
}
#casestudies.detail h3.subheading{
	clear:both;
	padding:0 0 0 19px;
	color:#000;
	font-size:120%;
	line-height:34px;
	background:url(../img/sub_heading_bg.gif) no-repeat left top;
}


div#casestudies h4.subHeading2 {
	clear: both;
	margin-bottom: 15px;
	padding: 0 0 0 15px;
	background:url(../img/sub_heading_line.gif) repeat-y left top;
	line-height: 2;
	font-size: 120%;
	font-weight: bold;
	color: #000;
}
#casestudies div.jireiList p.deteal_btn {
	padding-top:15px;
	width:140px;
}
.deteal_btn img{
	border:none;
}




div#casestudies .pageNavi {
	clear: both;
	margin-bottom: 15px;
	font-size: 120%;
}
div#casestudies .pageNavi a {
	font-weight: bold;
}
div#casestudies .pageNavi p.back {
	float: left;
	padding-left: 16px;
	background: url(../img/ichiran_icon.gif) no-repeat left center;
}
div#casestudies .pageNavi p.next {
	float: right;
	padding-left: 16px;
	background: url(../img/ichiran_icon.gif) no-repeat left center;
}
div#casestudies .pageNavi p.list {
	text-align: center;
}


div.condition select#k {
	width: 13em;
}

/* -----------------------------------------------------------
簡易版と同じデザインです。
simple.css内でも同様の記述があります。
----------------------------------------------------------- */

#casestudies span.cate_title {
	color: #993366;
}

#casestudies.detail div.section_category {
	clear: both;
	width: 710px;
	margin: 0 2px 15px;
	border: #CCC 1px solid;
}
* html #casestudies.detail div.section_category {
	margin: 0 1px 15px;
} 
#casestudies.detail div.section_category h5 {
	padding: 0 13px 15px;
	background: url(../img/dounyu_heading_bg.gif) repeat-x left top;
	line-height: 32px;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
}

#casestudies.detail div.section_category table {
	width: 670px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 0;
}

#casestudies.detail div.section_category table tr {
	background-image: url(../img/simple/dot_border.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}

#casestudies.detail div.section_category table tr#no {
	background-image: none;

}


#casestudies.detail div.section_category table th {
	width: 100px;
	padding: 15px 0;
	text-align: left;
}
#casestudies.detail div.section_category table td {
	width: 520px;
	padding: 15px;
}

#casestudies.detail div.section_category ul {
	padding: 0;
}
#casestudies.detail div.section_category li {
	float: left;
	#white-space:nowrap;/*IE回避用*/
	display:block;
	padding: 0px 24px;
	background: url(../img/ichiran_icon.gif) no-repeat left center;
}
.text70 {
	font-size:70%;
}
.text80 {
	font-size:80%;
}

/* -----------------------------------------------------------
PDF版です
----------------------------------------------------------- */

#casestudies p#img_pdf {
	float: right;
	padding-bottom: 0px;
	width: 172px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#casestudies p#img_pdf img.cophoto {
	border: #CCC 1px solid;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#casestudies dl#pdf_top {
	background-image: url(../img/pdfbox01_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	width: 172px;
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
}
#casestudies #pdf_top dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
#casestudies #pdf_top dd.tx {
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #666666;
}
#casestudies dl#pdf_top dd.icon {
	float: left;
	width: 47px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
}
#casestudies dl#pdf_top dd.file {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;

}
#casestudies dl#pdf_top dd.file a {
	color: #0099CC;

}
#casestudies #pdf_bottom {
	padding: 0px;
	height: 140px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


#pdf_bottom dl#pdf_area {
	background-image: url(../img/pdfbox02_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin: 0px;
	float: left;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 130px;
	overflow: hidden;
}
#pdf_bottom dl#pdf_area dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#casestudies dl#pdf_area dd.tx {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #666666;
}
#casestudies dl#pdf_area dd.icon {
	float: left;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#casestudies dl#pdf_area dd.file {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#casestudies dl#pdf_area dd.file a {
	color: #0099CC;
}

#pdf_bottom dl#reader_area {
	background-color: #f8f8f8;
	margin: 0px;
	float: right;
	width: 340px;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	height: 118px;
}
#pdf_bottom dl#reader_area dt {
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
#pdf_bottom dl#reader_area dd.tx {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	color: #666666;
}