@charset "utf-8";
/* CSS Document */

/*---------------------------------------
Uniersal Selector
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
html { 
	overflow-y:scroll;
}

body {
	margin-top:4px;
	/*padding:0 0 21px;*/
	color:#333;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	line-height:1.4;
}

img {
	border:0;
}

strong { 
	font-weight:bold;
}

em {
	color:#F00;
}

table {
	border-collapse:collapse;
}

td,
th {
	vertical-align:top;
}

p {
	margin-bottom:15px;
}

ul {
	list-style:none;
}

a {
	color:#039;
}

a:visited {
	color:#6B3D99;
}

a:hover {
	color:#0AC;
}

.center { 
	text-align:center; 
}

.right { 
	text-align:right;
}

.left { 
	text-align:left;
}

.faceBold {
    font-weight:bold;
}

.faceRed {
    color:#F00;
    font-weight:normal;
}

.faceBoldRed {
    color:#F00;
    font-weight:bold;
}

.faceBoldSiteColor {
	color:#1959B2;
	font-weight:bold;
}

.clear { 
	clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* ロールオーバ */
/* IE6 */
.buttonHover,
.pageTop #contents .frameBox .titleRecruit a:hover img,
.pageTop #contents .frameBox .titleIr a:hover img,
.pageTop #contents .frameBox .titleCompany a:hover img,
.pageNews2011 #menu .news a img,
.pageNews2010 #menu .news a img,
.pageNews2009 #menu .news a img,
.pageNews2008 #menu .news a img,
.pageNews2007 #menu .news a img,
.pageNews2006 #menu .news a img,
.pageNews2005 #menu .news a img,
.pageNews2004 #menu .news a img,
.pageNews2003 #menu .news a img,
.pageService #menu .service a img,
.pageServiceMobile #menu .service a img,
.pageServiceIphone #menu .service a img,
.pageServiceIphoneCarHoken #menu .service a img,
.pageServiceIphoneCarKaitori #menu .service a img,
.pageServiceIphoneHikkoshi #menu .service a img,
.pageServiceIphoneSpiGengo #menu .service a img,
.pageServiceIphoneSpiHigengo #menu .service a img,
.pageServiceIphoneBm #menu .service a img,
.pageServiceIphoneEs #menu .service a img,
.pageServiceAndroid #menu .service a img,
.pageServiceAndroidCarHoken #menu .service a img,
.pageServiceAndroidCarKaitori #menu .service a img,
.pageServiceAndroidHikkoshi #menu .service a img,
.pageStrategy #menu .strategy a img,
.pageStrategyMarket #menu .strategy a img,
.pageStrategyReal #menu .strategy a img,
.pageIr #menu .ir a img,
.pageIrHighlight #menu .ir a img,
.pageIrFinance #menu .ir a img,
.pageIrFinancialReport .ir a img,
.pageIrInternalControl .ir a img,
.pageIrStock #menu .ir a img,
.pageIrNotice #menu .ir a img,
.pageIrLibrary #menu .ir a img,
.pageIrCalendar #menu .ir a img,
.pageIrDisclaimer #menu .ir a img,
.pageCompany #menu .company a img,
.pageCompanyOutline #menu .company a img,
.pageCompanyGroup #menu .company a img,
.pageCompanyIso #menu .company a img,
.pageCompanyAccess #menu .company a img,
.pageRecruit #menu .recruit a img,
.pageRecruitInformation #menu .recruit a img,
.pageRecruitNewGraduate #menu .recruit a img,
.pageRecruitMidCareer #menu .recruit a img,
.pageRecruitArbeit #menu .recruit a img,
.pageRecruitGroup #menu .recruit a img,
.pageRecruitMessage #menu .recruit a img,
.pageRecruitVision #menu .recruit a img,
.pageRecruitDivision #menu .recruit a img,
.pageRecruitInstitution #menu .recruit a img,
.pageRecruitVoice #menu .recruit a img,
.pageRecruitFaq #menu .recruit a img,
.pageRecruitEntry #menu .recruit a img,
#menu li a:hover img {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;
}

/* IE-expression (fix png alpha) imgタグ用 */
* html #mainWrapper .frameTop img {
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = "http://img.phoenix.webcrew.co.jp/12200/images/spacer.gif",
this.style.behavior = "none"
);
}

/* IE-expression (fix png alpha) 背景引き伸ばし用 */
/** html #wrapper .footerArea {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}*/

/* IE-expression (fix png alpha) 背景用 */
* html #contentsWrapper {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

/*---------------------------------------
Uncommon
----------------------------------------*/
html {
	/*background:#00349C url(http://img.phoenix.webcrew.co.jp/12200/images/page_top_bg.gif) center top no-repeat;*/
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/page_top_bg.gif) center top no-repeat;
}

body {
	/*background-color:#8E92A6;*/
}

/*---------------------------------------
#wrapper
----------------------------------------*/
#wrapper {
	padding:0 0 21px;
	background-color:#8E92A6;
}

#mainWrapper {
	background:#9EA1B2 url(http://img.phoenix.webcrew.co.jp/12200/images/page_bg.gif) left top repeat-x;
}

#mainWrapper .frameTop {
	margin:0 auto;
	width:874px;
}

#headerWrapper {
	background-color:#fff;
}

#wrapper .mainArea {
	/*margin-bottom:7px;*/
	padding-top:8px;
	margin:0 auto 7px;
	width:860px;
}

/*---------------------------------------
#header
----------------------------------------*/
#header {
	/*margin:0 auto;*/
	margin:0 auto 14px;
	padding-top:8px;
	width:860px;
}

/*#header .logoBox {
	margin-bottom:14px;
	padding-top:8px;
}*/

#header .logo,
#header .fontBlock {
	float:left;
}

#header .logo {
	padding-top:5px;
	width:350px;
}

/*#header .fontBlock {*/
#header .fontBox {
	padding-top:5px;
	float:left;
	width:510px;
	font-size:85%;
	text-align:right;
}

/*#header .fontBlock img {
	vertical-align:middle;
}*/

#header .textBlock,
#header .fontBlock,
#header .mothersBlock {
	float:left;
}

#header .textBlock {
	/*margin-left:235px;*/
	/*padding:8px 5px 0 0;*/
	/*width:54px;*/
	padding-top:8px;
	width:289px;
	text-align:right;
}

#header .textBlock img {
	margin-right:5px;
}

#header .fontBlock {
	width:86px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/button_font_active.gif) no-repeat;
}
 
#header .mothersBlock {
	padding-top:0.75em;
	width:130px;
}

/*---------------------------------------
#menu
----------------------------------------*/
#menu {
	background:#E7E7E7 url(http://img.phoenix.webcrew.co.jp/12200/images/menu_bg.gif) 0 0 repeat-x;
}

/*#menu .menuArea {
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/menu_shadow.gif) left bottom repeat-x;
}*/

#menu .menuBox {
	margin:0 auto;
	/*padding-bottom:8px;*/
	width:860px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/menu_hover.gif) 0 0 no-repeat;
}

#menu .menuBox ul li {
	float:left;
}

#menu .menuBox ul li.news,
#menu .menuBox ul li.service,
#menu .menuBox ul li.strategy,
#menu .menuBox ul li.ir,
#menu .menuBox ul li.company {
	width:143px;
}

#menu .menuBox ul li.recruit {
	width:144px;
}

#menu .menuBox ul li a {
	display:block;
}

#menu .headerInfo {
	padding:4px 0 2px;
	font-size:85%;
}

#menu .headerInfo .breadcrumb {
	float:left;
	width:610px;
}

#menu .headerInfo .siteInfo {
	float:left;
	width:250px;
	text-align:right;
}

#menu .headerInfo .linkHome {
	padding-left:13px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/icon_home.gif) left center no-repeat;
}

#menu .headerInfo .linkSitemap {
	padding-left:13px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/icon_sitemap.gif) left center no-repeat;
}

#menu .headerInfo .linkContact {
	padding-left:12px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/icon_contact.gif) left center no-repeat;
}

/*---------------------------------------
#contentsWrapper
----------------------------------------*/
#contentsWrapper {
	margin:0 auto;
	/*position:relative;*/
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/frame_bg.png) 0 0 no-repeat;
	width:874px;
	z-index:999;
}

/*---------------------------------------
#contents
----------------------------------------*/
#contents {
	margin:0 7px;
	padding:10px 25px 0;
	position:relative;
	width:810px;
	background-color:#fff;
}

/*#contents */
.bottomLinkBox {
	/*margin-left:-25px;*/
	margin:0 auto;
	padding:19px 45px 6px 615px;
	position:relative;
	border-bottom:4px solid #D6D6D6;
	width:200px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/bottom_link_bg.jpg) left top no-repeat;
	font-size:85%;
	text-align:center;
}

/*#contents */
.bottomLinkBox a {
	padding-left:14px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/icon_link_up.gif) left center no-repeat;
	text-align:left;
}



/*---------------------------------------
#footer
----------------------------------------*/
.footerArea {
	margin-top:-10px;
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/page_bottom.png) repeat-x;
}

#footer {
	margin:0 auto;
	padding-top:20px;
	width:860px;
}

/* footerLink */
#footer .footerLink {
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/line_footer_link.gif) 0 0 repeat-y;
	width:860px;
}

#footer .footerLink dl {
	padding:0 10px;
	float:left;
	line-height:1.2;
}

#footer .footerLink dl.news,
#footer .footerLink dl.service,
#footer .footerLink dl.strategy,
#footer .footerLink dl.ir,
#footer .footerLink dl.company {
	width:123px;
}

#footer .footerLink dl.news {
	padding-left:0;
}

#footer .footerLink dl.recruit {
	padding-right:0;
	width:145px;
}

#footer .footerLink dl dt,
#footer .footerLink dl dt a {
	font-weight:bold;
	color:#fff;
}

#footer .footerLink dl dd,
#footer .footerLink dl dd a {
	color:#fff;
}

#footer .footerLink dl dt a,
#footer .footerLink dl dd a {
	text-decoration:none;
}

#footer .footerLink dl dd a {
	font-size:85%;
}

#footer .footerLink dl dt a:hover,
#footer .footerLink dl dd a:hover {
	text-decoration:underline;
}

#footer .sealArea {
	margin:13px 0 11px;
	padding:5px 0;
	clear:both;
	border:1px solid #B6B6B6;
	background:#D5D2D7;
}

#footer .sealArea img {
	vertical-align:middle;
}

#footer .lineSeal {
	background:url(http://img.phoenix.webcrew.co.jp/12200/images/line_seal.gif) 0 0 repeat-y;
}

#footer .isoBox {
	padding:8px 26px 0;
	float:left;
	width:350px;
}

#footer .isoBlock {
	margin:-59px 0 0 126px;
	width:224px;
}

#footer .isoBlock img {
	margin:0 0 3px;
}

#footer .isoBlock p {
	margin-bottom:0;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:85%;
}

#footer .mothersBox {
	padding:5px 18px 0 26px;
	float:left;
	width:201px;
}

#footer .mothersBox img {
	margin-right:11px;
}

#footer .challenge25Box {
	padding-left:26px;
	float:left;
	widht:159px;
}

#footer .companyBox {
	margin-bottom:11px;
}

#footer .companyBox div {
	margin:-41px 0 0 130px;
	width:730px;
	color:#fff;
}

#footer .companyBox div span {
	font-weight:bold;
}

#footer .footerNav {
	padding:2px 0;
	border-width:1px 1px 0;
	border-style:dotted;
	border-color:#fff;
	width:858px;
	text-align:center;
	color:#fff;
}

#footer .footerNav a {
	text-decoration:none;
	color:#fff;
}

#footer .footerNav a:hover {
	text-decoration:underline;
}

#footer .copyright {
	padding:2px 0;
	border:1px dotted #fff;
	width:858px;
	text-align:center;
	color:#fff;
}

/* 印刷設定 */
@media print {
	#wrapper {
		background-color:#fff;
	}
	#mainWrapper {
		background:none;
	}
	#contentsWrapper .bottomLinkBox,
	#footer .footerLink {
		display:none;
	}
	#wrapper .footerArea {
		margin-top:0;
		float:left;
		clear:both;
		width:100%;
		background:#8E92A6 none;
	}
}