@charset "utf-8";

* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	/* IE */
	word-break:break-all;
}


body {
	background-repeat: no-repeat;
	background-position: top center;
	margin:0;
	padding:0;
	color:#000000;
	font-size:10px;
	line-height:2.0;
	overflow-x:hidden;
	font-size:13px;
}

a {
	text-decoration:none;
	color:#3F3F3F;
}

a:hover {
	color:#000000;
}

a img {
	border:none;}

.clear {
	clear:both;
}


/* レイアウト */


#container {
 	margin:0 auto;
 	text-align:left;
 	min-width:1000px;
	max-width:2000px;
	padding:0 20px;
	margin:0 auto;
	padding:0;
	position: relative;
}


#grid-wrapper {
	background-color:#eeeeee;
	width:1024px;
	margin-left:10px;
	margin-bottom:20px;
	padding:0;
	position: relative;
	text-align:center;
}

#title {
	background-color:#eeeeee;
	margin-left:0px;
	margin-right:0px;
	padding:0;
	position: relative;
	margin-top:10px;
	text-align:left;
}

div.gray {
	background-color:#eeeeee;
	border-bottom:#192061 solid 4px;
	border-top:4px solid #100063;
}

div.wid{
	max-width:1024px;
	min-width:900px;
	margin:0 auto;
	text-align:left;
	font-size:14px;
	line-height:160%;
	font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
}


div.wid09{
	max-width:1024px;
	min-width:900px;
	margin:0 auto;
	text-align:left;
	font-size:14px;
	line-height:160%;
	font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;}

div.wid09 img{margin-left:10px; margin-bottom:10px;}


div.rec-txt{margin-left:20px; color:#666666; width:580px;}
div.rec-txt02{margin-left:20px; color:#666666;}
div.ki-txt{margin-left:20px; color:#666666; border-bottom:1px #333333 dotted; font-size:12px;}


/* アイ･オーダーの軌跡 */
div.ki01 {
 width:500px;
 float:left;
}

div.ki02 {
 width:500px;
 float:left;
 margin-left:20px;
}

/* 社員インタビュー */
#inter_g { width:520px; float:left; }
#inter_t { width:490px; float:left;}
.interview_q {
    background-image: url("http://i-order.co.jp/recruit/images/inerview_q.gif");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 23px;
    text-align: left;
    width: 470px;
}

.interview_a {
    line-height: 150%;
    margin: 5px 20px;
    text-align: left;
}

.interview_bg {
    background-color: #eeeeee;
    width: 490px;
}

.interview_q span {
    margin-left: 28px;
}

/* 会社概要 */
.ifttl {display:block; padding:12px 12px 6px 12px; text-align:left; font-size:18px; background:#000066; color:#ffffff; border-radius:8px; border:solid #eeeeee 3px; margin-bottom:10px; line-height:100%;}
.ifttl b{font-size:60%; font-weight:normal;}
.ifhyo th{border-radius:5px; border:solid #cccccc 1px; background:#dddddd; padding:10px; text-align:center; width:20%;}
.ifhyo td{border-radius:5px; border:solid #cccccc 1px; background:#ffffff; padding:10px; width:80%;}



.recruit_table {
    border: 1px solid #CCCCCC;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
	margin-left:20px;
}

.recruit_table td {
    border: 1px solid #CCCCCC;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
}
.recruit_t {
    background-color: #FFFFFF;
}
td {
    color: #333333;
    font-size: 80%;
}

.recruit_table td {
    border: 1px solid #CCCCCC;
    line-height: 150%;
    text-align: left;
    vertical-align: top;

	padding:10px;
	font-size:13px;
}
.recruit_b {
    background-color: #EFEFEF;
    font-weight: bold;
    width: 100px;
}
td {
    color: #333333;
    font-size: 80%;
}
.recruit_txt {
    line-height: 180%;
    padding: 0 10px;
}

.recruit_table input[type='text']{border:0.05em solid #cccccc;}
.recruit_table textarea{border:0.05em solid #cccccc;}


/* 採用サイトタイトル画像 */
div.rec01{background-image: url("images/saiyou01.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec02{background-image: url("images/saiyou02.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec03{background-image: url("images/saiyou03.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec04{background-image: url("images/saiyou04.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec05{background-image: url("images/saiyou05.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec06{background-image: url("images/saiyou06.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec07{background-image: url("images/saiyou07.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.rec08{background-image: url("images/saiyou08.jpg"); background-position:center; height:228px; margin-bottom:25px;}

div.re01{background-image: url("images/kiseki.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.re02{background-image: url("images/vision.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.re03{background-image: url("images/interview.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.re04{background-image: url("images/messa01.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.re05{background-image: url("images/info.jpg"); background-position:center; height:228px; margin-bottom:25px;}
div.re06{background-image: url("images/form.jpg"); background-position:center; height:228px; margin-bottom:25px;}


/* スクロールバー */
.hd {overflow-y:scroll; border-style:none; width:1000px; height:100px; margin:4 0 10 10px;}
div.hd img{margin:0 0 6 0px;}
	 

/* グリッドコンテンツ */


div.c1 { width:240px; }
div.c2 { width:493px; }
div.c3 { width:240px; }
div.c4 { width:493px; }

div.grid-item {
	overflow:hidden;
	margin:14px 13px 0 0;
	padding:0;
	border:0;
	background-color:#FFF;
}

div.grid-image img{border:3px solid #cccccc;}

div.grid-image img:hover {
	opacity:.70; /* Standard: FF gt 1.5, Opera, Safari */
	filter:alpha(opacity=70); /* IE lt 8 */
	-ms-filter:"alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity:.70; /* Safari 1.x */
	-moz-opacity:.70; /* FF lt 1.5, Netscape */
}

div.grid-item div.wp-caption {
	display:none;
}

div.grid-txt {font-size:12px; color:#666666; margin:5px 10px; line-height:150%;}
div.grid-txt b{font-size:16px; color:#666666; line-height:140%; margin-bottom:5px;}




#header {
	width:1024px;
	height: 115px;
	z-index: 1;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}


#header .navi {
	float: left;
	width: 1024px;
	position: absolute;
	top: 53px;
	right: 0px;
}

div.navi ul{
list-style-type:none;
}

div.navi li{
float:left;
}


/* スクロールバー */
.hd {
	overflow-y:scroll;
	scrollbar-arrow-color:#ffffff;
	scrollbar-face-color:#666666;
	scrollbar-3dlight-color:#999999;
	scrollbar-darkshadow-color:#999999;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#666666;
	border-style:none;}
div.hd img{margin:0 0 6 0px;}

/* 事業内容 */

h1 {
	height: 29px;
	width: 722px;
	float: left;
	position: absolute;
	top: 10px;
}

/* 取り組み */
.vsmain {width:1024px; text-align:left; font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo, Osaka,ＭＳ Ｐゴシック,MS PGothic, sans-serif;}
.vstx {text-align:left; font-size:14px; line-height:180%;}
.vstx b{font-size:20px; font-weight:normal;}


/* 新着情報 */
#news {width:1000px; text-align:left; font-size:12px; line-height:180%; margin: 0 auto;}

/* FOOTER */

.ftdt {width:1024px; text-align:left; font-size:12px; line-height:180%; margin: 0 auto;}
.ftdt b{font-size:14px;}
.ftlink {border-top:1px #cccccc dotted; width:100%; text-align:center auto; padding:20px; 0px; padding-left:50px; margin-bottom:15px; margin: 0 auto;}
.ftlinkdt {width:1024px; border-right:dotted #999999 1px; margin: 0 auto; _margin-left:30px;}
.ftlinkblock {padding:10px 42px; text-align:left; float:left; border-left:solid #999999 1px; height:240px; line-height:180%; margin: 0 auto; font-size:12px;}
.ftlinkblock a:link{color:#666666; text-decoration:underline;}
.ftlinkblock a:visited{color:#666666; text-decoration:underline;}
.ftlinkblock a:hover{color:#cccccc; text-decoration:none;}
.ftcopy {padding:20px; text-align:center; font-size:11px; margin: 0 auto;}


.cl {clear:both;}
    .clear { clear:both; }  
    .clear hr { display:none; }