@charset "utf-8";

/* ===================================================================
CSS information

 file name    casestudy.css
 lastmodified :08/09/12
 style info   .casestudyページ用CSS
=================================================================== */


/*  導入企業TOP
----------------------------------------------------------- */


ul#topic_path {
	background:url(../img/share/bg-arrow_casestudy.gif) no-repeat top;
}

.casestudy p strong a{
	background:url(../casestudy/img/share/ico-mini.gif) left no-repeat;
	text-decoration:none;
	padding-left:20px;
}

.casestudy p strong a:hover{
	text-decoration:underline;
}

.casestudy h4 a{
	text-decoration:none;
}

.casestudy h4 a:hover{
	text-decoration:underline;
}


.section h3.title_top{
	border-top:1px solid #dde3ea;
	background:#f2f5f9;
	border-bottom:1px solid #dde3ea;
	padding:7px 10px;
	color:#3b444f;
	margin-bottom:15px;
}

.section .list_index{
	width:700px;
	zoom:1;
	color:#3b444f;
}

.section .list_index .ico-category{
	width:120px;
	text-align:center;
	background:url(../casestudy/img/share/bg-category_bottom.gif) bottom no-repeat #0092d7;
	padding-bottom:3px;
	color:#fff;
	font-size:80%;
	float:left;
}

.section .list_index .ico-category_top{
	background:url(../casestudy/img/share/bg-category_top.gif) top no-repeat;
	padding-top:3px;
}

.section .list_index .company_name{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:8px 0;
	margin-bottom:15px;
	zoom:1;
}

.section .company_name:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.section .list_index h4{
	float:right;
	width:560px;
}


.section .list_index .imgL{
	float:left;
	width:120px;
}

.section .list_index .txtR{
	float:right;
	width:560px;
}

.section .list_index:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.section ul.total_list2{
	zoom:1;
	width:702px;
	padding-left:20px;
}

.section ul.total_list2 li{
	display:inline;
}




/*  導入までの流れ
----------------------------------------------------------- */

h2{
	color:#3b444f;
}

p.intro{
	width:453px;
	float:left;
	margin-bottom:60px;
}

p.intro strong{
	color:#0092d7;
	font-size:117%;
}

p.imgR{
	width:190px;
	float:right;
	margin:0 0 10px 10px;
	border:#e6e4df solid 1px;
}

.section{
	clear:both;
	width:702px;
}

.section div.agenda{
	background:url(../casestudy/img/share/bg-agenda_bottom.gif) bottom no-repeat;
	width:700px;
	margin-bottom:15px;
}

.section div.agenda h3{
	width:700px;
	margin:0;
	background:url(../casestudy/img/share/bg-agenda.gif) top no-repeat;
	padding:6px 0 10px 0px;
}

.section div.agenda h3 strong{
	padding-left:15px;
}

.section p{
	margin-bottom:20px;
}

.section dl.dialog{
}

.section dl.dialog dt{
	margin-bottom:15px;
}

.section dl.dialog dd {
	margin-bottom:20px;
}

.section dl.dialog dd.none {
	margin-bottom:12px;
}

.section dl.dialog dd.imgR {
	width:auto;
	float:right;
	margin:0 0 10px 20px;
	border:#e6e4df solid 3px;
}

.section dl.dialog dd.annotation {
	font-size:84%;
	color:#0092d7;
}

.section dl.dialog dd.annotation.none {
	margin-bottom:5px;
}

/*会社概要*/
.section dl.outline {
	clear:both;
	display:inline-block;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #c2c4c7;
}

.section dl.outline.none {
	border-bottom:none;
}

.section dl.outline dt {
	width:130px;
	float:left;
}

.section dl.outline dd {
	margin-left:5px;	
	width:550px;
	float:left;
}

/*  導入企業一覧
----------------------------------------------------------- */

p.total_intro {
	color:#000;
	margin-bottom:10px;
}

.section ul.total_list {
	zoom:1;
	width:702px;
	height:190px;
	border-bottom:1px dotted #dddddd;
	margin-bottom:10px;
}

.section ul.total_list_last {
	border-bottom:none;
}

.section ul.total_list li {
	float:left;
	width:201px;
	text-align:center;
	padding-right:48px;
	padding-bottom:20px;
}

.section ul.total_list li.last {
	padding-right:0px;
}

.section ul.total_list li img {
	padding-bottom:5px;
}

.section ul.total_list li span a {
	font-size:85%;
	text-decoration:none;
}

.section ul.total_list li span {
	display:block;
	padding-bottom:5px;
}

/*  case20
----------------------------------------------------------- */

.img_graph {
	margin:10px 0 20px 77px;
}


/*ページナビ*/

div.page_nav{
	padding:10px 0;
	width:702px;
	margin-bottom:40px;
	position:relative;
	zoom:1;
}

div.page_nav div{
	position:absolute;
	top:10px;
	left:290px;
	zoom:1;
}

div.page_nav div img{
	padding-right:7px;
}

div.page_nav div a{
	text-decoration:none;
}




/*資料請求ほか*/

.casestudy #article #main div.contact_area{
	zoom:1;
	padding:10px 10px 0 10px;
	background:url(../img/index/bg-contact_area.jpg) no-repeat;
	width:700px;
}

.casestudy #article #main div.contact_area  ul li{
	float:left;
	padding-right:10px;
}

.casestudy #article #main div.contact_area  ul li.last{
	padding-right:0;
}

.casestudy #article #main div.contact_area ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.casestudy #article #main div.contact_area p{
	clear:both;
	padding:0 0 20px 37px;
	margin-top:21px;
	width:537px;
}