@charset "utf-8";


/* ----------------------------------- 
title（h2-h6）
----------------------------------- */

#contents h4 {
	font-weight: bold;
	margin-bottom:5px;
	font-size: 130%;

}
#contents h5 {
	font-weight: bold;
	margin-bottom:5px;
	font-size: 100%;
	color:#3a691e;
}


/* ----------------------------------- 
section 
----------------------------------- */

.section{
	margin-bottom:2em;
}

/* ##################################################################### 

CSS Info

author : dmc/matsumura
style info : 全ページ共通クラス

******** menu ********
■ align
■ font
■ float
■ clearfix
■ width
■ backgrownd
■ border
■ icon, listmark 
■ margin,padding
■ 単位など
■ box
■ title
■ column layout 

**********************

 
/* ##################################################################### */
/* 表組
------------------------------------------------------------------------------------ */

table.table01 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	margin-bottom: 1em;
	width:100%;
}

table.table01 th {
	padding: 8px;
	background-color: #EEE;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
	line-height: 1.4;
}
table.table01 thead th {
background-color: #ccc;
	text-align: center;

}

table.table01 td {
	background-color: #FFF;
	padding: 8px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	line-height: 1.5;
	vertical-align: top;
}

table.table02 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	margin-bottom: 1em;
	width:100%;
}

table.table02 th {
	padding: 5px;
	background-color: #EEE;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
	line-height: 1.4;
}
table.table02 thead th {
background-color: #ccc;
	text-align: center;

}

table.table02 td {
	background-color: #FFF;
	padding: 4px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	line-height: 1.5;
	vertical-align: top;
}

table.table01_blu {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	margin-bottom: 1em;
	width:100%;
}

table.table01_blu2 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	margin: 1em 2em 1em;
	width:95%;
}

table.table01_blu3 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	margin: 1em;
	width:98%;
}

table.table01_blu th {
	padding: 8px;
	background-color: #E5ECF8;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
	line-height: 1.4;
}
table.table01_blu2 th {
	width:100px;
	padding: 8px;
	background-color: #E5ECF8;
	font-weight: bold;
	vertical-align:middle;
	text-align: center;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	line-height: 1.4;
}

table.table01_blu3 th {
	width:100px;
	padding: 8px;
	background-color: #E5ECF8;
	font-weight: bold;
	vertical-align:middle;
	text-align: center;
	border-bottom: 2px solid #F66;
	border-right: 1px solid #aaa;
	line-height: 1.4;
	font-size:130%;
}

table.table01_blu thead th {
	background-color: #AEC9EC;
	text-align: center;

}

table.table01_blu td,
table.table01_blu2 td {
	background-color: #FFF;
	padding: 8px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	line-height: 1.5;
	vertical-align: top;
}

table.table01_blu3 td {
	background-color: #FFF;
	padding: 8px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	line-height: 1.5;
	vertical-align: middle;
}

table.td_R td {
	background-color: #FFF;
	padding: 8px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
}


/* font
------------------------------------------------------------------------------------ */
.font-c-red {
	color: #FF0000!important;
}
.font-c-or {
	color: #E55013!important;
}
.font-c-nv {
	color: #2f3e6a!important;
}
.font-c-cy {
	color: #0066cc!important;
}
.font-c-grn {
	color: #2f3e6a!important;
}
.font-c-white {
	color: #ffffff!important;
}
.font-b {
	font-weight: bold!important;
}

.size-x-small {
	font-size: x-small;
	line-height: 1.35em;
}

.size-medium {
	font-size: medium;
}
.size-large {
	font-size: large;
}

/* link ボタン
------------------------------------------------------------------------------------ */
a.blank {
	background: url(../images/icon_blank.gif) no-repeat right center;
	padding-right: 15px;
}


.arrowLink li{
	background: url(../images/arrow01.gif) no-repeat 0px 2px;
	padding-left: 20px;
	display: block;
	line-height: 1.5;
	text-indent: 0px;
	margin-bottom:0.5em;
	margin-left:0.5em;
}
.arrowLink2 a{
	background: url(../images/arrow02.gif) no-repeat 0px 2px;
	padding-left: 20px;
	display: block;
	line-height: 1.5;
	text-indent: 0px;
}
.btnLink a{
	/*background: url(../images/bg_btn.gif) left bottom repeat-x;*/
	padding: 7px 10px 6px 10px;
	border: 1px solid #cbe0b9;
	display: inline-block;
	text-indent:0;
	color:#333;
}
.btnLink span{
	/*background: url(../images/arrow_btn.gif) left center no-repeat;*/
	padding-left: 20px;

}




/* 【注意】floatを解除する場合通常はclearfixを使うこと */

/*--- clearfix
------------------------------------------------------------------------------------ */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
		overflow:hidden;
}


/* backgrownd
------------------------------------------------------------------------------------ */

.bg-FF0000 {
	background-color: #FF0000!important;
}
.bg-eeeeee {
background-color: #eeeeee!important;
}
.bg-lYel {
	background-color: #faf6e0!important;
}
.bg-orange {
	background-color: #fae8b6!important;
}

.bg-lGre {
	background-color: #ebfae6!important;
}
.bg-Baige {
	background-color: #F1EDD8!important;
}
.bg-cccccc {
	background-color: #cccccc!important;
}

.bg-blue {
	background-color:#28508c!important;
}

/* border
------------------------------------------------------------------------------------ */
/* シングルライン */


hr.bd_gry {
	height: 0px;
	border-bottom: 1px solid #999999;
	margin-bottom:15px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-top: 15px;	  
}

hr.bd_or {
	height: 0px;
	border-bottom: 1px solid #f06600;
	margin-bottom:15px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-top: 15px;	  
}

hr.bd_gryDot {
	height: 0px;
	border-bottom: 1px dotted #999999;
	margin-bottom:20px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	margin-top: 20px;	 
}



/* トップだけ */
.bd_gryccc_top {
border-top: 1px solid #ccc;
}
/* 強制的に消す */
.no_border {
	border:none!important;
}
/* タイトルに隣接した枠線をつける */
.boxBdGry_Tnone {
	border: 1px solid #cccccc;
	border-top:none;
}

/* icon, listmark 
------------------------------------------------------------------------------------ */
/* 【注意】※の注意書きには下記classを指定 */

ol li {

list-style:decimal;
margin-left: 1.5em;
line-height: 1.5em;
margin-bottom: 5px;

}


ol.komeList_OL li {
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -1.7em;
	margin-left:1.7em!important;
}


ul.komeList_UL li {
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -1.1em;
	margin-left:1.1em!important;
}
ol.komeList_OL li {
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -1.7em;
	margin-left:1.7em!important;
}
/*p.komeList_P{
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
	padding: 0px;
	text-indent: -1.7em!important;
	margin-left:1.7em!important;
}
*/
p.komeList_P{
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
	padding: 0px;
	text-indent: -1.7em!important;
	margin-left:2.7em!important;
}


.dl01 {
	margin: 0px;
	padding: 0px;
}
.dl01 dt{
	padding-left: 5px;
	border-left: 3px solid #0E69E3;
	margin-left: 0.5em;
}
.dl01 dd{
	margin: 0px 0px 0px 1.5em;
	padding: 0px;
}

.dl02 {
	margin: 0px;
	padding: 0px;
}
.dl02 dt{
font-weight:bold;
}
.dl02 dd{
	padding: 0px;
}


.dl_dtB_ddSq {
	margin: 0px;
	padding: 0px;
}
.dl_dtB_ddSq dt{
	font-weight:bold;
	margin-bottom:3px;
	margin-top: 10px;
}
.dl_dtB_ddSq dd{
	background-image: url(../images/bullet0.gif)!important;
	background-repeat: no-repeat!important;
		background-position: 8px 3px;
	padding-left: 25px;

}
.dl_dtLeftB {
	margin: 0px;
	padding: 0px;
}
.dl_dtLeftB dt{
	font-weight:bold;
	float: left;
	margin-right: 10px;
}
.dl_dtLeftB dd{
	margin: 0px;
	padding: 0px;
}


/*--- 単位など
------------------------------------------------------------------------------------ */
.txt-9999 {
	text-indent: -9999px;
}
.co2 {
	font-size: 70%!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
	display: inline!important;
	}
/* ↑【指定方法】CO<span class="co2">2</span> */
.m3 {
	font-size: 70%;
	vertical-align: text-top;
}
/* ↑【指定方法】m<sup class="m3">3</sup> */

/*--- Box
------------------------------------------------------------------------------------ */

.box01 {
	padding: 15px;
	border: 1px solid #CCCCCC;
}
.box02 {
	padding: 15px;
	border: 3px solid #cadfb9;
	background-color: #FFFFFF;
}
.box03 {
	background: #EEEEEE;
	padding: 15px;
}
.box04 {
	background: #e9f3de;
	padding: 15px;
}
.box05 {
	background: #fff;
	padding: 15px;
}
.box06 {
	padding: 15px;
	border: 2px solid #7AA660;
	background-color: #FFFFFF;
}


/* 左右センタリング
------------------------------------------------------------------------------------ */
.centering{
display: table-cell;
vertical-align: middle;
}
/*for IE6 */
* html .centering {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centering {
	display: inline;
	zoom: 1;
}

/*======================*/
.zindex01{
	z-index:1;
	}
	
	.zindex02{
	z-index:2;
	}
	
	.zindex03{
	z-index:3;
	}
	
	.zindex04{
	z-index:4;
	}
	

/*======================*/
/* ----------------------------------- 
imageArea /textArea
----------------------------------- */
.imageArea_left {
	float: left;
	width:220px;
	text-align:center;
}
.textArea_right {
	float: right;
	width:445px;
}
.imageArea_right {
	float: right;
	width:220px;
	text-align:center;

}
.textArea_left {
	float: left;
	width:445px;
}
.photo {
border:solid 1px #ccc;
padding:2px;
margin-bottom:5px;
}

#content p.caption{
	text-indent:0;
	border-left:solid 2px #7aa660;
	padding-left:5px;
font-size:90%;
	text-align:left;
}

.captionTitle{
font-weight:bold;
}


#contents .btnContact {
	text-align: right;
	margin-top: 30px;
}

#contents .ItemLink {
	padding: 1px 1px 11px;
	border: 1px solid #B7E7D7;
	margin-bottom:20px;
	margin-top: 15px;
}

#contents .ItemLink .itemBox {
	background: #effaf6;
	padding: 10px;
	margin-right: 10px;
	width: 198px;
	float: left;
	margin-bottom: 10px;
	zoom:1;
}


#contents .ItemLink .itemList {
	overflow:hidden;
	padding: 11px 11px 1px;
	width: 684px;
	margin-right: -10px;
}
#contents .ItemLink .itemBox dd {
	line-height:1.5;
	font-size: 95%;
}

#contents .ItemLink .itemBox dt a {
	background: url(../images/itemlink_arrow.gif) no-repeat 0px 5px;
	padding-left: 15px;
	display: block;
	line-height: 1.5;
	text-indent: 0px;
	margin-bottom:0.2em;
	font-size:100%;
	font-weight:bold;
	text-decoration:underline!important;
/*	color:#246b53;*/
	color:#36C;
	}

#contents .casestudiesLink a {
	font-weight: bold!important;
	color: #FFFFFF;
	background: url(../images/casestudies_bg.gif) repeat-x left bottom;
	padding: 10px 10px;
	border: 1px solid #a7c869;
	display:inline-block;
	font-size:130%;
	text-decoration:none!important;
}
#contents .casestudiesLink a:hover {
	background-image:none;
	background-color:#A7C869;
	color: #FFFFFF!important;
	text-decoration: none!important;
}
#contents .casestudiesLink a span {
background: url(../images/casestudies_arrow.gif) right center no-repeat;
	padding-right:30px;
}
#contents .fontSize_100{
	font-size:100%!important;
}
#contents .fontSize_off{
	font-size:90%!important;
}
#contents .fontSize_small{
	font-size:90%!important;
}

#contents .pTitle {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2px;
}


#contents .centerImage{
	margin-bottom:1.5em!important;
	text-align:center!important;
	margin-top: 10px;
	margin-right: 0px!important;
	margin-left: 0px!important;
}