@charset "utf-8";

/* ----------------------------------------
  each Style Seet

	3-1. index
	3-2. page template
---------------------------------------- */


/* ----------------------------------------
  3-1. index
---------------------------------------- */

.topContainer{
	padding-top:60px !important;
}

#topSlide{
	position:relative;
	top:0;
	width:100%;
	padding-bottom:0px;
	margin-bottom:0px;
}

.bxslider a:hover img{
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

#topSlideInner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

#topSlide ul{}
#topSlide ul li{}

.topSlide ul li img{
	width:100%;
	vertical-align:top;
	line-height:1.0;
}

.bx-controls{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: -40px;
	z-index: 100;
	text-align:center;
	z-index:100;
	line-height:1.0;
}

.bx-controls .bx-pager{
	display:inline-block;
	background-color:#F2F2F2;
	padding:10px 18px 2px;
	height:25px;
	overflow:hidden;
	margin:0 auto;
	line-height:1.0;
	font-size:12px;
}

.bx-pager a{
	display:block;
	width:14px;
	height:15px;
	text-indent:-990em;
	overflow:hidden;
	background:url(/e/common/img/index/slider_normal.png) no-repeat left top;
	line-height:1.0;
	color:#000;
}

.bx-pager a.active{background:url(/e/common/img/index/slider_current.png) no-repeat left top;}

.bx-pager-item{
	display:inline-block;
	margin:0 6px;
}

.bx-controls-direction{
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-480px;
	width:960px;
}

.bx-controls-direction a{
	display:block;
	width:67px;
	height:67px;
	overflow:hidden;
	text-indent:-999em;
	position:absolute;
	bottom:300px;
}

.bx-controls-direction .bx-prev{
	background:url(/e/common/img/index/slider_navi_prev.png) no-repeat left top;
	left:0px;
}

.bx-controls-direction .bx-next{
	background:url(/e/common/img/index/slider_navi_next.png) no-repeat left top;
	right:0px;
}


.topTopics{
	border:4px solid #eee;
	margin-bottom:30px;
}


.topTopicsInner{
	border:1px solid #BBBBBB;
	padding:30px 25px 20px;
	position:relative;
}

.topTopicsInner a{
    display:block;
    word-wrap: break-word;
}

.topTopicsInner h2{
	position:absolute;
	left:-5px;
	top:15px;
	width:15em;
	height:33px;
	line-height:1.0;
	background:url(/e/common/img/index/bg_topics.png) no-repeat left top;
	padding:5px 0 0 55px;
	font-size:19px;
	font-weight:bold;
}

.topTopicsInner h2 span{
	display:inline-block;
	background-color:#fff;
	padding:0 10px 0 5px;
}

.topTopicsInner p{
	border-top:1px dotted #ccc;
	padding-top:30px;
	font-size:110%;
}

.topNews,
.topNews2{margin-bottom:60px;}

.topNews #topNewsLink,
.topNews #topNewsRss{
	float:right;
	width:3em;
	background:url(/e/common/img/index/icon_summary.png) no-repeat left 2px;
	height:20px;
	line-height:20px;
	font-size:65%;
	padding-left:1.8em;
	font-weight:normal;
	color:#333;
	text-decoration: underline;
}

.topNews #topNewsRss{
	width:4em;
	background:url(/e/common/img/index/icon_rss.png) no-repeat left top;
}

.topNews ul li,
.topNews2 ul li{
	overflow:hidden;
	margin-bottom:18px;
}

.topNews ul li .date,
.topNews2 ul li .date{
	width:115px;
	float:left;
	line-height:1.8;
	margin-right:10px;
}

.topNews ul li .catIcon{
	margin-top:2px;
	width:145px;
	float:left;
	text-align:center;
	color:#fff;
	font-size:85%;
	line-height:1.2;
	padding:3px 0;
}

.topNews ul li .cat1{background-color:#0a8099;}
.topNews ul li .cat2{background-color:#254AA2;}
.topNews ul li .cat3{background-color:#827402;}
.topNews ul li .cat4{background-color:#d43f49;}
.topNews ul li .cat5{background-color:#dd7d00;}
.topNews ul li .cat6{background-color:#8D5CB0;}
.topNews ul li .cat7{background-color:#827402;}
.topNews ul li .cat8{background-color:#254aa2;}
.topNews ul li .cat9{background-color:#2d851c;}

.topNews ul li .newsTitle{
	margin-left:280px;
	line-height:1.7;
}

.topNews2 ul li .newsTitle{
	margin-left:125px;
	line-height:1.7;
}

.topNews2 ul li .newsTitle > a{
    display:block;
    word-wrap: break-word;
}

#relatedLink{
	clear:both;
	margin-bottom:100px;
}

#relatedLink h3{
	background: url(/e/common/img/index/bg_link.png) no-repeat left top;
	width:925px;
	line-height:33px;
	font-size:17px;
	padding-left:35px;
	margin-bottom:30px;
}

#relatedLink ul{
	overflow:hidden;
	margin-left:-15px;
}

#relatedLink ul li{
	float:left;
	margin-left:15px;
}

/* ----------------------------------------
  3-2. page template
---------------------------------------- */

.imgRight{
	float:right;
	margin-left:20px;
}

.imgLeft{
	float:left;
	margin-right:20px;
}

.pageNews{
	border:2px solid #CCCCCC;
	background-color:#F9F9F9;
	padding:20px 30px;
}

.pageNews h3{
	background:none;
	padding:0 0 10px 0;
	line-height:1.0;
	font-size:140%;
	color:#333;
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
}

.pageNews #topNewsLink,
.pageNews #topNewsRss{
	float:right;
	width:7em;
	background:url(/e/common/img/index/icon_summary.png) no-repeat left 2px;
	height:20px;
	line-height:20px;
	font-size:65%;
	padding-left:1.8em;
	font-weight:normal;
	color:#333;
	text-decoration: underline;
}

.pageNews #topNewsRss{
	width:4em;
	background:url(/e/common/img/index/icon_rss.png) no-repeat left top;
}

.pageNews ul li{
	overflow:hidden;
	margin-bottom:18px;
}

.pageNews ul li .date{
	width:115px;
	float:left;
	line-height:1.8;
	margin-right:10px;
}

.pageNews ul li .newsTitle{
	margin-left:80px;
	line-height:1.7;
}

.pageNews ul li a{color:#333;}

.overseasBase{overflow:hidden;}

.overseasBase ul{
	overflow:hidden;
	margin-left:-20px;
}

.overseasBase ul li{
	width:440px;
	float:left;
	padding:10px 0 10px 30px;
	margin-left:20px;
	background: url(/e/common/img/common/icon_list.png) no-repeat 5px center;
	border-bottom:1px dotted #aaa;
	min-height:26px;
	overflow:hidden;
	line-height:26px;
}

.overseasBase ul li.noList{background:none;}

.overseasBase ul li a{
	display:inline-block;
	margin-right:20px;
}

.textBlock .sideLibrary{
	float:left;
	margin-right:20px;
}
.textBlock .sideLibrary h4{border-bottom:none;}

.textBlock #relatedLink{margin-bottom:20px;}

.textBlock #relatedLink h3{
	width:650px;
	color:#333;
}

/* Library Form */

.libraryForm h3{
	font-size:120%;
	padding:0;
	margin:0 0 10px;
	background:none;
	color:#333;
	text-indent:-20px;
	margin-left:20px;
}

.libraryForm h3 span{
	color:#BA5D02;
	margin-right:5px;
}

#selectAreaMap{
	position:relative;
	background: url(/e/common/img/library_form/bg_map.png) no-repeat left top;
	width:960px;
	height:421px;
	margin-bottom:60px;
}

#selectAreaMap .selectAreaBtn{position:absolute;}
#selectAreaMap #selectArea1{left:177px;top:136px;}
#selectAreaMap #selectArea2{left:328px;top:155px;}
#selectAreaMap #selectArea3{left:434px;top:178px;}
#selectAreaMap #selectArea4{left:660px;top:138px;}
#selectAreaMap #selectArea5{left:416px;top:301px;}
#selectAreaMap #selectArea6{left:572px;top:238px;}

#selectAreaMap .selectAreaBtn input{
	opacity:0;
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}

.checkboxList{
	margin-bottom:50px;
	overflow:hidden;
}

.checkboxList li{
	width:20%;
	float:left;
	margin-bottom:10px;
}

/* 海外事務所 */
div.officeHeadingImages {
	margin: 6px 6px 12px 6px;
	border: 1px #ccc solid;
	padding: 4px;
	width: 221px;
	float: left;
	box-shadow:rgba(229, 229, 229, 0.65) 0px 2px 0px 0px;
	-webkit-box-shadow:rgba(229, 229, 229, 0.65) 0px 2px 0px 0px;
	-moz-box-shadow:rgba(229, 229, 229, 0.65) 0px 2px 0px 0px;
}

div.officeHeadingImages.left {
	margin-left: 0;
}

div.officeHeadingImages.right {
	margin-right: 0;
}

div.officeHeadingImages a.officeImage {
	display: block;
	height: 164px;
}

div.officeHeadingImages p {
	margin: 0.6em 0 0.4em 0;
	text-align: center;
}
div.officeHeadingImages p a {
	color: #213c7f;
	text-decoration: none;
}

ol.officeRoles {
	padding: 30px;
	background-color: #eaf7dd;
}

ol.officeRoles li {
	list-style-type: decimal;
	margin-left: 22px;
	padding-left: 3px;
}

div.officeBlock {
	position: relative;
	margin-top: 50px;
	border-bottom: 1px #ddd solid;
	padding-left: 432px;
	padding-bottom: 48px;
}

div.officeBlock.first {
	margin-top: 40px;
}

img.officeMap {
	position: absolute;
	top: 0;
	left: 0;
}

div.officeBlock h3 {
	margin-bottom: 20px;
	background: transparent url("/e/common/img/common/icon_list.png") no-repeat scroll left center;
	line-height: 1;
	font-size: 114.28%;
}
