@charset "Shift_JIS";

div, span, h1, h2, h3, h4, p, dl, dt, dd, ol, form, fieldset, table, tbody, th, tr, td, img, address, label, object, embed {
    margin: 0px;
    padding: 0px;
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
    font-weight: normal;
    text-decoration: none;
    line-height: 100%;
    list-style-type: none;
    text-indent: 0px;
}

ul,li,ol{
	margin:0px;	
	padding:0px;
	border:none;
	border-spacing:0px;
	border-collapse:collapse;
	font-weight:normal;
	text-decoration:none;
	line-height:100%;
	text-indent:0px;
}

body{
    margin: 0px;
    border: none;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    font-weight: normal;
    text-decoration: none;
    list-style-type: none;
    text-indent: 0px;
    line-height: 100%;
    background: #EFEFEF;
    font-size: 12px;
    text-align: center;
}

body a:link,
body a:visited{
	color: #0066cc;
}

body a:hover{
	color: #ff6600;
}

body a img:hover,
input.entry:hover{
	opacity: 0.5;
}

#wrapper {
    width: 760px;
    margin: 0px auto;
    border-left: 5px #E5E5E5 solid;
    border-right: 5px #E5E5E5 solid;
    background: #FFF;
    color: #000;
}

#headerbase{
	width:760px;
	text-align:center;
}

#header{
	width:760px;
	clear:both;
}

#both{
    width:760px;
	background:#FFF;
	clear:both;
}

#leftbase{
	width:373px;
	float:left;
}

#left{
    padding-left:19px;
}

#rightbase{
    width:387px;
	float:right;
}

#right{
	padding-right:21px;
	text-align:right;
}

.kaiinstep a:link,
.kaiinstep a:visited,
.hajimete a:link,
.hajimete a:visited{
	color:#000002;
}
.kaiinstep a:hover,
.kaiinstep a:active,
.hajimete a:hover,
.hajimete a:active{
	color:#010099;
	}
.koumoku a:link,
.koumoku a:visited{
	color:#fe0000
}
.koumoku a:hover,
.koumoku a:active{
	color:#fe0000
}
.boxarea a:link,
.boxarea a:visited{
	color:#000098;
}
.boxarea a:hover,
.boxarea a:active{
	color:#000002;
}

.mainimage{
	margin-bottom:17px;
}

.kaiinstep{
	width:721px;
	height:170px;
	margin:12px auto 0px;
	background:url(/gift/images/bg_kaii_01.jpg);
}

.kaiinstep div{
	text-align:left;
	padding-top:68px;
	padding-left:23px;
	line-height:1.5em;
}

.boxinfo{
	margin:20px 0 -20px 0;
	z-index:100;
	position:relative;
}
.box01{
	padding:4px;
	margin-top:10px;
	border:1px #999999 solid;
}
#right .box01,
#right .box02{
	/*float:right;*/
	margin-left:10px;
}
.box02{
	width:355px;
	padding-top:24px;
}
.box02 .boxarea{
	padding:10px 0px 0px;
	text-align:left;
	line-height:1.6em;
	font-size:1.16em;
}
.box03{
	padding-top:24px;
}
.box03 .boxarea{
	padding:10px 0px 0px;
	text-align:left;
	line-height:1.4em;
}
.box03 .boxarea img{
	margin-right:10px;
	float:left;
}
.box03 .boxarea p{
	padding-top:15px;
	line-height:1.4em;
}

.hajimete{
	padding:10px 8px;
	line-height:1.5em;
	background:url(../images/bg_box_01.gif);
	text-align:left;
}

.hajimete dt{
	clear:both;
	width:80px;
	display:block;
	float:left;
	font-weight:bold;
	margin:0 0 10px 0;
}
.hajimete dd{
	display:block;
	margin:0 0 10px 0;
	padding:5px 0;
}

.hajimete h2 {
	text-indent:-10000px;
	background:url(../images/btn_touroku_03.gif) no-repeat;
	margin:15px 0 8px 0;
}

.loginform{
	margin:20px 0 0 0;
	padding:0 11px 9px 11px;
	text-align:left;
	background:url(../images/bg_box_01.gif);
	clear:both;
	border:#999999 2px solid;
}
.loginform .koumoku{
	width:174px;
	_width:170px;
	line-height:1.5em;
	padding-top:12px;
	float:left;
}
.loginform .koumoku span{
	font-size:0.85em;
	color:#FF0000;
}
.loginform .input{
	width:148px;
	padding-top:12px;
	text-align:left;
	float:left;
}

.loginform .idpass{
	width:148px;
	height:16px;
	padding-top:4px;
	border:1px #7f9db9 solid !important;
	ime-mode:disabled;
}
.loginform .clear{
	clear:both;
}
.logintxt {
	line-height:1.5em;
}

#loginarea {
	width:719px;
	margin:0px auto;
	padding-top:7px;
	padding-bottom:22px;
}

#headerright {
    text-align:right;
    margin:10px 0 0 0;
}

#headerright a.sublink{
	float:left;
	padding:0;
	display:inline;
	text-align:left;
}
#headerright .line {
	float:left;
	padding:0 10px;
}
#headerright a:hover {
	color:#F90;
}

#headerright a.contact{
	float:right;
	width:157px;
	padding-top:0;
	padding-left:15px;
}

#header #headerleft{
	width:186px;
	text-align:left;
	padding-top:23px;
	padding-bottom:19px;
	padding-left:24px;
	float:left;
}

#header #headerright,
#header #headerright2{
	width: 500px;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	float: right;
	}
#header #headerleft2{
	width:236px;
	text-align:left;
	padding-top:23px;
	padding-bottom:10px;
	padding-left:24px;
	float:left;
	}


/* 20101019完了画面を変更 */
.tameruLeft { float:left; width:662px; padding:0 0 15px 0; display:inline;}
.tameruBox1 p,.tameruBox4 p{ padding:25px 10px 0 60px; font-size:11px; line-height:1.1em;}
.tameruBox2 p,.tameruBox3 p,.tameruBox5 p,.tameruBox6 p{ padding:25px 10px 0 70px; font-size:11px; line-height:1.1em;}
.tameruBox1 { float:left; width:223px; height:88px; background:url(../images/pic_gpint_bg.gif) 0 0;}
.tameruBox2 { float:left; width:223px; height:88px; background:url(../images/pic_gpint_bg.gif) -223px 0;}
.tameruBox3 { float:left; width:215px; height:88px; background:url(../images/pic_gpint_bg.gif) -447px 0;}
.tameruBox4 { float:left; width:223px; height:80px; background:url(../images/pic_gpint_bg.gif) 0 80px;}
.tameruBox5 { float:left; width:223px; height:80px; background:url(../images/pic_gpint_bg.gif) -223px 80px;}
.tameruBox6 { float:left; width:215px; height:80px; background:url(../images/pic_gpint_bg.gif) -447px 80px;}




/* ログイン 20110726 */
#Loginwdset { width:720px; margin:0; padding:20px 0 20px 20px;}
#Loginwdset .sevbox { width:350px; float:left;}
#Loginwdset .sevbox .conwk { border:solid 1px #dcdcdc; border-width:0 1px 1px 1px; background:url(../images/bg_box_01.gif) repeat;
	width:348px; /*height:250px;*/ text-align:left; margin:0; padding:20px 0 10px 0; min-height:250px;}
#Loginwdset .sevbox .conwk table { margin:0 15px;}
#Loginwdset .sevbox .conwk table td.maincell { width:105px; color:#535353; font-weight:bold; padding:7px 0;}
#Loginwdset .sevbox .conwk table td.seccell { padding:5px 0;}
#Loginwdset .sevbox .conwk table td.seccell input { width:200px; height:25px;}
#Loginwdset .sevbox .conwk .chklgn { padding:5px 10px 0 20px;}
#Loginwdset .sevbox .conwk .entry { margin:12px 0 0 39px;}
#Loginwdset .sevbox .conwk .warn { border:solid 1px #DDD; border-width:1px; background:#FFF; text-align:left; line-height:1.7em;
	margin:13px 20px 0 20px; padding:7px 13px;}
#Loginwdset .sevbox .conwk p.txt { line-height:1.5em; margin:0; padding:23px 20px;}

#Loginwdset .torokuhd { background:url(../../common/images/login_hd_toroku.gif) no-repeat; width:720px; height:35px; text-align:left; margin:25px 0 0 0;}
#Loginwdset .torokuhd p { font-size:16px; margin:0; padding:11px 0 0 15px;}
#Loginwdset .torokuwk { border:solid 1px #dfdfdf; border-width:0 1px 1px 1px; width:718px; text-align:left; margin:0; padding:15px 0;}
#Loginwdset .torokuwk .txt { line-height:1.5em; width:318px; margin:0; padding:0 15px 0 20px; float:left;}
#Loginwdset .torokuwk .txt input { padding:7px 0 0 19px;}

.dclear { clear:both;}
.mright20 { margin-right:20px;}
/* Lightbox */
dl dt{ color:#0000ff; text-decoration:underline; width:100px; margin:0; padding:5px 0 5px 7px;}
div#glayLayer{ display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#454545; filter:alpha(opacity=75); opacity: 0.75;}
* html div#glayLayer{ position:absolute;}
#overLayer{ display:none; width:300px; line-height:1.5em; text-align:left; background:white; padding:30px 20px; position:fixed; top:50%; left:50%;}
#overLayer img.close{ position:absolute; top:3px; right:3px; cursor:pointer;}
* html #overLayer{ position: absolute;}

/* ログイン画像認証 */
#loginImgCk { margin:15px; padding:10px; background:#fff; border:1px solid #ccc;}


/*////////////////////////////////
ステップ　新トップ
////////////////////////////////*/
.newStepTl {
	clear:both;
	padding-top:30px;
	margin-bottom:10px;
}
.newStep0 {
	width:203px;
	float:left;
	margin-left:19px;
	display: inline;
}
.newStep1 {
	width:175px;
	float:left;
}
.newStep2 {
	width:173px;
	float:left;
}
.newStep3 {
	width:169px;
	float:left;
}

.torokumess{
	font-size:120%;
	padding-top:20px;
	line-height:1.4;
}

.logincp {
    text-align: center;
    background-color: #ffff99;
    padding: 20px 0 0 0;
}
.logincp p {
    color: #FF0004;
    font-weight: bold;
    font-size: 180%;
    margin: 0 0 15px 0;
}

#notice {
    clear: both;
    padding: 20px 0 0 45px;
    text-align: left;
    font-size: 90%;
    line-height: 1.7em;
}
#notice ul li{
    line-height: 1.4;
    font-family: 'Roboto', sans-serif;
}

#logincp #welcome07,
#logincp #welcome30 {
	text-align: center;
	background-color: #ffff99;
	padding: 15px 20px 10px 20px;
	box-sizing: border-box;
	margin: 18px 20px 15px 20px;
}
#logincp #welcome07 p,
#logincp #welcome30 p {
	margin: 0 0 10px 0;
	color: #FF0004;
	font-weight: bold;
	font-size: 150%;
}
#logincp #welcome07 img {
	border: #feb342 2px solid;
}
#logincp_m {
	text-align: center;
}
#logincp_m #welcome07,
#logincp_m #welcome30 {
	margin: 5px;
}
#logincp_m #welcome07 p,
#logincp_m #welcome30 p {
	margin: 0 0 5px 0;
	color: #FF0004;
}
#logincp_m #welcome07 img {
	width: 100%;
	border: #feb342 2px solid;
	box-sizing: border-box;
}
#logincp_m #welcome30 img {
	width: 100%;
}

.footerbase {
    width: 760px;
    padding-top: 30px;
    color: #555;
    clear: both;
}

#footer {
    padding: 5px;
    background: #E5E5E5;
}

#centerbase{
	width:760px;
	clear:both;
}

#centerbase .number .nyuarea {
	width: 719px;
	margin: 0px auto;
	padding: 7px 0 22px;
	text-align: left;
}

#centerbase .number .btnarea {
	height: 40px;
	background: url(/gift/images/bg_btnarea_01.gif) repeat-x;
}

#centerbase .number .btnarea .btn01 {
	margin-right: 4px;
}

#centerbase .number .nyuarea2 {
	width: 715px;
	border: #64769e solid;
	border-width: 0 2px 2px 2px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#centerbase .number .nyuarea2 .usepint {
	width: 680px;
	margin: 0 auto;
	padding: 10px 0;
}

#centerbase .number .nyuarea2 .usepint .w670 {
	width: 670px;
}

#centerbase .number .nyuarea2 .usepint .w670 .st3txtbox {
	width: 670px;
	padding: 4px;
	border: 1px #d0d0d0 solid;
	text-align: center;
}

.nyuarea2 .usepint .w670 .st3txtbox .st3textarea {
	padding: 0 2px 10px;
	background: #EEE;
}

.nyuarea2 .usepint .w670 .st3txtbox .st3textarea ul.list {
    list-style: none;
    width: 650px;
    border: none;
    padding: 5px 0 7px 40px;
    margin: 0 auto;
}

.nyuarea2 .usepint .w670 .st3txtbox .st3textarea ul.list li.left {
	float: left;
	margin: 5px 10px 0 10px;
	background: #fff;
	padding: 2px;
}

.nyuarea2 .usepint .w670 .st3txtbox .st3textarea ul.list li.left img {
	margin: 2px 0;
}

.nyuarea2 .usepint .w670 .st3txtbox .st3textarea .pexbtn{
	margin-top: 20px;
}


#centerbase .number .giftnumber {
	width: 707px;
	margin: 10px auto 0;
	padding: 5px;
	background: #f3f1f1;
	border: 1px #ccc solid;
}

#centerbase .number .giftnumber p {
	text-align: left;
	padding: 5px;
	line-height: 1.5;
}

#centerbase .number .giftnumber .numberex {
	padding: 20px 0;
}

#centerbase .number .barstep {
	text-align: center;
	padding: 14px 0px;
	margin: 0px auto;
}

#centerbase .number .nyutxt {
	padding: 0px 21px;
	line-height: 1.4;
}

#centerbase .number .inputarea {
	width: 673px;
	margin: 0px auto;
	padding: 0px 12px 19px;
	text-align: left;
}

#centerbase .number .ertext {
	width: 100%;
	font-size: 1.1em;
	line-height: 1.6;
	text-align: left;
	color: #FF0000;
	margin: 20px auto 0;
	background: #FBE1F0;
	padding: 15px;
	box-sizing: border-box;
}

#centerbase .number .pt21 {
	padding-top: 21px;
	padding-bottom: 21px;
}

#centerbase .number .step01Left {
	width: 210px;
	height: 18px;
	padding-top: 5px;
	font-size: 1.16em;
	line-height: 1.3;
	float: left;
}

#centerbase .number .step01Right {
	width: 460px;
	text-align: left;
	float: right;
}

#centerbase .number .step01Right .st1input1 {
	width: 95px;
	height: 16px;
	padding: 10px 0;
	margin-right: 10px;
	text-align: center;
	font-size: 150%;
	ime-mode: disabled;
}

#centerbase .number .tugihe {
	margin-top: 22px;
}

#centerbase .number .chuui {
    margin: 0px 20px;
    padding: 15px;
    line-height: 1.5;
    font-size: 0.85em;
    border: 1px #c7c7c7 solid;
}

#centerbase .number .chuui span {
	color: #FF0000;
}

.torokumess{
	padding:10px 0px;
	margin:0px auto;
	text-align:center;
	line-height:1.4;
	font-size:1.16em;
	font-weight:bold;
	color:#FF0000;
}