@charset "Shift_JIS";
/*
  nanaco - top
  URL: http://www.nanaco-net.jp/
  LastUpdate: 2014-09-05
--------------------------------------*/

/* topContents
----------------------------*/
#topContents{
	position: relative;
	width: 972px;
	margin: 0 0px 3px 0px;
	padding: 0 0 8px 0;
	font-size: 82%;
	}
#topContents #mainVisual{
	width: 972px;
	height:350px;
	}
#topContents #mainVisual #flashcontent p.note{
	font-size: 86%;
	padding: 5px 15px;
	}


/* twitter
----------------------------*/
#naviArea p{
	position: relative;
	float: left;
	width: 65px;
	height: 20px;
	margin: 0 0 0 9px;
	padding: 9px 0 0;
	}
#naviArea p a{
	width: 65px;
	height: 20px;
	padding: 0;
	margin: 0;
	}
.twitter-share-button {
	width: 90px!important;
}

div#twitter_btn {
	position:absolute;
	top:50px;
	left:170px;
}


/* mainContents
----------------------------*/
#mainContents{
	float: left;
	width: 764px;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 82%;
	line-height: 1.2;
	}


/* important
----------------------------*/
#important{
	width:972px;
	margin-bottom: 20px;
	padding: 0;
	background:url(/top/img/bg_inportant_middle.jpg) repeat-y;
	font-size: 82%;
	}
#important .inner{
background:url(/top/img/bg_inportant_top.jpg) no-repeat top;
padding:10px 0;	
}
.important_btm {
	background:url(/top/img/bg_inportant_bottom.jpg) no-repeat bottom;
	height:5px;
}
#important h2{
	margin-top: 7px;
	float:left;
	width:170px;
	padding-left:10px;
	}
#important ul{
	float:left;
	width:752px;
	margin-top: 9px;
	list-style:none;
	}
#important ul li{
	padding:0 0 10px;
	padding:0 5px 0 10px;
	background: url(/top/img/arrow_red.jpg) no-repeat 0 4px;
	}
#important ul li a:link,
#important ul li a:visited {
color:#FF0000;
text-decoration:none;
}


#important ul li a:hover {
color:#FF0000;
text-decoration:underline;
}
#important p{
	margin-top: 9px;
	}
	
	
/* 緊急メッセージ用[nanacoCMS] 
----------------------------*/
div#emergencyArea {
	background:url(/top/img/bg_emergency_middle.jpg) repeat-y;
	margin-bottom: 20px;
}
div#emergencyArea .bgtop {
	background:url(/top/img/bg_emergency_top.jpg) no-repeat top;
	zoom: 1;
}
div#emergencyArea .bgbtm {
	background:url(/top/img/bg_emergency_bottom.jpg) no-repeat bottom;
	overflow:hidden;
	padding:18px 10px;
	zoom: 1;
}
div#emergencyArea h2 {
	float:left;
	width:170px;
}

div#emergency {
	font-size: 82%;
	float:left;
	width:752px;
}


/* mainContentsIn -------*/
#infoArea {
	width:764px;
	text-align:left;
	margin:20px 0 0;
}
#infoArea .rss {
	text-align:right;
	margin-bottom:5px;
}

#infoArea #info_top {
	background:url(/top/img/contents_title_bg_middle.jpg) repeat-y;
	padding:10px 0;
}
#infoArea #info_top ul {
	background:#E1F2FA;
	border:1px solid #B3E0F5;
	padding:10px;
	margin:10px 20px 0px 10px;
}
#infoArea #info_top ul li {
	background: url(/top/img/list_mark_blue.gif) no-repeat 0 6px;
	padding:0px 5px 10px 15px;
	margin: 0 0 0 0;
	font-weight:bold;
}
#infoArea #info_top ul li.last {
	padding:0px 5px 0px 15px;
}
#infoArea #info_top ul li a:link {
	text-decoration: underline;
}

#infoArea #card_lineup,
#infoArea #campaign,
#infoArea #info{
	width: 100%;
	padding: 0px 0 8px 0;
	background:url(/top/img/contents_title_bg_bottom.jpg) no-repeat left bottom;
	margin:0 0 20px;
	}
#infoArea #card_lineup ul,
#infoArea #campaign ol,
#infoArea #info ol{
	background:url(/top/img/contents_title_bg_middle.jpg) repeat-y;
	padding:10px 0;
	}
#infoArea #card_lineup ul{
	padding-left:8px;
	}
#infoArea #card_lineup ul.cardList li{
	float:left;
	margin:0 10px 0 0;
	padding-right:10px;
	border-right:1px solid #CCC;
	}
#infoArea #card_lineup ul.cardList li.end{
	margin-right:0;
	padding-right:0;
	border:0;
	}
#infoArea #card_lineup ul.cardList li span{
	display:table-cell;
	text-align:center;
	vertical-align:bottom;
	height:175px;
	}


#infoArea #campaign li,
#infoArea #info li{
	width: 100%;
	margin-left:10px;
	padding: 8px 0;
	vertical-align:middle;
	}
#infoArea #campaign li.end,
#infoArea #info li.end{
	background-image: none;
	}
#infoArea #campaign li span.camDate,
#infoArea #info li span.infoDate{
	float:left;
	display: block;
	width: 125px;
	margin-left: 8px;
	}
#infoArea #campaign li span.infoIcon,
#infoArea #info li span.infoIcon{
	float:left;
	display: block;
	width: 94px;
	text-align: left;
	}
#infoArea #info li span.infoTitle{
	float:left;
	text-align: left;
	width: 512px;
	}
#infoArea #campaign li span.camTitle{
	float:left;
	text-align: left;
	width: 605px;
	}
#infoArea #campaign li span .new,
#infoArea #info li span .new{
	vertical-align: middle;
	margin: 0 0 0 5px;
	}

#infoArea #campaign{
	}
#infoArea #campaign div.campaignList{
background:url(/top/img/contents_title_bg_middle.jpg) repeat-y;
}

#infoArea #campaign div.campaignList ul{
	margin:0 10px;
	border-top:1px dotted #999;
	padding:10px;
	text-align:right;
}
#infoArea #campaign div.campaignList ul li{
	float:right;
	width:auto;
	background: url(/top/img/arrow_blue12.gif) no-repeat 0 2px;
	padding:0px 5px 0px 20px;
	margin: 0 0px 0 auto;
	_margin: 0 0px 0 auto;
}

#infoArea #info div.infoList{
background:url(/top/img/contents_title_bg_middle.jpg) repeat-y;
}

#infoArea #info div.infoList ul{
border-top:1px dotted #999;
	margin:0 10px;
	text-align:right;
	padding:10px;
}

#infoArea #info div.infoList ul li{
	float:right;
	width:auto;
	background: url(/top/img/arrow_blue12.gif) no-repeat 0 2px;
	padding:0px 5px 0px 20px;
	margin: 0 auto 0 12px;
	_margin: 0 auto 0 6p;
}

div.noLIne{
	font-size: 0.1;
	line-height: 0.1;
	}


/* support_area
--------------------------------------*/
#pageTop{
	padding-bottom:10px;
	border-bottom:1px solid #36AFD7;
}
#pageTop ul{
	margin:0 0px;
	padding:10px 0 10px 10px;
	text-align:right;
}
#pageTop ul li{
	float:right;
	width:auto;
	background: url(/top/img/arrow_top.gif) no-repeat 0 2px;
	padding:0px 0px 0px 20px;
	margin: 0 0px 0 auto;
	_margin: 0 0px 0 auto;
}


#support_area {
	width:100%;
	text-align:left;
	font-size: 82%;
	clear:both;
}
#support_area p {
	padding:17px 15px;
}
#support_area div.support_areaTxt {
	border-bottom:1px solid #36AFD7;
	padding:0 0 20px;
	}

#support_area div.support_areaTxt ul {
	list-style-type:none;
	width:100%;
	margin:0 0 0 0px;
	padding:10px 0;
	clear:both;
	}
div.support_areaTxt ul li {
	float:left;
	margin-left:20px;
	background: url(/top/img/arrow_blue7.gif) no-repeat 0 6px;
	padding:0 5px 0 10px;
	
	}
#support_area_box {
	clear:both;
}
#support_area_box div.colum01 {
	float:left;
	width:195px;
}
#support_area_box div.colum02, 
#support_area_box div.colum03,
#support_area_box div.colum04 {
	float:left;
	width:193px;
	border-left:1px solid #36AFD7;
}
#support_area_box div.colum05 {
	float:left;
	width:194px;
	border-left:1px solid #36AFD7;
}

#support_area_box div.colum01 ul.support_main,
#support_area_box div.colum02 ul.support_main, 
#support_area_box div.colum03 ul.support_main,
#support_area_box div.colum04 ul.support_main, 
#support_area_box div.colum05 ul.support_main {
	padding:10px 10px 0 10px;
}
#support_area_box div.colum01 ul.support_sub,
#support_area_box div.colum02 ul.support_sub, 
#support_area_box div.colum03 ul.support_sub,
#support_area_box div.colum04 ul.support_sub, 
#support_area_box div.colum05 ul.support_sub {
	padding:10px 10px 0 15px;
}

#support_area_box ul.support_main li{
background: url(/top/img/arrow_blue14.gif) no-repeat 0 3px;
	padding:0 5px 10px 20px;
	font-weight:bold;
}
#support_area_box ul.support_sub li {
background: url(/top/img/arrow_blue7.gif) no-repeat 0px 6px;
	padding:0 5px 0 15px;
}



/* shop_area
--------------------------------------*/
#shop_area {
	padding-top:40px;
	clear:both;
	width:100%;
	height:280px;
	background:url(/top/img/footer_top_bg.gif) no-repeat center bottom;
}
#shop_area dl {
	width:972px;
	margin:0 auto;
	position:relative;
}
#shop_area dl dt {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:34px;
}
#shop_area dl dd {
	position:absolute;
	width:104px;
	height:35px;
}
#shop_area dl dd.shop_yokado {
	top:48px;
	left:0;
}
#shop_area dl dd.shop_sej {
	top:92px;
	left:112px;
}
#shop_area dl dd.shop_dennys {
	top:49px;
	left:231px;
}
#shop_area dl dd.shop_seibu {
	top:95px;
	left:337px;
}
#shop_area dl dd.shop_sogo {
	top:59px;
	left:440px;
}
#shop_area dl dd.shop_york {
	top:85px;
	left:550px;
}
#shop_area dl dd.shop_yorkbeni {
	top:30px;
	left:655px;
}
#shop_area dl dd.shop_7net {
	top:80px;
	left:760px;
}

#shop_area dl dd.shop_7ce {
	top:0;
	left:869px;
}


/* other_banner_area
--------------------------------------*/
#other_banner_area {
	clear:both;
	width:100%;
	background:#84CDEF;
}
#other_banner_area .inner {
	width:972px;
	text-align:left;
	margin:0 auto;
}
#other_banner_area .inner ul {
	margin-right:40px;
	
}
#other_banner_area .inner ul li {
	float:left;
	margin-left:40px;
	padding:25px 0 20px;
}


/* bnrArea
----------------------------*/
#sideContents {
	float: right;
	width: 194px;
}
#bnrArea{
	width: 194px;
	margin: 0 0 20px 0;
	padding: 0;
	}
#bnrArea li{
	margin: 0;
	padding: 0;
	line-height:0;
	font-size:0;
	}

#bnrArea li.large{
	margin: 0px 0 0 0;
	}

#bnrArea3 {
	width: 194px;
	margin: 0 0 20px 0;
	padding: 0;
	}
#bnrArea2 h2,
#bnrArea3 h2{
	width: 194px;
	margin: 0 0 5px 0;
	text-align: center;
	}
#bnrArear2 h2 img,
#bnrArear3 h2 img {
	width: 169px;
	height: 15px;
	margin-top: 9px;
	*margin-top: 8px;
}
#bnrArea3 li{
	margin: 0 0 5px 0;
	padding: 0;
	}

#bnrArea3 li.large{
	margin: 0 0 20px 0;
	}

#bnrArea2{
	width: 194px;
	margin: 0 0 40px 0;
	padding: 0;
	}

#bnrArea2 li{
	margin: 0 0 5px 0;
	padding: 0;
	}

#bnrArea2 li.large{
	margin: 0 0 10px 0;
	}

li.notice a{
	display:block;
	border:#F36F80 solid 1px;
	margin:7px;
	padding:5px 5px 5px 22px;
	background: url("/top/image/arrow_p.gif") no-repeat scroll 3px 6px;
}

#bnrArea2 dl {
	margin:20px 0 0;
	padding:0;
}
#bnrArea2 dl dt {
	margin:10px 0 0;
	padding:0;
	text-align:center;
}
#bnrArea2 dl dd {
	margin:10px 0 0;
	padding:0;
}
#bnrArea2 dl dd.line iframe {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	_border:none;
}
#bnrArea2 dl dd.line {
	line-height:0;
	font-size:0;
	margin:5px 0 0;
}


/* bannerArea
----------------------------*/
#banner{
	margin:30px 0;}

#banner .title{
	margin-bottom:5px;
	font-weight:bold;
	font-size:120%;
	color:#333;}

/* clearfix
----------------------------*/
div#topContents:after,
#sideContents .memberBox ul:after,
#sideContents .joinsBox ul:after,
#mainContents #mainContentsIn:after,
#mainContentsIn #supportArea ul.point:after,
#mainContentsIn #supportArea dl.other:after,
#mainContentsIn #supportArea dl.howto:after,
#infoArea #campaign li:after,
#infoArea #info li:after,
#mainContents ul.linkBox:after,
#bnrArea:after,
#bnrArea2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

*:first-child+html div#topContents,
*:first-child+html #sideContents .memberBox ul,
*:first-child+html #sideContents .joinsBox ul,
*:first-child+html #mainContents #mainContentsIn,
*:first-child+html #mainContentsIn #supportArea ul.point,
*:first-child+html #mainContentsIn #supportArea dl.other,
*:first-child+html #mainContentsIn #supportArea dl.howto,
*:first-child+html #infoArea #campaign li,
*:first-child+html #infoArea #info li,
*:first-child+html #mainContents ul.linkBox,
*:first-child+html #bnrArea,
*:first-child+html #bnrArea2{display: inline-block;}

* html div#topContents,
* html #sideContents .memberBox ul,
* html #sideContents .joinsBox ul,
* html #mainContents #mainContentsIn,
* html #mainContentsIn #supportArea ul.point,
* html #mainContentsIn #supportArea dl.other,
* html #mainContentsIn #supportArea dl.howto,
* html #infoArea #campaign li,
* html #infoArea #info li,
* html #mainContents ul.linkBox,
* html #bnrArea,
* html #bnrArea2 {height: 1%;}