@charset "utf-8";
/* 2015.12.03 - 2015.12.04 */

/**-----------------------------------------------
	マイページトップ
-----------------------------------------------**/
/* メインコンテンツ */
#twocol_main.mypage_robohon_center {
	margin-left:77px;
	text-align:center;
	margin-bottom: 100px;
}
#mypage_main_img {
	padding:20px 0 50px;
}
.mypage_icon {
	text-align:center;
	margin-top:50px;
}
.mypage_icon h3 {
	margin-bottom:10px;
}
.mypage_icon ul {
	margin-right:-15px;
}
.mypage_icon li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:15px;
}

/* ユーザ登録情報 */
#mypage_user_info {
	padding-bottom: 180px;
}
#mypage_user_info section {
	position:relative;
	width:980px;
	margin: 0 auto;
}
#mypage_user_info h2 {
	margin-bottom:20px;
}
#mypage_user_info {
	position:relative;
	padding:60px 0 90px;
	background-color:#f0f0f0;
	/*padding-bottom: 240px;*/
}
#mypage_user_info_title {
	position:absolute;
	top:0;
	left:0;
}
#mypage_user_info table {
	width:auto;
	margin-left:250px;
}
#mypage_user_info table th {
	width:155px;
	font-size:13px;
	color:#FFF;
	background-color:#999;
	border:5px solid #F0F0F0;
	border-right:none;
}
#mypage_user_info table td {
	width:250px;
	font-size:13px;
	text-align:center;
	border:5px solid #F0F0F0;
	border-left:none;
}
#mypage_user_info table td.btn_cell {
	width:90px;
	padding:0;
	background-color:transparent;
}
#mypage_user_info table td.btn_cell .btn_brown {
	width:100%;
}


/**-----------------------------------------------
	アプリケーション
-----------------------------------------------**/
#sub_menu {
	position:absolute;
	top:-110px;
	width:100%;
	text-align:center;
}
#sub_menu li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:40px;
}
#sub_menu li a {
	color:#000;
	font-size:12px;
	text-decoration:none;
}
#sub_menu li a:hover,
#sub_menu li.select a {
	color:#999;
}
#application #one_col {
	margin-top:120px;
}
#application_main {
	text-align:center;
	margin-bottom:90px;
}
#application_main h2 {
	color:#666;
	font-size:35px;
	line-height:1.4;
	margin-bottom:20px;
}
#application_main p {
	font-size:18px;
	line-height:2.2;
}
#application_icon {
	width:640px;
	margin:0 auto -40px;
}
#application_icon li {
	float:left;
	margin:0 40px 40px 0;
}


/**-----------------------------------------------
	初期設定アプリの利用許諾
-----------------------------------------------**/
#dialog_bg {
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background:url(../../common/img/header_bg.png) repeat 0 0;
}
#dialog {
	position:absolute;
	width:450px;
	padding:50px;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#dialog label {
	display:block;
	margin-bottom:20px;
}
#dialog .close {
	position:absolute;
	top:15px;
	right:15px;
}


/**-----------------------------------------------
	QRコードの表示
-----------------------------------------------**/
#service_qr {
	position:relative;
	padding-top:30px;
}
#service_qr p {
	position:absolute;
	top:0;
	left:240px;
	width:450px;
	height:70px;
	padding:40px;
	font-size:18px;
	background:url(../img/balloon.gif) no-repeat;
}
#service_qr #qr {
	position:absolute;
	top:100px;
	left:0;
}


/**-----------------------------------------------
	QRコードの表示
-----------------------------------------------**/
.receipt_table th {
	width:200px;
	text-align:left;
}

.receipt_table td {
	text-align:right;
}