@charset "UTF-8";
/* CSS Document */

html {
	overflow-y:scroll;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#box1{
	width: 100%;
	height: 480px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


body {
	width: 100%;
	text-align: left;
	font-size: 62.5%;
	background-color: #FFF;
	padding: 0px;
	color: #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #09F;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.footer_navi a:link {
	color: #fff;
	text-decoration: none;
}

.footer_navi a:visited {
	color: #fff;
	text-decoration: none;
}

.footer_navi a:hover {
	color: #333;
	text-decoration: none;
}

.footer_navi a:active {
	color: #333;
	text-decoration: none;
}


.space {
	color: #FFF;
}

.green {
	color: #89C33F;
}

/*　Header　*/

#home_header {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 85px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*　OPIX main menu　*/

.opix_main_menu {
	height: 43px;
	width: 1100px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 22px;
	padding-bottom: 0px;
}


.opix_main_menu ul{
   margin:0px;
   padding:0px;
   list-style:none;
}

.opix_main_menu li{
   margin:0px;
   padding:0px;
   float: left;
}

/*　OPIX sub menu　*/

.opix_sub_menu {
	height: 43px;
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.opix_sub_menu_b {
	height: 43px;
	width: 945px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.opix_sub_menu_b ul{
   margin:0px;
   padding:0px;
   list-style:none;
}

.opix_sub_menu_b li{
   margin:0px;
   padding:0px;
   float: left;
}


.opix_sub_menu ul{
   margin:0px;
   padding:0px;
   list-style:none;
}

.opix_sub_menu li{
   margin:0px;
   padding:0px;
   float: left;
}

/*　OPIX image　*/

#opix_image {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 222px;
}

/*　Footer　*/

#footer {
	background-color: #797E81;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}

.footer_navi {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.4em;
	color: #fff;
	height: 100%;
	overflow: auto;
}

.footer_navi_list_01 {
	float: left;
	width: 18%;
	white-space: nowrap;
}

.footer_navi_list_02 {
	float: left;
	width: 17%;
	white-space: nowrap;
}

.footer_navi_list_03 {
	float: left;
	width: 23%;
	white-space: nowrap;
}

.footer_navi_list_04 {
	float: left;
	width: 22%;
	white-space: nowrap;
}

.footer_navi_list_05 {
	float: left;
	width: 20%;
	white-space: nowrap;
}

.footer_navi_list_item {
	font-weight: bold;
}

ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}

li {
	list-style-type: none;
}

.company_address_wrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.company_address {
	width: 200px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: auto;
	white-space: nowrap;
	font-size: 1.4em;
	color: #FFF;
}

.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	font-style: italic;
	color: #FFF;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 20px;
}

#footer_mail_wrap {
	background-image: url(img_opix/img_footer/footer_mail_back_img.gif);
	height: 70px;
	width: 100%;
	padding: 0px;
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.footer_mail {
	text-align: right;
	height: 70px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


/*　Hr　*/

hr.line {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*　line shadow　*/

.line_shadow {
	background-image: url(img_opix/img_design/line_shadow.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 100%;
}

/*　PAGE TOP　*/

.page_top {
	text-align: right;
	height: 35px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}

/*　Under menu　*/

#under_menu {
	height: 150px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}


/*　★Content　*/

/*　Index　*/

.opix_wrap {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
}

.opix_image {
	margin: 0px;
	float: left;
	height: 145px;
	width: 100px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.opix_item {
	margin: 0px;
	float: left;
	height: 145px;
	width: 220px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.opix_txt {
	margin: 0px;
	float: left;
	height: 145px;
	width: 400px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.opix_list {
	display: table-cell;
	margin: 0px;
	float: left;
	height: 125px;
	width: 180px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.opix_list02 {
	display: table-cell;
	float: left;
	height: 100px;
	width: 180px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

.content_body {
	font-size: 1.4em;
	line-height: 180%;
	color: #000;
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
}

.content_body_product {
	font-size: 1.4em;
	line-height: 180%;
	color: #000;
	height: auto;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	overflow:auto;
}

.content_body_l {
	float: left;
	height: auto;
	width: 555px;
	overflow: auto;
}

.content_body_w {
	float: left;
	height: auto;
	width: 700px;
	overflow: auto;
}

.content_body_we {
	float: left;
	height: auto;
	width: 800px;
	overflow: auto;
	background-image: url(img_opix/img_member/event-02.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
}

.content_body_we dl dd {
	text-shadow:0 0 10px #ffffffF;
}

.content_body_r {
	float: right;
	height: auto;
	width: 200px;
	overflow:hidden;
}

.content_body_l_s {
	float: left;
	height: auto;
	width: 540px;
	overflow:auto;
}

.content_body_r_s {
	float: right;
	height: auto;
	width: 140px;
	overflow:hidden;
}

.content_body_m {
	float: left;
	height: auto;
	width: 650px;
	overflow: auto;
	background-image: url(img_opix/img_member/event-01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*　沿革　*/

dl {
	clear: both;
	width: 660px;
	overflow: hidden;
}

dt {
	float: left;
	clear: both;
	padding: 0;
}

dd {
    margin: 0;
    padding-left: 7em;
}

/*　採用情報　*/

.entry {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.contact {
	height: 750px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

/*　バナー　*/

.opix_bunner {
	height: 50px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

.opix_bunner .banner a {
	margin-right: 65px;
}
.new {
	color: #F66;
}
.content_body_product h2 {
	font-size: 16px;
	color: #70b737;
	margin-bottom: 5px;
	margin-top: 5px;
}

.opix_bunner .banner {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}.optoneIndexArea {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#box1 .logoBox {
	width: 415px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 150px;
}
.link {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.president {
	font-size: 15px;
}

/*フッターサブナビゲーション*/
.footTitle {line-height: 1.8em;letter-spacing: 6px;font-size: 200%;color: #666;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.footNavArea {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.footMidashi {text-align: center;}
.footNaviList {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.footNaviList ul li {float: left;margin-right: 20px;margin-bottom: 50px;margin-left: 20px;}

/*ヘッダーサブナビゲーション*/
#interviewSubnavi {}
.interviewMenu {width: 1100px;margin-right: auto;margin-left: auto;height: 140px;}
.interviewMenu ul li {float: left;list-style-type: none;margin-right: 30px;}
#interviewSubnavi {margin-top: 30px;margin-bottom: 30px;}
p {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 140%;letter-spacing: 2px;line-height: 1.4em;color: #555;}

.recruitText {
	font-size: 18px;
}

.interiorView{
	width:350px;
	height:350px;
	float:left;
	margin-left:20px;
	line-height: 4em;
}

.interiorView p {
	font-size: 15px;
}


/****************************************

	page-top

*****************************************/
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 60px;
}

.pagetop2 {
    position: fixed;
    bottom: 300px;
    right: 52px;
}

#page-top {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 2010;
	line-height: 130%;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#page-top a {
	padding: 10px 0;
	text-align: center;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.nddBnr {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

 @media screen and (max-width:700px) {
 .opix_main_menu {
		width:90%;
 }
 
 .entry {
	width: 90vw;
	overflow: hidden;
}
 
  }
  
 @media screen and (max-width:420px) {
 .opix_main_menu {
		width:90%;
 }
 
 .entry {
	width: 90vw;
	overflow: hidden;
}
  }.