@charset "utf-8";
/* ---------------------------------------------------------------------- */
#top {
	width: 1000px;
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;
	margin: 0px auto 20px auto;
}
#top h2 {
}
#top img {
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	#top {
		width: auto;
	}
}
/* title---------------------------------------------------------------------- */
#title {
	display: table;
	width: 1000px;
	height: 200px;
	table-layout: fixed;
	background-color: #fff;
	background-image: url("../img/title/bg.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #d2d2d2;
	border-spacing: 0px;
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;
	margin: 0px auto 20px auto;
}
#title h2 {
	display: table-cell;
	vertical-align: middle;
}
#title h2 img {
	margin: 0px auto 0px 30px;
}
@media screen and (max-width: 767px) {
	#title {
		display: block;
		width: auto;
		height: auto;
		background-size: 100%;
	}
	#title h2 {
		display: block;
	}
	#title h2 img {
		margin: 0px;
	}
}
/* title---------------------------------------------------------------------- */
.title {
	position: relative;
	background-color: #fff;
	background-image:url("../img/parts/titlebg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	border-left: 1px solid #9fa0a0;
	border-right: 1px solid #9fa0a0;
	border-top: 1px solid #9fa0a0;
	border-bottom: 1px solid #294186;
	margin-bottom: 10px;
}
.title h3 {
	color: #294186;
	font-size: 20px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height: 1em;
	background-image:url("../img/parts/title.png");
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 10px 15px 40px;
}
.title span {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 10px;
	color: #898989;
	font-size: 14px;
	line-height: 1em;
}
@media screen and (max-width: 767px) {
	.title h3 {
		font-size: 18px;
	}
	.title span {
		bottom: 5px;
		font-size: 11px;
	}
}
/* ---------------------------------------------------------------------- */
.titles {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.titles h4 {
	font-size: 16px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/* primary---------------------------------------------------------------------- */
.primary {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;
	margin-bottom: 30px;
	padding: 20px 49px 20px 49px;
}
@media screen and (max-width: 767px) {
	.primary {
		padding: 10px 5px;
	}
}
/* top---------------------------------------------------------------------- */
.top {
	padding: 10px 50px;
}
.topinner {
}
.topLeft {
	width: 400px;
}
.topRight {
}
@media screen and (max-width: 767px) {
	.top {
		padding: 10px 0px;
	}
	.topLeft {
		width: auto;
		padding: 10px 0px;
	}
}
/* topnav---------------------------------------------------------------------- */
.topnav {
}
.topnav img {
	display: block;
	margin: 0px auto 13px auto;
}
@media screen and (max-width: 767px) {
	.topnav {
		margin-bottom: 40px;
	}
	.topnav img {
		margin: 0px auto 10px auto;
	}
}
/* topnews---------------------------------------------------------------------- */
.topnews {
}
.topnews .subtitle {
	margin-top: 0px!important;
}
.topnewsbox {
	padding: 0px 9px 0px 9px;
	background-color: #fff;
	border: 1px solid #ccc;
	height: 80px;
	overflow-y: auto;
}
.topnewsbox dl {
	line-height: 1em;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.topnewsbox dl:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.topnewsbox dt {
	width: 36%;
	color: #e99413;
	padding: 5px 5px;
}
@media screen and (max-width: 767px) {
	.topnewsbox dt {
		width: auto;
	}
}
.topnewsbox dd {
	color: #294186;
	padding: 5px 5px;
}
.topnewsbox dt:first-child + dd {
	border: 0;
}
.topnewsbtn {
	text-align: right;
	padding-top: 10px;
}
/* movie---------------------------------------------------------------------- */
.movie {
	padding-top: 10px;
}
@media screen and (max-width: 767px) {
	.movie {
		padding: 10px 0px;
	}
}
/* news---------------------------------------------------------------------- */
.news {
}
.news .subtitle {
	margin-top: 0px!important;
}
.newsbox {
	padding: 10px 9px 10px 9px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.newsdate {
	color: #e99413;
	border-bottom: 1px dotted #ccc;
	padding: 2px 5px;
}
.newsdate span {
	color: #294186;
}
.newsbody {
	padding: 5px 15px;
}
.newsbtn {
	text-align: right;
	padding-top: 10px;
}
/* ---------------------------------------------------------------------- */
.recban {
	padding: 20px 0px 80px 0px;
}
.recban a {
	display: block;
	width: 1000px;
	height: 185px;
	background-image: url("../recruit/img/index/banPC.jpg");
	background-repeat: no-repeat;
	background-position: left;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	margin: 0px auto;
}
.recban a img {
	display: none;
}
@media screen and (max-width: 767px) {
	.recban {
		text-align: center;
		padding: 20px 0px 40px 0px;
	}
	.recban a {
		display: inline-block;
		width: auto;
		height: auto;
		background-image:none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.recban a img {
		display: inline-block;
		box-shadow: 2px 2px 2px #ccc;
		-moz-box-shadow: 2px 2px 2px #ccc;
		-webkit-box-shadow: 2px 2px 2px #ccc;
	}
}
/* ---------------------------------------------------------------------- */
.lineupbloc {
}
.lineupbloc ul {
	border-spacing: 10px 0px;
}
.lineupbloc li {
	position: relative;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding: 0px 0px 20px 0px;
}
@media screen and (max-width: 767px) {
	.lineupbloc {
		padding: 30px 0px;
	}
	.lineupbloc li {
		display: inline-block;
		width: 49%;
		padding: 0px 0px 20px 0px;
	}
}
@media screen and (max-width: 478px) {
	.lineupbloc li {
		display: block;
		width: auto;
		border-bottom: 1px dashed #ccc;
		padding: 0px 10px 20px 10px;
	}
	.lineupbloc li:last-child {
		border-bottom: none;
	}
}
.lineuptitle {
}
.lineuptitle a {
	display: block;
	color: #585757;
	text-decoration: none;
	background-color: #00b7ee;
}
.lineuptitle a:hover {
	color: #80c269;
	background-color: #80c269;
}
@media screen and (max-width: 478px) {
	.lineuptitle {
		margin-bottom: 5px;
	}
	.lineuptitle a {
		background-color: transparent;
	}
	.lineuptitle a:hover {
		background-color: transparent;
	}
}
.lineupimg {
	display: block;
	background-color: #fff;
}
.lineupimg img {
	display: block;
	margin: 0px auto;
	padding-top: 30px;
}
.lineuptitles {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.lineuptitles h4 {
	width: 154px;
	line-height: 1em;
	background-color: #00b7ee;
	background-image: url("../img/parts/maru.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	margin: 0px auto;
}
.lineuptitles h4 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 27px;
	background-color: #fff;
}
@media screen and (max-width: 478px) {
	.lineuptitle a {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
		margin: 0px auto;
	}
	.lineupimg {
		display: table-cell;
		width: 40%;
		vertical-align: middle;
	}
	.lineuptitles {
		display: table-cell;
		position: static;
		width: auto;
		vertical-align: middle;
	}
	.lineupimg {
	}
	.lineupimg img {
		width: 80px;
		padding-top: 0px;
	}
	.lineuptitles h4 {
		width: auto;
	}
	.lineuptitles h4 strong {
		display: block;
		font-size: 16px;
		font-weight: normal;
		line-height: 27px;
		background-color: #fff;
	}
}
.lineuptex {
}
.lineuptex p {
	padding: 10px 10px;
}
@media screen and (max-width: 478px) {
	.lineuptex {
		padding: 0px 0px;
	}
	.lineuptex p {
	}
}
.lineuplink {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
.lineuplink a {
	font-weight: normal;
	text-decoration: none;
	background-image:url("../img/parts/texlink1a.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}
.lineuplink a:hover {
	background-image:url("../img/parts/texlink1b.png");
	background-repeat: no-repeat;
	background-position: left;
}
@media screen and (max-width: 479px) {
	.lineuplink {
		position: static;
	}
	.lineuplink a {
		display: block;
		color: #fff;
		font-size: 13px;
		text-align: center;
		background-color: #00b7ee;
		background-image:url("../img/parts/texlink1e.png");
		background-repeat: no-repeat;
		background-position: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 10px 0px 10px 20px;
	}
	.lineuplink span {
		display: block;
	}
	.lineuplink a:hover {
		background-color: #00a4d6;
	}
}
/* ---------------------------------------------------------------------- */
.act {
}
.actbox {
	padding: 5px 10px 20px 10px;
}
.actbox2 {
}
.acttex {
	width: 400px;
}
.actimg {
}
.actimg img {
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.actbox2 {
	}
	.acttex {
		width: auto;
		margin-bottom: 40px;
	}
	.actimg {
	}
}
.actlink {
	padding-left: 20px;
	padding-top: 30px;
}
.actlink img {
	box-shadow: 2px 2px 2px #999;
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
}
@media screen and (max-width: 767px) {
	.actlink {
		text-align: center;
		padding-left: 0px;
	}
	.actlink img {
		display: inline-block;
	}
}
/* ---------------------------------------------------------------------- */
.intbloc {
}
.intbloc ul {
	border-spacing: 10px 0px;
	margin-bottom: 10px;
}
.intbloc li {
	position: relative;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}
@media screen and (max-width: 767px) {
	.intbloc ul {
		margin-bottom: 0px;
	}
	.intbloc li {
		position: static;
		margin-bottom: 20px;
	}
}
.inttitle {
	color: #fff;
	background-color: #000;
	text-align: center;
	padding-left: 110px;
}
.inttitle2 {
	color: #fff;
	background-color: #294186;
	text-align: center;
	padding-left: 110px;
}
@media screen and (max-width: 767px) {
	.inttitle {
		padding-left: 10px;
	}
	.inttitle2 {
		padding-left: 10px;
	}
}
.intimg {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 100px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.intimg {
		position: static;
		width: auto;
	}
}
.intimg img {
	border: 2px solid #294186;
}
.inttex {
	font-size: 0.9em;
	padding-left: 110px;
	padding-right: 10px;
	padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.inttex {
		padding-left: 10px;
	}
}
/* ---------------------------------------------------------------------- */
.env {
}
.envtop {
	font-size: 18px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	text-align: center;
	padding-bottom: 20px;
}
.envinner {
	position: relative;
}
.envitex {
	padding-left: 320px;
}
.enviimg {
	position: absolute;
	left: 0px;
	top: 0px;
}
@media screen and (max-width: 767px) {
	.envinner {
		position: static;
	}
	.envitex {
		padding-left: 0px;
	}
	.enviimg {
		position: static;
		margin-bottom: 10px;
	}
}
.enviimg ul {
}
.enviimg li {
	height: 240px;
	overflow: hidden;
}
.enviimg li img {
	display: block;
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.enviimg ul {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 5px 0px;
		list-style-type: none;
	}
	.enviimg li {
		display: table-cell;
	height: auto;
		vertical-align: top;
	}
}
.envbox {
	padding: 5px 10px 40px 10px;
}
.envbox2 p {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.env .subtitle {
		margin-left:0px;
	}
	.envbox {
		margin-left:0px;
	}
	.env .imgleft {
		display: block;
		width: 100px;
		margin: 0px auto;
	}
}
.env ol {
	padding: 10px 10px 10px 50px;
	border: 1px solid #ccc;
	margin: 10px;
}
@media screen and (max-width: 767px) {
	.env ol {
		padding: 10px 10px 10px 30px;
	}
}
.isoimg {
	padding-left: 320px;
}
.isoimg img {
	display: block;
}
@media screen and (max-width: 767px) {
	.isoimg {
		padding-left: 0px;
	}
	.isoimg img {
		margin: 0px auto;
	}
}
/* ---------------------------------------------------------------------- */
.comp {
}
.compbloc {
	padding: 0px 10px;
}
.compbox {
	margin-bottom: 10px;
}
.comptitle {
	color: #294186;
	font-size: 14px;
	font-weight: bold;
	background-image:url("../img/parts/title.png");
	background-repeat: no-repeat;
	background-position: left;
	padding: 5px 10px 5px 30px;
}
#history .tableinner dd {
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#history dd.historytex {
	width: auto;
	text-align: left;
	border-left: 1px solid #ccc;
}
.complink {
}
.complink a {
	font-weight: normal;
	text-decoration: none; 
	background-image:url("../img/parts/texlink1c.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;
	padding-top: 1px;
}
.complink a:hover {
	background-image:url("../img/parts/texlink1d.png");
}
.compex {
	padding: 20px 20px;
}
.compex p {
	border: 1px solid #294186;
	padding: 10px;
}
.compex span {
	color: #294186;
	font-weight: bold;
}
/* ---------------------------------------------------------------------- */
.privacy {
}
.pp {
}
.pp dl {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.pp dl:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.pp dt {
	color: #294186;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.pp dd {
	padding: 0px 20px;
}
.pp p {
	margin-bottom: 10px;
}
/* ---------------------------------------------------------------------- */
.contact {
}
.contbox{
	padding: 5px 10px 20px 10px;
}
/* ---------------------------------------------------------------------- */
.attention {
	color: #c00;
	font-size: 10px;
	padding-left: 5px;
}
/* contents nav horizontal---------------------------------------------------------------------- */
#productheader {
	margin: 0px auto 10px auto;
	padding: 10px 20px;
}
@media screen and (max-width: 767px) {
}
#productheader #productnav {
	display: table;
	width: 100%;
}
#productheader #productnav li {
	display: table-cell;
	padding-left: 50px;
}
@media screen and (max-width: 767px) {
	#productheader #productnav {
		display: block;
	}
	#productheader #productnav li {
		display: block;
		float: left;
		width: 50%;
		margin-bottom: 5px;
		padding-left: 0px;
	}
}
#productheader #productnav li a {
	display: block;
	color: #585757;
	text-decoration: none;
}
#productheader #productnav li a img {
	display: block;
	float: left;
	background-color: #00b7ee;
	margin-right: 5px;
}
#productheader #productnav li a strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 27px;
}
@media screen and (max-width: 767px) {
	.jp #productheader #productnav li a strong {
		font-size: 16px;
		line-height: 27px;
	}
	.en #productheader #productnav li a strong {
		font-size: 14px;
		line-height: 1.2em;
	}
}
#productheader #productnav li a:hover {color: #80c269;}
#productheader #productnav li a:hover img {background-color: #80c269;}

#productheader.productnav01 #productnav li#productnav01 a img {background-color: #b3d465;}
#productheader.productnav02 #productnav li#productnav02 a img {background-color: #b3d465;}
#productheader.productnav03 #productnav li#productnav03 a img {background-color: #b3d465;}
#productheader.productnav04 #productnav li#productnav04 a img {background-color: #b3d465;}

/* ---------------------------------------------------------------------- */
.product {
}
.productbox {
	padding: 5px 10px 20px 10px;
}
/* ---------------------------------------------------------------------- */
.probloc {
	border-spacing: 10px 0px;
	margin-bottom: 10px;
}
.probox {
	box-shadow: 0px 2px 4px #ccc;
	-moz-box-shadow: 0px 2px 4px #ccc;
	-webkit-box-shadow: 0px 2px 4px #ccc;
}
.probox.noprobox {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
@media screen and (max-width: 767px) {
	.probloc {
		margin-bottom: 0px;
	}
	.probox {
		margin-bottom: 10px;
	}
	.probox.noprobox {
		display: none;
	}
}
.prohead {
	position: relative;
	background-color: #000;
}
.protitle {
	color: #fff;
	text-align: center;
	padding: 3px 10px;
}
.proimg {
	position: absolute;
	left: 5px;
	top: 50px;
	width: 80px;
}
.proimg img {
	display: block;
}
@media screen and (max-width: 767px) {
	.protitle {
		position: absolute;
		left: 60px;
		top: 50%;
		text-align: left;
		margin-top: -12px;
		padding: 0px 0px;
	}
	.proimg {
		position: static;
		width: 50px;
		padding: 5px;
	}
}
.protex {
	font-size: 0.9em;
	padding-left: 90px;
}
@media screen and (max-width: 767px) {
	.protex {
		padding-left: 0px;
	}
}
.protex dl {
	border-spacing: 1px;
	empty-cells:show;
}
.protex dt {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	color: #294186;
	line-height: 1em;
	font-weight: normal;
	border: 1px dotted #ccc;
	padding: 3px;
}
.protex dd {
	vertical-align: middle;
	border: 1px dotted #ccc;
	padding: 3px;
}
@media screen and (max-width: 767px) {
	.protex dl {
		margin-bottom: 5px;
	}
	.protex dt {
		width: auto;
		border: none;
		border-bottom: 1px dotted #ccc;
		padding: 5px;
	}
	.protex dt br {
		display: none;
	}
	.protex dd {
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 5px;
	}
	.protex dl:last-child dd {
		border-bottom: none;
	}
}
.protex ul {
	display: block;
}
.protex li {
	display: block;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 9px;
	background-image:url("../img/parts/sq.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 1.3em;
	margin-bottom: 5px;
}
.protex li:last-child {
	margin-bottom: 0px;
}
/* ---------------------------------------------------------------------- */
.sitema {
}
.sitema ul {
	float: left;
	width: 30%;
	list-style: none;
	margin-left: 20px;
} 
@media screen and (max-width: 767px) {
	.sitema ul {
		float: none;
		width: auto;
	} 
}
.sitema li {
}
.sitema1 {
}
.sitema2 {
	margin-left: 30px;
}
.sitema3 {
	margin-left: 50px;
}
.sitema2 a {
	padding-left: 15px;
	padding-top: 1px;
	background-image:url("../img/parts/texlink1a.png");
	background-repeat: no-repeat;
	background-position: left;
}
.sitema2 a:link { text-decoration: none; }
.sitema2 a:visited { text-decoration: none; }
.sitema2 a:active { text-decoration: none; }
.sitema2 a:hover {
	text-decoration: none;
	background-image:url("../img/parts/texlink1b.png");
	background-repeat: no-repeat;
	background-position: left;
}
.sitema3 a {
	padding-left: 10px;
	padding-top: 1px;
	background-image:url("../img/parts/texlink1c.png");
	background-repeat: no-repeat;
	background-position: left;
}
.sitema3 a:link { text-decoration: none; }
.sitema3 a:visited { text-decoration: none; }
.sitema3 a:active { text-decoration: none; }
.sitema3 a:hover {
	text-decoration: none;
	background-image:url("../img/parts/texlink1d.png");
	background-repeat: no-repeat;
	background-position: left;
}
/* ---------------------------------------------------------------------- */