@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: contents.css

		Setting of: Contents area
	}

****************************************************************** */


/*===================================================================
	container setting
===================================================================*/

div#container{
	width:100% !important;
	text-align:center !important;
	background: url(../images/renew_bg.gif) 0 0 repeat-x #251C17 !important;
}

/*===================================================================
	header setting
===================================================================*/

div#header{
	min-width:930px;
	height:217px;
	padding:0px 10px 0 9px;
	margin:0;
	text-align:center;
	background:url(../images/renew_bg_header.jpg) 50% 0 no-repeat;
}

div#header .headerInner{
	_width:932px;
}

div#header div#headLogo{
	padding:3px 0 0;
	text-align:left;
	float:left;
}

/*clearfix*/
div#header div#headLogo:after{
	content: "";
	display: block;
	clear: both;
}

* html div#header div#headLogo{ display: inline-block; }

/* no ie mac \*/
* html div#header div#headLogo{ height: 1%; }
div#header div#headLogo{ display: block; }
/* */

div#header div#headLogo #niftyLogo{
	width:84px;
	position:absolute;
	top:3px;
	left:9px;
}

div#header div#headLogo img{display:block;}


div#header div#headLogo div span{
	position:absolute;
	right:10px;
	top:8px;
	width:440px;
	text-align:right;
}

div#headTtl{
	width:842px;
	margin:0 auto 0;
	padding:70px 0 0;
	_padding:72px 0 0;
	text-align:left;
	clear:both;
}

div#headTtl h1{
	width:841px;
	height:80px;
	text-indent:-9999em;
	background:url(../images/renew_ttl.gif) 0 0 no-repeat;
	margin:0 0 0 -7px;
	position:relative;
}

div#headTtl .pkg{
	padding:0 16px 0 0;
	_padding:0 8px 0 0;
}

div#headTtl h2{
	width:507px;
	height:64px;
	text-indent:-9999em;
	background:url(../images/renew_txt.gif) 0 0 no-repeat;
	margin:12px 0 0;
	float:left;
}

div#headTtl ul.headLink{
	width:294px;
	float:right;
	margin:0;
}

div#headTtl ul.headLink li.btn_questionair{
	width:284px;
	height:28px;
	margin:0 0 6px;
	line-height:0.1em;
}

div#headTtl ul.headLink li.btn_questionair{ /margin:0 0 3px;}

div#headTtl ul.headLink li.btn_browser{
	width:284px;
	height:28px;
	margin:0 0 4px;
	line-height:0.1em;
}

div#headTtl ul.headLink li.btn_browser{ /margin:0 0 1px;}

*+html div#headTtl ul.headLink li.btn_browser{margin:0 0 -1px;}

div#headTtl ul.headLink li.txt_borwser{margin:0 0 0 3px; line-height:0.1em;}

/* socialpluginsArea */
.socialpluginsArea {
    margin:9px 0 0;
    text-align:left;
		padding:0 !important;
		float:left;
		width:400px;
}

.socialpluginsArea div, .socialpluginsArea ul, .socialpluginsArea li {
    display:inline;
}

.socialpluginsArea li {
    margin:0 4px;
}



/*===================================================================
	contents setting
===================================================================*/

#contents{
	background: url(../images/renew_bg_2.gif) 0 0 repeat-x;
}

#mainContents{
	width:950px;
	margin:0 auto;
}

#icon{
	position:absolute;
	top:-27px;
	left:15px;
}

#howtouse{
	height:1080px;
	background:url(../images/renew_bg_contents_130905.jpg) 0 0 no-repeat;
	text-align:left;
	position:relative;
}

#howtouse #btn_1{
	left: 537px;
    position: absolute;
    top: 8px;
}

#howtouse #btn_2{
	left: 231px;
    position: absolute;
    top: 106px;
}

#howtouse #btn_3{
	left: 50px;
    position: absolute;
    top: 378px;
}

#result{
	width:950px;
	margin:0 auto 10px;
	text-align:left;
}

#result .resultInner{
}

#result .result_top{
	height:20px;
	background:url(../images/renew_questionair_top.gif) 0 0 no-repeat;
}

#result .result_bottom{
	height:20px;
	background:url(../images/renew_questionair_bottom.gif) 0 0 no-repeat;
}

#result .result_contents{
	background:url(../images/renew_questionair_middle.gif) 0 0 repeat-y;
	padding:11px 89px 7px;
}

#result .result_contents h3{
	margin:0 0 10px;
}

#result .result_contents .result_txt{
	margin:0 0 17px;
}

#result .result_contents .pkg{
	margin:0 0 14px;
}

#result .result_contents dl dt img{
	display:block;
	margin:0;
	padding:0;
	line-height:0;
}

#result .result_contents dl dd img{display:block;}

#result .result_contents .q_1{
	width:373px;
	float:left;
}

#result .result_contents .q_2{
	width:373px;
	float:right;
}


/*===================================================================
	contentsBtm setting
===================================================================*/

div#contentsBtm{
	text-align:right;
	padding:0 70px 25px;
}

div#contentsBtm p a{
	  padding:0 0 0 18px;
	  min-height:14px;
	  _height:14px;
	  font-weight:bold;
}

/*===================================================================
	howtouseBox setting
===================================================================*/

#unit{
	text-align:center;
}

#unitInner{
	width:950px;
	margin:0 auto;
	text-align:left;
}

#howtouseBox{
	display: none;
    /*left: 478px;*/
    position: absolute;
    top: -1px;
    z-index: 300;
}

*+html #howtouseBox{left:0;}


/*
*html #howtouseBox{_margin:0 0 0 -46px;}
*+html #howtouseBox{margin:0 0 0 -857px;}
*/


#howtouseBox .howtouseBoxInner{
	width:950px;
	height:1px;
	_height:1px;
	margin:0 auto;
	position:relative;
	z-index:400;
}

#howtouseBox .box{text-align:left;}

#howtouseBox .box span{
	position:absolute;
	cursor:pointer;cursor:hand
}

#howtouseBox #box_1{
	width:481px;
	height:217px;
	background:url(../images/renew_box_1_130905.jpg) 0 0 no-repeat;
	position:relative;
	top:227px;
	left:470px;
	text-align:left;
	zoom:1;
}
*html #howtouseBox #box_1 , *+html #howtouseBox #box_1{*left:470px;}

#howtouseBox #box_1 #box_1_ttl{
	top:-1px;
	left:67px;
}

#howtouseBox #box_1 span{
	top:172px;
	left:197px;
}

#howtouseBox #box_2{
	background: url(../images/renew_box_2_130905.jpg) no-repeat 1px 3px;
    height: 664px;
    left: 77px;
    position: relative;
    top: 322px;
    width: 820px;
}
#howtouseBox #box_2 .linkArea{
	display:block;
    bottom: 50px;
    display: block;
    height: 20px;
    left: 90px;
    position: absolute;
    width: 303px;
}
#howtouseBox #box_2 .linkArea span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
*html #howtouseBox #box_2 , *+html #howtouseBox #box_2{*left:77px;}

#howtouseBox #box_2 #box_2_ttl{
	left: 154px;
    top: 2px;
}

#howtouseBox #box_2 span{
left: 377px;
top: 623px;
}

#howtouseBox #box_3{
	width:711px;
	height:494px;
	background:url(../images/renew_box_3_130905.jpg) -2px 1px no-repeat;
	top:595px;
	left:47px;
	position:relative;
	zoom:1;
}
*html #howtouseBox #box_3 , *+html #howtouseBox #box_3{*left:47px;}

#howtouseBox #box_3 #box_3_ttl{
	top:1px;
	left:3px;
}

#howtouseBox #box_3 span{
	top:449px;
	left:397px;
}

.closeBtn{display:block;}

#pageOverlay0{
	z-index:200;
	min-width:950px;
}


/*===================================================================
	footer setting
===================================================================*/

div#footer{
	background:#ffffff;
	padding:18px 20px 10px;
	color:#333333 !important;
}


/* --- noscript --- */
#nsMsg p{padding:0 0 0 40px; color:#f30; font-weight:bold; position:absolute; top:3px;}