@charset "utf-8";

/* 01. General Rules
--------------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

html { overflow-y:scroll;}


a img { border: 0px;}

h1, h2, h3, h4 { font-weight: normal;}
h1, h2, h3, h4, img, input, p, ol, ul, pre, blockquote {
	margin: 0px;
	padding: 0px;
}


/* 02. body elements
--------------------------------------------------------------------- */
body {
	background:#EEF4FF url(../images/100722/bg.jpg) repeat-x top;
	color:#333;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height:1.4;
	scrollbar-base-color: #cccccc;
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #676767;
	scrollbar-shadow-color: #676767;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
}


/* 03.  links color
--------------------------------------------------------------------- */
a {
	color: #003366;
	text-decoration: underline;
	overflow:hidden;
}

a:hover {
	color: #ccc;
	text-decoration: none;
}


/* 04.  text hide
--------------------------------------------------------------------- */
.none{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.clr{
	clear:both;
	margin:0px;
	padding: 0px;
	position:relative;
}

/*--------------------------------------------------------------------- */


#container {
	margin: 0 auto;
}

#wrapper{
	background:url(../images/100722/content_bg.jpg) 136px top repeat-y;
	margin:0 auto;
	padding:0;
	position:relative;
	width:1100px;
	z-index:0;
}

#header {
	background:url(../images/100722/header.jpg) center top no-repeat;
	position: relative;
	margin: 0;
	height: 574px;
	width: 1100px;
	z-index:5;
}

#contents{
	margin:-210px auto 0 158px;
	padding:0;
	position:relative;
	min-height:310px;
	_height:310px;
	width:770px;
	z-index:20;
}
	
#contentsFooter {
	clear:both;
	background:url(../images/100722/content_bg_bottom.jpg) center top no-repeat;
	position: relative;
	margin: 0 136px;
	width: 825px;
	height: 57px;
	z-index:20; 
}
	
h2 ,h3{
	clear: both;
	margin:50px 0 15px 0;
	display: block;
	text-indent: -9999px;
}

#header a { height:67px; width:120px; position:absolute; margin-top:220px; text-indent:-9999px;}
#header a#c21Link { margin-left:200px;}
#header a#ga2Link { margin-left:375px;}
#header a#cbLink { margin-left:542px;}
#header a#gaxLink { margin-left:782px;}

.sprite { background:url(../images/100722/sprite.jpg) no-repeat top left; line-height:1.2; }

h2.title01 { width:772px; height:40px; background-position:0 0; }
h2.title02 { width:772px; height:40px; background-position:0 -40px; }
h2.title03 { width:772px; height:40px; background-position:0 -80px; }

.imgBox01 { margin: 0 0 20px 20px;}

h3.title_s01 {
  width:751px;
  height:23px;
  background-position:0 -120px;
}

div.step {
  width:751px;
  height:222px;
  background-position:0 -143px;
  text-indent:-9999px;
  line-height:0;
  margin:0 0 30px 10px;
}

div.step li{
  width:183px;
  height:172px;
  float:left;
  margin-top:44px;
  list-style-type:none;
}

div.step li#step1 { background-position:0 -365px; margin-left:8px;}
div.step li#step2 { background-position:-183px -365px;}
div.step li#step3 { background-position:-366px -365px;}
div.step li#step4 { background-position:-549px -365px;}

.infoBox {
	clear:both;
	width:700px;
	margin: 0 0 0 30px;
}

.infoBox ul{
	float:none;
	list-style-position:inside;
	list-style-type:disc;
}

span.txt_orange {
	color:#f97000;
	font-weight:bold;
}

.imgInfoBox01 li{
  width:auto;
  margin:5px auto;
  text-align:center;
  list-style-type:none;
}

.imgInfoBox01 li img{ margin:0 auto;}

.imgInfoBox01 li a#webmoneyLink {
  background:url(../images/100722/webmoney_banner.jpg) top left no-repeat;
  width:301px;
  height:181px;
  display:block;
  text-indent:-9999px;
  margin:0 auto;
}

.imgInfoBox01 li a#webmoneyLink:hover { background-position: 1px 1px;}


/* Footer
--------------------------------------------------------------------------- */

#footer {
	clear: both;
	width: 844px;
  height:100%;
	margin: 20px auto;
	text-align: center;
}

#footerIn {
	clear: both;
	text-align: center;
	font-size: 10px;
  width:844px; height:114px;
  background-position:0 -537px;
}

#footerIn h2 {
	margin: 0;
	float: left;
	display: block;
	width: 228px;
	height: 58px;
  margin:30px 0 0 50px;
	text-indent: -9999px;
	background: url(../images/100722/cyberstep_logo.png) top left no-repeat;
}

#footerIn h2 a{
	margin: 0;
	float: left;
	display: block;
	width: 228px;
	height: 58px;
  margin:0;
	text-indent: -9999px;
}

#footerIn .autoHigh { float: left;}

.autoHigh p {
	padding: 40px 0 0 30px;
	line-height: 1.5;
	font-size: 10px;
	text-align: left;
}

.autoHigh address {
	text-align: left;
	padding: 3px 0 0 30px;
	font-style: normal;
	font-size: 10px;
}

#footer_bottom {
  background:url(../images/100722/footer_bottom_bg.jpg) repeat-x; height:63px; width:100%;
}