@charset "utf-8";
/* CSS Document */

@import url(../common/css/reset.css);
@import url(../common/css/common.css);



/*****************  mainArea ***********************/
#top #mainArea{
	background:url(../images/top/bgMainVisual.gif) repeat-x center 29px;
}

/*----------mainVisual---------------*/
#mainVisual{
	width:960px;
	padding:12px 0 0 0;
	margin:0 auto;
	overflow:hidden;
}
/***ログイン***/
#mainVisual #loginArea{
	background:url(../images/top/bgIzc.png) no-repeat left 63px;
	float:left;
	width:257px;
	height:342px;
}

#mainVisual #loginArea #loginbox{
	float:left;
	padding:8px 0 0 18px;
	margin-top:0;
}

/*#loginbox li{
	line-height:0.1em;
	margin:0 0 8px 0;
}

#loginArea .signUp {
	text-align: center;
}*/

/*QRコード*/
/*#mainVisual #loginArea #qrCode{
	background:url(../images/top/bgMobile.gif) no-repeat left top;
	float:right;
	width:84px;
	padding:10px 0 12px 0;
	margin:7px 18px 0 0;
	text-align:center;
}
* html #mainVisual #loginArea #qrCode{
	margin:7px 9px 0 0;
}
#qrCode h3{
	margin:0 0 10px 0;
}*/

/*ログインメニュー   --
#mainVisual #loginArea #loginLinks{
	clear:both;
	overflow:hidden;
	width:216px;
	padding:2px 0 2px 0;
	margin:0 auto;
}
#loginLinks li{
	float:left;
	width:92px;
	padding:0 15px 8px 0;
	line-height:0.1em;
	font-size:1px;
}
-- */

/*.netPlusEnd {
	clear: both;
	text-align: center;
	padding: 6px 0 8px;
}*/


/*IZC Net Plus とは？
ID・PASSWORDをお忘れの方*/
/*#mainVisual #loginArea #loginAbout{
	border:1px #D6D6D6 dashed;
	width:207px;
	padding:3px 0 3px 10px;
	margin:0 auto;
	font-size:83.4%;
}
#loginAbout{
	line-height:1.6em;
}*/



/* ADD 20170216
----------------- */
.end-tit {
	margin: 11px 0 15px;
	text-align: center;
}

.end-msg {
	margin-bottom: 10px;
	text-align: center;
}

.end-btn {
	text-align: center;
}

.end-btn:hover img {
	filter:Alpha(opacity:80);
	-moz-opacity:0.80;
	opacity:0.80;
}


/*flash ~20131130*/
#mainVisual #flashArea{
	float:right;
	width:690px;
	text-align:center;
	margin-top:-14px;
	z-index:1;
}


#flashArea p {
	margin-top:30px;
	color:#FFF;
}

#mainVisual #flashArea p a {
	color:#FFF;
	text-decoration:underline;
}


/* JSMV 20131130~*/

/* noJS */
#mv_NotJs {
	display:inline;
	float:right;
	width:645px;
	height:319px;
	text-align:center;
	margin-top:1px;
	margin-right:20px;
	position:relative;
	z-index:10;
	background:url(../images/top/mv/back.png) no-repeat 0 0;
}

#mv_NotJs a {
	display:block;
	margin:13px auto 0;
	width:617px;
	height:240px;
}

#mv_NotJs p {
	margin:25px auto 0;
	color:#FFF;
}

#mvArea{
	display:inline;
	display:none;
	float:right;
	width:645px;
	height:319px;
	text-align:center;
	margin-top:1px;
	margin-right:20px;
	position:relative;
	z-index:10;
	text-align:center;
	background:url(../images/top/mv/back.png) no-repeat 0 0;
}

#mvWrap {
	margin:13px auto 0;
	width:617px;
	height:240px;
	overflow:hidden;
	position:relative;
}


#mvList {
/*	width:4000px; 	 JS指定 */
	margin:0;
	padding:0;
	position:relative;
/*	left:-50px;*/
}

#mvList li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#thumbWrap {
	width:619px;
	margin:1px auto 0;
	padding:0;
	overflow:hidden;
	position:relative;
	text-align:left;
}

#thumbList {
	width:1540px;	/* JS指定 */
	white-space: nowrap;
	position:relative;
/*	left:-50px; */
}

#thumbList li {
	float:left;
	display:inline;
	zoom:1;
	height:42px;
	margin:0 1px 0 0;
	padding:11px 3px 0 3px;
}

#thumbList li.current {
	background:url(../images/top/mv/samCurrent.png) no-repeat 0 0;
}

#thumbList li a {
	cursor: pointer;
}

#mvNext {
	position:absolute;
	left:623px;
	top:270px;
	z-index:20;
}

#mvPrev {
	position:absolute;
	left:-14px;
	top:270px;
	z-index:20;
}


/******************************* Contents **********/


/*------------------- subColumn ---*/
#subColumn{
	background:url(../images/top/bgSubNaviBottom.gif) no-repeat left bottom;
	padding:0 0 5px 0;
}
#subColumn h2{
	padding:0 0 10px 12px;
	text-align:left;
}
/*** cardGuide ***/
#top #cardGuide{
	background:url(../images/top/bgCardGuideBottom.gif) no-repeat left bottom;
	width:206px;
	margin:0 auto 10px auto;
	text-align:center;
}
#top #cardGuide h2{
	background:url(../images/top/bgCardGuideTop.gif) no-repeat left top;
	padding:5px 0 8px 0;
	text-align:center;
}
#top #cardGuide ul{
	padding:0 0 0 16px;
}
#top #cardGuide ul li{
	background:url(../common/images/icArrowRed.gif) no-repeat left 0.6em;
	padding:0 0 0 12px;
	text-align:left;
	line-height:1.9em;
}

#subColumn .borderBtm{
	background:url(../images/top/borderSubNavi.gif) repeat-x center bottom;
	padding:0 0 20px 0;
	margin:0 0 15px 0;
	text-align:center;
}

#bnrArea {
	width:206px;
	margin:0 auto;
}

#bnrArea li {
	overflow:hidden;
}

#ichigoDay{
	width:206px;
	height:63px;
	text-align:left;
	background:url(../images/top/bnrIchigoDay.gif) no-repeat 0 0;
}

#ichigoDay a {
	display:block;
	width:206px;
	height:63px;
	color:#555;
}

#ichigoDay a:hover {
	text-decoration:none;
}
#ichigoDay strong{
	display:block;
	margin:14px 0 2px 78px;
	text-align:left;
	font-weight:bold;
	color:#C12E36;
	font-size:12px;
	line-height:1;
}

#bnrArea #ichigoDay span {
	display:block;
	margin:0px 0 0 78px!important;
	text-align:left;
	font-size:11px;
	line-height:13px;
}

#bnrArea #toCalendar {
	clear:both;
	display:block;
	margin:0 0 4px;
	text-align:right;
	font-size:11px;
	line-height:1.2;
}

#bnrArea #toCalendar span {
	padding:0 0 0 8px;
	background:url(../images/top/icMonthlyCal.gif) no-repeat left 50%;
}

/*------------------- mainColumn ---*/
#top #mainColumn{
	width:710px;
	margin:15px auto 0;
	float:none;
}
#top #campaign{
	background:url(../images/top/bgCampaign.gif) no-repeat left bottom;
}
#top .title{
	overflow:hidden;
	width:675px;
	padding:16px 15px 14px 19px;
}

/*** campaign ***/
#campaign{
	margin:0 0 25px 0;
	background:url(../images/bgCampaign.gif) no-repeat left bottom;
}
#top #campaign .title{
	background:url(../images/top/bgCampaignTitle.gif) no-repeat left top;
}
#top #campaign ul{
	overflow:hidden;
	padding:15px 0 5px 16px;
}

#top #campaign li{
	float:left;
	width:327px;
	overflow:hidden;
	margin:0 16px 12px 0;
}

#top #campaign li.left {
	clear:both;
}

* html #campaign ul{
	overflow:hidden;
	zoom:1;
	padding:15px 0 17px 16px;
}
*:first-child+html #campaign ul{
	padding:15px 0 17px 16px;
}

* html #campaign li{
	margin:0 16px 12px 0;
}

#campaign li div.photo {
	display:table-cell;
	width:73px;
	text-align:top;
}

#campaign li div.photo a {
	display:table-cell;
	height:73px;
	padding:0 3px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
}

#campaign li div.camptxt{
	display:table-cell;
	width:242px;
	padding:5px 0 0 12px;
	vertical-align:top;
}

* html #campaign li div{
	display:inline!important;
	zoom:1;
	position:relative;
}

* html #campaign li div.camptxt {
	padding-left:0;
	margin-left:8px;
}

*:first-child+html #campaign li div {
	display:inline;
	zoom:1;
	position:relative;
}

* html #campaign li div.photo a {
	display:inline;
	zoom:1;
	padding:3px;
	height:67px;
	position:relative;
}
*:first-child+html #campaign li div.photo a{
	display:inline;
	zoom:1;
	padding:3px;
	position:relative;
}

#campaign li div.camptxt a{
	display:block;
	background:url(../common/images/icArrowRed02.gif) no-repeat left 0.2em;
	padding:0 0 5px 16px;
	line-height:1.3em;
}
#campaign li div.camptxt p{
	font-size:83.4%;
	line-height:1.4em;
}

/** Safety **/

#bnrSafety {
	margin:0 0 25px;
}

/*** news ***/
#news{
	background:url(../images/top/bgNews.gif) no-repeat left bottom;
}
#news .title{
	background:url(../images/top/bgNewsTitle.gif) no-repeat left top;
}

#news dl{
	overflow:hidden;
	width:680px;
	padding:12px 0 0 0;
	margin:0 auto;
}
#news dl dt{
	background:url(../common/images/icArrowRed.gif) no-repeat 5px 0.4em;
	padding:0 0 0 15px;
	float:left;
}
#news dl dt img{
	margin:0 0 0 12px;
	vertical-align:middle;
}
#news dl dd{
	border-bottom:1px #D3D3D3 dashed;
	padding:0 5px 8px 158px;
	margin:0 0 8px 0;
	line-height:1.4em;
}
#news dl dd.last{
	border-bottom:none;
	margin:0;
}

/*非表示*/

#cardGuide ul li:first-child + li + li {
	display:none;
}


/* 終了告知 */
.endInfo {
	background: #FCE5DF;
	padding:0 15px 15px;
	margin:0 0 30px;
	border-radius:3px;
	font-size:116.67%;
	line-height:1.71;
}


#mainColumn h2.endTitle {
	margin:0 -15px 15px;
}

.endCatch {
	margin-bottom:15px;
}

.endInfo p {
	margin-bottom:0.5em;
}

#mainColumn .endInfo strong {
	color: #de0019;
	font-size:inherit;
}

.endInfo em {
	font-style:normal;
	font-weight:bold;
}

.endInfo .corpInfo {
	text-align: left;
	background: #FFF;
	padding: 10px;
	margin:1.5em 0 0;
}

#mainColumn .endInfo .corpInfo h3 {
	text-align: left;
	margin:0 0 5px;
	font-size: 107%;
	padding: 3px 5px;
	font-weight: bold;
}


.endInfo .corpInfo dl {
	margin:0 0 0 10px;
	overflow:hidden;
}

.endInfo .corpInfo dt {
	float:left;
	width:11em;
	clear:both;
}

.endInfo .corpInfo dd {
	padding: 0 5px 8px 12em;
	margin:0 0 8px;
	border-bottom: 1px dashed #D3D3D3;
}

.endInfo .corpInfo dd:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.endInfo .btnWrap {
	margin-top:1.8em;
	overflow:hidden;
}

.endBtns {
	margin: 0 auto;
	text-align: center;
	line-height: 1;
}

.endBtns li{
	display:inline;
	margin:0 15px;
}

.endBtns li a {
	display: inline-block;
}

/*#endInfo .izcInfo {
	float:right;
}*/

.endInfoNote {
	border:1px dashed #AAA;
	padding: 3px 10px;
	margin:10px 0 0;
}

.endInfo .endInfoNote p {
	color: #666;
	font-size: 87.5%;
	margin-bottom:0;
}