@charset "UTF-8";

/*case.css*/

/*****導入事例一覧（方式別／用途別／業種別）*****/
#method_cl h1,
#industry_cl h1,
#usage_cl h1 {
height:46px;
}

.caselist .caselistAnchor {
margin-bottom:3px;
color:#9a9a9a;
}

.caselist table {
width:100%;
border:1px solid #d8d8d8;
margin-bottom:60px;
}

.caselist table td {
padding:5px 8px 5px 8px;
border:1px solid #d8d8d8;
vertical-align:top;
}

.caselist table th {
padding:5px 8px 5px 8px;
border:1px solid #d8d8d8;
color:#FFFFFF;
font-weight:bold;
background-color:#5a93d7;
text-align:center;
}

.caselist table th.industry {
width:17%
}

.caselist table th.usage {
width:17%
}

.caselist table th.method {
width:17%
}

.caselist table th.caseTitle {
width:40%
}

.caselist table th.customer {
width:26%
}

.caselist table th.tTitle {
background:#2773c9 url(../images/common/tst00.gif) 0% 50% no-repeat;
padding-left:33px;
text-align:left;
}

/*****導入事例*****/
.case h2 {
margin-bottom:15px;
}

.case .inner {
width:644px;
margin:0px auto;
padding-bottom:25px;
}

.case .inner p {
margin-bottom:10px;
}

/**タイトル部分**/
.case #title {
padding-left:13px;
background:url(../images/common/title.gif) 0 0 repeat-y;
margin-bottom:25px;
}

.case #title h1 {
font-size:136%;/*18pxに相当*/
color:#ce371c;
margin-bottom:0px;
height:auto;
font-weight:bold;
}

.case #title span#subTitle {
display:block;
}

.case #title span#customerName {
display:block;
}

/**概要部分**/
.case #outline a img {
border:1px solid #cccccc;
margin-bottom:10px;
}

.case #outline h3 {
font-weight:bold;
margin-bottom:5px;
}

/*テキストのみ*/
.case #outline .type1 {
margin-bottom:15px;
}

/*テキスト＋右図*/
.case #outline .type2 {
margin-bottom:15px;
}

.case #outline .type2 .notes {
width:340px;
float:left;
}

.case #outline .type2 .images {
width:280px;
float:right;
}

.case #outline .type2 .images a {
line-height:0;
}

/*左図＋テキスト*/
.case #outline .type3 {
margin-bottom:15px;
}

.case #outline .type3 .notes {
width:260px;
float:right;
}

.case #outline .type3 .images {
width:360px;
float:left;
}

.case #outline .type3 .images a {
line-height:0;
}

/*図のみ*/
.case #outline .type4 {
margin-bottom:15px;
}

.case #outline .type4 img {
border:1px solid #cccccc;
}

.case #outline .type4 a {
line-height:0;
}

/*カテゴリ*/
.case #outline #category {
background-color:#f2f2f2;
padding:15px;
text-align:center;
display:block;
margin-bottom:10px;
}

/*設備概要*/
.case #equipment p {
margin-bottom:0px;
}

.case #equipment ul {
margin-bottom:10px;
}

.case #equipment ul li {
background:url(../images/common/mark_circle.gif) 0px 6px no-repeat;
padding-left:19px;
margin-bottom:2px;
}

/*メリット*/
.case #advantage p {
margin-bottom:0px;
}

.case #advantage ul {
margin-bottom:10px;
padding-left:19px;
}

.case #advantage ul li {
margin-bottom:2px;
list-style:disc;
}

.case #advantage ul li ul li {
list-style:none;
}

.case #advantage dl {
margin-bottom:10px;
}

.case #advantage dt {
font-weight:bold;
margin-bottom:2px;
}

.case #advantage dd {
margin-bottom:2px;
}

/*連絡先*/
.case #contact table {
width:100%;
border:1px solid #d8d8d8;
margin-bottom:10px;
}

.case #contact table td {
width:33%;
border:1px solid #d8d8d8;
padding:5px 8px;
line-height:1.8;
vertical-align:top;
}

/*事例の拡大写真*/

body.case_popup * {
margin:0;
padding:0;
}

body.case_popup {
margin:0;
padding:0;
text-align:center;
}


table#exTable {
	margin: 0px auto;
	width: 95%;
}

table#exTable th{
	text-align: center;
	background-color: #dadada;
}

table#exTable th,
table#exTable td{
	text-align: center;
	padding: 3px;
	border: 1px solid #666;
}