/*
create:2010 08 16 
update:2010 10 18
*/

/*****************
housing　rayout 
******************/
#wrapper{ width: 100%; min-width:935px; margin: 0 auto; text-align: left; background:#fff;}
*html #wrapper { width : expression( (document.documentElement.clientWidth < 935)? "935px" : "auto"); height:1%;}
#wrapperInner{ margin: 0 10px 10px;overflow: hidden;}
#container{ width: 100%; margin: 0; padding: 0; }
#contents { width: 935px; margin: 0 auto; line-height: 1.5; color: #111; font-size: 12px; }
.powerd_by { width: 800px; margin: 30px auto 10px; text-align: right; }
#attention { text-align:center ; font-size:10px ; color:#666666 ; line-height:140%; margin-bottom:10px; }

/* スペース */
.ma3 { margin: 3px; } .ml3 { margin-left: 3px; } .mr3 { margin-right: 3px; } .mt3 { margin-top: 3px; } .mb3 { margin-bottom: 3px; }
.ma5 { margin: 5px; } .ml5 { margin-left: 5px; } .mr5 { margin-right: 5px; } .mt5 { margin-top: 5px; } .mb5 { margin-bottom: 5px; }
.ma10 { margin: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; }
.ma15 { margin: 15px; } .ml15 { margin-left: 15px; } .mr15 { margin-right: 15px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; }
.ma20 { margin: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; }
.pa3 { padding: 3px; } .pl3 { padding-left: 3px; } .pr3 { padding-right: 3px; } .pt3 { padding-top: 3px; } .pb3 { padding-bottom: 3px; }
.pa5 { padding: 5px; } .pl5 { padding-left: 5px; } .pr5 { padding-right: 5px; } .pt5 { padding-top: 5px; } .pb5 { padding-bottom: 5px; }
.pa10 { padding: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; }
.pa15 { padding: 15px; } .pl15 { padding-left: 15px; } .pr15 { padding-right: 15px; } .pt15 { padding-top: 15px; } .pb15 { padding-bottom: 15px; }
.pa20 { padding: 20px; } .pl20 { padding-left: 20px; } .pr20 { padding-right: 20px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px; }

/* フロート */
.left { float: left; }
.right { float: right; }
.clear { clear: both; margin: 0; padding: 0; }
.clearfix:after {	content: " "; display: block; clear: both;	height: 0; visibility: hidden;} 
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;}

/* 共通 */
.section { border: 1px solid #CCCCCC; border-top: none; margin-bottom: 10px; }
.section ul { list-style: none; margin: 2px 5px; }
.section ul .links { background:url(http://image.excite.co.jp/jp/job/10/110330/arrow01.png) no-repeat left center; padding-left: 15px; margin-left: 3px; }

/* サイドナビゲーション */
#sideNavi { width: 210px; float: left; margin-right: 15px; }
#sideNavi .title { background:url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_title.png) no-repeat top left; height: 28px; }
#sideNavi .title h3 { font-size: 15px; font-weight: bold; padding: 2px 0 0 5px;}
#sideNavi .section .subtitle { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_border.png) no-repeat center bottom; font-size: 12px; padding: 5px 0 2px 5px;  }
.how-to01 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left top ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.how-to02 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -42px ; height: 32px; padding-left: 38px; }
.how-to03 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -84px ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.how-to04 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -126px ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.how-to05 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -168px ; height: 32px; padding-left: 38px; }
.how-to06 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -210px ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.how-to07 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -252px ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.how-to08 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -294px ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.how-to09 { background: url(http://image.excite.co.jp/jp/job/10/110330/sideNavi_icon.png) no-repeat left -336px ; height: 32px; padding-left: 38px; margin-bottom: 5px; }
.recJob table { width:190px; margin:0 auto;}
.recJob td { padding:4px 0;}
.recJob td img { padding-right:6px;}

/* メインコンテンツ */
#mainContent { width: 510px; float: left; margin-right: 15px; }
.newjob { background:url(http://image.excite.co.jp/jp/job/10/110330/newjob_bottom.png) no-repeat left bottom; padding-bottom: 10px; margin-bottom:10px; }
.newjob .title { background:url(http://image.excite.co.jp/jp/job/10/110330/newjob_title.png) no-repeat top left; width: 510px; height: 42px; }
.newjob .title h3 { padding-left: 160px; padding-top: 12px; width: 220px; float:left; font-size: 14px; }
.newjob .title .day { display: block; float:right; font-size: 11px; padding: 15px 5px 0 ; width: 120px; text-align: right; }
.newjob .joblinks { background:url(http://image.excite.co.jp/jp/job/10/110330/newjob_middle.png) repeat-y; }
.newjob .joblinks .inner { padding: 0 7px;}
.newjob .joblinks a { background:url(http://image.excite.co.jp/jp/job/10/110330/arrow02.png) no-repeat left center ;display:inline-block; padding-left: 13px; margin: 0 2px; }
.newjob .result_newjob { text-align: right; font-size: 10px; }
.newjob .result_newjob a{ background: none; }
.jobSearch { background:url(http://image.excite.co.jp/jp/job/10/110330/jobSearch_bottom.png) no-repeat left bottom; padding-bottom: 10px; margin-bottom:10px; }
.jobSearch .title { background:url(http://image.excite.co.jp/jp/job/10/110330/jobSearch_title.png) no-repeat left top; height: 31px; }
.jobSearch .title h3  { display:none; }
.jobSearch .inbox { background: url(http://image.excite.co.jp/jp/job/10/110330/jobSearch_middle.png) repeat-y; padding-top: 5px; }
.jobSearch .inbox .line { border-bottom: 1px dashed #CCCCCC; width: 490px; margin: 2px auto 0 ; }
.jobSearch .inbox .term { background: #FFE1BF; padding: 5px; width: 60px; }
.jobSearch .inbox .col { margin-left: 4px;}
.jobSearch .inbox .col input { margin-right: 3px; margin-top: 2px; }
.jobSearch .inbox select { margin-left: 4px; }
.jobSearch .inbox .btn { width: 173px; height:33px; margin: 5px auto 0;}
.hrLink div { float: left; width: 166px; height: 160px; margin-right: 3px; }
.hrLink .search_career a{ background:url(http://image.excite.co.jp/jp/job/10/110330/careerlink.png) no-repeat left top; width: 166px; height: 160px; text-indent: -9999px; display:block; }
.hrLink .search_career a:hover{ background-position: 0 -160px; }
.hrLink .search_haken a{ background:url(http://image.excite.co.jp/jp/job/10/110330/hakenlink.png) no-repeat left top; width: 166px; height: 160px; text-indent: -9999px; display:block; }
.hrLink .search_haken  a:hover{ background-position: 0 -160px; }
.hrLink .search_baito a{ background:url(http://image.excite.co.jp/jp/job/10/110330/baitolink.png) no-repeat left top; width: 166px; height: 160px; text-indent: -9999px; display:block; }
.hrLink .search_baito a:hover{ background-position: 0 -160px; }
.special { margin: 10px 0; background:url(http://image.excite.co.jp/jp/job/10/110330/special_bottom.png) no-repeat left bottom; padding-bottom: 10px; }
.special .title { background:url(http://image.excite.co.jp/jp/job/10/110330/special_title.png) no-repeat left top; height: 40px; }
.special .title h3 { display:none; }
.special .inner { background:url(http://image.excite.co.jp/jp/job/10/110330/special_middle.png) repeat-y; padding: 3px 18px 0;}
.careerLinks .title { background:url(http://image.excite.co.jp/jp/job/10/110330/career_title.png) no-repeat left top; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 3px 0 2px 10px; }
.careerLinks .inner { border: 1px solid #81AAEE; border-top: none; padding: 5px; }
.careerLinks .inner .links { width: 249px; height: 55px; float: left; }
.careerLinks .inner .photo { width: 85px; }
.hakenLinks .title { background:url(http://image.excite.co.jp/jp/job/10/110330/haken_title.png) no-repeat left top; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 3px 0 2px 10px; margin-top: 10px; }
.hakenLinks .inner { border: 1px solid #FD6AAC; border-top: none; padding: 5px; }
.hakenLinks .inner .links { width: 249px; height: 55px; float: left; }
.hakenLinks .inner .photo { width: 85px; }
.baitoLinks .title { background:url(http://image.excite.co.jp/jp/job/10/110330/baito_title.png) no-repeat left top; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 3px 0 2px 10px; margin-top: 10px; }
.baitoLinks .inner { border: 1px solid #FFC47F; border-top: none; padding: 5px; }
.baitoLinks .inner .links { width: 166px; height: 55px; float: left; }
.baitoLinks .inner .photo02 { width: 55px; }

/* サイドコンテンツ */
#sideContent { width: 180px; float: left; }
.pickup { text-align: center; padding: 7px 5px ; }
.pickup_last { text-align: center; padding: 7px 5px 14px 5px ; }
.ranking { line-height: 1.3; }
.ranking li strong { font-size: 14px; }
.ranking .rank01 { background:url(http://image.excite.co.jp/jp/job/10/110330/ranking_icon01.png) no-repeat top left; padding-left: 25px; }
.ranking .rank02 { background:url(http://image.excite.co.jp/jp/job/10/110330/ranking_icon02.png) no-repeat top left; padding-left: 25px; margin-top: 7px; }
.ranking .rank03 { background:url(http://image.excite.co.jp/jp/job/10/110330/ranking_icon03.png) no-repeat top left; padding-left: 25px; margin-top: 7px; }
.ranking .rank04 { background:url(http://image.excite.co.jp/jp/job/10/110330/ranking_icon04.png) no-repeat top left; padding-left: 25px; margin-top: 7px; }
.ranking .rank05 { background:url(http://image.excite.co.jp/jp/job/10/110330/ranking_icon05.png) no-repeat top left; padding-left: 25px; margin-top: 7px; }
#sideContent .prCon { background:url(http://image.excite.co.jp/jp/job/10/110330/articleNavBg1.png) no-repeat; width:180px; height:116px; margin-bottom:10px;}
#sideContent .prCon h3 { font-weight:bold; line-height:150%; padding:45px 0 0 10px; width:85px;}

/* 記事コンテンツ */
#articleBox { width:705px; float:left;}
#articleBox .agentInfo { background:url(http://image.excite.co.jp/jp/job/10/110330/articleTitle1.png) no-repeat top; padding-bottom:15px; border:2px solid #FFC480; margin-bottom:15px;}
.agentInfo h3 { text-indent:-9999px; padding-top:50px;}
.agentInfo .inContents { width:666px; margin:0 auto; font-size:14px; line-height:170%; text-align:justify; text-justify:inter-ideograph; }
.agentInfo .right { padding-left:15px;}
.agentInfo .catchBox { border:5px solid #E6E6E6; padding:10px; width:636px; height:125px; margin-bottom:10px; position:relative;}
.agentInfo .catchBox .shikumi { position:absolute; width:150px; font-size:12px; text-align:right; right:15px; top:6px;}
.agentInfo .catchBox h4 { font-size:18px; font-weight:bold; margin-bottom:7px; line-height:100%;}
.agentInfo .catchBox img { float:left; width:100px; padding-right:10px;}
.agentInfo .catchBox .textBox { float:left; width:505px; line-height:150%; height:86px; padding:5px 7px;}
.agentInfo .catchBox .box1 h4 { color:#FF3760;}
.agentInfo .catchBox .box2 h4 { color:#63872E;}
.agentInfo .catchBox .box3 h4 { color:#1E89FF;}
.agentInfo .catchBox .box1 .textBox { border:2px solid #FFA4B4; background:#FFDDE3;}
.agentInfo .catchBox .box2 .textBox { border:2px solid #ABCF74; background:#DDECC6;}
.agentInfo .catchBox .box3 .textBox { border:2px solid #B9DAFF; background:#E6F1FF;}
.agentInfo .term { background:#FFE1C1; border-top:2px solid #FFC480; padding:5px 10px; font-weight:bold; font-size:16px;}
.agentInfo .textData { width:655px; margin:0 auto 15px;}
.agentInfo .textData .right { margin-top:15px;}
.agentInfo .textData strong { display: inline-block; padding-top:10px;}
.agentInfo .textData .at { color:#990000; font-weight:bold; margin-top:12px;}
#articleBox .newCareerJob { background:url(http://image.excite.co.jp/jp/job/10/110330/articleTitle2.png) no-repeat top; padding-top:46px; border:2px solid #9DEB35; position:relative;}
#articleBox .newCareerJob .title h3 { width:200px; position:absolute; top:22px; font-weight:bold; left:205px; font-size:16px;}
#articleBox .newCareerJob .day { width:150px; position:absolute; top:10px; right:10px; text-align:right;}
#articleBox .newCareerJob .joblinks { margin:10px; padding:5px; line-height:170%; border:4px solid #E9F9DF; }
#articleBox .newCareerJob .joblinks a { background:url(http://image.excite.co.jp/jp/job/10/110330/arrow02.png) no-repeat left center ; display:inline-block; padding-left: 13px; margin: 0 2px; }
#articleBox .newCareerJob .result_newjob { text-align:right;}