@charset "utf-8";

/*Breadcrumb
---------------------------- */

.container {
    width: 943px;
    margin-right: auto;
    margin-left: auto;
}


.breadcrumb-area {
	background-color: #e5e5e5;
}
.breadcrumb {
	padding:9px 0 2px 0;
	font-size: 12px;
 font-size: 1.2rem;
	line-height: 1.2;
	color:#999;
}
.breadcrumb:after { content: ""; clear: both; display: block;}
.breadcrumb li {
	float:left;
	padding:0 12px 0 15px;
	margin-bottom: 5px;
	position:relative;
}
.breadcrumb > li:before {
	content: "\03e";
	display: block;
	position:absolute;
	top:0em;
	left:0;
}
.breadcrumb li:first-child {
	padding-left: 0;
}
.breadcrumb li:first-child:before {
	content:none;
}
.breadcrumb li a {
	color:inherit;
}
.breadcrumb li a:hover {
	text-decoration:underline;
}


/* ---------------------------------------------------------
EnPageTitle
--------------------------------------------------------- */
.EnPageTitle {
 clear:both;
 width:100%;
 background:url(../img/common/h1.gif) 0 0 repeat-x;
}
.EnPageTitle h1{
 margin:0 0 2em;
 padding:35px 0 30px 10px;
 text-align:left;
}

.white .EnPageTitle h1{border-bottom:1px solid #ccc;}
.black .EnPageTitle h1{border-bottom:1px solid #262626;}

.white .EnPageTitle h1 .Head{
 font-size:197%;
 font-weight:bold;
 line-height:1.4 !important;
 color:#262626;
}
.black .EnPageTitle h1 .Head{
 font-size:197%;
 font-weight:bold;
 line-height:1.4 !important;
 color:#fff;
}

.white .EnPageTitle .article{
 clear:both;
 padding:0 0 1.5em;
}
.white .EnPageTitle .article .Normal{
 clear:both;
 padding:0 0 1.5em;
 color:#262626;
}
.black .EnPageTitle .article .Normal{
 clear:both;
 padding:0 0 1.5em;
 color:#fff;
}



/* ---------------------------------------------------------
EnDefaultTitle
--------------------------------------------------------- */
.EnDefaultTitle .Title{
 clear:both;
 margin:0 0 2em;
 width:100%;
}

.EnDefaultTitle .Title h2{
 padding:17px 0 13px 10px;
 text-align:left;
}
.white .EnDefaultTitle .Title h2 .Head{
 font-size:153.9%;
 font-weight:bold;
 line-height:1.3 !important;
 color:#262626;
}
.black .EnDefaultTitle .Title h2 .Head{
 font-size:153.9%;
 font-weight:bold;
 line-height:1.3 !important;
 color:#fff;
}

.white .EnDefaultTitle .Title{border:1px solid #ccc;}
.white .EnDefaultTitle .Title h2{
 background:url(../img/common/w-h2-bg.gif) 0 0 repeat-x;
 border:1px solid #fff;}

.black .EnDefaultTitle .Title{border:1px solid #131313;}
.black .EnDefaultTitle .Title h2{
 background:url(../img/common/b-h2-bg.gif) 0 0 repeat-x;
 border:1px solid #000;
}

.white .EnDefaultTitle .article{
 clear:both;
 padding:0 0 1.5em;
}
.white .EnDefaultTitle .article .Normal{
 clear:both;
 padding:0 0 1.5em;
 color:#262626;
}
.black .EnDefaultTitle .article .Normal{
 clear:both;
 padding:0 0 1.5em;
 color:#fff;
}



/* ---------------------------------------------------------
EnIconTitleBox
--------------------------------------------------------- */

.EnIconTitleBox .box{
 float:left;
 margin:0 0 2em;
 width:100%;
 position:relative;
 text-align:left;
}

.white .EnIconTitleBox .box{ border:2px solid #ccc;}
.black .EnIconTitleBox .box{ border:2px solid #262626;}

.EnIconTitleBox .box .Title{
 margin:0 !important;
 border:none !important;
 background:none !important;
 border-top:1px solid #014099 !important;
}

.white .EnIconTitleBox .box .Title .Head{
 display:block;
 margin:0 !important;
 padding:0 !important;
 border:none !important;
 font-weight:bold;
 font-size:123.1% !important;
 color:#262626;
}
.black .EnIconTitleBox .box .Title .Head{
 display:block;
 margin:0 !important;
 padding:0 !important;
 border:none !important;
 font-weight:bold;
 font-size:123.1% !important;
 color:#fff;
}

.white .EnIconTitleBox .box .Title{
background:url(../img/common/w-junction-title-bg.gif) 0 bottom repeat-x        !important;
}
.black .EnIconTitleBox .box .Title{
background:url(../img/common/b-junction-title-bg.gif) 0 bottom repeat-x        !important;
}

.white .EnIconTitleBox .box .Title h2{
 padding:13px 0 14px 25px !important;
 background:url(../img/common/ar-01b-bg-gray.gif) 7px center no-repeat;
}

.black .EnIconTitleBox .box .Title h2{
 padding:13px 0 14px 25px !important;
 background:url(../img/common/ar-01b-bg-darkgray.gif) 7px center no-repeat;
}

.white .EnIconTitleBox .article .Normal{
 padding:13px 13px 0;
 color:#262626;
}
.black .EnIconTitleBox .article .Normal{
 padding:13px 13px 0;
 color:#fff;
}



/* ---------------------------------------------------------
EnLineTitleBox
--------------------------------------------------------- */
.EnLineTitleBox{
 clear:both;
 margin:0 0 2em;
 width:100%;
 text-align:left;
}

.EnLineTitleBox h3{
 border-left:5px solid #014099;
 padding:3px 0 3px 10px;
 margin:0 0 1em;
}

.white .EnLineTitleBox h3 .Head{
 font-size:114%;
 font-weight:bold;
 line-height:1.2 !important;
 color:#262626;
}
.black .EnLineTitleBox h3 .Head{
 font-size:114%;
 font-weight:bold;
 line-height:1.2 !important;
 color:#fff;
}

.white .EnLineTitleBox .article {
 clear: both;
 padding: 0 0 1.5em;
}
.white .EnLineTitleBox .article .Normal{
 clear: both;
 padding: 0 0 1.5em;
 color:#262626;
}
.black .EnLineTitleBox .article .Normal{
 clear: both;
 padding: 0 0 1.5em;
 color:#fff;
}





/* ---------------------------------------------------------
NoTitle
--------------------------------------------------------- */
.EnNoTitle {
	clear:both;
	display:table;
	width:100%;
 margin:0 0 1em;
	padding:0;
}
.white .EnNoTitle .Normal{
 color:#262626;
}
.black .EnNoTitle .Normal{
 color:#fff;
}