@charset "utf-8";

/* #############################################################

[ 検索 ]

適用範囲：L-1-0-1,L-1-0-1-1, L-1-2, L-1-1, L-1-1-2

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */


/* ==========================================================================
 住所の検索結果 | 新規ご利用登録
=========================================================================== */

/* --------------------------------------------------------------
addCommodity
-------------------------------------------------------------- */

.addCommodity {
	width:761px;
	margin-top:10px;
	padding-bottom:15px;
	background:url(/resource/images/mycatalog/mycatalog--top-added-btm-bg.gif) bottom no-repeat;
}
.addCommodity:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.addCommodity .btn {
	margin-top:10px;
	text-align: center;
}
.addCommodity .btn.mgn {margin-top:37px;}

.addCommodity2 .leftcolumn {
	background:url(/resource/images/user/new-user-password-bg.gif) no-repeat left bottom #fcecdb;
	float:left;
	width:375px;
	padding-bottom:4px;
}
.addCommodity2 .rightcolumn {
	background:url(/resource/images/user/new-user-individual-bg.gif) no-repeat left bottom #efefef;
	float:right;
	width:375px;
}
.addCommodity2 .leftcolumn-v2 {
	float:left;
	width:353px;
}
.addCommodity2 .rightcolumn-v2 {
	float:right;
	width:353px;
	padding-bottom:4px;
}
.addCommodity2 dd {
	margin-bottom:7px;
	text-align:center;
}
.addCommodity2 .rightcolumn-v2 dd,
.addCommodity2 .leftcolumn-v2 dd {
	margin-bottom:0px;
	text-align:center;
}

/* addNumber
--------------------------------------------- */

.addNumber {
	float:left;
	width:359px;
	padding:7px 0 0 16px;
	background:url(/resource/images/mycatalog/mycatalog--top-added-top-bg.gif) top no-repeat;
}

.addNumber .title {
}

.addNumber .txt {
	padding-top:10px;
	font-size:1.2em;
	line-height:1.4;
}

.addNumber .txtLInk {
	padding-top:10px;
	font-size:1.2em;
	line-height:1.4;
}

.addNumber table {
	width:296px;
	margin:12px auto 0;
	font-size:1.2em;
	line-height:1.4;
}

.addNumber table th {
	width:100px;
	padding-right:8px;
	padding-bottom:5px;
	font-weight:normal;
	vertical-align:middle;
}

.addNumber table td {
	width:196px;
	padding-bottom:5px;
	vertical-align:middle;
}

.addNumber table td input {width:196px;}

.addNumber .linkTxt {
	width:296px;
	margin:5px auto 0;
	text-align:left;
	font-size:1.2em;
	line-height:1.4;
}


/* addNumber
--------------------------------------------- */

.addCatalog {
	float:right;
	width:368px;
	padding:7px 0 0 7px;
	background:url(/resource/images/mycatalog/mycatalog--top-added-top-bg.gif) top no-repeat;
}

.addCatalog .title {
}

.addCatalog .txt {
	padding:15px 10px 0;
	font-size:1.2em;
	line-height:1.4;
}




/* ==========================================================================
 住所の検索結果 | 新規ご利用登録
=========================================================================== */

.searchBtn {text-align:right;}

#new02 dd.body p.text{
	background:url("/resource/images/shared/icn/arrow-black-mkr.png") no-repeat 25px 6px;
	padding-left: 30px;
	padding-top:4px;
}
#new02 dd.body p.text .mod_linkText {
	background:none;
}

/* --------------------------------------------------------------
住所の検索結果テーブル系
-------------------------------------------------------------- */

.addressResultTbl {
	width:761px;
	border-collapse:collapse;
}


/* 幅指定
--------------------------------------------- */

.addressResultTbl .itemNoCol {width:90px;}
.addressResultTbl .itemAddressCol {width:300px;}
.addressResultTbl .itemHouseNumberCol {width:140px;}
.addressResultTbl .itemBuildingNameCol {width:135px;}
.addressResultTbl .itemBtnCol {width:96px;}


/* TH指定
--------------------------------------------- */

.addressResultTbl th {
	padding:3px;
	border-top:1px solid #fff;
	border-bottom:1px solid #c3c3c3;
	border-left:none;
	border-right:1px solid #fff;
	background:#efefef;
	font-size:1em;
	line-height:1.4;
	color:#747474;
	text-align: center;
	font-weight:normal;
	vertical-align:middle;
}
.addressResultTbl .lastHead {border-right: none;}


/* TD指定
--------------------------------------------- */

.addressResultTbl td {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	font-size:1.2em;
	line-height:1.4;
	border-top:1px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}
.addressResultTbl .noneCell-left {border-left: none;}
.addressResultTbl .noneCell-right {border-right: none;}

.addressResultTbl .itemNoCell {
	background:#dfebf7;
}

.addressResultTbl .itemBtnCell {
	background:#dfebf7;
	text-align:center;
}




/* ==========================================================================
 販売店コードの入力 | 新規ご利用登録
=========================================================================== */

.codeExplanation {text-align:center;}



/* ==========================================================================
 ご登録内容の確認 | 新規ご利用登録
=========================================================================== */


/* registerOrderColumn
--------------------------------------------- */

.registerOrderColumn .fast {
	margin:20px 0 0 0;
}

.registerOrderColumn {
	width:761px;
	margin:10px 0 0;
	padding:0;
	text-align:left;
}
.registerOrderColumn:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.registerOrderColumn .leftColumn {
	float:left;
	width:375px;
	margin:0;
	padding:0;
	text-align:left;
}

.registerOrderColumn .rightColumn {
	float:right;
	width:375px;
	margin:0;
	padding:0;
	text-align:left;
}


/* registerOrderTbl1
--------------------------------------------- */

.registerOrderColumn .registerOrderTbl1 {
	width:375px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.2em;
	line-height: 1.4;
	border-collapse:collapse;
}

.registerOrderColumn .registerOrderTbl1 th {
	width:164px;
	margin:0;
	padding:5px 8px;
	text-align:left;
	font-weight:bold;
	border:1px solid #c3c3c3;
	background:#dfebf7;
}

.registerOrderColumn .registerOrderTbl1 td {
	width:184px;
	margin:0;
	padding:5px 8px;
	text-align:left;
	border:1px solid #c3c3c3;
	vertical-align:middle;
}

.registerOrderColumn .registerOrderTbl1 td .add-num {
	font-weight:bold;
	color:#D80000;
}


/* 見出し背景色グレーバージョン ---------------*/

.registerOrderColumn .registerOrderTbl2 {
	width:375px;
	margin:10px 0 0;
	padding:0;
	text-align:left;
	font-size:1.2em;
	line-height: 1.4;
	border-collapse:collapse;
}

.registerOrderColumn .registerOrderTbl2 th {
	width:164px;
	margin:0;
	padding:5px 8px;
	text-align:left;
	font-weight:bold;
	border:1px solid #c3c3c3;
	background:#efefef;
}

.registerOrderColumn .registerOrderTbl2 td {
	width:184px;
	margin:0;
	padding:5px 8px;
	text-align:left;
	border:1px solid #c3c3c3;
	vertical-align:middle;
}


.cancel-btn {
	margin-top:15px;
}

/* ==========================================================================
 ログイン
=========================================================================== */

.loginPage #main {
	width: 960px;
}

.completeBox.compBox .comploginFormBox{
	background:#dfebf7;
	width:741px;
	margin:20px 0 0;
	padding:10px;
	font-size:1.2em;
}
.completeBox.compBox .comploginFormBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.completeBox.compBox .comploginFormBox .completeBoxTbl{
	border-top:solid 1px #c3c3c3;
	border-left:solid 1px #c3c3c3;
}
.comploginFormBox .comploginForm{
	float:left;
	width:400px;
}
.completeBox.compBox .comploginFormBox .comploginForm th {
	background:#efefef;
	font-weight:normal;
	width:125px;
	height:47px;
	padding-left:13px;
}
.completeBox.compBox .comploginFormBox .comploginForm th ,
.completeBox.compBox .comploginFormBox .comploginForm td {
	text-align: left;
    vertical-align: middle;
	border-right:solid 1px #c3c3c3;
	border-bottom:solid 1px #c3c3c3;
}
.completeBox.compBox .comploginFormBox .comploginForm th .s-txt {
	font-size:0.9em;
}
.completeBox.compBox .comploginFormBox .comploginForm td .toptxt {
	margin:3px 0;
}
.completeBox.compBox .comploginFormBox .comploginForm td {
	background:#fff;
	width:220px;
	padding-left:10px;
}
.completeBox.compBox .comploginFormBox .comploginForm td .width80 {
	width:80px;
}
.completeBox.compBox .comploginFormBox .comploginForm td .width55 {
	width:55px;
}
.completeBox.compBox .comploginFormBox .comploginForm td .width205 {
	width:205px;
}
.completeBox.compBox .comploginFormBox .comploginForm .completeBoxTbl{
	margin:0;
	width:375px;
}

.completeBox.compBox .comploginFormBox .notloginBtm-box {
	float:right;
	width:330px;
	padding:0;
	line-height:1.4
}
.completeBox.compBox .comploginFormBox .notloginBtm-box .notloginBtm {
	padding-top:18px;
	text-align:right;
}

.userComSecBox.checknextNote {
	line-height:1.4
}
.userComSecBox.checknextNote .checknext {
	font-size:1.2em;
}
.userComSecBox.checknextNote .checknext input {
	margin-right:5px;
	margin-bottom:3px;
	vertical-align:middle;
}
.userComSecBox.checknextNote .idDelete {
	margin-left:21px;
}
/*右エリア*/
.AboutSeculity {
	font-size:1.2em;
	line-height:1.4;
	margin-top: 70px;
}
.AboutSeculity .secuttl {
	background:#e3e3e3;
	padding:5px
}
.AboutSeculity .secuttl p {
	border-left:solid 5px #4199fa;
	padding-left:7px;
}
.AboutSeculity .secutxt {
	border:solid 1px #e3e3e3;
	margin-top:10px;
	padding:5px;
}


/* エラーメッセージ */
.mod_cautionNoteE {
	border:2px solid #d80000;
	margin-top:20px;
	padding:8px;
}
.mod_cautionNoteE .heading {
	background:url(/resource/images/user/item-caution-icn-02.gif) no-repeat left top;
	color:#d80000;
	font-size:1.4em;
	font-weight:bold;
	min-height:23px;
	height:auto !important;
	height:23px;
	padding-left:35px;
	line-height:150%;
}
.mod_cautionNoteE .body {
	padding-left:35px;
}
.mod_cautionNoteE .body .text {
	background:url(/resource/images/shared/icn/link-anchor-icn.png) no-repeat left 3px;
	font-size:1.2em;
	margin-top:5px;
	padding-bottom:3px;
	padding-left:17px;
}

.errorBox {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #d80000;
    margin-bottom: 15px;
    padding: 8px 10px 10px;
}
.errorBox .title {
    background: url("/resource/images/shared/icn/2014new_attention-a-exmark-bg.gif") no-repeat scroll 0 2px;
    color: #d80000;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3px;
    padding: 6px 0 6px 30px;
}
.errorBox .body {
    font-size: 130%;
    font-weight: bold;
    padding-left: 30px;
}
.errorBox .body {
    font-size: 130%;
    font-weight: bold;
    padding-left: 30px;
}


/* ご利用規約とプライバシーポリシー */
.term-ttl {
	margin-top:40px;
}
.userComBox.term-wrap {
	border:1px solid #c3c3c3;
	margin-top:0;
	width:759px;
}
.term-wrap .term-txt {
	border-bottom:1px dotted #c3c3c3;
	padding:10px 0 10px 10px;
}
.term-wrap .userComSecBox {
	margin:0;
	padding-top:10px;
}
.term-wrap .userComSecBox .mod_optTextHeadingH3 {
	border-bottom:1px solid #c3c3c3;
}
.term-wrap .userComSecBox h3 {
	font-size:0.9em;
}
.term-wrap .userComSecBox .asideLink {
	font-size:0.75em;
	padding-right:10px;
}
.term-wrap .userComSecBox.fast {
	padding:10px;
	width:741px;
}


.red-txt {
	color:#d80000;
}
.contact-bnr {
	margin-top:20px;
}

/* ==========================================================================
 ログイン
=========================================================================== */
#login div.login_main{
	width: 960px;
}
#login div.login_main p{
	font-size: 1.2em;
	line-height: 1.2em;
}
#login div.login_main span{
	font-size: 1em;
}
#login div.login_left{
	width: 470px;
	margin-right: 20px;
	float: left;
}
#login div.login_right{
	width: 470px;
	float: left;
}
#login div.login_left_main {
	border: 1px solid #c3c3c3;
	border-top: none;
	padding:10px;
}
#login div.login_right_main .new_accountBlock {
	border: 1px solid #c3c3c3;
	border-top: none;
	padding: 25px;
}
#login div.login_right_main .new_accountBlock > p {
	font-size: 1.3em;
	margin-bottom: 35px;
}
#login div.login_right_main .new_accountBlock ul {
	width: 240px;
	margin: 0 auto;
	margin-bottom: 40px;
}
#login div.login_right_main .new_accountBlock ul li {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 13px;
    background: url("/resource/images/shared/icn/check_mark.gif") no-repeat scroll left 5px;
    padding: 6px 0 3px 25px;
    margin-bottom: 5px;
}
#login div.login_right_main .new_accountBlock .registbtn {
	margin-bottom: 17px;
}
#login div.login_right_main .security_caption_title {
	margin-top: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c3c3c3;
	font-size: 1.3em;
}
#login div.login_right_main .security_caption_txt {
	margin-top: 9px;
	font-size: 1.1em;
	line-height: 1.4;
}
#login div.login_main p.center{
	text-align: center;
}
#login div.login_left_main div.left_bgcolor01 {
	background-color: #efefef;
	padding: 15px 45px 3px 17px;
}
#login div.login_left_main div.nonregist{
	padding: 10px 10px 20px 10px;
}
#login div.login_left_main .inputTitle label {
	font-weight: bold;
	display: inline-block;
	width: 90px;
	font-size: 1.1em;
}
#login div.login_left_main .inputTitle input {
	display: inline-block;
	width: 279px;
	height: 30px;
	padding: 0 4px;
	vertical-align: middle;
	width: 281px\9;
	height: auto\9;
	line-height: auto\9;
	padding: 9px 4px 1px 4px\9;
	font-size: 1.4em;
    background-color: #fff;
    border: 1px solid #c3c3c3;
}
html:not(:target) #login div.login_left_main .inputTitle input {
	width: 279px;
	height: 30px;
	padding: 0 4px;
}

#login div.login_left_main .smallTxt {
	font-size: 1.1em;
	margin: 3px 0 10px;
	padding-left: 92px;
	color: #919191;
}
#login .login_checkbox{
	padding: 10px 0 18px;
}
#login .login_checkbox p {
    text-align: center;
}
.login_checkbox p strong {
	font-size: 1.1em;
    margin-left: 1px;
}
#login .login_checkbox input {
	vertical-align:-2px;
	margin-bottom: 0;
}
#login div.login_left_main .login_annotation {
	margin: 0 20px 10px 20px;
	border-bottom: 1px solid #c3c3c3;
}
#login div.login_left_main .login_annotation dl {
	margin-bottom: 10px;
}
#login .login_annotation dl dt {
	float: left;
}
#login .login_annotation dl dd {
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.4;
}
#login div.clear{
	clear:both;
}
#login span.fnormal{
	font-weight: normal;
}
#login a.mod_linkBlankB_left {
	padding: 0 0 0 23px ;
	background: url(/resource/images/shared/icn/blank-icn.png) no-repeat 4px .25em;
}
#login p.help_window .mod_linkHelp{
	font-size: 100%;
}
#login p.help_window2{
	border-bottom: 1px dotted #c3c3c3;
}
#login p.help_window.notes {
	margin-left:22px;
	margin-top:2px;
}
div.login-pagetop{
	padding: 15px 0 0;
	background: url(/resource/images/myp/mypage-content-body-bg.gif) repeat-x left top;
	/zoom: 1;
}
div.login-pagetop .topTxt{
	width: auto;
	font-size: 1.3em;
}
#login .bgblue {
	padding:7px;
}
#login .returnBox {
	background-color: #efefef;
	padding: 13px;
}

#login .login_link {
	font-size: 1.1em;
}

#login_id, #login_pw {
	ime-mode: disabled;
}



/* ==========================================================================
 新規登録
=========================================================================== */

.askulKnowReason th,
.askulKnowReason td {
	*border-bottom: none !important;
}





/* ************************************
2016/12/12
************************************ */
.bgcPtn {
  background-color: #efefef;
}

.eug2016 {
  position: relative;
  background-color: #fff;
}

.eug2016 .txtList {
  padding-top: 10px;
  font-size: 130%;
  line-height: 1.6;
}

.eug2016 .txtList dl dt {
  float: left;
}

.eug2016 .txtList dl dd {
  padding-left: 3px;
  overflow: hidden;
}

.eug2016 .header {
	position: relative;
	padding-bottom: 40px;
}

.eug2016 .header h1 {
	color: #172397;
	font-size: 280%;
}

.eug2016 .header .breadcrumb {
  position: absolute;
  right: 0;
  top: 6px;
	color: #bfbfbf;
}

.eug2016 .header ul li {
	position: relative;
	padding-right: 78px;
	float: left;
	font-size: 140%;
  font-weight: bold;
}

.eug2016 .header ul li.last {
	padding-right: 0;
}

.eug2016 .header ul li:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 32px;
	width: 20px;
	height: 17px;
  margin-top: -9px;
	background: url(/resource/images/user/2016eug_arrow_01.png) no-repeat;
	background-size: contain;
	content: '';
}

.eug2016 .header ul li.cr {
	color: #2f8eef;
}

.eug2016 .header ul .cr:before {
	background-image: url(/resource/images/user/2016eug_arrow_01_cr.png);
}

.eug2016 .header ul li.last:before {
  display: none;
}

.eug2016 .footerSection .footerLink03Outer {
  padding-bottom: 60px;
}
  br.flds {
    display: none;
  }

.eug2016 .footerLink01Outer {
  margin-top: 0;
}

@media screen and (max-width:1050px) {
.eug2016 .footerSection .footerLink03Outer {
  padding-bottom: 80px;
}
  br.flds {
    display: block;
  }
}


/* contents ----------------------------- */
.eug2016 .contents {
  width: 900px;
  margin: 0 auto 30px;
  line-height: 1.4;
}

.eug2016 .contents h1 {
  font-size: 240%;
  color: #102e8e;
}

.eug2016 .errorBox {
  margin-bottom: 25px;
  padding: 20px 45px;
  border: none;
  background-color: #fbe5e5;
}

.eug2016 .errorBox dl dt {
  position: relative;
  padding-bottom: 8px;
  font-size: 140%;
  font-weight: bold;
}

.eug2016 .errorBox dl dt:before {
  display: block;
  position: absolute;
  left: -34px;
  top: -4px;
  width: 26px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(/resource/images/user/2016eug_icon_alert_01.png);
  content: '';
}

.eug2016 .errorBox dl dd {
  font-size: 130%;
}




/* userBlock ------------------------------------- */
.eug2016 .loginBlock {
  display: table;
  margin: 0 auto;
  vertical-align: top;
}

.eug2016 .loginBlock .spaceBlock {
  display: table-cell;
  width: 26px;
}

.eug2016 .loginBlock .userBlock {
  display: table-cell;
  width: 437px;
  padding: 20px;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  vertical-align: top;
}

.eug2016 .loginBlock .userBlock h1 {
  margin-bottom: 20px;

}

.eug2016 .loginBlock .userBlock .errorBox {
  padding: 20px 20px 20px 45px;
  text-align: left;
}

.eug2016 .loginBlock .userBlock .formSet dl {
  display: table;
  width: 100%;
  margin-top: 15px;
}

.eug2016 .loginBlock .userBlock .formSet dl dt {
  display: table-cell;
  width: 88px;
  font-size: 140%;
  font-weight: bold;
  vertical-align: middle;
}


/* input */
.eug2016 .loginBlock .userBlock .formSet dl .field {
  position: relative;
  width: 307px;
  height: 35px;
	border-radius: 4px;
	border: 1px solid #b5b5b5;
	background-color: #fff;
  box-sizing: border-box;
}

.eug2016 .loginBlock .userBlock .formSet dl .field input {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 287px;
  height: 20px;
  margin-top: -12px;
	border: none;
  font-size: 130%;
}

.eug2016 .loginBlock .userBlock .formSet dl .field input::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.5;
}

.eug2016 .loginBlock .userBlock .formSet dl .field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.eug2016 .loginBlock .userBlock .formSet dl .field span.ie_placeholder{
	top: 9px;
	left: 11px;
	font-size: 130%;
	line-height: 14px;
	text-align: left;
	color: #7e7e7e;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	display:none;
	pointer-events: none;
}

/* checkbox */
.eug2016 .loginBlock .userBlock .checkboxField {
  margin-top: 10px;
  font-size: 130%;
  text-align: center;
}

.eug2016 .loginBlock .userBlock .checkboxField input[type="checkbox"] {
	display: none;
}

body.ie7 .eug2016 .loginBlock .userBlock .checkboxField input[type="checkbox"],
body.ie8 .eug2016 .loginBlock .userBlock .checkboxField input[type="checkbox"] {
	display: inline-block;
}

.eug2016 .loginBlock .userBlock .checkboxField label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 26px;
	cursor: pointer;
}

body.ie7 .eug2016 .loginBlock .userBlock .checkboxField label,
body.ie8 .eug2016 .loginBlock .userBlock .checkboxField label {
  padding-left: 5px;
}

.eug2016 .loginBlock .userBlock .checkboxField label:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 21px;
	height: 21px;
	margin-top: -11px;
  background: url(/resource/images/user/2016eug_bg_checkbox_01.png);
}

body.ie7 .eug2016 .loginBlock .userBlock .checkboxField label:before,
body.ie8 .eug2016 .loginBlock .userBlock .checkboxField label:before {
  display: none;
  content: normal;
}

.eug2016 .loginBlock .userBlock .checkboxField input[type="checkbox"]:checked + label:before {
  background: url(/resource/images/user/2016eug_bg_checkbox_01_cr.png);
}

.eug2016 .loginBlock .userBlock .checkboxField input[type="checkbox"]:checked + label:after:not(:target){ filter: none\9;}



.eug2016 .loginBlock .userBlock .balloonIcon {
  display: inline-block;
}

.eug2016 .loginBlock .userBlock .balloonIcon .cmnBalloonBody {
  font-size: 100%;
  text-align: left;
}

.eug2016 .loginBlock .userBlock .balloonIcon .cmnBalloonBody .mod_linkBlankB {
  background-position: 100% 4px;
}

.eug2016 .loginBlock .userBlock .balloonIcon .screen img {
  padding-left: 3px;
  vertical-align: -3px;
}


.eug2016 .loginBlock .userBlock .btn {
  margin-top: 20px;
  text-align: center;
}

.eug2016 .loginBlock .userBlock .btnNots {
  margin-top: 20px;
  text-align: center;
  font-size: 130%;
}

.eug2016 .loginBlock .userBlock .btnNots a {
  position: relative;
  margin-left: 15px;
}

.eug2016 .loginBlock .userBlock .btnNots a:before {
  display: block;
  content: '';
  position: absolute;
  left: -15px;
  top: 3px;
  width: 6px;
  height: 10px;
  background: url(/resource/images/user/2016eug_icon_arrow_04.png) no-repeat;
}

.eug2016 .loginBlock .userBlock .btn .login_btn {
  margin: 0 auto;
  width: 220px;
  height: 45px;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  font-size: 18px;
}
.eug2016 .loginBlock .userBlock .btn .login_btn:not([disabled]) {
  border: none;
  background: -webkit-linear-gradient(top, #fda128, #fd8629);
  background: linear-gradient(to bottom, #fda128, #fd8629);
  color: #fff;
  cursor: pointer;
}

.eug2016 .loginBlock .userBlock .btn .login_btn:not([disabled]):hover {
  background: -webkit-linear-gradient(top, #fd8629, #fda128);
  background: linear-gradient(to bottom, #fd8629, #fda128);
}

.eug2016 .loginBlock .userBlock .btn .login_btn:disabled {
  border: 1px solid #cecece;
  background: -webkit-linear-gradient(top, #fff, #f5f5f5);
  background: linear-gradient(to bottom, #fff, #f5f5f5);
  color: #cecece;
}

.eug2016 .loginBlock .userBlock .newEntry {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #e5e5e5;
  text-align: center;
  font-size: 130%;
}

.eug2016 .loginBlock .userBlock .newEntry a {
  position: relative;
  margin-left: 15px;
}

.eug2016 .loginBlock .userBlock .newEntry a:before {
  display: block;
  content: '';
  position: absolute;
  left: -15px;
  top: 3px;
  width: 6px;
  height: 10px;
  background: url(/resource/images/user/2016eug_icon_arrow_04.png) no-repeat;
}





.eug2016 .loginBlock .userBlock p.title {
  font-size: 200%;
  color: #102e8e;
  padding-top:3px;
}

.eug2016 .loginBlock .userBlock p.caption{
  font-size:130%;
  text-align:right;
  color: #102e8e;
}

.eug2016 .loginBlock .userBlock .link {
  margin-top: 10px;
  text-align: right;
  font-size: 130%;
}

.eug2016 .loginBlock .userBlock .link a {
  position: relative;
  margin-left: 15px;
}

.eug2016 .loginBlock .userBlock .link a:before {
  display: block;
  content: '';
  position: absolute;
  left: -15px;
  top: 3px;
  width: 6px;
  height: 10px;
  background: url(/resource/images/user/2016eug_icon_arrow_04.png) no-repeat;
}

.eug2016 .loginBlock .userBlock .btn {
  margin-top: 17px;
  text-align: center;
}

.eug2016 .loginBlock .userBlock .pwBox {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #e5e5e5;
  letter-spacing: -0.3px;
}

.eug2016 .loginBlock .userBlock .pwBox .usingUserTitle{
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 105%;
}

/* newUserBlock ------------------------------------- */
.eug2016 .loginBlock .newUserBlock {
  display: table-cell;
  width: 437px;
  margin-left: 22px;
  padding: 20px;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  vertical-align: top;
}

.eug2016 .loginBlock .newUserBlock p.title {
  font-size: 200%;
  color: #102e8e;
  padding-top:3px;
}

.eug2016 .loginBlock .newUserBlock p.caption{
  font-size:130%;
  text-align:right;
  color: #102e8e;
}

.eug2016 .loginBlock .newUserBlock .link {
  margin-top: 10px;
  text-align: right;
  font-size: 130%;
}

.eug2016 .loginBlock .newUserBlock .link a {
  position: relative;
  margin-left: 15px;
}

.eug2016 .loginBlock .newUserBlock .link a:before {
  display: block;
  content: '';
  position: absolute;
  left: -15px;
  top: 3px;
  width: 6px;
  height: 10px;
  background: url(/resource/images/user/2016eug_icon_arrow_04.png) no-repeat;
}

.eug2016 .loginBlock .newUserBlock .btn {
  margin-top: 17px;
  text-align: center;
}

.eug2016 .loginBlock .newUserBlock .pwBox {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #e5e5e5;
  letter-spacing: -0.3px;
}

.eug2016 .loginBlock .newUserBlock .pwBox .usingUserTitle{
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 105%;
}

.eug2016 .footTxt {
  padding: 40px 0 20px;
  font-size: 120%;
}

.eug2016 .contents .pageTop {
  margin-top: 30px;
  text-align: right;
}

.eug2016 .contents .pageTop a {
  position: relative;
  padding-left: 15px;
  font-size: 130%;
}

.eug2016 .contents .pageTop a:before {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 6px;
  background: url(/resource/images/user/2016eug_icon_arrow_03.png) no-repeat;
  content: '';
}





/*  clearfix */
.eug2016 .loginBlock:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}