@charset 'utf-8';

#main-image{
	position: relative;
	width: 100%;
}
#main-image .main_image_logo{
	position: absolute;
	right: 50px;
	top:50%;
	transform: translateY(-50%);
	z-index: 10;
}
#slideshow {
   position: relative;
   width:  1072px; /* 画像の横幅に合わせて記述 */
   /*height: 382px;*/ /* 画像の高さに合わせて記述 */
	 max-width: 100%;
	 padding-top: 35.63%;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


/*****************************************************************************
 ニュースリリースエリア
 *****************************************************************************/
#top-information {
	width:100%;
	margin:0 0 10px 0;
}
#top-information dl {
	border-bottom:1px dotted #ccc;
	padding:7px 0;
}
#top-information dt {
	font-size:90%;
}
#top-information dd {
	padding:0 0 0 100px;
	margin:-1.4em 0 0 0;
	display: flex;
}
#top-information dd .cate{
	flex-shrink: 0;
}
#top-information dd .cate::before{
	content: "【 ";
}
#top-information dd .cate::after{
	content: " 】";
}
#top-information p.link {
	text-align:right;
	padding:10px 0;
}
#top-information p.link a {
	background:url("../img/icon_arrow01.gif") no-repeat left center;
	padding:0 0 0 15px;
}
#top-information .Hd02 .atomBtn{
	margin-left: 5px;
}


/*****************************************************************************
 決算公告
 *****************************************************************************/
.accountsList{
	padding-left: 2px;
}
.accountsList li{
	margin-bottom: 10px;
}
.accountsList li a{
	background: url(../img/cateListArr.png) no-repeat 0 4px;
	padding-left: 18px;
}


/*****************************************************************************
 関連リンク
 *****************************************************************************/
.linkList{
	display: flex;
	flex-wrap: wrap;
	padding-left: 2px;
}
.linkList li{
	margin-right: 5px;
	margin-bottom: 5px;
}

/*****************************************************************************
 左段、その他エリア
 *****************************************************************************/
.Hd02{
	font-size: 14px;
	padding-bottom: 9px;
	border-bottom: 1px solid #ddd;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}
.Hd02 .notes{
	font-size: 75%;
	font-weight: normal;
}
#top-etc {
	width:100%;
	margin:0 0 10px 0;
}
#top-etc p {
	padding:0 0 10px 0;
}
#top-joho {
	margin:0 0 10px 0;
}

/*****************************************************************************
 言語リンク
 *****************************************************************************/
.langBox {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	padding: 1px;
	margin-bottom:10px;
}
.langBox .foot {
	border: 3px solid #edeedc;
	border-radius: 4px;
}
.langBox .foot .in {
	border: 1px solid #ccc;
}
.langBtn{
	line-height:1;
}
.langBtn a{
	display: block;
	padding: 11px 12px 11px 34px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: #fd9c02;
}
.langBtn a::before{
	content: "";
	background:url("../img/icon_arrow03.gif") no-repeat 0 0;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 17px;
	top: 12px;
}
.langBtn a:hover{
	opacity:0.8;
}






/*****************************************************************************
 コンタクト
 *****************************************************************************/
.contact {
	width:100%;
	margin:0 0 10px 0;
}

/*****************************************************************************
 右段、その他エリア
 *****************************************************************************/
/*#top-etc2 {
	width:100%;
	margin:0 0 10px 0;
}
.rightbox {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	padding: 1px;
}
.rightbox .foot {
	border: 3px solid #edeedc;
	border-radius: 4px;
}
.rightbox .foot .in {
	border: 1px solid #ccc;
	padding: 12px 10px;
	background: #fff;
}
.rightbox .foot .in p.ban {
	text-align:center;
	padding:0 0 5px 0;
}
*/

#right #top-etc2 .foot .in {
	padding: 10px 5px 0;
}
#right ul.category li{	
	border: 1px solid #dcdcdc;
	padding: 1px;
	background: #fff;
}
#right ul.category li a{
	padding:1px 7px 0 73px;
	height: 40px;
	text-decoration: none;
	background: linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%);
	font-size: 0.75rem;
	font-weight: bold;
	color: #333333;
	border: 1px solid #dcdcdc;
	display: flex;
	align-items: center;
}
#right ul.category li.product04 a{
	font-size: 0.65rem;
	line-height: 1.1;
	padding-top: 2px;
}

#right ul.category li a:hover{
	opacity: 0.9;
}
#right ul.category li a::before{
	left: 54px;
	top: 50%;
	transform: translateY(-50%);
}
#right ul.category li a::after{
	content: "";
	width: 44px;
	height: 32px;
	display: block;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
}
#right ul.category li.product01 a::after{	
	background: url(../img/top_right_box_ban_01.jpg);
}
#right ul.category li.product02 a::after{	
	background: url(../img/top_right_box_ban_02.jpg);
}
#right ul.category li.product03 a::after{	
	background: url(../img/top_right_box_ban_03.jpg);
}
#right ul.category li.product04 a::after{	
	background: url(../img/top_right_box_ban_04.jpg);
}