/*

Uniform Theme: SHUFOO FORM
Version: 1.1
By: SAWAGUCHI
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/*
[INDEX]

 + Uniform
   - Global Declaration
   - PRESENTATION
   - CORE FUNCTIONALITY 

 + SHUFOO FORM
   - step-icon
   - input-area
   - clause-area
   - mobile-alert
   - send-area
   - opening-area
   - my-area
   - quit-area
   - remind-area
   - sended-area
   - confirmerror-area
   - movement-area
   - contents-login
   - contents-mail-add
   - contents-mail-login
   - contents-mail-modify
   - contents-campaign
   - contents-campaign-frame
   - contents-memberprivacy
   - contents-memberadd
   - contents-membermodify
   - contents-memberaddcomplete
   - contents-memberaddconfirm
   - contents-membermyareaadd
   - contents-membermyareamodify
   
   - first-myarea

[Note]
  Designate the image pass inside css as relativity

*/


/* Global Declaration */
#form-ttl{
	display:block;
	margin:0 auto;
	padding:0;
	border:none;
}

div.selector, 
div.selector span, 
div.checker span, 
div.radio span {
  background-image: url(../../201009/images/form/sprite.png);
  background-repeat: no-repeat;
}

.selector, 
.radio, 
.checker, 
.selector *, 
.radio *, 
.checker *{
	margin: 0;
	padding: 0;
}

/* SPRITES */

/* Select */

div.selector {
	background-position: -483px -155px;
	line-height: 31px;
	height: 31px;
}

div.selector span {
	background-position: right 0px;
	height: 31px;
	line-height: 31px;
}

div.selector select {
  /* change these to adjust positioning of select element */
	top: 0px;
	left: 0px;
}

div.selector:active, 
div.selector.active {
	background-position: -483px -186px;
}

div.selector:active span, 
div.selector.active span {
	background-position: right -31px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -217px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -62px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -248px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -93px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
	background-position: -483px -279px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -124px;
}

/* INPUT & TEXTAREA */
input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 16px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-weight: normal;
  padding: 3px;
  color: #333
  background: url('../../201009/images/form/bg-input-focus.png') repeat-x 0px 0px;
  background: url('../../201009/images/form/bg-input.png') repeat-x 0px 0px;
  background-color:#f9f8f3;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(200,0,0,0.4);
  -moz-box-shadow: 0px 0px 4px rgba(200,0,0,0.4);
  box-shadow: 0px 0px 4px rgba(200,0,0,0.4);
  border-color: #999;
  background: url('../../201009/images/form/bg-input-focus.png') repeat-x 0px 0px;
  background-color:#fff8ed;
}


/* Checkbox */

div.checker {
  width: 24px;
  height: 22px;
}

div.checker input {
  width: 22px;
  height: 22px;
  cursor: pointer;
}

div.checker span {
  background-position: 0px -310px;
  height: 22px;
  width: 16px;
}

div.checker:active span, 
div.checker.active span {
	background-position: -22px -310px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -44px -310px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -66px -310px;
}

div.checker span.checked {
	background-position: -88px -310px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: -110px -310px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -132px -310px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -154px -310px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -176px -310px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -198px -310px;
}

/* Radio */

div.radio {
  width: 22px;
  height: 22px;
}

div.radio input {
  width: 22px;
  height: 22px;
  cursor: pointer;
}

div.radio span {
  height: 22px;
  width: 22px;
  background-position: 0px -332px;
}

div.radio:active span, 
div.radio.active span {
	background-position: -22px -332px;
}

div.radio.focus span, 
div.radio:hover span {
	background-position: -44px -332px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -66px -332px;
}

div.radio span.checked {
	background-position: -88px -332px;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -110px -332px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -132px -332px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -154px -332px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -176px -332px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -198px -332px;
}

/* PRESENTATION */

/* Select */
div.selector {
  margin-bottom: 0px;
  width: 87px;
}

div.selector select {
  width: 70px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 1em;
	border: solid 1px #fff;
	cursor: pointer;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
  color: #333
  width: 48px;
  text-shadow: 0 1px 0 #fff;
}


div.selector.disabled span {
	color: #bbb;
}


div#uniform-select1 {
	width:78px !important;
}

div#uniform-select1 select {
	width:71px !important;
}

div#uniform-select1 span {
	width:38px !important;
}

div#uniform-select2 {
	width:57px !important;
}

div#uniform-select2 select {
	width:52px !important;
}

div#uniform-select2 span {
	width:18px !important;
}


div#uniform-select3 {
	width:162px !important;
}

div#uniform-select3 select {
	width:155px !important;
}

div#uniform-select3 span {
	width:123px !important;
}


div#uniform-select4 {
	width:242px !important;
}

div#uniform-select4 select {
	width:235px !important;
}

div#uniform-select4 span {
	width:203px !important;
}



/* Checker */
div.checker {
  margin-right: 0px;
}

/* Radio */
div.radio {
  margin-right: 0px;
}


/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus {
  outline: 0;
}

/* Select */

div.selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}

div.selector span {
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.selector select {
	position: absolute;
	opacity: 0;
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
	position: relative;
	float: left;
}

div.checker span {
	display: block;
	float: left;
	text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
	position: relative;
	float: left;
}

div.radio span {
	display: block;
	float: left;
	text-align: center;
	width:16px;
	background-repeat:no-repeat;
}

div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background:none;
}





/*

SHUFOO FORM
#step-icon
----------------------
*/
div#step-icon dl{
	margin-bottom:27px;
	text-align:center;
	letter-spacing:-0.5px;
	/letter-spacing:-1px;
}
	
div#step-icon dl dd{
	font-size:11px;
	display: inline-block;
	/display:inline;
	/zoom:1;
	margin:0 -18px 0 -18px;
	padding:62px 0 0 0;
	width:118px;
	text-align:center;
}
div#step-icon dl dt{
	display: inline-block;
	/display:inline;
	/zoom:1;
	width:15px;
}
	
div#step-icon dl dt img{
	margin-bottom:23px;
}

div#step-icon dl dd.mailon{
	margin-right:-30px;
	background: url(../../201009/images/form/mail_on.gif) no-repeat center;
}
div#step-icon dl dd.mailoff{
	margin-right:-30px;
	background: url(../../201009/images/form/mail_off.gif) no-repeat center;
}

div#step-icon dl dd.regist00on{
	background: url(../../201009/images/form/num00_on.gif) no-repeat center;
}
div#step-icon dl dd.regist01on{
	background: url(../../201009/images/form/num01_on.gif) no-repeat center;
}
div#step-icon dl dd.regist02on{
	background: url(../../201009/images/form/num02_on.gif) no-repeat center;
}
div#step-icon dl dd.regist03on{
	background: url(../../201009/images/form/num03_on.gif) no-repeat center;
}
div#step-icon dl dd.regist04on{
	background: url(../../201009/images/form/num04_on.gif) no-repeat center;
}
div#step-icon dl dd.regist05on{
	background: url(../../201009/images/form/num05_on.gif) no-repeat center;
}
div#step-icon dl dd.regist06on{
	background: url(../../201009/images/form/num06_on.gif) no-repeat center;
}
div#step-icon dl dd.regist07on{
	background: url(../../201009/images/form/num07_on.gif) no-repeat center;
}
div#step-icon dl dd.regist08on{
	background: url(../../201009/images/form/num08_on.gif) no-repeat center;
}
div#step-icon dl dd.regist09on{
	background: url(../../201009/images/form/num09_on.gif) no-repeat center;
}

div#step-icon dl dd.regist00off{
	background: url(../../201009/images/form/num00_off.gif) no-repeat center;
}
div#step-icon dl dd.regist01off{
	background: url(../../201009/images/form/num01_off.gif) no-repeat center;
}
div#step-icon dl dd.regist02off{
	background: url(../../201009/images/form/num02_off.gif) no-repeat center;
}
div#step-icon dl dd.regist03off{
	background: url(../../201009/images/form/num03_off.gif) no-repeat center;
}
div#step-icon dl dd.regist04off{
	background: url(../../201009/images/form/num04_off.gif) no-repeat center;
}
div#step-icon dl dd.regist05off{
	background: url(../../201009/images/form/num05_off.gif) no-repeat center;
}
div#step-icon dl dd.regist06off{
	background: url(../../201009/images/form/num06_off.gif) no-repeat center;
}
div#step-icon dl dd.regist07off{
	background: url(../../201009/images/form/num07_off.gif) no-repeat center;
}
div#step-icon dl dd.regist08off{
	background: url(../../201009/images/form/num08_off.gif) no-repeat center;
}
div#step-icon dl dd.regist09off{
	background: url(../../201009/images/form/num09_off.gif) no-repeat center;
}

div#step-icon dl dd span#research{
	display:block;
	margin-left:5px;
	width:136px;
}



/*

SHUFOO FORM
#input-area
----------------------
*/
div#input-area {
	width:780px;
	margin:0 auto;
	clear:both;
}
div#input-area.width_530 {
	width:560px;
}
div#input-area.width_530 table {
	width:560px;
}
	
div#input-area dl dt{
	text-align:left;
	float:left;
	margin:0 -10px 0 0;
}
	
div#input-area dl dd{
	text-align:left;
	float:left;
	margin:0 10px 0 0;
	padding-top:7px;
}
	
input ,select{
	vertical-align:middle;
}


select{
	_margin-right:12px;
}

.form-inline-label {
	float:left;
	margin-right:15px;
	line-height:21px;
}
	
div#input-area table {
	width:780px;
	text-align:left;
	border-collapse:collapse;
	border:none;
	margin-bottom:18px;
}

div#input-area table tr td{
	padding:5px 0;
	font-size:13px;
}

div#input-area table tr td span{
	padding-left:3px;
}
	
div#input-area table tr td.label{
	width:210px;
	text-align:right;
	padding:4px 10px 0 0;
	margin-right:18px;
	font-size:13px;
	color:#333;
}


div#input-area table tr td.user-id{
	text-align:left;
	padding:4px 0 0 0;
	font-size:13px;
	color:#333;
	height:28px;
}
div#input-area table tr td.user-id span{
	font-size:9px;
	color:#666;
	margin-left:4px;
	padding-bottom:5px;
}

div#input-area table tr td.label sup{
	color:#F00;
	font-size:11px;
	font-size:12px¥9;
	line-height:9px;
}

div#input-area table tr td.label sup img{
	padding-bottom:2px;
	padding-right:2px;
}

div#input-area span.label{
	padding:10px 10px 0 0;
	font-size:13px;
	color:#F00;
}

div#input-area span.notPHS{
	display:block;
	float:left;
	padding:0 0 0 0;
	font-size:13px;
	margin:0;
	/* *margin:-5px 0;*/
	color:#f21212;
}

div#input-area p{
	padding:0;
	display:block;
	border-bottom:2px #ed8484 solid;
	margin:0px 0 7px;
}
	
	
ul.submit {
	margin-top:0px;
	padding-top:20px;
	border-top:#CCC 2px dotted;
}

ul.noline {
	border-top:none;
}
	
div#input-area table tr.err {
	background: url(../../201009/images/form/errbg.gif);
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}

ul.submit {
	display:block;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
	overflow:visible;
}

ul.single {
	padding-right:-29px;
}
ul.submit li button.image-btn {
		margin:0;
		padding:0 4px;
		border: 0px;
		width:303px;
		height:48px;
		cursor: pointer;
		background-color:#FFF;
		overflow:visible;
}
ul.submit li button.image-btn-s:hover img,
ul.submit li a.image-btn:hover img,
ul.submit li button.image-btn:hover img {
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
}

div#read03 {
	width:780px;
	margin:0 auto;
	text-align:right;
}

div#read03 sup{
	color:#F00;
}

div#err-area {
	background:#fff7f7 url(../../201009/images/form/errframe.gif);
	width:533px;
	padding:3px;
	margin:0 auto 10px;
	text-align:center;
}

div#err-area div#paragraph {
	width:529px;
	height:100%;
	background-color:#fff6b7;
	padding:2px 2px 4px;
}

div#err-area div#paragraph img {
	margin-bottom:4px;
}
div#err-area div#paragraph ul {
	margin-top:2px;
	color:#F11;
	font-weight:bold;
}

div#input-area table tr.err td.label{
	color:#F11;
	font-weight:bold;
}
div#input-area dl.birth_dl{
	margin:0;
}
div#input-area table tr.err td.label span.err-txt,
div#input-area table tr.err span.err-txt{
	color: #FF1111;
    display: block;
    font-size: 12px;
    margin-top: 5px;
	background-color:#fff6e9;
	padding:2px 4px;
}
div#input-area table tr.err td.yours span.err-txt,
div#input-area table.consent tr.err td span.err-txt{
	clear:both;
	padding:5px 0;
}



div#input-area table.consent tr.err td span.err-txt{
	display:block;
	clear:none;
	width:80%;
	margin:30px auto 0;
	border:#F33 1px solid;
	font-size:12px;
	font-weight:bold;
}

div#input-area table.consent tr.err td span{
	padding-left:1px;
	width:20px;
}

div#input-area table.consent tr.err label{
	background-color:#fff2de;
	padding-left:3px;
	outline:none;
}


div#input-area table.consent tr td.consent-arw{
	margin:0;
	padding:0;
}


div#input-area table.consent tr td {
	text-align:center;
	padding:10px 0;
}
div#input-area table.consent tr td sup{
	display:block;
	padding-right:5px;
	_display:inline;
}
div#input-area table.consent tr td label{
	display:block;
	font-size:16px;
	text-indent:2px;
	_display:inline;
}



* html div#input-area table tr.err td.yours span.err-txt  { 
	margin-top:3px;
}
	
div#input-area p span.mailNote{
	text-align:right;
	vertical-align:text-bottom;
	display:inline;
	margin-left:25px;
	vertical-align:bottom;
	margin-bottom:4px;
	padding-bottom:4px;
}

div#input-area table tr td#user-id{
	vertical-align:text-top;
	padding-top:11px;
}

div#input-area table tr td#mobile-mail{
	vertical-align:top;
	padding-top:19px;
}

div#input-area table tr td#mobile-mail2{
	vertical-align:top;
	padding-top:13px;
}

div#input-area table tr td dl#check-id {
	margin:4px 0 6px;
}

div#input-area table tr td dl#check-id dd span{
	font-size:11px;
	margin-left:10px;
	vertical-align:top;
	font-weight:bold;
	line-height:11px;
}

div#input-area #at-mark {
	vertical-align:middle;
	*margin-left:-10px;
}


div#input-area #idResult{
	position: relative;
	width:350px;
	display:block;
	margin-top:5px;
	margin-left:28px;
	font-weight:bold;
}


/*

SHUFOO FORM
#clause-area
----------------------
*/
div#read01 {
	padding-bottom:6px;
	font-size:120%;
	width:833px;
	margin:0 auto;
}

div#read02 {
	display:block;
	width:600px;
	margin:20px auto 0;
	text-align:center;
}

div#read-miru {
	padding-bottom:6px;
	font-size:120%;
	width:833px;
	margin:40px auto 0;
	text-align:left;
}

div#clause-area {
	background:#fff7f7 url(../../201009/images/form/frame.gif);
	width:833px;
	padding:3px;
	margin:0 auto;
}

div#clause-area div#paragraph {
	width:793px;
	height:100%;
	background-color:#fff7f7;
	padding:20px;
}

div#clause-area div#paragraph p#p1{
	font-size:110%;
	font-weight:bold;
	padding-bottom:2px !important;
}

div#clause-area div#paragraph p#p2{
	display:block;
	text-align:right;
}

div#clause-area div#paragraph p{
	padding-bottom:10px;
}

div#clause-area div#paragraph p strong{
	display:block;
	padding-bottom:3px;
}

.agree-scroll-frame {
	height:221px;
}

.agree-scroll {
	overflow-y: scroll;
	height:181px !important;
}

.agree-scroll-frame2 {
	margin-top:40px !important;
	height:221px;
	padding-top:40px;
}

.agree-scroll-frame-miru {
	height:221px;
	padding-top:40px;
}

.agree-scroll2 {
	overflow-y: scroll;
	height:181px !important;
}

div#read04 {
	width:700px;
	margin:18px auto 8px;
	text-align:center;
}
div#read04 table{
	width:160px !important;
	margin:7px auto 0;
}




/*

SHUFOO FORM
#mobile-alert
----------------------
*/
div#mobile-alert {
	width:420px;
	border:3px #e8323e solid;
	background: #fff8f1 url(../../201009/images/form/mobilealert.gif) 15px top no-repeat;
	padding:30px 10px 30px 100px;
	margin:18px auto 0;
	font-size:13px;
	line-height:135%;
}
div#mobile-alert strong{
	color:#d01522;
	font-size:130%;
}
div#mobile-alert .mobile-alert-ttl{
	background-color:#d01522;
	padding:2px 0;
	text-align:center;
}
div#mobile-alert .mobile-alert-ttl strong{
	color:#fff;
	font-size:130%;
}
div#mobile-alert.bg_none {
	background: #fff8f1;
	padding:10px;
	width:510px;
}
div#mobile-alert.bg_none ul {
	padding:0 10px;
}
div#mobile-alert.bg_none ul li {
	margin:0 0 5px;
}



/*

SHUFOO FORM
#send-area
----------------------
*/
div#send-area {
	padding:30px 0;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	line-height:140%;
	position:relative;
}

div#send-area p{
	font-size:20px;
	font-weight:bold;
}

div#send-area p.small{
	font-size:16px;
	font-weight:bold;
	margin-top:14px;
}

div#send-area p.big{
	height:100px;
	
	padding-top:40px;
}

div#send-area #mama-mail{
	position:absolute;
	top:0px;
	right:40px;
}


/*

SHUFOO FORM
#opening-area
----------------------
*/
div#opening-area {
	margin:0 auto;
	text-align:center;
}

div#opening-area p{
	padding:13px 0 0;
	font-size:17px;
	font-weight:bold;
}

div#opening-area ul.submit{
	border:0px;
	margin-top:0px;
	padding-top:0px;
	
}

div#opening-area #to-life-research{
	display:block;
	width:722px;
	height:244px;
	background:url(../images/form/bg_life_research.gif) no-repeat left top;
	padding:0;
	margin:40px auto 0;
	text-align:left;
	position:relative;
}
div#opening-area #btn-life-research{
	position: absolute;
	top:112px;
	left:470px;
}
div#opening-area #btn-life-research a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
div#opening-area #btn-life-researchinfo{
	position: absolute;
	top:32px;
	left:579px;
}
div#opening-area #btn-life-researchinfo a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



/*

SHUFOO FORM
#my-area
----------------------
*/
div#my-area {
	margin:0 auto;
	text-align:center;
}

div#my-area .cookie{
	margin:0 auto;
	text-align:center;
	padding:0 0 18px;
	font-size: 120%;
}

div#my-area .cookie-L{
	padding-top:6px;
	font-size: 140% !important;
}

div#my-area .cookie p{
	margin-top:5px;
	font-weight:bold;
}

div#my-area .search{
	margin:0 auto;
	width:600px;
	text-align:center;
	padding:0 0 18px;
}

div#my-area .search table{
	margin:0 auto;
}

div#my-area .search{
	margin:0 auto;
	width:600px;
	text-align:center;
	padding:0 0 18px;
}
div#my-area .search table{
    table-style:fixed;
	margin:0;
	width:450px;
}

/*

SHUFOO FORM
#quit-area
----------------------
*/
div#quit-area {
	margin:0 auto 0;
	padding:120px 0 0;
	text-align:center;
	height:185px;
	font-size:16px;
}

div#quit-area p{
	font-size:24px;
}


/*

SHUFOO FORM
#remind-area
----------------------
*/
div#remind-area {
	margin:0 auto 0;
	padding:60px 0 0;
	text-align:center;
	height:100px;
	font-size:16px;
}

div#remind-area p{
	font-size:14px;
	margin-top:8px;
}


/*

SHUFOO FORM
#sended-area
----------------------
*/
div#sended-area {
	margin:0 auto;
		font-size:14px;
	line-height:140%;
	padding:70px 0 0;
	text-align:center;
	height:140px;
}

div#sended-area p{
	font-size:20px;
	font-weight:bold;
}


/*

SHUFOO FORM
#confirmerror-area
----------------------
*/
div#confirmerror-area {
	margin:0 auto;
	line-height:140%;
	padding:40px 0 15px;
	text-align:center;
}

div#confirmerror-area p{
	font-size:20px;
	font-weight:bold;
}

div#confirmerror-area .cookie-error {
	line-height:30px;
}

/*

SHUFOO FORM
#movement-area
----------------------
*/
div#movement-area {
	margin:0 auto;
	line-height:140%;
	padding:40px 0 15px;
	text-align:center;
}

div#movement-area p{
	font-size:13px;
	line-height:20px;
	margin:20px auto;
}

div#movement-area .submit{
	border:none;
	margin-top:-20px;
}



/*

SHUFOO FORM
#contents-login
----------------------
*/
div#contents-login {
	display:block;
	margin:40px auto 25px;
	line-height:140%;
	text-align:center;
	width:672px;
	background:url(../../201009/images/login/login_footer.gif) no-repeat bottom left;
}

div#contents-login div#input-area {
	margin:0;
	padding:0;
	width:672px;
	position:relative;
}

div#contents-login div#input-area table{
	margin:0;
	padding:0;
	width:672px !important;
}

div#contents-login table tr td.label{
	width:160px;
	line-height:28px;
}

div#contents-login table tr td label{
	line-height:22px;
}

div#contents-login table tr td ul li{
	float:left;
	vertical-align:middle;
	margin-right:25px;
	line-height:40px;
}

div#contents-login table tr td ul li button{
		margin:0;
		padding:0 0;
		border: 0px;
		width:163px;
		height:40px;
		cursor: pointer;
		background-color:#fff5db;
}

div#contents-login table tr td ul li button.image-btn:hover img{
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
}

div#contents-login p.read{
	text-align:left;
	padding-left:20px;
	margin-top:8px;
	font-size:12px;
	position:relative;
}

#login-banner{
	display:block;
	width:672px;
	padding-right:29px;
	margin:0 auto 40px;
}
#login-banner a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



/*

SHUFOO FORM
#contents-mail-add
----------------------
*/
div#contents-mail-add {
	display:block;
	margin:25px auto 25px 10px;
	line-height:140%;
	text-align:center;
	width:412px;
	background:url(../../201009/images/login/mail_login_bg01.gif) no-repeat bottom left;
	float:left;
}

div#contents-mail-add p.read{
	margin:8px auto 10px;
	position:relative;
	display:block;
}

div#contents-mail-add a{
	margin:8px auto 10px;
	position:relative;
	display:block;
}

div#contents-mail-add a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/*

SHUFOO FORM
#contents-mail-login
----------------------
*/
div#contents-mail-login {
	display:block;
	margin:25px auto 25px 30px;
	line-height:140%;
	text-align:center;
	width:502px;
	background:url(../../201009/images/login/mail_login_bg02.gif) no-repeat bottom left;
	float:left;
}

div#contents-mail-login #err-area{
	width:450px !important;
}

div#contents-mail-login #err-area #paragraph{
	width:446px !important;
}

div#contents-mail-login div#input-area {
	margin:0;
	padding:0;
	width:672px;
	position:relative;
	text-align:left;
	_width:400px !important;
}

div#contents-mail-login div#input-area table{
	margin:0;
	padding:0;
	width:498px !important;
}

div#contents-mail-login table tr td.label{
	width:120px;
	line-height:28px;
}

div#contents-mail-login table tr td label{
	line-height:22px;
}

div#contents-mail-login table tr td ul li{
	float:left;
	vertical-align:middle;
	margin-right:10px;
	line-height:40px;
	font-size:12px;
}

div#contents-mail-login table tr td ul li button{
		margin:0;
		padding:0 0;
		border: 0px;
		width:163px;
		height:40px;
		cursor: pointer;
		background-color:#fff5db;
}

div#contents-mail-login table tr td ul li button.image-btn:hover img{
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
}

div#contents-mail-login p.read{
	text-align:left;
	padding-left:20px;
	margin-top:8px;
	font-size:12px;
	position:relative;
}



/*

SHUFOO FORM
#contents-mail-modify
----------------------
*/
div#contents-mail-modify {
	display:block;
	margin:25px auto 25px;
	line-height:140%;
	text-align:center;
	width:502px;
	background:url(../../201009/images/login/mail_login_bg03.gif) no-repeat bottom left;
}

div#contents-mail-modify p.read{
	margin:8px auto 10px;
	position:relative;
	display:block;
}

div#contents-mail-modify a{
	margin:8px auto 10px;
	position:relative;
	display:block;
}

div#contents-mail-modify a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}






/*

SHUFOO FORM
#contents-campaign
----------------------
*/
div#campaign {
	display:block;
	margin:38px auto 0px;
	line-height:140%;
	text-align:center;
	width:720px;
	text-align:center;
}
div#campaign table {
	margin-bottom:-20px;
	_margin-bottom:-5px;
}

div#campaign table tr td{
	text-align:left;
	margin-top:30px;
	padding-left:260px;
}

div#campaign .thankyou {
	font-size:18px;
	font-weight:bold;
	color:#e9721e;
	margin-top:10px;
}

div#campaign .note {
	width:420px;
	text-align:left;
	display:block;
	margin:0 auto;
}


div.limit-campaign {
	font-weight:bold;
	color:#F60;
	font-size:11px;
	display:block;
	margin:20px auto -30px;;
	text-align:center;
}

div.campaign-3column {
	width:930px !important;
}




/*
SHUFOO FORM
#contents-campaign-frame
----------------------
*/
#campaign-frame {
	width:980px;
	margin:0 auto;
	text-align:center;
	padding-left:10px;
}

#campaign-frame #campaign {
	width:420px !important;
	display:inline-block !important;
	*display:inline !important;
}

#campaign-frame #campaign p{
	line-height:160%;
}

#campaign-frame #campaign-ad {
	text-align:center;
	margin:10px 0 0 20px;
	display:inline-block;
	*display:inline;
}




/*
SHUFOO FORM
#contents-memberprivacy
----------------------
*/
#memberprivacy-imagearea{
	width:833px;
	margin: 0 auto;
	margin-bottom:20px;
}


/*
SHUFOO FORM
#contents-memberadd
#contents-membermodify
----------------------
*/
div#input-area table tr td.mailad{
	padding-bottom:15px;
	font-size:130%;
	font-weight:bold;
}
span.redtxt{
	color: #D01522;
}
.membermodify div#mobile-alert,
.memberadd div#mobile-alert{
	margin-top:0;
	margin-bottom:18px;	
}
div#input-area p.mag-caption{
	border:none;
	font-size:120%;
	padding-bottom:10px;
	background-color: #ED8484;
	color: #FFFFFF;
	font-weight:bold;
	padding: 7px;
}
div#input-area table tr td.mag-ck{
	font-size:120%;
	font-weight:bold;
	padding: 4px 10px 0 0;
}
a.iduse-ck:link,a.iduse-ck:visited{
	display:block;
	width:120px;
	text-align:center;
	margin:5px 0 0 2px;
	color:#333333;
	background:#ffd3d3 url(../../201009/images/form/ck_bg.gif) repeat-x bottom;
	text-decoration:none;
	padding:3px;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px #888888;  
    -moz-box-shadow: 1px 1px 2px #888888;  
    box-shadow: 1px 1px 2px #888888;
}
a.iduse-ck:hover,a.iduse-ck:active{
	color:#D01522;
}

.memberadd div#clause-area{
	width: 774px;
}
.memberadd .agree-scroll {
    height: 125px !important;
}
.memberadd .agree-scroll-frame {
    height: 165px;
}
.memberadd div#clause-area div#paragraph{
	width:734px;
}
div#input-area table.consent{
	margin:10px 0 0;
}
div#input-area table.consent tr td{
	text-align:center;
	font-size:130%;
	padding-bottom: 5px;
}
div#input-area table.consent tr td sup{
	float:left;
	margin-top: 5px;
	margin-left: 235px;
}
div#input-area table.consent tr td sup img {
    padding-bottom: 2px;
    padding-right: 2px;
}
.memberadd div#input-area div#clause-area div#paragraph p {
	border-bottom:none;
}


/*
SHUFOO FORM
#contents-memberaddconfirm
----------------------
*/
.membermodifyconfirm  ul.submit,
.memberaddconfirm  ul.submit {
    text-align: left;
}
.membermodifyconfirm ul.submit li button.image-btn-s,
.memberaddconfirm ul.submit li button.image-btn-s {
		margin:0 106px 0 0;
		padding:0 4px;
		border: 0px;
		width:121px;
		height:36px;
		cursor: pointer;
		background-color:#FFF;
		overflow:visible;
}
.memberaddconfirm div#input-area table tr td.pd1em{
	padding-left:1em;
}

/*
SHUFOO FORM
#contents-memberaddcomplete
----------------------
*/
div#send-area p.addcomplete-sttl{
	line-height:150%;
}
div#send-area p.addcomplete-send-area {
    font-size: 14px;
    line-height: 170%;
    margin: 0 auto;
	width:833px;
	font-weight:normal;
    text-align: left;
}

div#send-area p.addcomplete-send-area strong {
    color: #D01522;
    font-size: 130%;
}
div#send-area ul.addcomplete-note{
	text-align:left;
	width:833px;
	margin: 10px auto;
	font-size:80%;
	line-height:130%;
}
div#send-area ul.addcomplete-note li{
	padding-bottom:5px;
}

/*
SHUFOO FORM
#contents-membermyareaadd
#contents-membermyareamodify
----------------------
*/
.membermyareaadd div#my-area{
	background:url(../../201009/images/form/membermyarea_bg.gif) scroll no-repeat 168px top;
	padding-top: 70px;
}
.membermyareaadd div.step1 form{
}
.membermyareaadd div.step1 .ex_address{
	float:left;
	width:246px;
	margin-left:10px;
}
.membermyareamodify div.step1 input.form-text-01,
.membermyareaadd div.step1 input.form-text-01{
	height:1.4em;
	width: 262px;
	vertical-align:middle;
	font-size:24px;
	line-height:1.4em;
	padding:3px 5px;
}
.membermyareamodify div.step1,
.membermyareamodify div.step2,
.membermyareamodify div.step3,
.membermyareaadd div.step1,
.membermyareaadd div.step2,
.membermyareaadd div.step3{
	width:628px;
	margin:0 auto;
	padding: 0 0 0 219px;
}
.membermyareamodify div.step1,
.membermyareaadd div.step1{
	background:url(../../201009/images/form/step1_01.gif) scroll no-repeat left top;
}
.membermyareamodify div#my-area div.step1 .search,
.membermyareaadd div#my-area div.step1 .search{
 	padding: 10px 0 10px;
    text-align: left;
	margin:0;
	width:610px;
}

.membermyareaadd div.step2{
	background:url(../../201009/images/form/step2_01.gif) scroll no-repeat left top;
	height:442px;
	overflow:hidden;
}
.membermyareamodify div.step2{
	background:url(../../201009/images/form/step2_01.gif) scroll no-repeat left top;
	height:442px;
	overflow:hidden;
}
.membermyareamodify div.step3,
.membermyareaadd div.step3{
	text-align: center;
	padding-bottom:15px;
}
.membermyareaadd div.step3 ul.submit li.txt{
	padding-bottom:10px;
	font-size:120%;
	font-weight:bold;
}


/*
SHUFOO FORM
.first-myarea
----------------------
*/



.first-myarea div#my-area .my-area_howto{
	margin:10px 0 10px;
}

#my-area .search_example {
	margin:10px 0 0 0;
	font-size:18px;
}

#my-area .step2_map_info {
	font-size:20px;
	color:#76c4b2;
	font-weight:bold;
	margin:15px 0 0;
}
#my-area .step2_map_info p {
	color:#000;
	display:inline;
}

.membermyareamodify .form_ttl_area {
	position:relative;
	zoom:1;
	margin: 0 0 18px;
}

.membermyareamodify .form_ttl_area .cookie {
	position:absolute;
	padding:0 0 13px 0;
	bottom:0;
	right:19px;
}
.membermyareamodify .form_ttl_area .cookie p{
	background:url(../../201009/images/form/ttl_myarea_now.gif) no-repeat;
	background-position:left center;
	padding:0 0 0 175px;
	font-size:18px;
	font-weight:bold;
	max-width:400px;
	float: right;
}
/*------------------------
20140818
------------------------*/
#my-area .step2 {
	position:relative;
	margin-bottom:60px;
}
#my-area .submit {
	position:absolute;
	bottom:30px;
	right:41px;
	z-index:20;
}
	#my-area .submit .image-btn {
		margin:0;
		border: 0px;
		cursor: pointer;
		background:none;
		overflow:visible;
		padding:0;
	}
/*------------------------
20141027
------------------------*/
.login_error_area {
	padding:0 15px 0 20px;
}
	.login_error_area li {
		text-align:left;
		text-indent:-1em;
	}
.privacy_warning {
	width: 839px;
	margin: 20px auto;
}
	.privacy_warning_inner {
		border: #e61e0a 1px solid;
		border-radius:5px;
		padding:20px 20px 20px 62px;
		position:relative;
		zoom:1;
	}
		.privacy_warning_icon {
			display:block;
			width:32px;
			height:32px;
			background: url(/contents/shufoopoint/img/teaser/ico_super_02.png);
			position:absolute;
			top:50%;
			left:15px;	
			margin-top:-16px;
		}
		.privacy_warning_text {
			color: #e61e0a;
			font-size:14px;
			line-height:1.4;
		}