@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	line-height:1.5em;
	height: 100%;
}

/*----------------------------------------------------
	クリア
----------------------------------------------------*/
.clear { clear: both; }
.clear0 { clear: both; line-height:0px; }
/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*----------------------------------------------------
	header
----------------------------------------------------*/
#header {
	background-color: #ececec;
	width: 100%;
	height: 110px;
}
#header_wrap {
	margin: 0 auto;
	width: 980px;
}

.header_inner_top {
	text-align: left;
	height: 19px;
	float: left;
	padding-top: 27px;
	padding-left: 20px;
}

#header_gnavi_area {
	clear: both;
	padding-top: 23px;
	padding-left: 20px;
	/*height: 20px;
	overflow: hidden;*/
}
/*
ul#header_gnavi {
	height: 11px;
}
ul#header_gnavi li {
	float: left;
	height: 11px;
	margin-right: 50px;
	list-style: none outside none;
}
*/


/*dropmenu*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
/*  margin: 5px auto 30px;*/
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: auto;
  float: left;
  margin: 0 50px 0 0;
  padding: 0;
/*  text-align: center;*/
}
.dropmenu li a{
  display: block;
  margin: 0;
  /*	padding: 15px 0 11px;
background: #8a9b0f;*/
  color: #424242;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 3px 0 0;
  padding: 0;
}
.dropmenu li ul li{

}
.dropmenu li ul li a{
  padding: 10px 12px;
  color: #000;
  text-align: left;
}
.dropmenu li ul li a:hover {
  color: #000;
}
.dropmenu li:hover > a{
	color: #909090;
}
.dropmenu li a:hover{

}
/*サブメニューごとのwidth調整*/
.dropmenu li ul#list_jp_pr li {
	width: 225px;	
}
.dropmenu li ul#list_jp_ac li {
	width: 170px;	
}

/*drop効果調整*/
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .3s;
}
#dropmenu li:hover ul li{
	overflow: visible;
	height: 30px;
	border-bottom: 1px solid #bbb;
	background: #f6f6f6;
}
#dropmenu li ul li:hover{
  background: #D5E1E6;
}

/*サブリンクエリア*/
#global_link_area {
	clear: both;
	overflow: hidden;
	float: right;
	font-size: 12px;
}
#global_link_area li {
	display: inline-block;
	margin-left: 10px;
}
#global_link_area li:first-child {
	margin-left: 0;
}
#global_link_area li a {
  color: #424242;
}
#global_link_area li  a:hover {
	color: #909090;
}




.btn_img:hover {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}



/*----------------------------------------------------
	container
----------------------------------------------------*/


#container {
	width: 100%;
}

.wrapper {
	margin: 0 auto;
	width: 980px;
}

.pan_navi {
	color: #c4c4c4;
	font-size: 9px;
	padding-top: 12px;
	padding-bottom: 16px;
	padding-left: 20px;
	height: 12px;
}

.inner {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #c4c4c4;
}

.side_navi {
	background-color: #ececec;
	width: 230px;
	float: left;
	position:relative;
}

#sidenavi {
	background-color: #ececec;
	width: 230px;
	float: left;
	position:relative;
	height: 300px;
}


#side_navi_inner {
	padding-top: 13px;
	padding-left: 20px;
	padding-bottom:5px;
}

#page_container {
	width: 750px;
	float: left;
}

.page {
	width: 750px;
	float: left;
}

.page_inner {
	padding-left: 20px;
}
#mission_box {
	height: auto;
	width: 680px;
	/*padding-right: 20px;*/
	margin-top: 40px;
	/*padding-left: 20px;*/
}
.mission_text_left {
	height: auto;
	width: 387px;
	float: left;
	font-size: 11px;
	margin-right: 20px;
	line-height: 20px;
}
#mission_one {
	/*height: 222px;*/
	width: 710px;
	margin-bottom: 35px;
	clear: left;
}

.mission_img_right {
	float: left;
	margin-left: 15px;
}


.page_title {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 20px;
	border-top: 1px dotted #c4c4c4;
	border-bottom: 1px dotted #c4c4c4;
	
}

.page_text_container {
	overflow: hidden;
	padding-top: 37px;
	padding-bottom: 35px;
	padding-left: 20px;
	height: auto !important;
	height: 480px;
}

.sub_title {
	padding-bottom: 15px;
}

.page_text {
	width: 480px;
	float: left;
/*	height: 480px;*/
}

.page_text p {
	text-indent: 1em;
}


.page_text.page_text_center {
	width: 480px;
	margin: 0 auto;
	text-align: left;
	float: none;
}


.page_img {
	padding-left: 20px;
	float: left;
	padding-right: 20px;
	margin-top: 45px;
}


.clear {
	clear: both;
}

#footer {
	background-color: #ececec;
	width: 100%;
	height: 130px;
}

.footer_inner {
	text-align: left;
	width: 980px;
	float: left;
	padding-top: 17px;
	padding-left: 20px;
	font-size: 9px;
}

#footer_logo {
	padding-top: 10px;
}

/*リンクされた文字*/
a{
    color: #c4c4c4;
    font-style: normal;
    text-decoration: none;
}

/*未訪問のリンク*/
a:link {
    color: #c4c4c4;
    font-style:normal;
    text-decoration: none;
}

/*訪問後のリンク*/
a:visited {
    color: #c4c4c4;
    text-decoration: none;
}


/*マウスをのせたとき*/
a:hover {
    color:#ff0000;
    font-style:normal;
    text-decoration: none;
}

/*クリック中*/
a:active {
    text-decoration:none;
}

a img {
	border-style: none;
}

/* footer navi用 START */
div.footer_inner a:link {
    color: #595757;
    font-style:normal;
    text-decoration: none;
}

/*訪問後のリンク*/
div.footer_inner a:visited {
    color: #595757;
    text-decoration: none;
}

/*マウスをのせたとき*/
div.footer_inner a:hover {
    color:#ff0000;
    font-style:normal;
    text-decoration: none;
}

/*クリック中*/
div.footer_inner a:active {
    text-decoration:none;
}
/* footer navi用 END */

.page_text02 {
	width: 690px;
}
#mission_two {
	height: 202px;
	width: 710px;
	/*clear: left;*/
	/*float: left;*/
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 40px;
	padding-bottom: 40px;
}
.mission_text_right {
	height: auto;
	width: 387px;
	float: left;
	font-size: 11px;
	margin-right: 20px;
	line-height: 20px;
}
.mission_txt {
	margin-top: 8px;
}

.mission_img_left {
	float: left;
	margin-right: 20px;
}
#mission_three {
	height: auto;
	width: 690px;
	clear: left;
	float: left;
	margin-top: 40px;
	margin-bottom: 35px;
}
#sidenavi {
	float: left;
	width: 230px;
	height: auto;
}
.page_pr {
	width: 750px;
	float: left;
	height: auto;
	margin-bottom: 22px;
}
.page_pr_nobottom {
	width: 750px;
	float: left;
	height: auto;
	margin-bottom: 0;
}
.inner_ceo {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #c4c4c4;
	margin-bottom: 20px;
}
.page_ceo {
	width: 750px;
	float: left;
	margin-bottom: 20px;
}
.page_pr_short {
	width: 750px;
	float: left;
	height: 670px;
	margin-bottom: 22px;
}
.footer02 {
	background-color: #ececec;
	width: 100%;
	min-height: 150px;  
     height: auto !important; 
	height: 150px;  

}
.sidenavi_btn {
	height: auto;
	margin-bottom: 15px;
}
.inner02 {
	width: 100%;
	height: 560px;
	border-bottom: 1px dotted #c4c4c4;
}
.page_mi {
	width: 748px;
	float: left;
}

.text_align_center {
	text-align: center;
}

/*----------------------------------------------------
	release(202011追加)
----------------------------------------------------*/
#release_area {
	margin: 24px auto 7px;
	text-align: center;
}
#release_area h2 a {
	padding: 7px 8px 5px;
	font-size: 14px;
	color: #717171;
	border: solid 1px #717171;
}