@charset "utf-8";
@import 'top_menu.css';

#breadcrumbs {
	display: none;
}
#slideArea {
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
}
#imageModule {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#carouselArea {
	width: 100%;
	margin-top: 2em;
	height: auto;
}
.bxslider,
.carousel {
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.bx-wrapper,
#carouselArea .bx-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.bx-wrapper .bx-viewport {
	top: -8px;
	left: 0px;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:  none;
}
.bx-wrapper .bx-pager {
	bottom: -20px;
}
.bxslider .slide1 {
	background: #013372;
}
.bxslider .slide2 {
	background: #436098;
}
.bxslider .slide3 {
	background: #e9d0b8;
}

.bx-wrapper img {
	margin: 0 auto;
}
#carouselArea .bx-wrapper .bx-viewport {
	top: 0px;
}
.carousel li {
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color: #333;
}
.carousel li img {
	margin-bottom: 5px;
}
.carousel li a {
	text-decoration: none;
}
.carousel li a:hover img,
#pickUp li a:hover img {
	opacity: 0.7;
}
.bx-wrapper .bx-controls-direction a {
	top: 40%;
	width: 17px;
	height: 46px;
	z-index: 99;
}
.bx-wrapper .bx-prev {
	left: -30px;
	background: url(/index/img/arrow_l.png) no-repeat;
}

.bx-wrapper .bx-next {
	right: -30px;
	background: url(/index/img/arrow_r.png) no-repeat;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
	opacity: 0.7;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 0;
	opacity: 0.7;
}
#newsArea {
	position: relative;
	padding-bottom: 1em;
}
.news-table {
	margin-top: 10px;
}

.news-table td{
	font-size: 90%;
	line-height: 140%;
	padding: 10px 5px;
}
.news-table th{
	padding-right: 5px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: right;
	line-height: 140%;
	vertical-align: top;
	white-space: nowrap;
}
#news-page .entry p {
	margin-bottom: 1em;
}

#releases table tr td span,
#csrTopics table tr td span {
	display: block;
	width: 9em;
	font-size: 80%;
	text-align: center;
	white-space: nowrap;
	background: #ebebeb;
}
#releases .l1,
#releases .l2,
#releases .l3,
#releases .l4,
#releases .l5,
#csrTopics .l5,
#csrTopics .l6,
#csrTopics .l7 {
	color: #fff;
}
#releases .l1 {
	background: #b87a77;
}
#releases .l2 {
	background: #4d996c;
}
#releases .l3 {
	background: #7794b8;
	letter-spacing: 0.35ex;
}
#releases .l4 {
	background: #77b1b8;
}

#releases .l5,
#csrTopics .l5 {
	background: #edba5d; /*CSR*/
	letter-spacing: 0.35ex;
}

#csrTopics .l6 {
	background: #B0C4DE;/*社会*/
}

#csrTopics .l7 {
	background: #6F994D;/*環境*/
}


#main #newsArea h3 {
	display: block;
	height: 33px;
	padding-left: 10px;
	margin-top: 32px;
	line-height: 33px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	border-left: 5px solid #013372;
}
#rss-area {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	font-size: 12px;
}
#rss-area img {
	margin-bottom: 6px;
}
#main #rss-area a {
	color: #333;
	text-decoration: none;
}
#newsArea hr {
	display: inherit;
	margin-top: -1.5em;
	border: 1px dashed #c8c8c8;
}
#newsArea .right-links {
	font-size: 13px;
}

#pickUp {
	float: right;
	margin-top: 32px;
	width: 199px;
	height: auto;
	border: 1px solid #ccc;
}
#pickUp h3 {
	display: block;
	height: 14px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background-color: #eee;
}
#pickUp ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#pickUp ul li {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 10px;
	padding: 10px 0;
	font-size: 13px;
}
#pickUp ul li+li {
	border-top: 1px dashed #ccc;
}
#pickUp ul li img {
	float: left;
	margin-right: 10px;
}
#pickUp ul li a {
	color: #233f83;
}
#pickUp a.movie:after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f03d";
	padding-left: 3px;
	text-decoration: none;
	color: #999;
}


@media only screen and (max-width:480px) {
	body {
		font-size: 1.2em;
	}
	#main {
		font-size: 18px;
	}
	p,
	li,
	dt,
	dd,
	th,
	td {
		background-color: rgba(255,255,255,0.01);
	}
	#breadcrumbs {
		display: block;
	}
	#releases table tr {
		display: block;
		padding-bottom: 1em;
		padding-right: 1em;
	}
	#releases table tr td:last-child {
		display: inline-block;
		padding: 0;
		padding-left: 1em;
	}
	#carouselArea .bx-wrapper {
		width: 83%;
	}
	.carousel li {
		font-size: 13px;
	}
	.bx-wrapper .bx-prev {
		left: -28px;
	}
	.bx-wrapper .bx-next {
		right: -28px;
		background: url(/index/img/arrow_r.png) no-repeat
	}
	#pickUp {
		width: 98%;
		margin-top: 0;
		float: left;
	}
	#rss-area {
		display: none;
	}
}


/* for ATTENTION banner */

#attention {
	width: 959px;
	height: 48px;
	margin-top: 35px;
	border: 1px solid #ff0000;
	border-radius: 12px;
}
#attention p {
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}
#attention p img {
	vertical-align: middle;
	margin-right: 8px;
}
#attention p strong {
	margin-right: 8px;
	font-weight: bold;
	color: #ff0000;
}
#attention p a {
	color: #ff0000;
	text-decoration: none;
}
#attention p a:hover {
	text-decoration: underline;
}
@media only screen and (max-width:480px) {
	#attention {
		padding-bottom: 7px;
		width: 98%;
		height: auto;
		text-align: left;
	}
	#attention p img {
		margin-top: 8px;
	}
	#attention p {
		line-height: 1.8;
		font-size: 80%;
	}
	#attention p strong {
		display: block;
	}
}

@media print {
	.bx-wrapper {
		width: 980px;
		overflow: hidden;
	}
	#slideArea .bx-wrapper img[src*="_w.jpg"] {
		margin-left: -150px;
	}
	#slideArea .bx-wrapper img[src*="_nrw.jpg"] {
		margin-left: -22px;
	}
}