@charset "UTF-8";

/* 



Autor: I&P management HP

Date:2008.05.07



 */



* {

 margin: 0;

 padding: 0;

 list-style: none;

 font-style: normal;

 font-weight: normal;

 font-family: 'メイリオ', Osaka, san-serif;

}









body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #f4df96;

	margin: 0 auto; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */

	padding: 0;

	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */

	color: #000000;

	width:800px;

}



#wrapper {

	width:800px;

	margin:0;

	height:auto;

	background: #FFF;

}



#main {

    margin:0 auto;

	padding:0;

}





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



　　　　　　ヘッダー



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



#header {

	float: left;

	width: 800px;

	height:65px;

	background: url(../../images/iplogo.gif) top left no-repeat #fff;

}



#header h1 {

	text-align: right;

	width: 790px;

	padding: 5px;

	font-size: 0.85em;

}



#gnavi {

	margin: 0;

	padding: 0;

	background:url(../../images/menubar.gif) repeat-x;

	width: 800px;

	float: left;

}



#gnavi ul {

	display: block;

	list-style-type: none;

	height: 25px;

	width: 800px;

}





#gnavi li {

	display: inline;

	height: 30px;

	text-align: center;

}



#gnavi .gnaviLink {

	text-decoration: none;

	font-size:0.85em;

	text-align: center;

	padding: 0 20px 0 20px;

	color: #666;

	white-space: normal;

	border-right: 1px solid #666;

}







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



　　　　　コンテンツ



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





#contents {

	width: 800px;

	height: auto;

	background:#ffffff;

	margin: 0 auto;

	border-bottom: #333 dotted 1px;

	border-top: #333 dotted 1px;

	float: left;

	color: #333333;

}















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



　　　　　　メイン



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



#main {

	float: left;

	height: auto;

	width: 550px;

	background: #ffffff;

	padding: 20px;

}







#contents p {

	float: left;

	width:590px;

}







/*///////　最新ニュース　//////*/



#newsBox {

	float: left;

	width: 590px;

	padding-left:5px;

}



#newsBox div{

	height:100px;

	overflow: auto;

	background: #FFF;

	border: 1px solid #666;

}



#newsBox li {

	text-align: left;

	padding: 0 0 0 20px;

	line-height: 200%;

	font-size:0.9em;

}



#newsBox p {

	text-align: left;

	float: left;

}







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



　　　　　右バナー



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





#rightBox {

	float: right;

	width: 200px;

	height: auto;

	margin: 0;

}





#rightBox p {

	width: 190px;

	margin:0 7px 15px 0;

	text-align: left;

}



#rightBox p img {

	border: none;

	padding: 10px 0 0 0;

	}







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



　　　　　　フッター



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



#footer {

	width: 800px;

	height: 80px;

	float: right;

	background:#FFFFFF;

	vertical-align: bottom;

}



#footer ul {

	padding-top:20px;

	text-align: right;

	margin: 0 10px 0 0;

}



#footer li {

	display: inline;

	text-align:center;

	font-size:0.9em;

}



#footer li a:link,

#footer li a:visited{

	color:#000;

	text-decoration: none;

}



#footer li a:hover{

	color: #990000;

	text-decoration: none;

}



/*#footer .address {

    float: left;

	text-align:center;

	font-size:1em;

}*/





#footer address {

	background-color: #CC9933;

	width: 800px;

	margin-top: 10px;

	color: #FFFFFF;

	font-size: 0.9em;

	border: 1px dotted #999999;

}







.clear {

	clear: both;

}







.oneColLiqCtr #container {

	width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */

	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */

	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.oneColLiqCtr #mainContent {

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 20px;

}

.style1 {font-size: small}

.style2 {

	color: #FFFFFF;

	font-size: x-small;

}









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



　　　　採用情報



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









#mainCont {

	float: right;

	width: 600px;

	background: #FFF;

	margin: 0;

	padding: 0;

}











#leftNavi  {

	float: left;

	width: 180px;

	height: auto;

}





#leftNavi ul {

	text-align: left;

	display: block;

}





#leftNavi li {

	text-decoration: none;

}



#leftNavi a:link {

	text-decoration: none;

	color: #333333;

}





#leftNavi .Navisenpai {

	background-color: #666666;

}





#leftNavi .leftnaviTitle a {

	margin-left: 5px;

	text-decoration: none;

}





#leftNavi  .leftnaviStitle a:link,

#leftNavi  .leftnaviStitle a:visited {

	margin-left: 15px;

	text-decoration: none;

	color:#333333;

	font-size:0.85em;

}



#leftNavi  .leftnaviStitle a:hover {

	color: #990000;

}





#leftNavi h3 {

	text-align: left;

	height: 100px;

	background-color: #CC9900;

	border: 1px solid #ccc;

	width: 170px;

	margin: 5px;

	padding: 0 0 0 5px;

	color: #fff;

}





#mainCont .recruitProper {

	background-color: #FFFFFF;

	margin: 5px;

}





#mainCont .recruitParttime {

	background-color: #FFFFFF;

	margin: 5px;

}



#mainCont td.midasiPp {

	font-size: 1.2em;

	height:15px;

	padding-left:10px;

	text-align: left;

}



#mainCont td.midasiPt {

	font-size: 1.2em;

	height:15px;

	padding-left:10px;

}

#mainCont .titleRecruit {

	text-align: left;

	padding-top: 10px;

	padding-left: 15px;

	font-size: 1.5em;

	color: #CC9900;

	margin: 0 0 20px 0;

}

#leftNavi  ul.Navipocket {

	font-size: 0.95em;

}

#mainCont .titleEvent {

	text-align: left;

	color: #000000;

	font-size: 1.1em;

	border-left: #CC9900 15px solid;

	margin-left: 20px;

	margin-bottom: 20px;

	width: 520px;

	text-indent: 7px;

}

#mainCont .midasiPt {

	text-align: left;

}







/*

#mainCont dt {

	text-align: left;

	text-indent: 20px;

	font-size: 1.2em;

	color: #333333;

	margin-bottom: 20px;

}

#mainCont dd {

	width:500px;

	text-align: left;

	margin-left: 25px;

	padding-left:5px;

	border-bottom: 1px solid #333;

	border-left: 1px solid #333;

	line-height: 150%;

	font-size: 0.85em;

	margin-bottom: 10px;

}

*/



#mainCont dl.recruitDetail  {

	margin:0 0 15px 20px;

	width: 400px;

}



#mainCont .recruitDetail dt {

	width:420px;

	text-align: left;

	font-size: 0.9em;

	border-bottom: 1px solid #000066;

	margin:0 0 0 1.5em;

	font-weight: bold;

	color: #333333;

}





#mainCont .recruitDetail dd {

	width:420px;

	text-align: left;

	font-size: 0.9em;

	margin:0 0 0 20px;

	padding:0;

	line-height:100%;

	color: #333333;

}





#mainCont p.employee {

	text-align: left;

	color: #333333;

	font-size: 1em;

	width: 450px;

	margin: 2em 0 1em 1em;

	border: #666 solid 1px;

	padding: 0 0 0 1em;

	background: #FFFF99;

	font-weight: bold;

	clear: both;

}



.pagetop {

	text-align: right;

	margin:0 1em 0 0;

	font-size: 0.85em;

}



.pagetop a:link,

.pagetop a:visited{

	color: #333;

	text-decoration:none;

}



.pagetop a:link {

	color: #990000;

}



#mainCont .recruitToplink {

	margin: 0 0 1em 0;

	text-align: left;

}



#mainCont .recruitToplink li {

	display: block;

	padding: 0;

	width: 400px;

	float: left;

	list-style-type: square;

	list-style-position: inside;

}





#mainCont .recruitToplink a:link,

#mainCont .recruitToplink a:visited {

	text-decoration: none;

	color: #333333;

	font-size: 0.8em;

	font-weight: bold;

	list-style-type: square;

	list-style-position: inside;

}





#mainCont .recruitToplink a:hover {

	text-decoration: none;

	color: #990000;

	font-size: 0.8em;

	font-weight: bold;

	background-color: #CCCCCC;

}

#mainCont p.explain {

	text-align: left;

	margin: 0 0 2em 0.2em;

	font-size: 0.8em;

	width: 430px;

}

#mainCont .recruitCont {

	width: 450px;

	margin: 0 0 3em 3em;

	float: left;

	border-left: #ddeff7 5px solid;

	padding: 0 0 2em 1em;

	letter-spacing: 0.3em;

}

#mainCont .recruitCont .midasi {

	text-align: left;

	font-size: 1em;

	width: 450px;

	border-bottom: 1px #ccc solid;

	color: #333333;

}

#mainCont .recruitCont .midasi a {

	text-decoration: none;

	color: #333333;

	font-weight: bold;

}

#main img {

	float: left;

	border: none;

	width: 590px;

	padding: 2px 0 0 0;

}

#page {

	float: left;

	width: 800px;

	padding: 0;

	background: #fff;

}

#page .aboutList {

	background-position: left;

	width: 450px;

	font-size: 0.9em;

	color: #333333;

	float: left;

	margin: 0 0 0 100px;

}

#page .aboutList td {

	text-align: left;

	padding: 5px;

	vertical-align: top;

	font-size: 0.9em;

	height: 0.9em;

}

#page p.pageImg {

	float: right;

	padding: 0 50px 0 5px;

	width: 190px;

}

#page p.topImg {

	margin-bottom: 20px;

	float: left;

	margin-left: 5px;

	height: 100px;

}

#bottomBox {

	float: left;

	width: 600px;

	padding: 50px 100px 50px 100px;

	background: #fff;

}

#bottomBox p.text {

	text-align: left;

	font-size: 0.9em;

	text-indent: 0.9em;

}

#bottomBox p.midasiImg {

	text-align: left;

}

#bottomBox p.nameCeo {

	text-align: right;

}

#page p.philoMi {

	float: left;

	width: 700px;

	text-align: left;

	margin-left: 50px;

}

#page p.phiText {

	float: left;

	width: 700px;

}

#philosophy {

	width: 700px;

	float: left;

	padding: 0　0　0　50px;

	height: auto;

}

#philosophy p.phiText {

	text-align: left;

	text-indent: 1.1em;

	width: 350px;

	margin: 0 0 0 50px;

	float: left;

	font-size: 0.9em;

}

#philosophy .phiImg1 {

	width: 210px;

	float: right;

	vertical-align: top;

}

#philosophy div {

	float: left;

	width: 700px;

	height: 220px;

}

#philosophy p.phiConcept img {

	float: left;

	margin-left: 50px;

	margin-top: 50px;

}

#contents img {

	float: left;

	clear: both;

}

#contents #mainCont .text {

	text-align: left;

	margin-left: 20px;

	margin-bottom: 30px;

	letter-spacing: 0.3em;

}

#gnavi .here {

	font-weight: bold;

	color: #990000;

	font-size: 0.9em;

}

#wrapper #header .img {

	text-align: left;

}

#contents .accessImg {

	background-color: #FFFFFF;

	text-align: center;

	width: 800px;

}

#contents .accessImg img {

	text-align: center;

	width: 515px;

	margin-left: 150px;

	margin: 20px 0 0 150px;

}

#contents .accessText {

	width: 800px;

	background-color: #FFFFFF;

	text-align: center;

	padding-bottom: 30px;

}









ul.detail {

	margin:0; 

	padding:0; 

	list-style-position:inside;

}



ul.detail il {

	padding-left:5px;

}





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

 common

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



.ml05 {margin-left:5px;}

.ml10 {margin-left:10px;}

.ml15 {margin-left:15px;}

.ml20 {margin-left:20px;}

.ml25 {margin-left:25px;}

.ml30 {margin-left:30px;}

.ml35 {margin-left:35px;}

.ml40 {margin-left:40px;}

.ml45 {margin-left:45px;}

.ml50 {margin-left:50px;}

.ml55 {margin-left:55px;}

.ml60 {margin-left:60px;}







.pl05 {padding-left:5px;}

.pl10 {padding-left:10px;}

.pl15 {padding-left:15px;}

.pl20 {padding-left:20px;}

.pl25 {padding-left:25px;}

.pl30 {padding-left:30px;}

.pl35 {padding-left:35px;}

.pl40 {padding-left:40px;}

.pl45 {padding-left:45px;}

.pl50 {padding-left:50px;}

.pl55 {padding-left:55px;}

.pl60 {padding-left:60px;}