﻿@charset "utf-8";

/*------------------------------------------------------------------------------
Bridge Corporation Inc. - CSS Modules Import
Date: 2010-06-29
Copyright (C) 2010 Bridge Corporation Inc. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

index.html

---------------------------------------- */

/* -- MAIN -- */

body#case div.SecStyle02_01 div.InSec {
	padding-bottom: 25px;
}

div.caseCopy div.InSec {
	background: none;
}

div.caseCopy div.InSec h2 {
	margin-bottom: 16px;
}

div.caseCopy div.InSec div.caseNewest {
	width: 630px;
	background-color: #fff;
	border: 4px solid #eae5da;
	margin-top: 15px;
	padding: 11px 16px;
	_zoom: 1;
	overflow: hidden;
}

div.caseCopy div.InSec div.caseNewest h3 {
	margin-bottom: 10px;
}


div.caseCopy div.InSec div.caseNewest img.thumb01 {
	float: left;
	padding-right: 30px;
}

div.caseCopy div.InSec div.caseNewest div#detail01 {
	width: 400px;
	float: left;
}

div.caseCopy div.InSec div.caseNewest div#detail01 h4 {
	font-size: 184.7%;
	line-height: 1.1em;
	color: #000;
	font-weight: 700;
}

div.caseCopy div.InSec div.caseNewest div#detail01 h4 span.category {
	font-size: 45.9%;
	color: #444;
	font-weight: 400;
	line-height: 1.3em;
}

div.caseCopy div.InSec div.caseNewest div#detail01 h4 span.Em01 {
	color: #6a8a04;
	font-weight: 700;
}

div.caseCopy div.InSec div.caseNewest div#detail01 dl {
	width: 400px;
	margin-top: 6px;
	font-size: 84.7%;
	line-height: 1.1em;
}

div.caseCopy div.InSec div.caseNewest div#detail01 dl dt {
	float: left;
	clear: left;
	width: 45px;
	margin-right: -45px;
	display: inline;
	padding-top: 4px;
}

div.caseCopy div.InSec div.caseNewest div#detail01 dl dt img {
	vertical-align: top;
}

div.caseCopy div.InSec div.caseNewest div#detail01 dl dd {
	margin-left: 45px;
	padding-top: 4px;
}

div.caseCopy div.InSec div.caseNewest div#detail01 p {
	margin-top: 10px;
	text-align: right;
}


div.listExample h4 {
	font-size: 184.7%;
	line-height: 1.1em;
	color: #000;
	font-weight: 700;
	border-left: 6px solid #93b131;
	margin-bottom: 20px;
	padding-left: 10px;
}

div.listExample h4 span.category {
	font-size: 45.9%;
	color: #444;
	font-weight: 400;
	line-height: 1.3em;
}

div.listExample h4 span.Em01 {
	color: #6a8a04;
	font-weight: 700;
}

div.listExample div.detail02 {
	width: 430px;
	padding-left: 16px;
	float: left;
}

div.listExample img.thumb02 {
	float: right;
}

div.listExample p.btnDetail {
	margin-top: 10px;
}

/* -- SUB -- */

body#case ul.SubList01 strong {
	font-weight: 700;
	color: #212121;
}

.SubTit01_02 a#btnList {
	right: 0px;
}


/* ----------------------------------------

caseXX.html

---------------------------------------- */

dl#caseTitle {
	width: 670px;
}

dl#caseTitle dt {
	float: left;
	clear: left;
	width: 155px;
	margin-right: -155px;
	display: inline;

}

dl#caseTitle dt img {
	border: 1px solid #efe9de;
	background-color: #fff;	
	padding: 4px 14px;
}

dl#caseTitle dd {
	margin-left: 155px;
}

dl#caseTitle dd h4 {
	font-size: 184.7%;
	line-height: 1.2em;
	color: #000;
	font-weight: 700;
}

dl#caseTitle dd h4 span {
	color: #6a8a04;
	font-weight: 700;
}

ol.caseList li {
}

ol.caseList li.before {
	background: url(../img/case/img_arrow_01.png) 50% 100% no-repeat;
	margin-top: 40px;
	padding-bottom: 90px;
}

ol.caseList li h5 {
	font-size: 115.4%;
	color: #6a8a04;
	font-weight: 700;
	margin-bottom: 2px;
	padding-bottom: 5px;
	background: url(../img/case/line_01.png) 0 100% no-repeat;
}

ol.caseList li div.caseBox {
	border: 1px solid #eae5da;
	background-color: #fff;
	padding: 19px;
}

ol.caseList li div.caseBox p {
	width: 370px;
	float: left;
}

ol.caseList li div.caseBox h6 {
	width: 370px;
	background-color: #93b131;
	color: #fff;
	font-weight: 700;
	margin-top: 30px;
	padding: 1px 4px;
	float: left;
}

ol.caseList li div.caseBox ul {
	width: 370px;
	float: left;
}

ol.caseList li div.caseBox ul li {
	background: url(../img/common/icon_circle_01.png) 0 0.3em no-repeat;
	margin-top: 7px;
	padding-left: 14px;
	line-height: 1.3em;
}

ol.caseList li div.caseBox ul li span.em02 {
	font-weight: 700;
}

ol.caseList li div.caseBox ul li span.em03 {
	font-weight: 700;
	color: #ff5050;
}

ol.caseList li div.caseBox div.thumb {
	width: 220px;
	float: right;
	text-align: right;
}

ol.caseList li div.caseBox div.thumb p {
	margin-top: 10px;
	width: 220px;
}

ol.caseList li div.caseBox div.thumb img.thumb03 {
	border: 1px solid #e7dfd1;
}

ol.caseList li div.caseBox div#staff {
	width: 630px;
	padding-top: 30px;
	clear: both;
}

ol.caseList li div.caseBox div#staff h6 {
	width: 622px;
	background-color: #eae5da;
	color: #212121;
	margin-top: 0;
	margin-bottom: 15px;
	padding: 1px 4px;
	font-weight: 700;
	float: none;
}

ol.caseList li div.caseBox div#staff p {
	width: 510px;
}

ol.caseList li div.caseBox div#staff img {
	float: left;
	padding-right: 20px;
}

/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

dl#caseTitle:after,
div.caseBox:after,
div#staff:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html dl#caseTitle,
*:first-child+html div.caseBox,
*:first-child+html div#staff {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html dl#caseTitle,
* html div.caseBox,
* html div#staff {
	zoom: 1;
}
