@charset "Shift_JIS";
/* CLEARFIX CLASS
=============================================================== */

/*.clear {
	margin			: 0;
	padding			: 0;
	display			: block;
	height			: 0;
	line-height		: 0;
	clear			: both;
	visibility		: hidden;
	font-size:0;
}*/

.clear {
	clear			: both;
}

br.clear {
	font-size:0 !important;
	line-height:0 !important;
}

.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	content			: "";
	overflow		: hidden;
}
.clearfix {
	overflow		: hidden;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
	overflow		: visible;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */

/* common
=============================================================== */
body {
	font-family: MS UI Gothic,ＭＳ Ｐゴシック,Osaka,Arial,Helvetica;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	margin: 0 auto;
	padding: 0 0;
}

a:link{
	color: #0D59A0;
	text-decoration: none; 
} 
a:visited{
	color: #59637A;
	text-decoration: none; 
} 
a:active,a:hover{
	color: #1BADA1;
	text-decoration: underline; 
} 

a img {
	border: none;
}

#main{
	width: 980px;
	background: url('../img/left_bg.gif') repeat-y;
}

h1{
	font-size: 16pt;
	text-align: left;
	margin: 0 0 8px;
	padding: 4px 4px 4px 16px;
	border-bottom: 1px solid #486F3A;
	border-left: 8px solid #486F3A;
	background-color: #ECF3CC;
}

h3{/* 追加 */
	margin:24px 0 16px 0;
	font-size: 16px;
	font-weight:normal;
}

h4{/* 追加 */
	font-size: 13pt;
	font-weight:bold;
	margin:8px 0 4px 0;
}

h5{/* 追加 */
	font-size: 10pt;
	font-weight:bold;
	margin:8px 0 4px 0;
}

.b{/* 追加 */
	font-weight:bold;
}
	
.bd11{
	font-size: 11px;
	line-height: 140%;
}

.bd12{
	font-size: 12px;
	line-height: 140%;
}

.bd14{
	font-size: 14px;
	line-height: 160%;
}

.bd16{
	font-size: 16px;
	line-height: 100%;
}

.blue {
	color: #618BC5;
}

.deepblue {
	color: #206cba;
}

.green {
	color: #609A5E;
}

.rightgreen{/* 追加 */
	color:#427312
}
.red {
	color: #ff0000;
}

.brclear{
	clear: both;
}

.C{/* 追加 */
	text-align:center;
}

/* ******************  header  *************** */
#head{
	height: 32px;
	width: 980px;
}

#head .ttl{
	margin: 10px 0 2px 8px;
	float: left;
}

#head .lk{
	margin: 10px 0 2px 0;
	float: right;
}
#head .bl{
	font-size: 12px;
	padding: 0 16px 0 14px;
	background: url('../img/arrow_blue.gif') no-repeat 0 0.1em;
}

#head .gl{
	font-size: 12px;
	padding: 0 16px 0 14px;
	background: url('../img/arrow_gold.gif') no-repeat 0 0.1em;
	color:#816F43;
}

#headmenu{
	height: 24px;
	width: 980px;
}

#headttl{
	height: 108px;
	width: 980px;
	border-bottom: 1px solid #FFFFFF;
}

#pankuzu{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 22px;
	width: 980px;
	background-color: EEEEEE;
}

/* ******************  left menu  *************** */
#leftmenu{
	float: left;
	width: 196px;
	background-color: #EEEEEE;
}

#leftmenu .con{
	font-size: 12px;
	padding: 6px 8px 6px 16px;
	border-bottom: 1px solid #FFFFFF;
	height: 24px;
}

#leftmenu .sub{
	font-size: 12px;
	padding: 4px 8px 4px 40px;
	border-bottom: 1px solid #FFFFFF;
	height: 20px;
	background-color: #dddddd;
}

/* ******************  right  *************** */
#rightcon{
	padding: 16px 0;
	float: right;
	width: 772px;
}

#rightcon .comment{
	font-size: 14px;
	margin: 16px 0px 16px 40px;
	width: 680px;
	line-height: 200%;
}

#rightcon .h_left{
	margin-left:8px;
	width: 344px;
	float: left;
}

#rightcon .h_right{
	width: 344px;
	float: right;
}

#rightcon .year_b{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	width: 72px;
	background: url('../../corporate/img/hs_bgb.gif') no-repeat;
}

#rightcon .year_g{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	width: 72px;
	background: url('../../corporate/img/hs_bgg.gif') no-repeat;
}

#rightcon .showa{
	padding: 0 8px 0 4px;
	font-size: 12px;
	line-height:160%;
	border-left: 4px solid #676F88;
}

#rightcon .showa2{
	padding: 8px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #253568;
}

#rightcon .heisei{
	padding: 0 8px 0 4px;
	font-size: 12px;
	line-height:160%;
	border-left: 4px solid #749DA0;
}

#rightcon .heisei2{
	padding: 8px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #32858D;
}

/* ******************  footer  *************** */
#foot{
	font-size: 11px;
	color: #FFFFFF;
	padding: 1px 0 0 8px;
	clear: both;
	height: 18px;
	width: 980px;
	background: url('../img/footer.gif') no-repeat;
}

#foot a,
#foot a:link,
#foot a:visited{
	color: #ffffff;
	text-decoration: none; 
} 

.copyright{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #153EA3;
	text-align: right;
	height: 16px;
	width: 980px;
}

/* ******************  layout追加  *************** */
.text{
	margin:8px 0 16px 20px;
}

/* index */
.graybox{
	margin:0 0 8px 8px;
	padding:6px 8px;
	background:#eeeeee;
	border:#1e6ab7 1px solid;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e6ab7;
}
:root *> .graybox{
	border:none;
}

.menu3{
	padding:0;
	margin:16px 0;
	list-style:none;
	height:0px;
}
.menu3 li{
	float:left;
	background:url(../../exhaust/img/arrow.gif) 6px 6px no-repeat #eeeeee;
	border:#1e6ab7 1px solid;
	padding:5px;
	padding-left:27px;
	list-style:none;
	margin-left:7px;
	font-weight:bold;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e6ab7;
}
.menu3 li a{
	width:214px;
	height:16px;
	display:block;
}
:root *> .menu3 li{
	border:none;
}

.casebtn01{
	text-align:right;
}
.casebtn01 a{
	line-height:180%;
	padding:5px 16px;
	background:#1e6ab7;
	color:#ffffff;
}
.casebtn01 a:visited{
	color:#ffffff;
	text-decoration: none; 
} 
.casebtn01 a:active, .casebtn01 a:hover{
	color:#ffffff;
	text-decoration: underline; 
} 

.imgleft{
	float:left;
	margin-right:8px;
}

/* 事例一覧 */
.casebtn02{
	text-align:right;
}
.casebtn02 a{
	background:url(../../exhaust/img/arrow_s.gif) 72px 8px no-repeat;
	line-height:180%;
	padding:5px 16px;
	color:#ffffff;
}
.casebtn02 a:visited{
	color:#ffffff;
	text-decoration: none; 
} 
.casebtn02 a:active, .casebtn02 a:hover{
	color:#ffffff;
	text-decoration: underline; 
} 
.case_push01 .casebtn02 a{
	background-color:#207d54;
}
.case_push02 .casebtn02 a{
	background-color:#427312;
}
.case_local01 .casebtn02 a{
	background-color:#206cba;
}

.grayh4{
	padding:8px;
	margin:24px 0 0 16px;
	background:#eeeeee;
}

.caselist{
	padding:0;
	margin-left:8px;
	list-style:none;
	height:0px;
}
.caselist li{
	float:left;
	width:232px;
	list-style:none;
	margin-left:16px;
}
.caselist li .case_ttl{
	font-weight:bold;
	font-size:16px;
}
.caselist li p{
	margin-top:8px;
	height:80px;
}

/* 事例個別 */
.case div.subttl{
	background:url(../../exhaust/img/case_sttl.gif) left top;
	margin-left:8px;
}
.case .subttl h3{
	height:41px;
	padding-left:30px;
	line-height:41px;
}
.case01 .subttl h3{
	background:url(../../exhaust/img/case01_sttl_middle.gif) left top no-repeat;
}
.case02 .subttl h3{
	background:url(../../exhaust/img/case02_sttl_middle.gif) left top no-repeat;
}
.case03 .subttl h3{
	background:url(../../exhaust/img/case03_sttl_middle.gif) left top no-repeat;
}

.case h4{
	margin:16px 0 0 16px;
	padding :2px 0 2px 12px;
	border-bottom:#000000 solid 1px;
}
.case01 h4{
	background:url(../../exhaust/img/case01_h4.gif) left 5px no-repeat;
}
.case02 h4{
	background:url(../../exhaust/img/case02_h4.gif) left 5px no-repeat;
}
.case03 h4{
	background:url(../../exhaust/img/case03_h4.gif) left 5px no-repeat;
}

.case h5{
	margin:16px 0 8px 0;
	border:#000000 solid 1px;
	border-right:none;
	padding:2px 8px;
}

ul.listhol{
	margin:8px 0;
	padding:0;
}
ul.listhol li{
	list-style:none;
	float:left;
	margin-right:16px;
}

/* 上へ戻る */
.headerbox{
	text-align:right;
	margin-top:20px;
}

/**/
#check table{
	border-collapse:collapse;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	margin:16px;
	width:600px;
	font-size:13px;
	line-height:130%;
}
#check table td{
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:5px;
}

#check h2{
	margin:16px;
}