@charset "Shift_JIS";
/**
 :タイトル "TOPページ用スタイル";
 :作成日 "2009-05-19";
*/
/* ▼共通レイアウト・パーツ調整
   --------------------------------------------- */
#wrapper{
	position: relative;
	width: auto;
	min-width: 900px;
	padding: 0;
	background-image: none;
}
#header{
	z-index: 100;
	position: absolute;
	left: 50%;
	top: 0px;
	width: 900px;
	margin-left: -450px;
	background: #fff;
}
#footer{
	clear: both;
	width: 900px;
	margin: 0 auto;
}

/* ▼TOPページ
   --------------------------------------------- */
#topMain{
	width: 900px;
	margin: 0 auto 3em;
	line-height: 1.5;
}
#topMain:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #topMain{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

#spGlobalnav,
#spBusinessNav{
	display: none;
}

/* #topvisual */
#topVisualWrap{
	overflow: hidden;
	position: relative;
	height: 543px;
	margin-bottom: 35px;
	border-bottom: 2px solid #dfdfdf;
}
#topVisualWrap img{
	vertical-align: bottom;
}
#topVisualWrap #topVisualInner{
	overflow: hidden;
	height: 470px;
}
#topVisualWrap ul.visualList{
	overflow: hidden;
	height: 470px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#topVisualWrap li.topVisual{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	min-width: 900px;
	height: 470px;
	margin: 0;
	padding: 0;
}
#topVisualWrap li.topVisual div.inner{
	position: relative;
	width: 900px;
	height: 470px;
	margin: 0 auto;
}
#topVisualWrap li.topVisual.topVisual01{
	z-index: 13;
	background: url(/images/pct_top-visual01.jpg) no-repeat center top;
}
#topVisualWrap li.topVisual.topVisual02{
	z-index: 12;
	background: url(/images/pct_top-visual03.jpg) no-repeat center top;
}
#topVisualWrap li.topVisual.topVisual03{
	z-index: 11;
	background: url(/images/pct_top-visual02.jpg) no-repeat center top;
}
#topVisualWrap li.topVisual.topVisual p{
	position: absolute;
	margin: 0;
}
#topVisualWrap li.topVisual.topVisual01 p.ttl{
	top: 183px;
	left: 581px;
}
#topVisualWrap li.topVisual.topVisual01 p.lead{
	top: 279px;
	left: 581px;
}
#topVisualWrap li.topVisual.topVisual03 p.ttl{
	top: 223px;
	right: -7px;
}
#topVisualWrap ul.slide-navs{
	display: none !important;
}
#topVisualWrap .prev{
	z-index: 20;
	cursor: pointer;
	position: absolute;
	left: 7px;
	top: 243px;
	height: 55px;
	width: 55px;
	background: url(/images/btn_visual-back.png) no-repeat left top;
}
#topVisualWrap .prev:hover{
	opacity: 0.6;
}
#topVisualWrap .next{
	z-index: 21;
	cursor: pointer;
	position: absolute;
	right: 7px;
	top: 243px;
	height: 55px;
	width: 55px;
	background: url(/images/btn_visual-next.png) no-repeat left top;
}
#topVisualWrap .next:hover{
	opacity: 0.6;
}
dl#businessNav{
	position: relative;
	z-index: 10;
	margin: 0;
	border-bottom: 1px solid #bebebe;
	border-top: 6px solid #c3c3c3;
	background: #fff;
}
dl#businessNav dd{
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
dl#businessNav dt{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
}
dl#businessNav ul{
	position: relative;
	list-style: none;
	margin: -6px 0 0;
	padding: 0;
	background: url(/images/bg_business-nav-top.png) no-repeat 0px 0px;
	height: 72px;
	width: 900px;
}
dl#businessNav ul li{
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height: 72px;
	line-height: 72px;
}
dl#businessNav ul li a{
	display: block;
	overflow: hidden;
	width: 128px;
	height: 0px !important;
	padding-top: 72px;
	text-decoration: none;
	background: url(/images/bg_business-nav-top.png) no-repeat 0px 0px;
}
dl#businessNav ul li.nav01 a{
	background-position: 0px 0px;
}
dl#businessNav ul li.select.nav01 a,
dl#businessNav ul li.nav01 a:hover{
	background-position: 0px -72px; 
}
* html dl#businessNav ul li.select.nav01 a{
	background-position: 0px 0px;
}/* IE6 */
dl#businessNav ul li.nav02 a{
	background-position: -129px 0px;
}
dl#businessNav ul li.select.nav02 a,
dl#businessNav ul li.nav02 a:hover{
	background-position: -129px -72px;
}
* html dl#businessNav ul li.select.nav02 a{
	background-position: -129px 0px;
}/* IE6 */
dl#businessNav ul li.nav03 a{
	width: 127px;
	background-position: -258px 0px;
}
dl#businessNav ul li.select.nav03 a,
dl#businessNav ul li.nav03 a:hover{
	background-position: -258px -72px;
}
* html dl#businessNav ul li.select.nav03 a{
	background-position: -258px 0px;
}/* IE6 */
dl#businessNav ul li.nav04 a{
	background-position: -386px 0px;
}
dl#businessNav ul li.select.nav04 a,
dl#businessNav ul li.nav04 a:hover{
	background-position: -386px -72px;
}
* html dl#businessNav ul li.select.nav04 a{
	background-position: -386px 0px;
}/* IE6 */
dl#businessNav ul li.nav05 a{
	width: 127px;
	background-position: -515px 0px;
}
dl#businessNav ul li.select.nav05 a,
dl#businessNav ul li.nav05 a:hover{
	background-position: -515px -72px;
}
* html dl#businessNav ul li.select.nav05 a{
	background-position: -515px 0px;
}/* IE6 */
dl#businessNav ul li.nav06 a{
	background-position: -643px 0px;
}
dl#businessNav ul li.select.nav06 a,
dl#businessNav ul li.nav06 a:hover{
	background-position: -643px -72px;
}
* html dl#businessNav ul li.select.nav06 a{
	background-position: -643px 0px;
}/* IE6 */
dl#businessNav ul li.nav07{
	margin-right: 0;
}
dl#businessNav ul li.nav07 a{
	background-position: -772px 0px;
}
dl#businessNav ul li.select.nav07 a,
dl#businessNav ul li.nav07 a:hover{
	background-position: -772px -72px;
}
* html dl#businessNav ul li.select.nav07 a{
	background-position: -772px 0px;
}/* IE6 */
#topVisualWrap div.businessInfo{
	z-index: 100;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 173px;
	margin-left: -450px;
	width: 820px;
	height: 222px;
	padding: 35px;
	border: 5px solid #cecece;
	border-bottom: none;
	background: #FFF url(/images/bg_business-info01.png) no-repeat 56px bottom;
}
#topVisualWrap div#businessInfo01{
	background-position: 56px bottom;
}
#topVisualWrap div#businessInfo02{
	background-position: 184px bottom;
}
#topVisualWrap div#businessInfo03{
	background-position: 312px bottom;
}
#topVisualWrap div#businessInfo04{
	background-position: 440px bottom;
}
#topVisualWrap div#businessInfo05{
	background-position: 568px bottom;
}
#topVisualWrap div#businessInfo06{
	background-position: 696px bottom;
}
#topVisualWrap div#businessInfo07{
	background-position: 824px bottom;
}
#topVisualWrap div.businessInfo.disnon{
	display: none;
}
#topVisualWrap div.businessInfo div.box{
	float: left;
	width: 400px;
}
#topVisualWrap div.businessInfo div.box2{
	float: right;
}
#topVisualWrap div.businessInfo h2{
	margin: 0 0 0.8em;
	font-size: 200%;
	color: #3b499f;
	line-height: 1.35;
}
#topVisualWrap div.businessInfo h3{
	margin: 0 0 1em;
	line-height: 1.35;
}
#topVisualWrap div.businessInfo p.lead{
	margin: 0 0 1.75em;
	line-height: 1.6;
}
#topVisualWrap div.businessInfo p.btn{
	margin: 0;
}
#topVisualWrap div.businessInfo p.btn a{
	display: inline-block;
	padding: 0.85em 20px 0.85em 38px;
	border: 1px solid #ccc;
	font-weight: bold;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url(/common/images/icn_link.gif) no-repeat 18px center;
}
#topVisualWrap div.businessInfo p.btn a:hover{
	background-color: #d9f2ff;
	color: #3b499f;
	text-decoration: none;
}
* html #topVisualWrap div.businessInfo p.btn a{
    display: inline;
    zoom: 1;
}/* IE6 */
*:first-child+html #topVisualWrap div.businessInfo p.btn a{
    display: inline;
    zoom: 1;
}/* IE7 */

#topVisualWrap div.businessInfo div.companyListWrap{
	width: 400px;
	overflow: hidden;
	overflow-y: auto;
	height: 190px;
}
* html #topVisualWrap div.businessInfo div.companyListWrap{
	position: relative;
	z-index: 10;
}/* IE6 */
*:first-child+html #topVisualWrap div.businessInfo div.companyListWrap{
	position: relative;
	z-index: 10;
}/* IE7 */
#topVisualWrap div.businessInfo ul.companyList{
	position: relative;
	list-style: none;
	width: 406px;
	margin: 0 -6px 0 0;
	letter-spacing: -0.4em;
}
#topVisualWrap div.businessInfo ul.companyList li.company{
	display: inline-block;
	width: 178px;
	margin: 0 25px 1.15em 0;
	letter-spacing: normal;
	vertical-align: top;
}
* html #topVisualWrap div.businessInfo ul.companyList li.company{
    display: inline;
    zoom: 1;
}/* IE6 */
*:first-child+html #topVisualWrap div.businessInfo ul.companyList li.company{
    display: inline;
    zoom: 1;
}/* IE7 */
#topVisualWrap div.businessInfo ul.companyList p.pct{
	margin: 0 0 0.5em;
}
#topVisualWrap div.businessInfo ul.companyList p.txt{
	margin: 0;
	font-size: 86%;
	line-height: 1.35;
}
#topVisualWrap div.businessInfo p.close{
	position: absolute;
	right: 0px;
	top: -12px;
	padding: 1em 15px 1em 35px;
	font-size: 86%;
	cursor: pointer;
	font-weight: bold;
	color: #3b499f;
	background: #cecece url(/images/icn_close.png) no-repeat 16px center;
}
* html #topVisualWrap div.businessInfo p.close{
	top: -5px;
}/* IE6 */
*:first-child+html #topVisualWrap div.businessInfo p.close{
	top: -5px;
}/* IE7 */
#topVisualWrap div.businessInfo p.close:hover{
	text-decoration: underline;
	color: #0099ff;
}

/* 見出し */
h2.hdTxtTop01{
	position: relative;
	margin-bottom: 1em;
	padding: 0.95em 3px;
	border-top: 2px solid #ccc;
	border-bottom: 1px dotted #ccc;
	line-height: 1.35;
}
h2.hdTxtTop01:after{
	position: absolute;
	top: -2px;
	left: 0px;
    content: ""; 
    display: block;
	width: 300px;
	border-top: 2px solid #3b499f;
}
div.detail{
	position: relative;
	height: 0;
	width: 882px;
	margin: 0 9px;
}
div.detail ul.linkList01{
	position: absolute;
	top: -4.15em;
	right: 0px;
}
div.detail ul.linkList01 li{
	position: relative;
	top: 0.5em;
	float: right;
	margin: 0.3em 0 0 1em;
}
div.detail ul.linkList01 li.rss{
	padding-left: 18px;
	background: url(/common/images/icn_link-rss.gif) no-repeat 1px center;
}

/* ニュースリリース */
#news{
	margin-bottom: 3.5em;
}
#news h2{
	margin-bottom: 0;
}
#news dl{
	overflow: hidden;
	width: 900px;
	margin: 0;
	padding: 0;
}
#news dt{
    float: left;  
    width: 9em;
	margin: 0;
    padding: 0.5em 0 0;  
    line-height: 1.5;  
}  
#news dd{
    margin: 0;  
    padding: 0.5em 0 0.5em 9em;  
    line-height: 1.5;
	border-bottom: 1px dotted #ccc;
}
#news dd ul.linkList01,
#news dd ul.linkList01 li{
	margin: 0;
	padding: 0;
	background-image: none;
}
#news div.detail ul.linkList01 {
    position: absolute;
    top: -3.15em;
    right: 0px;
}
#news .linkList01none{
	padding: 1em 10px 0;
	list-style: none;
    margin: 0 0 1em;
}
#news ul.linkList01none li {
    margin: 0 0 0.35em 0;
    padding: 0 0 0 15px;
    background: url(/common/images/icn_link01.png) no-repeat 3px 0.65em;
}

/* SGホールディングスを知る */
#aboutSGH{
	margin-bottom: 5em;
	border-bottom: 1px solid #ccc;
}
ul.aboutList{
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
}
ul.aboutList li.about{
	display: inline-block;
	width: 209px;
	margin: 0 15px 1em 0;
	letter-spacing: normal;
	vertical-align: top;
	font-weight: bold;
}
* html ul.aboutList li.about{
    display: inline;
    zoom: 1;
}/* IE6 */
*:first-child+html ul.aboutList li.about{
    display: inline;
    zoom: 1;
}/* IE7 */
ul.aboutList li.about p.pct,
ul.aboutList li.about p.txt{
	display: table-cell;
	vertical-align: middle;
}
ul.aboutList li.about p.newwin{
	margin: 0 0 0.35em 0;
	padding: 0 20px 0 0;
	background: url(/common/images/icn_link-newwin.gif) no-repeat 120px 1.65em;
}

ul.aboutList li.about p.pct{
	width: 69px;
}
* html ul.aboutList li.about p.pct{
    display: inline;
    zoom: 1;
}/* IE6 */
*:first-child+html ul.aboutList li.about p.pct{
    display: inline;
    zoom: 1;
}/* IE7 */
* html ul.aboutList li.about p.txt{
    display: inline;
    zoom: 1;
}/* IE6 */
*:first-child+html ul.aboutList li.about p.txt{
    display: inline;
    zoom: 1;
}/* IE7 */


/* バナーリスト */
ul.topBnrList01{
	position: relative;
	list-style: none;
	margin: 0 -20px 1.3em 0;
	letter-spacing: -0.4em;
}
ul.topBnrList01 li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 20px 10px 0;
}
* html ul.topBnrList01 li{
    display: inline;
    zoom: 1;
}/* IE6 */
*:first-child+html ul.topBnrList01 li{
    display: inline;
    zoom: 1;
}/* IE7 */


/* #footerCont */
#footerCont{
	padding: 30px 0 0;
	border-top: 1px solid #ccc;
	background: url(/images/bg_footer-cont01.png) repeat-x left top;
}
#footerCont #groupIndex{
	_zoom: 1;
	overflow: hidden;
	width: 900px;
	margin: 0 auto 3em;
}
#footerCont #groupIndex div.box{
	float: left;
	width: 285px;
	margin-right: 15px;
}
#footerCont #groupIndex div.section{
	margin: 0 0 2.85em;
}
#footerCont #groupIndex h3.bizCat{
	margin: 0 0 1.2em;
	padding-bottom: 6px;
	border-bottom: 2px solid #eaeaeb;
}
#footerCont #groupIndex h3.bizCat span{
	display: table-cell;
	vertical-align: middle;
}
#footerCont #groupIndex h3.bizCat span.pct{
	width: 40px;
}
#footerCont #groupIndex dl.companyList{
	margin: 0;
}
#footerCont #groupIndex dl.companyList dt,
#footerCont #groupIndex dl.companyList dd{
	margin: 0;
}
#footerCont #groupIndex dl.companyList dt{
	margin-bottom: 0.5em;
	padding-left: 18px;
	background: url(/images/icn_link-none.gif) no-repeat 3px 5px;
	font-weight: bold;
	line-height: 1.3;
}
#footerCont #groupIndex dl.companyList dt.newwin{
	background: url(/common/images/icn_link-newwin.gif) no-repeat 1px 4px;
}
#footerCont #groupIndex dl.companyList dd{
	margin-bottom: 1.5em;
	padding-left: 18px;
	font-size: 86%;
	line-height: 1.35;
	color: #666;
	width:260px;
}
#footerCont #groupIndex dl.companyList a{
	color: #3b499f;
}
#footerCont #groupIndex dl.companyList a:link{
	text-decoration: none;
}
#footerCont #groupIndex dl.companyList a:visited{
	text-decoration: none;
	color: #3b499f;
}
#footerCont #groupIndex dl.companyList a:hover{
	text-decoration: underline;
	color: #0099ff;
}
#footerCont #groupIndex dl.companyList a:active{
	text-decoration: underline;
}