@charset "Shift-jis";
/*====================================================================
 header
====================================================================*/
div#header{
	width:985px;
	height:78px;
	margin: 0 auto;
	position:relative;
	background:url(/img/common/img_head.jpg) no-repeat;
}



/*====================================================================
 footer
====================================================================*/
div#footMenu {
	margin: 0 auto;
	padding-top: 21px;
	width: 968px;
	background:url(/img/common/line_footer.gif) repeat-x left top;
}
p#closeLink {
	margin: 0;
	padding: 0 10px;
	padding-left: 18px;
	float: left;
	background: url(/img/common/arrow_close.gif) no-repeat left 50%;
}
p#closeLink2 {
	margin: 0;
	padding: 0 10px;
	padding-left: 18px;
	float: right;
	background: url(/img/common/arrow_close.gif) no-repeat left 50%;
}
p#historyBack {
	margin: 0;
	padding: 0 10px;
	padding-left: 18px;
	float: left;
	background: url(/img/common/arrow_back.gif) no-repeat left 50%;
}
p#anchorTOP {
	margin: 0;
	padding: 0 10px;
	padding-left: 18px;
	float: right;
	background: url(/img/common/arrow_top.gif) no-repeat left 50%;
}
p#roomidTOP {
	margin: 0;
	padding: 0 10px;
	padding-left: 18px;
	float: left;
	background: url(/img/common/arrow_back.gif) no-repeat left 50%;
}

.clear {
	clear: both;
}

div#footer {
	margin: 0 auto;
	width:985px;
	padding-top:20px;
}
div#copyright {
	background-color: #666666;
	color: #FFFFFF;
	padding: 6px 10px;
	text-align: right;
}
div#copyright p {
	text-align: right;
}
div#footer p {
	margin: 0;
}

.closeBtn {
	margin: 10px 10px 20px;
	padding-top: 10px;
	padding-top: 21px;
	background:url(/img/common/line_footer.gif) repeat-x left top;
}
.closeBtn p {
	margin: 0;
	text-align: center;
}


/*====================================================================
 general purpose
====================================================================*/
/* margin
--------------------------------------------------------------------*/
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}

.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}

.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}


/* text-align
--------------------------------------------------------------------*/
.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.top {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}


/* font-size
--------------------------------------------------------------------*/
.f10 {font-size: 81%;}
.f11 {font-size: 88%;}
.f13 {font-size: 106%;}
.f14 {font-size: 113%;}
.f15 {font-size: 124%;}
.f16 {font-size: 130%;}
.f17 {font-size: 138%;}
.f18 {font-size: 148%;}
.f19 {font-size: 163%;}
.f20 {font-size: 173%;}


/* font-type
--------------------------------------------------------------------*/
.bold {font-weight: bold;}
.italic {font-style: italic;}


/*====================================================================
 body
====================================================================*/
body {
	font: 75%/1.34 "ＭＳ Ｐゴシック",Osaka,Verdana,sans-serif;
	color:#434343;
	text-align: center;
}
table {
	font-size: 100%;
	line-height: 1.34;
}
html:not(:target) body,
html:not(:target) table {font-size:12px;}


/*====================================================================
 header
====================================================================*/
#headerArea {
	border-top: #c10c00 4px solid;
}
#headerArea .areaInner {
	margin: 0 auto 16px;
	width: 985px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
#headerArea img {
	vertical-align: top;
}
#headerArea h1 {
	margin: 0;
	padding: 15px 0 8px;
	float: left;
}
#headerArea .utilityNav {
	width: 690px;
	float: right;
	overflow: hidden;
	zoom: 1;
}
#headerArea .utilityNav .nav01 {
	margin: 5px 0 0;
	float: right;
}
#headerArea .utilityNav .nav01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}
#headerArea .utilityNav .nav01 ul li {
	float: left;
	font-size: 10px;
	border-right: #e5e5e5 1px solid;
}
#headerArea .utilityNav .nav02 {
	margin: 10px 0 0;
	width: 272px;
	float: right;
	background: transparent url(/img/common/header_bg_001.gif) no-repeat 0 0;
	overflow: hidden;
	zoom: 1;
}
#headerArea .utilityNav .nav02 p {
	margin: 9px 0 9px 11px;
	float: left;
}
#headerArea .utilityNav .nav02 ul {
	margin: 9px 11px 9px 0;
	padding: 0;
	float: right;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}
#headerArea .utilityNav .nav02 ul li {
	margin-left: -2px;
	padding-right: 2px;
	float: left;
	font-size: 10px;
	border-left: #c9c9c9 2px solid;
}

#headerAreaPopup {
	position: relative;
	border-top: #c10c00 4px solid;
	overflow: hidden;
	zoom: 1;
}
#headerAreaPopup img {
	vertical-align: top;
}
#headerAreaPopup h1 {
	margin: 0;
	padding: 15px 10px 8px;
	float: left;
}
#headerAreaPopup .close {
	margin: 30px 10px 0 0;
	text-align: right;
	overflow: hidden;
	zoom: 1;
}
#headerAreaPopup .close a {
	padding-left: 18px;
	white-space: nowrap;
	background: url(/img/common/arrow_close.gif) no-repeat left 50%;
	zoom: 1;
	text-decoration: none;
}


/*====================================================================
 footer
====================================================================*/
#footerArea {
	margin: 0px auto;
	width: 985px;
	text-align: left;
	background: #ffffff;
}
#footerArea .upperBlock {
	padding: 14px 24px 17px 29px;
	background: url(/img/common/footer_line_001.gif) repeat-x 0 0;
	border-left: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	overflow: hidden;
	zoom: 1;
}
#footerArea .upperBlock .linkBox {
	width: 680px;
	float: left;
}
#footerArea .upperBlock .linkBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}
#footerArea .upperBlock .linkBox ul li {
	margin: 0 50px 0 0;
	float: left;
}
#footerArea .upperBlock .linkBox ul .flplayer {
	margin-top: 25px;
}
#footerArea .upperBlock .linkBox ul .visa {
	margin-top: 15px;
}
#footerArea .upperBlock .linkBox ul li img {
	vertical-align: top;
}
#footerArea .upperBlock .qrCode {
	float: right;
}
#footerArea .upperBlock .qrCode p {
	margin: 10px 0 0;
}
#footerArea .lowerBlock {
	padding: 17px 1px 16px;
	border-top: #b7124a 10px solid;
	overflow: hidden;
	zoom: 1;
}
#footerArea .lowerBlock small {
	float: left;
	display: block;
}
#footerArea .lowerBlock .utilityNav {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	border-left: #e694ae 2px solid;
}
#footerArea .lowerBlock .utilityNav li {
	float: left;
	font-size: 10px;
	border-right: #e694ae 2px solid;
}
#footerArea .lowerBlock .utilityNav li img {
	vertical-align: top;
}

#footerAreaPopup .closeBlock {
	padding: 21px 10px 0;
	text-align: center;
	background:url(/img/common/line_footer.gif) repeat-x left top;
}
#footerAreaPopup .closeBlock p {
	margin: 0;
}
#footerAreaPopup .lowerBlock {
	padding: 17px 10px 16px;
	text-align: left;
	border-top: #b7124a 10px solid;
}


/*====================================================================
 container
====================================================================*/
#container {
	margin: 11px auto 30px;
	width: 985px;
	text-align:left;
}

/* topInfomationArea
--------------------------------------------------------------------*/
#topInfomationArea {
	background: transparent url(/img/eposnet/mypage_bg_01.gif) repeat-y 0 0;
	margin-bottom: 30px;
}
#topInfomationArea .areaInner01 {
	background: transparent url(/img/eposnet/mypage_bg_01_top.gif) no-repeat 0 0;
}
#topInfomationArea .areaInner02 {
	padding: 3px;
	background: transparent url(/img/eposnet/mypage_bg_01_bottom.gif) no-repeat 0 100%;
}
#topInfomationArea .leftside {
	width: 694px;
	float: left;
}
#topInfomationArea .rightside {
	width: 283px;
	float: right;
}

#topInfomationArea .mtTakao {
	margin: 15px 23px 5px;
}

#topInfomationArea .personalInfoBlock {
	padding: 7px 26px 7px 23px;
	background-color: #ffffff;
}
#topInfomationArea .personalInfoBlock .name {
	margin: 5px 20px 0 0;
	float: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}
#topInfomationArea .personalInfoBlock .name span {
	font-size: 18px;
	font-weight: bold;
}
#topInfomationArea .personalInfoBlock .date {
	margin: 5px 20px 0 0;
	float: left;
	line-height: 18px;
}
#topInfomationArea .personalInfoBlock .date span {
	color: #d77700;
}
#topInfomationArea .personalInfoBlock .logout {
	float: right;
}

#topInfomationArea h3 {
	margin: 15px 23px 5px;
	font-size: 12px;
}

#topInfomationArea .otokuBlock {
	margin: -5px 0 0 23px;
}
#topInfomationArea .otokuBlock .box {
	margin: 5px 10px 0 0;
	width: 319px;
	height: 80px;
	float: left;
	background: transparent url(/img/eposnet/mypage_bg_02.gif) no-repeat 0 0;
	position: relative;
}
#topInfomationArea .otokuBlock .box span {
	display: block;
	cursor: pointer;
}
#topInfomationArea .otokuBlock .box a {
	width: 319px;
	height: 80px;
	color: #434343;
	text-decoration: none;
	display: block;
}
#topInfomationArea .otokuBlock .box .title {
	position: absolute;
	left: 1px;
	top: 1px;
}
#topInfomationArea .otokuBlock .box .image {
	position: absolute;
	left: 24px;
	top: 5px;
}
#topInfomationArea .otokuBlock .box .text {
	width: 215px;
	height: 65px;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	left: 98px;
	top: 8px;
}

#topInfomationArea .newsBlock {
	margin: -5px 23px 15px 23px;
}
#topInfomationArea .newsBlock li {
	padding-top: 5px;
	font-weight: bold;
}
#topInfomationArea .newsBlock li a:link,
#topInfomationArea .newsBlock li a:visited {
	color: #434343;
	text-decoration: none;
	border-bottom: #ff99ae 1px solid;
}
#topInfomationArea .newsBlock li a:hover,
#topInfomationArea .newsBlock li a:active {
	border-bottom: none;
}

#topInfomationArea .pointBlock {
	margin: 8px 8px 13px;
	width: 266px;
	height: 138px;
	background: transparent url(/img/eposnet/mypage_point_bg_01.gif) no-repeat 0 0;
}
#topInfomationArea .pointBlock dl {
	height: 99px;
}
#topInfomationArea .pointBlock dl dt {
	padding: 27px 0 0 74px;
}
#topInfomationArea .pointBlock dl dd {
	margin-top: -8px;
	padding: 5px 0 0 74px;
	color: #ff4e00;
	font-size: 45px;
	font-weight: bold;
}
#topInfomationArea .pointBlock dl img {
	margin-left: 2px;
	vertical-align: 0;
}
#topInfomationArea .pointBlock ul {
	margin-left: 9px;
	height: 30px;
}
#topInfomationArea .pointBlock ul li {
	margin-right: 2px;
	float: left;
}

#topInfomationArea .bnrBlock {
	margin-left: 14px;
}
#topInfomationArea .bnrBlock li {
	margin-top: 15px;
}


/* epotokutamaruArea
--------------------------------------------------------------------*/
#epotokutamaruArea {
	background: transparent url(/img/eposnet/mypage_tamaru_line_01.gif) repeat-y 492px 0;
}
#epotokutamaruArea .tamaru {
	width: 473px;
	float: left;
}
#epotokutamaruArea .epotoku {
	width: 473px;
	float: right;
}

#epotokutamaruArea .menuBlock {
	margin-top: 10px;
}
#epotokutamaruArea .menuBlock ul {
	padding-top: 1px;
	background: transparent url(/img/eposnet/mypage_tamaru_line_02.gif) repeat-x 0 0;
}
#epotokutamaruArea .menuBlock ul li {
	padding-bottom: 1px;
	float: left;
	background: transparent url(/img/eposnet/mypage_tamaru_line_02.gif) repeat-x 0 100%;
}

#epotokutamaruArea .logoBlock {
	margin: 5px 0 27px;
}
#epotokutamaruArea .logoBlock ul {
	margin-left: -16px;
	width: 489px;
}
#epotokutamaruArea .logoBlock ul li {
	margin-top: 15px;
	padding-left: 36px;
	float: left;
}

#epotokutamaruArea .tamaru h3 {
	margin-top: 27px;
}

#epotokutamaruArea .bnrBlock ul li {
	margin-top: 14px;
}

#epotokutamaruArea .linkBlock {
	margin: 20px 0 13px;
}
#epotokutamaruArea .linkBlock .box {
	margin-top: 10px;
}
#epotokutamaruArea .linkBlock .leftBox {
	width: 220px;
	float: left;
}
#epotokutamaruArea .linkBlock .rightBox {
	width: 243px;
	float: right;
}
#epotokutamaruArea .linkBlock .box .image {
	margin-right: 7px;
	float: left;
}
#epotokutamaruArea .linkBlock .box .text {
	overflow: hidden;
	zoom: 1;
}

#epotokutamaruArea .epotoku h3 {
	margin-top: 13px;
}



/* topMenuArea
--------------------------------------------------------------------*/
#topMenuArea {
	background: transparent url(/img/eposnet/mypage_menu_bg_01_top.gif) no-repeat 0 0;
}
#topMenuArea .areaInner {
	padding: 4px 0;
	background: transparent url(/img/eposnet/mypage_menu_bg_01_bottom.gif) no-repeat 0 100%;
}
#topMenuArea .menuBlock {
	padding-left: 3px;
	background: transparent url(/img/eposnet/mypage_menu_bg_01.gif) repeat-y 0 0;
	border-top: #cdcdcd 1px solid;
}
#topMenuArea #firstMenuBlock {
	border: none;
}
#topMenuArea .menuBlock .box {
	margin-right: 1px;
	width: 326px;
	height: 116px;
	float: left;
}
html > body #topMenuArea .menuBlock .box {
	height: auto;
	min-height: 116px;
}
#topMenuArea .menuBlock #box01 {
	background: transparent url(/img/eposnet/mypage_menu_icon_01.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box02 {
	background: transparent url(/img/eposnet/mypage_menu_icon_02.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box03 {
	background: transparent url(/img/eposnet/mypage_menu_icon_03.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box04 {
	background: transparent url(/img/eposnet/mypage_menu_icon_04.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box05 {
	background: transparent url(/img/eposnet/mypage_menu_icon_05.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box06 {
	background: transparent url(/img/eposnet/mypage_menu_icon_06.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box07 {
	background: transparent url(/img/eposnet/mypage_menu_icon_07.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box08 {
	background: transparent url(/img/eposnet/mypage_menu_icon_08.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock #box09 {
	background: transparent url(/img/eposnet/mypage_menu_icon_09.gif) no-repeat 0 0;
}
#topMenuArea .menuBlock .box p {
	margin: 18px 0 5px 84px;
}
#topMenuArea .menuBlock .box ul {
	margin: 0 0 5px 90px;
}
#topMenuArea .menuBlock .box ul li {
	padding-left: 11px;
	line-height: 1.67;
	background: transparent url(/img/eposnet/mypage_icon_01.gif) no-repeat 0 0.5em;
}
#topMenuArea .menuBlock .box ul li a {
	text-decoration: none;
}


/* topMenuArea02
--------------------------------------------------------------------*/
#topMenuArea02 ul {
	margin: -10px 0 0 -15px;
	width: 1000px;
}
#topMenuArea02 ul li {
	padding: 10px 0 0 14px;
	float: left;
}


/*====================================================================
 clearfix
====================================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}