@charset "UTF-8";
/************************************

　　ジェイ・ブロード　採用ページ
*************************************/

/* スクロールバーの常時表示 */
html {
    margin-bottom:1px;
    height:100%;
    }
	
body {
	background-color: #fff;
	margin: 0 auto;
	font-size: 100%;
	font-family:  "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-selif;
	line-height: 1.4;
	color:#333;
}

/* Except IE */
html>body {
    font-size: 12pt;
}

p, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd {
    margin: 0;
	padding: 0;
}

ul, li {
    list-style-type:none;
    font-style:normal;
    font-weight:normal;
    position:static;
	margin:0;
	padding:0;
}
img { border:none;}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* リンク設定 */
a:link,
a:visited,
a:visited {color: #333;text-decoration: underline;}
a:hover {color: #999;text-decoration: none;}

/* フッターリンク設定
#footer a:link,
#footer a:visited,
#footer a:visited {color: #fff;text-decoration: underline;}
#footer a:hover {color: #d12a09;text-decoration: underline;}
 */



body { background:url(../images/bg.jpg) repeat;}

#wrapper { width:900px; margin:0 auto;}
#header { position:relative; margin-top:25px;}
#header ul { float:left; position:absolute; top:48px; left:300px;}
#header li { float:left;}
#header p { position:absolute; top:12px; left:717px;}

#sitepath { margin:37px 0 4px 7px;}
#sitepath li { float:left; margin-right:5px; font-size:78%;} 


* html #top-content {
behavior: expression(IEPNGFIX.fix(this));
}
#top-content { background:url(../images/bg_top.png) no-repeat; width:900px; height:527px; margin-top:37px; position:relative;}
#top-content h2 { padding:37px 0 0 11px;}
#top-content p { padding:35px 0 0 92px;}
#top-content dl { background-color:#FFF; border:#ccc 1px solid; filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70; width:305px; padding: 7px 15px; position:absolute; top:70px; left:550px;_top:-215px;_left:550px;}
#top-content dt { color:#010181; font-family: Arial, Helvetica, sans-serif; margin-bottom:5px; font-weight:bold;} 
#top-content dd { font-size:80%; margin-bottom:5px;} 
#top-content dd span { font-size:80%; color: #CC9900} 



#content { width:897px; position:relative; background-color:#fff; border-left:#dddede 1px solid; border-right:#dddede 1px solid; clear:both;}

#content-left { width:577px; float:left; font-size:80%; line-height: 1.8; margin:37px 0 0 22px; _margin:37px 0 0 12px;}

#content-left p { margin-bottom:25px;}

#content-left p span { color:#00008c; font-weight:bold;}

#content-left p img { padding:0 0 25px 25px; float:right;}

#content-right { width:251px; float:left; margin-left:30px; margin-top:37px;}

#content-right dl { background-color:#a2a8a5;}
#content-right dd { background-color:#a2a8a5; color:#fff; font-size:78%; padding:0 18px 10px 18px; line-height:1.4}

.page-entry { border-top:1px solid #ccc; padding-top:20px; text-align:center; margin-bottom:30px;}


#member-index { padding:40px 0 0 60px; _padding:40px 0 10px 70px; _margin-bottom:30px;}
#member-index li { float:left; margin:0 40px 30px 0; _margin:0 30px 0px 0;}


#data { width:780px; padding:30px 0 0 60px; }
#data th { background:#eee; border:1px solid #ccc; border-top:none; padding:5px; font-size:80%; font-weight:normal}
#data .table-right { background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:80%; padding:10px;}
#data .table-right2 { background:#fff; border-bottom:1px solid #ccc; font-size:80%; padding:10px;}




#footer { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:78%; color:#333; margin-top:40px; margin-bottom:70px;}
#footer ul { float:left; width:500px;}
#footer li { float:left; background:url(../images/footer_arrow.gif) no-repeat 0 4px; padding-left:10px; margin-right:10px;}
#footer p { float:right;}


.service { padding-top:6px;}
.service a:link { color:#fff;}
.service a:visited { color:#fff;}
.service a:hover { color:#fff; text-decoration:none;}