@charset "utf-8";
/* =========================================================
pankuzuArea
========================================================= */
#pankuzuArea {
	clear: both;
	zoom: 100%;
	list-style: none;
	line-height: 30px;
}
#pankuzuArea:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#pankuzuArea li {
	display: inline-block;
	padding-left: 1.8em;
	background: url(../image/pankuzuArrow.gif) 0.5em 50% no-repeat;
 *display: inline;
 *zoom: 1;
}
#pankuzuArea li:first-child {
	padding-left: 0em;
	background: none;
}
/* =========================================================
mainArea
========================================================= */
#mainArea h1 {
	background: url(../image/bg_sc.jpg) left top repeat;
	font-size: 120%;
	line-height: 40px;
	padding: 0 15px;
	margin-bottom: 20px;
}
/* =========================================================
contentsArea
========================================================= */
#contentsArea {
	clear: both;
	zoom: 100%;
	margin: 0 20px;
}
#contentsArea:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea h2,#mainArea h3{
	clear: both;
	zoom: 100%;
}
#mainArea h2:after,#mainArea h3:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea h2 {
	background: url(../image/h2_line.gif) left bottom no-repeat;
	font-size: 120%;
	margin-bottom: 20px;
}
#mainArea h2 span {
	line-height: 40px;
	padding: 0 15px 0 20px;
	color: #0068b7;
	background: url(../image/h2_point.gif) 8px 3px no-repeat;
}
#mainArea h2 span.caption {
	line-height: 40px;
	padding: 0 15px 0 0px;
	color: #0068b7;
	background: none;
	font-weight: normal;
}
#mainArea h2 span.fRight{
	background:none;
	color:#000;
	font-size:80%;
	font-weight:normal;
}
#mainArea h3 {
	background: url(../image/h3_point.gif) 8px 20px no-repeat;
	padding: 15px 15px 5px 25px;
	margin-bottom: 20px;
	font-size: 110%;
	border-bottom: 1px solid #ced2de;
	color: #0068b7;
}
#mainArea h3 span.caption {
	font-weight: normal;
	padding: 0 0px 0 10px;
}
#mainArea h3.iconH3 {
	background:url(../image/tit_guide_top.jpg) top left no-repeat #40a6dd;
	padding:0px;
	margin-bottom: 5px;
}
#mainArea h3.iconH3 span{
	color:#ffffff;
	text-shadow: 1px 1px 0px #3896c4;
	line-height:68px;
	display:block;
	padding-right:1em;
	border-right:1px solid #ffffff;
	background:url(../image/tit_guide_bottom.jpg) left bottom no-repeat;
	padding-bottom:4px;
}
#mainArea h3.iconH3 span:first-child {
	float:left;
	padding-left:1.2em;
	line-height:52px;
	margin-top:8px;
	margin-right:0.8em;
	padding-right:0.8em;
	background:none;
	padding-bottom:0px;
}
#mainArea h3.iconH3 span img{
	margin-right:0.8em;
	float:left;
	vertical-align:middle;
}
#mainArea h3.iconH3 span.twoLine{
	line-height:34px;
}
#mainArea a.arrow {
	padding-left: 15px;
	line-height: 1.8em;
	background: url(../image/ico_arrow_blue.png) left 55% no-repeat;
}
#mainArea .para {
	margin: 0 10px 0px 10px;
	padding-bottom: 20px;
	clear: both;
	zoom: 100%;
}
#mainArea .para:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .para p {
	margin-bottom: 20px;
}
#mainArea table {
	border-collapse: collapse;
}
#mainArea table tr.odd {
	background-color: #f5f9ff;
}
/*ul*/
#mainArea .defaultUl li {
	list-style: none;
	margin:3px 0;
}
/*newsArea-------------------*/
#mainArea #contentsArea .newsArea{
	margin:0;
}
/*mainColumn-------------------*/
/*mainColumn*/
#mainArea .mainColumn {
	background: url(../image/bg_3box1_middle.jpg) left top repeat-y;
	margin-bottom: 20px;
}
#mainArea .mainColumn dt {
	background: url(../image/bg_3box1_top.jpg) left top no-repeat;
	display: block;
}
#mainArea .mainColumn dt span em {
	list-style: none;
	width: 262px;
	color: #ffffff;
	vertical-align: middle;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
	margin: 6px 11px 3px 35px;
	font-style: normal;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
#mainArea .mainColumn dt span em:first-child {
	margin-left: 11px;
}
#mainArea .mainColumn dd {
	display: block;
}
#mainArea .column {
	clear: both;
	zoom: 100%;
}
#mainArea .column:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .column .columnBox {
	width: 284px;
	padding-left: 24px;
	float: left;
}
#mainArea .fourColumn .columnBox {
	width: 207px;
}
#mainArea .column .columnBox:first-child {
	padding-left: 0px;
}
#mainArea .column .columnBox span {
	display: block;
	margin-bottom: 15px;
}
#mainArea .column .columnBox a {
	display: block;
	margin: 0px 6px 0 6px;
	background-color: #dfe8f6;
	padding: 10px 15px;
	text-align: center;
	margin-bottom: 20px;
}
#mainArea .column .columnBox a span {
	display: inline;
	margin-bottom: 0px;
	background: url(../image/ico_arrow_blue.png) left 0.2em no-repeat;
	padding-left: 15px;
}
/*subColumn01*/
#mainArea .subColumn01 {
	background: url(../image/bg_3box2_middle.jpg) left top repeat-y;
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
#mainArea .subColumn01 dt {
	background: url(../image/bg_3box2_top.jpg) left top no-repeat;
	display: table-row;
 *zoom:1;
}
#mainArea .columnBox .subColumn01 dt span {
	display: block;
	padding: 6px 0px 0px 6px;
	margin-bottom: 0px;
}
#mainArea .columnBox .subColumn01 dt span em {
	width: 250px;
	display: table-cell;
	color: #ffffff;
	vertical-align: middle;
	padding: 10px 10px;
	text-align: center;
	font-weight: bold;
	background-color: #0068b7;
	font-style: normal;
 *display:block;
}
#mainArea .subColumn01 dd {
	background: url(../image/bg_3box2_bottom.jpg) left bottom no-repeat;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
 *layout-grid-line: 220px; /* IE7 */
 *zoom: 1;
}
#mainArea .subColumn01 dd img {
	margin: 25px 0px;
 *margin:5px 0;
}
/*subColumn02*/
#mainArea .subColumn02 {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
#mainArea .subColumn02 dt {
	display: table-row;
 *zoom:1;
}
#mainArea .columnBox .subColumn02 dt em {
	display: table-cell;
	color: #ffffff;
	vertical-align: middle;
	padding: 10px 10px;
	text-align: center;
	font-weight: bold;
	background-color: #0068b7;
	border-bottom: #ffffff 8px solid;
	font-style: normal;
 *display:block;
}
#mainArea .columnBox .subColumn02.gray dt em {
	background-color: #868080;
}
#mainArea .subColumn02 dd {
	border: 1px solid #ced2de;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
 *layout-grid-line: 220px; /* IE7 */
 *zoom: 1;
}
#mainArea .subColumn02 dd img {
	margin: 25px 0px;
 *margin:5px 0;
}
#mainArea .twoColumnBox {
	width: 50%;
	float: left;
	margin-bottom:20px;
}
#mainArea .twoColumnBox dt {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}
#mainArea .twoColumnBox dt em {
	font-size: 90%;
	color: #0068b7;
	border: 1px solid #0069b7;
	padding: 5px;
	font-style: normal;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
 *display: inline;
 *zoom: 1;
}
#mainArea .twoColumnBox dd {
	text-align: right;
}
#mainArea .twoColumnBox:first-child dd {
	text-align: left;
}
/*bridgeTable--------------------------*/
#mainArea .bridgeTable {
	border: none;
	width: 100%;
	margin-bottom: 15px;
}
#mainArea .bridgeTable thead table {
	border-bottom-width: 3px;
}
#mainArea .bridgeTable table {
	border: solid 1px #ffffff;
	width: 100%;
}
#mainArea .bridgeTable table td.borderLeft {
	background-image: url(../image/bg_w.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
#mainArea .bridgeTable table td.borderRight {
	background-image: url(../image/bg_w.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
#mainArea .bridgeTable table.fourColumn td {
	width: 26%;
}
#mainArea .bridgeTable table.fiveColumn td {
	width: 20%;
}
#mainArea .bridgeTable table.sixColumn td {
	width: 16%;
}
#mainArea .bridgeTable table td, #mainArea .bridgeTable table th {
	border: solid 1px #ffffff;
	padding: 10px 5px;
}
#mainArea .bridgeTable table .line td, #mainArea .bridgeTable table .line th {
	padding: 0;
	font-size: 0px;
	height: 4px;
}
#mainArea .bridgeTable thead table th, #mainArea .bridgeTable tbody table th {
	width: 20%;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-align: left;
}
#mainArea .bridgeTable thead {
	background-color: #ced2de;
}
#mainArea .bridgeTable thead table td {
	font-weight: bold;
	text-align: center;
}
#mainArea .bridgeTable tbody table {
	color: #ffffff;
}
#mainArea .bridgeTable tbody table tr td {
	background-color: #0168b7;
	text-align: center;
}
#mainArea .bridgeTable tbody table tr td a {
	padding-left: 13px;
	color: #FFF;
	background: url(../image/ico_arrow_w.png) left 0.2em no-repeat;
}
#mainArea .bridgeTable tbody table tr.bridge th, #mainArea .bridgeTable tbody table tr.bridge td {
	background-color: #41a6de;
	text-align: left;
}
#mainArea .bridgeTable tbody table tr.bridge td {
	padding-bottom: 0px;
}
#mainArea .bridgeTable tbody table tr.bridge td span {
	background: #ffffff;
	color: #000;
	padding: 6px 5px;
	margin: 0 0px 10px 0px;
	text-align: center;
	border-left: #41a6de 5px solid;
	border-right: #41a6de 5px solid;
	vertical-align: middle;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
#mainArea .bridgeTable tbody table tr.bridge td span.width33 {
	width: 30.4%;
}
#mainArea .bridgeTable tbody table tr.bridge td span.width41 {
	width: 39.3%;
}
#mainArea .bridgeTable tbody table tr.bridge td span.width50 {
	width: 47%;
}
#mainArea .bridgeTable tbody table tr.bridge td span.width75 {
	width: 72.5%;
}
#mainArea .bridgeTable tbody table tr.bridge td span.width100 {
	display: block;
}
/*defaultTable--------------------------*/
#mainArea table.defaultTable,#mainArea .newsPara table{
	width: 100%;
	margin-bottom:20px;
}
#mainArea table.defaultTable td, #mainArea table.defaultTable th,#mainArea .newsPara table td,#mainArea .newsPara table th{
	border: solid 1px #0068b7;
	padding: 10px;
}
#mainArea table.defaultTable th ,#mainArea .newsPara table th{
	background-color: #dfe8f6;
	color: #0068b7;
	text-align: left;
}
#mainArea table.defaultTable thead th ,#mainArea .newsPara table thead th{
	background-color: #b9d1f6;
	text-align: center;
}
#mainArea table.defaultTable td ,#mainArea .newsPara table td{
	vertical-align: top;
}
#mainArea table.defaultTable.vAlignM td ,#mainArea .newsPara table.vAlignM td{
	vertical-align: middle;
}
#mainArea table.defaultTable.iconTable {
	width:auto;
	min-width:60%;
	*width:60%;
}
#mainArea table.defaultTable.iconTable th {
	color: #000000;
}
#mainArea table.defaultTable.iconTable th span{
	background:url(../image/list_point.png) left 0.4em no-repeat;
	padding-left:13px;
}
#mainArea table.defaultTable.iconTable td {
	text-align:center;
}
/*usecaseTable--------------------------*/
#mainArea table.usecaseTable {
	width: 100%;
	margin-bottom:20px;
}
#mainArea table.usecaseTable td, #mainArea table.usecaseTable th {
	border: solid 1px #ffffff;
	padding: 10px;
}
#mainArea table.usecaseTable th {
	background-color: #0068b7;
	color: #ffffff;
	text-align: center;
}
#mainArea table.usecaseTable thead th:first-child {
	background-color: #ffffff;
}
#mainArea table.usecaseTable tbody th{
	width:174px;
}
#mainArea table.usecaseTable tbody td{
	width:362px;
	padding-right:0px;
}
#mainArea table.usecaseTable td {
	vertical-align: top;
	background-color: #dfe8f6;
	clear:both;
	zoom: 100%;
}
#mainArea table.usecaseTable td:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea table.usecaseTable td a{
	margin-right:0px;
	display:block;
	float:left;
	width:162px;
	background:#FFF;
	text-align:center;
	padding:10px 0;
	margin-right:10px;
}
#mainArea table.usecaseTable td a img{	
}
#mainArea table.usecaseTable td a span{
	display:block;
	padding:5px 5px 0px 5px;
}


/*box*/
#mainArea .contactBox {
	color: #0069b7;
	border: 1px solid #0069b7;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
}
#mainArea .contactTelBox {
	border: 1px solid #0069b7;
	background:url(../../usecase/image/icon_mail.png) 10px 50% no-repeat #dfe8f6;
	text-align: center;
	display:inline-block;
 *display: inline;
 *zoom: 1;
}
#mainArea .contactTelBox dl{
	background:url(../../usecase/image/icon_tell.png) right 50% no-repeat;
	padding:15px 80px 15px 90px;
	margin-right:10px;
	display:inline-block;
 *display: inline;
 *zoom: 1;
}
#mainArea .contactTelBox dl dt{
	font-weight:bold;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:110%;
}
#mainArea .contactTelBox dl dt span{
	font-size:120%;
	color: #0068b7;
}
#mainArea .contactTelBox dl dd{
	font-size:90%;
}
#mainArea .thumbnailBox {
	clear: both;
	zoom: 100%;
	border: 1px solid #0069b7;
	background-color: #dfe8f6;
	padding: 15px;
	margin-bottom:20px;
}
#mainArea .thumbnailBox:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .thumbnailBox ul{
	padding:5px;
}
#mainArea .thumbnailBox ul li {
	list-style: none;
	font-weight: bold;
	background: url(../image/list_point.png) left 0.4em no-repeat;
	padding-left: 13px;
	margin:3px 0;
}
#mainArea .thumbnailBox .fRight,#mainArea .thumbnailBox .fLeft{
	margin-bottom:0;
}
#mainArea .thumbnailBox .fRight{
	margin-left:15px;
}
#mainArea .thumbnailBox .fLeft{
	margin-right:15px;
}
#mainArea .thumbnailBox .fRight span,#mainArea .thumbnailBox .fLeft span{
	display:block;
	text-align:center;
	padding-top:5px;
}
#mainArea .thumbnailBox.white {
	border:none;
	background-color:#ffffff;
	padding:0px 15px;
}
#mainArea .thumbnailBox.white p{
	margin-bottom:15px;
}
#mainArea .thumbnailBox.white ul{
	margin-bottom:15px;
}
#mainArea .thumbnailBox.white ul li{
	font-weight:normal;
}
#mainArea .newsPara li{
	padding-bottom:5px;
}
#mainArea .newsPara ul{
	margin-left:20px;
	margin-bottom:15px;
}
#mainArea .dotBox {
	clear: both;
	zoom: 100%;
	border: 1px solid #0069b7;
	background:url(../image/bg_dot.gif) left top repeat;
	padding: 15px;
	margin-bottom:20px;
}
#mainArea .dotBox:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .dotBox p{
	margin:5px;
}
#mainArea .dotBox .fRight,#mainArea .dotBox .fLeft{
	margin:0;
}
#mainArea .dotBox .fRight{
	margin-left:15px;
}
#mainArea .dotBox .fLeft{
	margin-right:15px;
}
/*ImageGallery*/
#mainArea .ImageGallery{
	padding:0 10px;
	clear: both;
	zoom: 100%;
}
#mainArea .ImageGallery:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .ImageGallery div{
	float:left;
	margin-right:20px;
	padding:10px;
	border:#cccccc 1px solid;
}
#mainArea #jsImageGallery.ImageGallery div{
	position:relative;
	width:450px;
	height:311px;
}
#mainArea #jsImageGallery.ImageGallery div img{
	position:absolute;
}
#mainArea .ImageGallery ul{
	list-style:none;
	float:left;
	padding:10px 10px 0px 10px;
	border:#cccccc 1px solid;
}
#mainArea .ImageGallery ul li{
	padding-bottom:10px;
}

/*2025.5.7*/

.form_en{
   height:900px;
}
.form_en iframe {
    border: none;
}