@charset "utf-8";
/* CSS Document */
/******************************************************************************
*CSS Imformation*

File name: in-iframe.css
Description: inIframe Content style && maincontent style (max-width:520px)
Date: 2011.06.10
********************************************************************************/
/*body.in-iframe {width: 520px; text-align: left; background-image:none;}*/
body.in-iframe #main-block h2 {margin-bottom: 10px;}
body.in-iframe #main-block {background-color:#ffffff;}

/*================================================================================
newEntry
=================================================================================*/
body.newentry h3 {margin-bottom: 10px;}

/*
entry-block
---------------------------------------------------------------------------------*/
body#newentry #entry-block {margin-bottom: 35px; padding: 0 10px;}
body#newentry #entry-block #notes {margin-bottom: 20px;}
body#newentry #entry-block h3 {margin-bottom: 0;}
body#newentry #entry-block .caution {color: #333333;}

/*--------------------send-mail--------------------*/
body#newentry #entry-block #send-mail { float:left; width: 330px;}
body#newentry #entry-block #send-mail fieldset {
	padding: 0 10px 10px 10px;
	background-color: #ffffff;
	border: 1px solid #ff6eaf;
	border-width: 0 1px 1px 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	behavior: url("/PIE.htc");     /* CSS3 PIE */
}

body#newentry #entry-block #send-mail input{ width: 160px; padding:0; height: 23px; vertical-align: middle; line-height: 23px; }
body#newentry #entry-block #send-mail select { padding:0; height: 25px; vertical-align: middle; line-height: 25px; }
body#newentry #entry-block #send-mail select option { vertical-align: middle; line-height: 25px; }
body#newentry #entry-block #send-mail #PC1_RegiUC_ImageButtonSend2 { float: right; margin-top: 5px; width: 134px; height: 26px;}
body#newentry #entry-block #send-mail #PC1_RegiUC_LabelKekka3 {color: red;}
body#newentry #entry-block #send-mail .caution {padding-top: 5px; clear:both; display: block;}

/*--------------------imageQrSet--------------------*/
body#newentry #entry-block #ImageQRSet { width: 150px; float: right; }
body#newentry #entry-block #ImageQRSet #qr-block {
	min-height: 130px;
	height: auto !important;
	height: 130px;
	border: 1px dashed #ff6eaf;
	border-width: 0 1px 1px 1px;
	border-radius: 5px;
    text-align: center;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	behavior: url("/PIE.htc");     /* CSS3 PIE */

}

/*
flow
---------------------------------------------------------------------------------*/
body#newentry #flow,body#newentry #flow_ {margin-bottom: 30px;}

/*
age
---------------------------------------------------------------------------------*/
body#newentry #age {margin-bottom: 30px; position: relative; background: transparent url(../../../img/img1/2011/newentry/newentry-age-bg.gif) 0 30px no-repeat;}
body#newentry #age h4 {margin: 36px 26px 10px; padding-right: 180px;}
body#newentry #age p {padding: 0px 206px 26px 26px; padding-right: 180px;background: transparent url(../../../img/img1/2011/newentry/newentry-age-bg-bottom.gif) 0 bottom no-repeat;}
body#newentry #age #age-mobile-img {position: absolute; display: block; width: 151px; top: 56px; left: 343px;}


/*================================================================================
newentry-pc
=================================================================================*/
body.newentry-pc #flowchart a { margin-top: 5px; float: right; display: block; width: 100px; height: 25px;}
body.newentry-pc #flow {margin-top: 20px; padding-top: 20px; border-top: 1px dashed #cccccc; }
body.newentry-pc #flow ul {margin: 0 10px;}
body.newentry-pc #flow li {margin-bottom: 20px;}
body.newentry-pc #flow li#item-list {
	padding: 10px;
	background-color: #ffeef7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("/PIE.htc");     /* CSS3 PIE */
}
body.newentry-pc #flow li#flow1,
body.newentry-pc #flow li#flow2 {
	padding-bottom: 44px;
	background: transparent url(../../../img/img1/2011/newentry/newentry-pc-flow-arrow.gif) bottom center no-repeat;
}
body.newentry-pc #flow li .text {margin: 10px 0 10px 10px; padding-right: 170px; min-height: 116px; height: auto !important; height:116px; background: transparent url(../../../img/img1/2011/newentry/newentry-pc-flow1-img.gif) right center no-repeat;}
body.newentry-pc #flow li#flow2 .text { background-image: url(../../../img/img1/2011/newentry/newentry-pc-flow2-img.gif); }
body.newentry-pc #flow li#flow3 .text { background-image: url(../../../img/img1/2011/newentry/newentry-pc-flow3-img.gif); }


/*
newentry-pc1
---------------------------------------------------------------------------------*/
body#newentry-pc1 #profile H4 { margin: 20px 0 0 10px; }
body#newentry-pc1 #profile table {margin: 0 10px;}
body#newentry-pc1 #profile table th,
body#newentry-pc1 #profile table td {padding: 5px;}
body#newentry-pc1 #profile #send { margin: 10px auto 0; width: 360px; height: 40px; background: transparent url(../../../img/img1/2011/newentry/newentry-pc-send-btn-on.gif) 0 0 no-repeat;}
body#newentry-pc1 #profile #send input {width: 360px; height: 40px;}
body#newentry-pc1 #profile #next { margin: 10px auto 0; width: 360px; height: 40px;}
body#newentry-pc1 #profile #next input {width: 360px; height: 40px;}

/*
PC1_RegiUC_PanelEntry4
---------------------------------------------------------------------------------*/
#PC1_RegiUC_PanelEntry4 #entrywork img#caution { margin: 20px auto 20px; display: block; width: 495px; height:80px;}
#PC1_RegiUC_PanelEntry4 #entrywork p {margin: 0 30px 10px; font-size: 108%;}
#PC1_RegiUC_PanelEntry4 #entrywork #finish-btn input {width: 460px; height:50px;}

/*
PC1_RegiUC_PanelEntry5
---------------------------------------------------------------------------------*/
#PC1_RegiUC_PanelEntry5 #entrywork p {margin:0 30px 10px;}
#PC1_RegiUC_PanelEntry5 #phone-authentication {
	margin: 10px;
	padding: 10px;
	position:relative;
	background-color: #ffeff8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("/PIE.htc");     /* CSS3 PIE */
}


#PC1_RegiUC_PanelEntry5 #phone-authentication table#account { margin-bottom: 20px; width: 100%; border: 3px double #ff3399;}
#PC1_RegiUC_PanelEntry5 #phone-authentication table#account tr,
#PC1_RegiUC_PanelEntry5 #phone-authentication table#account th,
#PC1_RegiUC_PanelEntry5 #phone-authentication table#account td { padding: 3px 0px; border: none; background-color: transparent;}
#PC1_RegiUC_PanelEntry5 #phone-authentication table#account th { padding-left: 20px; width: 11em; color: #ff3399; }
#PC1_RegiUC_PanelEntry5 #phone-authentication table#account td { padding-right: 20px; font-size: 131%; font-weight: bold;}

#PC1_RegiUC_PanelEntry5 #phone-authentication h4 {margin-left: 5px;}
#PC1_RegiUC_PanelEntry5 #phone-authentication ol.flow {
	margin: 15px 10px 10px;
	padding-right: 130px;
	min-height: 227px;
	height: auto !important;
	height: 227px;
	background: transparent url(../../../img/img1/2011/newentry/newentry-phone-img.gif) top right no-repeat;
	font-size: 108%;
}
#PC1_RegiUC_PanelEntry5 #phone-authentication ol.flow li { 
	margin-bottom: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
	position: relative;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	background: transparent url(../images/flow-arrow1.gif) bottom center no-repeat;
}
#PC1_RegiUC_PanelEntry5 #phone-authentication ol.flow li.last-child { background: none; }
#PC1_RegiUC_PanelEntry5 #phone-authentication ol.flow img { position: absolute; top:0; left: 0;}
#PC1_RegiUC_PanelEntry5 #phone-authentication ol.flow #authentication-center {  margin-top: 10px; display: block; }
#PC1_RegiUC_PanelEntry5 #phone-authentication ol.flow #authentication-center strong {font-size: 123%;}

#PC1_RegiUC_PanelEntry5 #phone-authentication p#entry-btn { margin: 10px 0 0; text-align: center; }
#PC1_RegiUC_PanelEntry5 #phone-authentication p#entry-btn input {background-color: transparent;}

/*
PC1_RegiUC_Panel3
---------------------------------------------------------------------------------*/
#PC1_RegiUC_Panel3 #finishentry h3 {margin: 10px 0;}
#PC1_RegiUC_Panel3 #finishentry .section {
	margin: 0 20px;
	padding: 20px 30px;
	min-height: 168px;
	height: auto !important;
	height: 168px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("/PIE.htc");     /* CSS3 PIE */
	background: #ffeff8 url(../../../img/img1/2011/newentry/newentry-pc-finishentry-img.gif) right bottom no-repeat;
}

#PC1_RegiUC_Panel3 #finishentry .section p {margin-top: 10px; padding-right: 110px; text-align: left;}

/*================================================================================
smartphone-page
=================================================================================*/
body#sp-page #sp {background-color: #f3f3f3;}
body#sp-page #sp .section { margin-top: 20px; text-align: center;}
body#sp-page #sp #appri-access { position: relative; }
body#sp-page #sp #appri-access .download {position: absolute; width: 456px;}
body#sp-page #sp #appri-access .download img.qr {padding-left: 11px;}
body#sp-page #sp #appri-access #oldver {top: 244px; left: 32px;}
body#sp-page #sp #appri-access #newver {top: 132px; left: 32px;}
body#sp-page #sp #browser-access { position: relative; }
body#sp-page #sp #browser-access .qr-block {position: absolute; top: 36px; left: 409px;}