@charset "Shift_JIS";
/*-------------------------------------------------------------------
	 toppage
-------------------------------------------------------------------*/
#toppage #wrapPrimary {
	margin-top:1px;
	background-color:#e0e0e0;
}

#toppage #areaPortal,
#toppage #mobileInfo {
	width:232px;
	margin-bottom:0;
	padding:1px 0;
	float:left;
}

#toppage #areaPortal div,
#toppage #mobileInfo ul {
	background:#fff url(/common/img/toppage_portal_bg.gif) no-repeat right bottom;
	margin:8px 8px;
	padding-bottom:4px;
}

#toppage #areaPortal h2,
#toppage #mobileInfo h2,
#toppage #areaPortal h3,
#toppage #areaPortal p,
#toppage #mobileInfo p  {
	margin:0;
}

#toppage #areaPortal h2,
#toppage #mobileInfo h2 {
	background:#fff url(/common/img/toppage_portal_bg.gif) no-repeat left top;
	padding-top:5px;
}

#toppage #areaPortal h2 img,
#toppage #mobileInfo h2 img,
#toppage #areaPortal h3 img,
#toppage #areaPortal p img,
#toppage #areaPortal ul li img,
#toppage #areaVisual img,
#toppage #naviRelated li img {
	vertical-align:bottom;
}

#toppage #areaPortal ul {
	margin:5px 0 0;
}

#toppage #areaPortal ul li,
#toppage #mobileInfo ul li {
	margin:5px 0;
	line-height:0;
}

/* .merchant
---------------------------------------*/
.merchant#toppage #areaPortal ul {
	margin-top:6px !important;
	_margin-top:7px !important;
}

.merchant#toppage #areaPortal ul li {
	margin:0 10px 6px !important;
}

*+html .merchant#toppage #areaPortal ul,
* html .merchant#toppage #areaPortal ul{
	margin-top:7px !important;
}

/* .business
---------------------------------------*/
.business#toppage #areaPortal ul li.btn {
	margin:0 10px;
	padding:5px 0;
}

.business#toppage #areaPortal ul li.btn a {
	position:relative;
	width:196px;
	height:48px;
	display:block;
	overflow:hidden;
}

.business#toppage #areaPortal ul li.btn a img {
	position:absolute;
	clip:rect('0px', '196px', '48px', '0px');
	left:0;
	margin:0 !important;
}

.business#toppage #areaPortal ul li a:hover img,
.business#toppage #areaPortal ul li a img:hover{
	top:-48px;
}

/* #newEntry
---------------------------------------*/
.index#toppage #areaPortal #newEntry ul {
	margin:0;
}

.index#toppage #areaPortal #newEntry ul li {
	margin:0;
}

.index#toppage #areaPortal #newEntry ul li.btn {
	margin:0 10px 0 10px;
	padding:0;
}

.index#toppage #areaPortal #newEntry ul li.btn2 {
	margin:8px 10px 0 10px;
	padding:0;
}

.index#toppage #areaPortal #newEntry ul li.btn a {
	position:relative;
	width:196px;
	height:44px;
	display:block;
	overflow:hidden;
}

.index#toppage #areaPortal #newEntry ul li.btn a img {
	position:absolute;
	clip:rect('0px', '196px', '44px', '0px');
	left:0;
	margin:0 !important;
}

.index#toppage #areaPortal #newEntry ul li a:hover img,
.index#toppage #areaPortal #newEntry ul li a img:hover{
	top:-44px;
}

.index#toppage #areaPortal #newEntry p{
	margin-top:-2px;
	_margin-top:0px;
	line-height:1em;
}
.index#toppage #areaPortal #newEntry ul + p{
	margin-top:0px;
}

.index#toppage #areaPortal #newEntry ul > li.btn2{
	margin-bottom:1px;
}

.index#toppage #areaPortal > #newEntry ul > li.btn2:only-child{
	margin-bottom:5px;
}


.index#toppage #areaPortal #newEntry ul li.btn2 a {
	position:relative;
	width:196px;
	height:55px;
	display:block;
	overflow:hidden;
}

.index#toppage #areaPortal #newEntry ul li.btn2 a img {
	position:absolute;
	clip:rect('0px', '196px', '55px', '0px');
	left:0;
	margin:0 !important;
}

.index#toppage #areaPortal #newEntry ul li.btn2 a:hover img,
.index#toppage #areaPortal #newEntry ul li.btn2 a img:hover{
	top:-55px;
}



/* #memberPortal
---------------------------------------*/
.index#toppage #areaPortal div#memberPortal ul li.btn a {
	height:44px;
}

.index#toppage #areaPortal div#memberPortal ul li.btn a img {
	clip:rect('0px', '196px', '44px', '0px');
}

.index#toppage #areaPortal div#memberPortal ul li a:hover img,
.index#toppage #areaPortal div#memberPortal ul li a img:hover{
	top:-44px;
}

.index#toppage #areaPortal div#memberPortal ul li.btn {
	margin:6px 10px 0 10px;
	padding:0;
	_margin-bottom:4px;
}

body.index#toppage #areaPortal div#memberPortal ul > li.btn {
	margin-bottom:2px;
}

body.index#toppage #areaPortal div#memberPortal ul li.btn:first-child + li.btn:last-child {
	margin-top:10px;
	margin-bottom:5px;
}

.index#toppage #areaPortal div#memberPortal ul li.btn:first-child,
.index#toppage #areaPortal div#memberPortal ul li.btn.first-child {
	margin:7px 10px 0 10px;
	padding:0;
}

.index#toppage #areaPortal div#memberPortal ul li.btn a {
	position:relative;
	width:196px;
	height:44px;
	display:block;
	overflow:hidden;
}

.index#toppage #areaPortal div#memberPortal ul li.btn a img {
	position:absolute;
	clip:rect('0px', '196px', '44px', '0px');
	left:0;
	margin:0 !important;
}

.index#toppage #areaPortal div#memberPortal ul li a:hover img,
.index#toppage #areaPortal div#memberPortal ul li a img:hover{
	top:-44px;
}

/* #mobileInfo
---------------------------------------*/

#toppage #mobileInfo {
	background:#e0e0e0;
}

#toppage #mobileInfo p.link {
	margin-left:8px;
	padding-left:8px;
	background:transparent url(/common/img/ico_link_arrow.gif) no-repeat scroll 1px 0.5em;
	_background-position:1px 0.3em;
}

#toppage #mobileInfo p.link a{
	display:inline;
	width:auto;
	height:auto;
}

/* #areaVisual
---------------------------------------*/
#toppage #areaVisual{
	float:left;
}
#toppage #areaVisual,
#toppage #areaVisual #mainVisual{
	margin:0;
	width:748px;
}

#toppage #wrapSecondary {
	margin:12px 0 1em;
}

#toppage #wrapSecondary > div.blockTitle.first-child,
#toppage #wrapSecondary > div.blockTitle:first-child,
#toppage #wrapSecondary > div.wrapLayout.only-child div.blockTitle.first-child,
#toppage #wrapSecondary > div.wrapLayout:only-child div.blockTitle:first-child,
#toppage #wrapSecondary > div.wrapLayout.first-child div.blockTitle.first-child,
#toppage #wrapSecondary > div.wrapLayout:first-child div.blockTitle:first-child {
	margin-top:0;
}


#toppage #areaMain {
	width:728px;
	float:right;
	display:inline;
}

#toppage #areaPromotion{
	position:relative;
	z-index:2;
	width:728px;
}

#toppage #areaPromotion .wrapLayout{
}


#toppage #areaAnnounce{
	position:relative;
}

#toppage #areaAnnounce div.wrapLeft,
#toppage #areaAnnounce div.wrapRight {
}

#toppage #areaAnnounce div.wrapRight {
	padding-bottom:90px;
}

#toppage #areaAnnounce .section {
	width:358px;
}

#toppage #areaAnnounce .section .blockTitle {
	position:relative;
	background:url(/img/announce_h2_line.gif) no-repeat left bottom;
	margin-bottom:10px;
	height:auto;
	min-height:20px;
	height:20px !important;
	padding:0;
}

#toppage #areaAnnounce .section .blockTitle h2 {
	background:none;
	line-height:16px;
	height:16px;
	margin:0;
	padding:3px 0 0;
}

#toppage #areaAnnounce .section .blockTitle h2 img {
	display:block;
}

#toppage #areaAnnounce .section .blockTitle img {
	vertical-align:bottom;
}

#toppage #areaAnnounce .section .blockTitle p.listLink {
	line-height:16px;
	height:16px;
	position:absolute;
	top:0;
	right:8px;
	margin:0 0 0 0;
}

#toppage #areaAnnounce .section .blockTitle p.listLink a {
	position:relative;
	width:44px;
	height:16px;
	display:block;
	overflow:hidden;
}

#toppage #areaAnnounce .section .blockTitle p.listLink a img {
	position:absolute;
	clip:rect('0px', '44px', '16px', '0px');
	left:0;
	margin:0 !important;
}

#toppage #areaAnnounce .section .blockTitle p.listLink a:hover img,
#toppage #areaAnnounce .section .blockTitle p.listLink a img:hover{
	top:-16px;
}

#toppage #areaAnnounce .section .blockContents dl {
	margin-left:0;
}

#toppage #areaAnnounce .section .blockContents dl.important {
	padding-top:10px;
	border-top:2px solid #e0e0e0;
}

#toppage #areaAnnounce .section .blockContents dl dt {
	font-weight:normal;
	width:7.4em;
}

#toppage #areaAnnounce .section .blockContents dl dd {
	margin:-1.4em 0 8px 7.5em;
}

#toppage #areaAnnounce .section .blockContents dl dd {
	padding-left:8px;
}

#toppage #areaAnnounce .section .blockContents dl dd{
	background:transparent url(/common/img/ico_link_arrow.gif) no-repeat scroll 1px 0.5em;
	_background-position:1px 0.3em;
}

#toppage #areaAnnounce ul.link.attention {
	margin-left:0;
	padding-top:10px;
	border-top:2px solid #e0e0e0;
}

#toppage #areaAnnounce #areaPrivacy{
	position:absolute;
	right:0;
	bottom:0;
	width:72px;
	height:78px;
}

#toppage #naviRelated {
	width:232px;
	float:left;
	display:inline;
	xmargin-top:-58px;
	margin-bottom:21px;
}

#toppage #naviRelated ul li a {
	position:relative;
	width:232px;
	height:58px;
	display:block;
	overflow:hidden;
}

#toppage #naviRelated ul li a img {
	position:absolute;
	clip:rect('0px', '232px', '58px', '0px');
	left:0;
	margin:0 !important;
}

#toppage #naviRelated ul li a:hover img,
#toppage #naviRelated ul li a img:hover{
	top:-58px;
}

#toppage #naviRelated ul li.small a {
	position:relative;
	width:232px;
	height:46px;
	display:block;
	overflow:hidden;
}

#toppage #naviRelated ul li.small a img {
	position:absolute;
	clip:rect('0px', '232px', '46px', '0px');
	left:0;
	margin:0 !important;
}

#toppage #naviRelated ul li.small a:hover img,
#toppage #naviRelated ul li.small a img:hover{
	top:-46px;
}

#toppage #naviRelated li {
	margin-bottom:6px;
}

#toppage #areaAlliedlink {
	background:url(/common/img/line_dot.gif) repeat-x left top;
	margin:15px 0 21px 0;
	padding-top:12px;
	clear:both;
}

#toppage #areaAlliedlink ul li {
	font-size:0;
	width:auto;
	margin:0 0 0 10px;
	float:left;
	display:inline;
}

#toppage #areaAlliedlink ul li:first-child,
#toppage #areaAlliedlink ul li.first-child{
	margin-left:0;
}

#toppage #areaAlliedlink ul li a {
	position:relative;
	width:236px;
	height:34px;
	display:block;
	overflow:hidden;
}

#toppage #areaAlliedlink ul li a img {
	position:absolute;
	clip:rect('0px', '236px', '34px', '0px');
	left:0;
	margin:0 !important;
}

#toppage #areaAlliedlink ul li a:hover img,
#toppage #areaAlliedlink ul li a img:hover{
	top:-34px;
}


#toppage #areaContents #areaVisual #mainVisualPrint{
	display:none;
}