@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:   startpage_20130131.css
Update:      2013/01/31
Style Info:  lpページ
----------------------------------------------------------- */
body{
	background-image:url(/image/regist/lp/20130131/bg_pattern.jpg);
	background-repeat:repeat-x;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: normal;
} 

h2,h3{
	margin:0px;
	padding:0px;
}

img{
	border:0px
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

ul{
	list-style:none;
}

form{
	margin:0px;
	padding:0px;
}

input[type=text]:focus {
	outline:none;
}


/* ===== contentbox ===== */
#contentbox{
	width:1036px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:19px;
	padding-top:0px;
	background:url(/image/regist/lp/20130131/bg_container.png) center top;
}

/* ===== topimg ===== */

#title{
	width:1036px;
	height:56px;
	background:url(/image/regist/lp/20130131/bg_title.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	position:relative;
}

#title a{
	padding-left:14px;
}

#title .logosqe{
	position:absolute;
	top:12px;
	right:26px;
}



#topimg {
	position: relative;
	width:1036px;
	height:342px;
	top: 0px;
	left: 0px;	
	background:url(/image/regist/lp/20130131/bg_picmain.png) no-repeat;
}

#topimg .btnEventtop {
    position: absolute;
    top: 226px;
    left: 126px;
    z-index: 100;
}


#topimg .bnfortune01{
	position: absolute;
	bottom: 10px;
	right: 37px;
	z-index:100;
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.4); */
}


#topimg #top_avater {
	position: absolute;
	width:984px;
	height:334px;
	left: 26px;
	top: 8px;
}

#contentbox #sp_area{
	padding:7px 0 0 48px;
}



/* ===== mailform ===== */
.mailform{
	width:984px;
	height:183px;
	background-image:url(/image/regist/lp/20130131/bg_mailform.gif);
	border:0px;
	margin:13px 0 0 26px;
	position:relative;
}

.mailform h2{
	position:absolute;
	top:12px;
	left:28px;	
}

.mailform .address{
	position:absolute;
	top:76px;
	left:87px;
	height:44px;
	width:600px;
	padding-left:5px;
	letter-spacing:1px;
	border:2px solid #a7856e;
	font-size: 16px;
	line-height: 46px;
}

.mailform .submitBtn{
	width:142p;
	height:47px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	position:absolute;
	top:76px;
	left:769px;
}

.mailform ul{
	position:absolute;
	top:146px;
	left:420px;
	padding:0;
	margin:0;
}

.mailform li{
	font-size:11px;
	color:#fff;
	list-style:none;
	padding:0;
}

:root .mailform li{ /* IE以外 */
	padding:2px 0;
}



	
/* ===== content ===== */
#infobox01{
	width:984px;
	height:330px;
	background:url(/image/regist/lp/20130131/bg_infobox01.gif) no-repeat center 80px;
	margin:20px 0 0 26px;
}

#infobox01 ul{
	padding:0px;
	margin:7px 0 0 22px;
	list-style:none;
}

#infobox01 li{
	margin-right:14px;
	float:left;
	width:304px;
}

#infobox01 li.right{
	margin-right:0px;
}


#infobox02{
	width:984px;
	height:629px;
	background:url(/image/regist/lp/20130131/bg_infobox02.gif) no-repeat center 80px;
	margin:20px 0 0 26px;
}

#infobox02 ul{
	padding:0px;
	margin:7px 0 0 22px;
	list-style:none;
	overflow:hidden;
}

#infobox02 ul.list02{margin-top:20px;}

#infobox02 li{
	margin-right:20px;
	float:left;
	width:460px;
	height:250px;
}

#infobox02 li.right{
	margin-right:0px;
}

/* ===== webmoneyArea ===== */
#webmoneyArea{
	width:780px;
	height:227px;
	background:url(/image/regist/lp/20130131/pic_webmoneyaward.gif) no-repeat;
	margin-left:156px;
	position:relative;
	margin-top:15px;
}

#webmoneyArea div{
	display:block;
	width:160px;
	height:42px;
	position:absolute;
	top:179px;
	left:506px;
}

#webmoneyArea div a{
	display:block;
	width:160px;
	height:42px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



/* ===== footer ===== */
#bg_bottom{
	width:864px;
	height:270px;
	background:url(/image/regist/lp/20130131/bg_bottom.jpg) no-repeat;
	position:relative;
}

/* ===== entry ===== */
#entry{
	width:864px;
	height:162px;
	background:url(/image/regist/lp/20130131/bg_entry.jpg) no-repeat;
	position:relative;
}

#entrybtn{
	margin:20px 0px 0px 144px;
	position:absolute;
}


/* ===== gotop ===== */
.gotop {
	width:91px;
	height:10px;
	position:absolute;
	margin:5px 0px 0px 917px;
	padding-left:10px;
}

.gotop a { 
	padding: 0 0 1px 12px;
	color: #666;
	background:url(/image/regist/lp/20130131/ico_pagetop.gif) no-repeat 0 1px;
	font-size: 10px;
}


/* separate hr
------------------------------------------- */
hr.separate {
	display: none;
}



/* ===== footer ===== */

#footerArea{
	width:1036px;
	height:108px;
	background:url(/image/regist/lp/20130131/bg_footerarea.jpg) no-repeat;
	position:relative;
	margin-top:10px;
}

#footer {
   	position:absolute;
	width:980px;
	height:60px;
	margin:21px 0 0 28px;	
	color: #ddd;
}

#footer ul.corplogoLink {
	float: left;
	margin: 12px 0 0 13px;
	padding: 0 0 0 0px;
	\padding-right: 10px; /* IE5 */
	line-height: 1;
	width: 148px;
	border-right: 1px solid #ddd;
}
#footer ul.corplogoLink li.first {
	padding-bottom: 7px;
}

/* corpInfo
---------------------------------------------------------------------- */
#footer .corpInfo {
	padding: 12px 10px 0 0;
	width: 500px;
	float: right;
}

#footer .corpInfo address {
	text-align: right;
	font-size: 10px;
	font-style: normal;
	color: #666;
	font-family: Arial;
}

/* corpNavi
---------------------------------------------------------------------- */

#corpNavi {
	padding-bottom: 5px;
	text-align: right;
	line-height: 1.3;
	margin:0px;
}

#corpNavi li {
	display: inline;
	list-style-type: none;
	margin-right: 6px;
	padding-left: 10px;
	border-left:1px solid #999;
}

#corpNavi li.first {
	border-left: 0;
	padding-left: 0;
}

#corpNavi li a{
	color: #666;
}

#corpNavi li a:hover{
	text-decoration: underline;
}

#footerArea:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
