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

/* HEADER STRUCTURE */
#header            {text-indent: -5000em; height:359px;}
#header h2         {position: absolute; top: 90px; left: 110px; width:449px; height:101px; background:url(images/bkgrd_header01.jpg) no-repeat left top;}
#header h3         {position: absolute; top: 210px; left: 110px; width:381px; height:42px; background:url(images/bkgrd_header02.jpg) no-repeat left top;}
#header p.copy     {position: absolute; top: 260px; left: 113px; text-indent:0; font-size:10px; line-height:180%;color:#797979;}
#header .pasokon a {position: absolute; top: 21px; left: 638px; z-index: 200; display: block; width: 198px; height: 39px; text-indent: -5000em; overflow: hidden; background: url(images/bkgrd_btn01.gif) no-repeat left top;}
#header h1 a       {position: absolute; top: 22px; left: 85px; width: 345px; height: 34px; display: block; overflow: hidden;}

/* SECTION STRUCTURE */
#section01 {position: relative; }
#section02 {height: 305px; position: relative; background: url(/bizx/images/bkgrd_section02.gif) 269px 0 no-repeat; margin-top:40px;}
#section03 {height: 410px; position: relative; background: url(/bizx/flow/images/illustration_01.gif) 280px 42px no-repeat;}
#section04 {height: 692px; position: relative;}

/* SECTION 01 */
#section01 div.warning{
	width:533px;
	margin-left:270px;
	padding:10px;
	border:solid 2px #f00;
	margin-bottom:20px;
}
#section01 div.warning p.ttl{
	font-weight:bold;
	margin-bottom:5px;
	line-height:120%;
}
#section01 div.warning dl {
	line-height:140%;
}
#section01 div.warning dt {
	line-height:140%;
	margin-bottom:5px;
}
#section01 div.warning dd {
	line-height:140%;
	padding-left:1.0em;
	text-indent:-1.0em;
}
#section01 div.warning dd.tgt {
	padding:5px;
	text-indent:0;
	margin-bottom:5px;
	background-color:#fffbde;
}


#section01 p.ttl_hosyo {
	width:557px;
	height:27px;
	margin:0;
	margin-left:270px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/hosyo_ttl.gif) no-repeat;
}
#section01 div.hosyo{
	width:505px;
	padding:15px 24px 20px;
	margin-left:270px;
	border:solid 2px #00baff;
	border-top:none;
	margin-bottom:20px;
	background:url(images/hosyo_bg.gif) bottom no-repeat;
}
#section01 div.hosyo p.txt{
	padding-bottom:18px;
	margin-bottom:18px;
	background:url(images/hosyo_dotline.gif) bottom no-repeat;
}
#section01 div.hosyo ul li{
	list-style:none;
	list-style-position:inside;
	text-indent:0;
	padding-left:0;
	color:#004c77;
	font-size:10px;
	padding-left:1.0em;
	text-indent:-1.0em;
	line-height:160%;
}

div.hoshoucamp{
	width:557px;
	height:209px;
	margin:0 0 29px 270px;
	background:url(images/hoshou_camp.gif) bottom no-repeat;
}
div.hoshoucamp dl dt{
	height:46px;
	text-indent:-9999px;
	}

div.hoshoucamp dl dd{
	width:510px;
	margin:0 auto;
	padding-bottom:18px;
	line-height:140%;
	background:url(images/hoshou_camp_line.gif) bottom no-repeat;
	}

div.hoshoucamp ul{
	width:510px;
	margin:18px auto 0;
	}

div.hoshoucamp ul li{
	margin-bottom:4px;
	font-size:10px;
	color:#004c77;
	list-style-type:none;
	}

div.security{
	width:558px;
	margin:0 0 29px 270px;
	background:url(images/security_img01.gif) no-repeat left top;
	height:220px;
	}

div.security h4,div.security p{
	text-indent:-9999px;
	}

div.security p.ttl{
	width:364px;
	height:43px;
	margin:0 0 0 90px;
	text-indent:-9999px;
	background:url(images/security_ttl01.gif) no-repeat left top;
	}

div.security ul{
	width:515px;
	margin:13px auto 0;
	padding:80px 14px;
	}

div.security ul li{
	margin-bottom:5px;
	padding-left:12px;
	text-indent:-12px;
	font-size:10px;
	line-height:12px;
	color:#03497a;
	list-style-type:none;
	}

#section01 div.sct01{width:557px; margin-left:270px;}
#section01 div.sct01 h3{width:339px;height:15px; margin-bottom:10px; background:url(images/yh_img01.gif) no-repeat left top; text-indent:-9999px;}
#section01 div.sct01 p{ilne-height:16px;}
#section01 div.sct01 p.more{text-align:right;}
#section01 div.sct01 p.more a{font-size:10px;}

#section01 div.yahoo{width:557px; height:225px; margin:15px 0 0 270px; background:url(images/yh_bg01.gif) no-repeat left top;}
#section01 div.yahoo h4{ height:62px; text-indent:-9999px; }
#section01 div.yahoo dl{ margin:12px; font-size:11px; }
#section01 div.yahoo dl dt{ font-size:10px; height:14px; text-indent:-9999px; }
#section01 div.yahoo dl dt.point01{background:url(images/yh_ttl01.gif) no-repeat left top; }
#section01 div.yahoo dl dt.point02{background:url(images/yh_ttl02.gif) no-repeat left top; }
#section01 div.yahoo dl dt.point03{background:url(images/yh_ttl03.gif) no-repeat left top; }
#section01 div.yahoo dl dd{ margin:5px 0 10px 25px; line-height:150%; }


#section01 div.gmogr{width:557px; height:312px; margin:15px 0 0 270px; background:url(images/gmo_bg01.gif) no-repeat left top;}
#section01 div.gmogr h4{ height:62px; text-indent:-9999px; }
#section01 div.gmogr dl{ margin:12px; font-size:11px; }
#section01 div.gmogr dl dt{ font-size:10px; height:14px; text-indent:-9999px; }
#section01 div.gmogr dl dt.point01{background:url(images/gmo_ttl01.gif) no-repeat left top; }
#section01 div.gmogr dl dt.point02{background:url(images/gmo_ttl02.gif) no-repeat left top; }
#section01 div.gmogr dl dt.point03{background:url(images/gmo_ttl03.gif) no-repeat left top; }
#section01 div.gmogr dl dd{ margin:5px 0 10px 25px; line-height:150%; }
#section01 div.gmogr dl dd ul {padding-top:3px;}
#section01 div.gmogr dl dd ul,
#section01 div.gmogr dl dd ul li {list-style:none; font-size:x-small; line-height:140%;}
#section01 div.gmogr dl dd ul li {padding-left:1.0em; text-indent:-1.0em;}

#section01 div.price{width:557px; margin:40px 0 0 270px;}
#section01 div.price h3{ width:557px; height:23px; background:url(images/price_ttl01.gif) no-repeat left top; }
#section01 div.price table{width:537px;margin-left:10px; border:1px solid #bfbfbf; border-collapse:collapse; }
#section01 div.price table th{width:107px; padding:5px 5px; font-size:10px; border:1px solid #bfbfbf; background:#efefef; text-align:center; }
#section01 div.price table th.name01{font-size:11px;width:42px;}
#section01 div.price table th.name02{font-size:11px;width:42px;background:#fbcfcf;}
#section01 div.price table th.name03{font-size:11px;width:42px;font-weight:normal;}
#section01 div.price table td{ padding:5px 10px;font-size:11px;text-align:center;}
#section01 div.price table td.gmo{ background:#ffebeb;}
#section01 div.price table td.free{ font-weight:bold; color:#b60f34; }


#section01 div.price table td{ border:1px solid #bfbfbf; }


#section01 div.option{width:557px; margin:40px 0 0 270px;}

#section01 div.option:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#section01 div.option div.report01{ float:left; width:185px; padding-left:10px; background:url(images/option_img01.gif) no-repeat 10px top; }
#section01 div.option div.report02{ float:left; width:160px; }

#section01 div.option h3{ width:557px; height:23px; margin:0 0 10px 0px; background:url(images/option_ttl01.gif) no-repeat left top; }
#section01 div.option p{ width:315px; font-size:11px;}
#section01 div.option p.ttl{ font-weight:bold; color:#b60f34; }
#section01 div.option p.att{ line-height:140%; }
#section01 div.option ul{ width:315px; margin:20px 0 20px 0; font-size:11px; font-weight:bold; }
#section01 div.option ul li{ list-style-type:none; line-height:18px; }

#section01 div.option div.report01 p{ padding:145px 0 0 20px; margin:0; background:url(images/pdf_icon.gif) no-repeat left 145px; }

#section01 p.registerPC{ margin:40px 0 0 411px;}


/* SECTION 02 HIDE */
#section02 h3,
#section02 h4          {text-indent: -5000em;}
#section02 small       {display: block; text-indent: -5000em;}
#section02 .registerPC {position: absolute; top: 605px; left: 405px; z-index: 100;}

/* SECTION 02 POSITION */
#section02 .copy       {position: absolute; top:  85px; right: 183px; z-index: 100; width: 459px; height: 56px;}
#section02 .toTop      {position: absolute; top: 230px; right: 100px; z-index: 100;}
#section02 .registerMB {position: absolute; top: 160px;  left: 405px; z-index: 100;}

/* SECTION 03 HIDE */
#section03 h3 {text-indent: -5000em;}

/* SECTION 03 POSITION */
#section03 h3     {position: absolute; top: 0;  left: 270px; z-index: 100; width: 557px; background: url(/bizx/images/h3_apply.gif) 0 0 no-repeat;}
#section03 .more  {position: absolute; top: 350px; right: 100px; z-index: 100; font-size: 12px;}
#section03 ul{position:absolute; top:290px; left:280px; }
#section03 ul li{ list-style-type:none; font-size:x-small; line-height:140%; }

/* SECTION 04 STRUCTURE */
#section04    {background: none; height: auto; position: relative; height: auto;}
#section04 h3 {width: 557px; background: url(/bizx/images/h3_price.gif) 0 0 no-repeat;}
#section04 .copy{ margin-bottom:5px; font-weight:bold; color:#b60f34; }
#section04 small       {font-size: 12px; line-height: 130%; margin: 0; padding-left: 2em; text-indent: -1em; display: block; width: 530px;}
#section04 small br    {display: none;}
#section04 .registerPC a {background: url(/bizx/images/btn_apply.gif) 50% 0 no-repeat; margin-left: 135px;}
#section04 .registerPC small {display: none;}
/*#section04 .registerMB {position: absolute; top: 495px; left: 550px; z-index: 100; font-size: 12px;}*/
#section04 .more       {padding: 20px 0 0 458px; margin: 0 0 20px 0; width: auto; display: block;}
#section04 .toTop      {padding: 0 0 0 450px; margin: 0 0 30px 0; width: auto; display: block;}
#section04 .questions  {padding: 20px 0 0 300px; margin: 0 0 20px 0; width: auto; display: block;}
#section04 .questions a {padding-left: 12px; background: url(/bizx/images/more_arrow.gif) 0 50% no-repeat; text-decoration: none;}
#section04 .questions span {text-decoration: underline;}

/* SECTION 04 CATEGORY */
#section04 .price01{ width:521px; margin:0 0 0 10px; }
#section04 .price02{ width:521px; margin:50px 0 30px 10px; font-size:90%; }
#section04 .price02 .copy{ font-size:110%; }
#section04 .price02 .setprice{ width:530px; height:69px; margin-top:5px; background:url(images/price_img01.gif) no-repeat left top; text-indent:-9999px; }

/* SECTION 04 TABLES */
#section04 table  { border-collapse: collapse;}
#section04 th     { padding:10px 0 3px;font-size:x-small; font-weight:normal;}
#section04 th.price{ padding:5px 0; width:130px; font-weight:bold; border:1px solid #bfbfbf; background:#efefef; text-align:center;}
#section04 td     { border:1px solid #bfbfbf; padding: 5px 2px; text-align:center;}
#section04 td span{font-size:x-small;}
#section04 td em{font-weight:bold; font-style:normal; color:#b60f34;}
#section04 td strong {display: block; padding: 5px 5px 0;}
#section04 .left  {background: #efefef; width:auto; font-size:90%; text-align:left;}
#section04 ol     { margin: 5px 10px 10px 25px;}
#section04 ol li  { line-height:140%; list-style: decimal; list-style-position: outside;}
#section04 ul     { margin:5px 0 0 0; }
#section04 ul li  { font-size:10px; list-style-type:none; line-height:140%; }
#section04 li.crimson {color:#d00;}

#section04 table.set{ width:100%; margin-top:20px; border-collapse: collapse; }
#section04 table.set th{ width:auto; height:37px; padding:5px; border:1px solid #bfbfbf;background: #efefef; text-align:center; font-weight:bold; }
#section04 table.set td{ width:109px; height:37px; }
#section04 table.set td span{ text-decoration:line-through;}
#section04 table.set td.site{ width:auto; border:1px solid #bfbfbf;background: #efefef; }