/*
		CSS for SEM.GMO.JP 
		Authored by Jason Bickley
		Date: 09 April 2008
*/

/* GLOBAL STRUCTURE */
*    {padding: 0; margin: 0;}
hr   {display: none;}
body {text-align: center; font-size: 12px; font-family: Verdana, Helvetica, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif; background: #e3edff; padding-bottom: 50px;}
p    {line-height: 18px;}
h3   {height: 23px; text-indent: -5000em; margin-bottom: 15px;}

#wrapper {background: url(/bizx/images/bkgrd_content.gif) 0 0 repeat-y; /*background: url(/bizx/images/index.png) 0 0 repeat-y;*/ width: 911px; margin: 0 auto 0 auto; text-align: left;}
#wrapperInner {/*background: url(/bizx/images/_WHITE.png);*/}
#header  {height: 358px; position: relative; background: url(/bizx/images/bkgrd_header.jpg) 0 0 no-repeat;}
#footer  {background: url(/bizx/images/bkgrd_footer.gif) 65px bottom no-repeat;}

.contents {width: 560px; margin-left: 270px;}
.toTop    {padding: 0 0 0 450px; margin: 0; width: auto; display: block;}

.more a           {padding-left: 12px; font-size: 10px; background: url(/bizx/images/more_arrow.gif) 0 50% no-repeat; font-size: 12px;}
.more small       {display: none;}
.registerPC a     {display: block; height: 55px; width: 275px; background: url(/bizx/images/btn_apply.gif) 50% 0 no-repeat; text-indent: -5000em; overflow: hidden;}
.registerPC small {display: none;}
.registerMB a     {display: block; height: 55px; width: 275px; background: url(/bizx/images/btn_apply.gif) 50% 0 no-repeat; text-indent: -5000em; overflow: hidden;}
.registerMB small {display: none;}

/* NAVI STRUCTURE */
#navi,
#section01 #navi {width: 168px; position: absolute; top: 0; left: 87px; background: url(/bizx/images/navi_on.png) 0 0 no-repeat;}
#navi li      {list-style: none;}
#navi li a    {display: block; height: 40px; width: 100%; text-indent: -5000em; overflow: hidden; background: url(/bizx/images/navi_off.png) 0 0 no-repeat;}
#navi li a br {display: none;}
#navi li a:hover {background: none;}

#navi .navi01 {background-position: 0 0;}
#navi .navi02 {background-position: 0 -26px; height: 41px;}
#navi .navi03 {background-position: 0 -67px;}
#navi .navi04 {background-position: 0 -107px;}
#navi .navi05 {background-position: 0 -147px;}
#navi .navi06 {background-position: 0 -187px;}

#navi .navi01     {height: 26px;}
#navi .last       {padding-top: 5px; border: 0; background: none;}
#navi .last a     {padding-left: 12px; background: url(/bizx/images/more_arrow.gif) 0 50% no-repeat; text-indent: 0; height: auto; display: inline;}
#navi .last a:hover {background: url(/bizx/images/more_arrow.gif) 0 50% no-repeat;}
#navi .last br    {display: block;}
#navi .last small {font-size: 11px; border: 0;}

/* NAVI PAGE SWITCH */
#page_top        #navi .navi01 {background: none;}
#page_service    #navi .navi02 {background: none;}
#page_mb_service #navi .navi03 {background: none;}
#page_flow       #navi .navi04 {background: none;}

/* FOOTER STRUCTURE */
#footer          {margin: 0 auto; text-align: justify; position: relative; padding-bottom: 16px;}
* html #footer   {padding-bottom: 0; min-height: 150px; _height: 140px;} /* Fix IE6/IE7 fat footer bottom */
#footer hr       {border: 0 solid #fff; border-top: 1px solid #d5d5d5; position: absolute; top: 0; left: 81px; width: 750px; height: 1px; display: block; border-collapse: collapse;}
#footer iframe   {position: absolute; top: 25px; left: 100px; display: block; width: 130px; background: none;}
#footer address  {font-size: 10px; font-style: normal; font-family: Arial, Helvetica, sans-serif; color: #919191; padding-top: 10px; text-align: center;}
#footer ul       {width: 570px; margin: 0 0 0 252px; padding-top: 15px;}
#footer li       {display: inline; padding: 0 5px 0 0; font-size: 10px; line-height: 12px;}
#footer li .link {padding-left: 10px; background: url(http://img.gmo.jp/footer/img/link.gif) 0 50% no-repeat;}

#banner_yahoo a {
	display:block;
	overflow:hidden;
left:87px;
position:absolute;
top:200pt;
width:173px;
	height:77px;
	background:url('../images/yahoo_bnr.gif') no-repeat;
	text-indent:-9999px;
}


/* uriageUpCenter Information */

div#uriageupCenter{
	position:absolute;
	left:87px;
	top:247pt;
	width:162px;
	padding:3px 3px;
	height:264px;
	margin-top:22px;
	background:url(/images/uriageUP_bg01.gif) no-repeat center top;
	}

div#uriageupCenter p.heading{
	width:162px;
	height:128px;
	background:url(/images/uriageUP_img01.gif) no-repeat center top;
	}

div#uriageupCenter p.heading a{
	display:block;
	width:162px;
	height:128px;
	text-indent:-9999px;
	}

div#uriageupCenter dl{
	width:154px;
	marging:0;
	padding:5px 0 3px 8px;
	background:#ffaf15;
	}

div#uriageupCenter dl dt{
	width:145px;
	height:10px;
	font-size:1px;
	margin-bottom:7px;
	text-indent:-9999px;
	background:#ffaf15 url(/images/uriageUP_img02.gif) no-repeat center top;
	}

div#uriageupCenter dl dd{
	width:138px;
	height:12px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 0 3px 2px;
	}

div#uriageupCenter dl dd.case{ background:url(/images/uriageUP_img03.gif) no-repeat left top; }
div#uriageupCenter dl dd.interview{ background:url(/images/uriageUP_img04.gif) no-repeat left top; }


div#uriageupCenter dl dd a{
	display:block;
	width:138px;
	height:12px;
	}

div#uriageupCenter dl dd.case a:hover{ background:url(/images/uriageUP_img03_on.gif) no-repeat left top; }
div#uriageupCenter dl dd.interview a:hover{ background:url(/images/uriageUP_img04_on.gif) no-repeat left top; }

div#uriageupCenter p.detailsbtn{
	marging:0;
	padding:5px 0 15px;
	}

div#uriageupCenter p.detailsbtn a{
	display:block;
	width:130px;
	height:29px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(/images/uriageUP_img05.gif) no-repeat left top;
	}

div#uriageupCenter p.detailsbtn a:hover{ background:url(/images/uriageUP_img05_on.gif) no-repeat left top; }

div.tagArea{ display:none; }