a { color: #696969; text-decoration: none; }
a:link { color: #808080; text-decoration: none; }
a:visited { color: #696969; text-decoration: none; }
a:hover { color: #d2691e; text-decoration: none; }
a:focus { outline:none;}
a img	{ border-style: none; }
a:focus { outline:1px #808080 dotted;}
img	{ border-style: none; }
h1,h2,h3 {margin: 0; padding: 0;}
*{margin:0;padding:0;}
body {
    color:#000;
		font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#container {
    width:100%;
    height:100%;
}

div#cont_header {
    width:1266px;
    height:auto;
    margin:0 auto;
}
#cont_header div.logo {
    float:left;
    width:740px;
    height:auto;
    margin-left:100px;
    padding:20px 0;
}
#cont_header div.sub_logo {
    margin-top:40px;
    float:right;
    width:340px;
    height:auto;
    font-size:13px;
		font-weight:bold;
		padding-left:80px;
}
#cont_body {
    width:1266px;
    margin:0 auto;
}
#cont_body div.main {
		float:left;
		text-align:center;
    width:840px;
    font-size:14px;
    font-weight:bold;
}
#cont_body .main div.main_text {
    margin:20px 0 50px 0;
}


div#cont_fotter {
overflow:hidden;
    background-color:black;
    padding-top:10px;
    width:100%;
    height:50px;
}
#cont_fotter p{
    text-align:center;
    font-size:0.8em;
    color:#fff;
}

#dtl {
	width:1136px;
	margin:0 auto;
	background-color:#d3d1d1;
	height:auto;
	clear:both;
	overflow:hidden;
}


#dtl div.dtl_left {
	float:left;
	width:300px;
	height:300px;
}

#dtl div.dtl_right {
	float:right;
	width:710px;
	padding:0 50px 0 0;
}

#idea div.idea_dtl {
	margin:30px 0;
	clear:both;
	overflow:hidden;
}

#idea .idea_dtl div.idea_img {
	float:left;width:183px;
}

#idea .idea_dtl p {
	font-weight:bold;
}
#idea .idea_dtl p.idea_title {
	font-size:2em;
}

#idea .idea_dtl div.idea_text {
	float:left;
	width:500px;
	padding-left:20px;
}

#idea .idea_dtl p.idea_dtl {
	font-size:0.9em;
	margin-top:30px;
}

#idea div.title_img {
	margin:50px 70px;
	position:relative;
	z-index:1000;
	overflow:hidden;
}




#overview div.title_img {
	margin:100px 0 50px 70px;
}
#overview div.overview_dtl {
	padding:20px;
	background-color:#fff;
	width:580px;
	margin:20px 0;
}

#overview table.summary {
	border:1px gray solid;
	border-collapse:collapse;
	width:580px;

}
#overview table.summary td {
	border:1px gray solid;
	height:30px;
	font-size:0.8em;
	padding:10px;
}


#information div.title_img {
	margin:100px 0 50px 70px;
}
#information div.information_dtl {
	padding:20px;
	background-color:#fff;
	width:580px;
	margin:20px 0;
}
/* 採用情報関連 */
#dtl table.adoption {
	border:1px gray solid;
	border-collapse:collapse;
	width:580px;
	margin-bottom:20px;

}
#dtl table.adoption td {
	border:1px gray solid;
	height:30px;
	font-size:0.8em;
	padding:10px;
}
.gray {
	background-color:#f5f5f5;
	width:100px;
}

#contact div.title_img {
	margin:100px 0 50px 70px;
}
#contact div.contact_dtl {
	padding:20px;
	background-color:#fff;
	width:580px;
	margin:20px 0 120px 0;
}


.img-block {
  width: 232px;
  height: 232px;
  overflow: hidden;
}
.img-block img {
  transition: 0.5s;
}
.img-block img:hover {
  -moz-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
}

#menu {
	float:right;
	width:310px;
	margin:150px 0 0 0;
	z-index:100;
	position:relative
}
#menu div {
	margin-bottom:20px;
}
#menu img {
  transition: 0.5s;
}
#menu img:hover {
  opacity: 0.6;
  transition: 0.2s;
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #deff00;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #cde816;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:10px 10px;
}