@charset "UTF-8";

/*===================================================================
	General setting
===================================================================*/

/*-----------------------------
	Custom
------------------------------*/

body {
	min-width: 945px;
}

a {
	color: #0FAAD3 !important;
	text-decoration: underline;
}

a:hover {
	color: #ED1C24 !important;
}

ul li {
	list-style-type: none;
}

p {
	font-size: 1.3em;
	margin-bottom: 10px;
	color: #333;
	text-align: left;
}
	p.card-txt{
		margin-bottom:20px;
	}


img {
	vertical-align: top;
}

.clear {
	clear: both;
}

.flo-left{
	float:left;
}

.flo-right{
	float:right;
}

.img-style{
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
	border-radius:3px;
}

.etc{
	display:block;
	text-align:right;
}

.date{
	text-align:right;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

.mod-link{
	text-align:right;
	display:block;
	font-size:1.1em;
}

.reset-size{
	font-size:1.3em !important
}

.disp-none{
	display:none;
}

.selected{
	display:block !important;
}


.magB0{
	margin-bottom:0 !important;
}
.magB5{
	margin-bottom:5px !important;
}
.magB10{
	margin-bottom:10px !important;
}
.magB20{
	margin-bottom:20px !important;
}
.magB30{
	margin-bottom:30px !important;
}

.magT5{
	margin-top:5px !important;
}
.magT10{
	margin-top:10px !important;
}
.magT15{
	margin-top:15px !important;
}

.font-Ss{
	font-size: 0.7em !important;
}
.font-S{
	font-size: 0.8em !important;
}
.font-L{
	font-size: 1.2em !important;
}


/*list*/
.mod-list{
	text-align:left;
}
.mod-list li{
	font-size:1.3em;
	margin-bottom:5px;
}


/* All */
#wrapper {
	word-wrap: break-word;
	width: 100%;
	background-color: #F1F2F2;
}

/*noscript*/
.noscript-msg{
	min-height:14px;
	_height:14px;
	font-weight:bold;
	margin:0 10px 10px;
	padding-top:10px;
	zoom:1;
	text-align:center;
}

.noscript-msg p{
	text-align:center !important;
}

.noscript-msg span {
	padding:3px 0;
	zoom:1;
	color:#CC0000;
}

/* font color */
.font-red {
	color: #ED1C24;
}
.font-blue {
	color: #00BEC5;
}
.font-purple{
	color:#662D91;
}
.font-grays{
	color:#808080;
}
.font-blk{
	color:#333333;
}


/* font */
.font-bold{
	font-weight: bold;
}

/* text-align */
.AC{
	text-align: center !important;
	display:block;
}
.aL{
	text-align: left !important;
	display:block;
}
.aR{
	text-align: right !important;
	display:block;
}


/*---icon setting----------------------*/
.ico{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-repeat:no-repeat;
}

.ico.blank-icon{
	background-position:0 0;
	width:18px;
	height:15px;
	margin-left: 5px;
	background-image:url(../images/link_01.png);
}

.ico.tria-gray{
	background-image:url(../images/arrow_02.png);
	width:22px;
	height:18px;
}

/*---badge setting----------------------*/
.general-badge {
	display: block;
	float: left;
	width: auto;
	padding: 6px 12px;
	font-size: 0.9em;
	color: #ED1C24;
	border: 1px solid #ED1C24;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 10px;
}

/*---page rollover----------------------*/

body#index .menu-home a{
	background-position: 0 -50px;
}

body#card .menu-list1 a{
	background-position: -60px -50px;
}

body#privilege .menu-list2 a{
	background-position: -230px -50px;
}

body#faq .menu-list3 a{
	background-position: -400px -50px;
}

body#reg .menu-list4 a{
	background-position: -570px -50px;
}

body#info .menu-list5 a{
	background-position: -740px -50px;
	}

body#member-index .menu-home a{
	background-position: 0 -50px;
}
body#member_point .menu-list1 a{
	background-position:-60px -50px;
}
body#member_tetsuduki .menu-list2 a{
	background-position:-272px -50px;
}
body#member_faq .menu-list3 a{
	background-position:-484px -50px;
}


/*===================================================================
	header contentsTop setting
===================================================================*/

/*------------------------------------------------○●#Header●○--*/

#header {
	width: 915px;
	margin: 0 auto;
	padding: 0 15px;
}

#header #logo {
	padding: 20px 0;
}

#header #niftycard-logo {
	width: 143px;
	height: 20px;
	text-align: left;
	display: block;
	text-indent: -9999px;
	background-image: url("../images/logo_niftycard.png");
	float: left;
	margin: 0;
}

#header #nifty-logo {
	width: 91px;
	height: 24px;
	text-align: left;
	display: block;
	text-indent: -9999px;
	background: url("../images/logo_nifty.png") no-repeat;
	float: right;
}


/*----------------------------------------------------○●#Tab●○--*/

#tab {
	width: 915px;
	height: 55px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#tab li{
	text-align: left;
	display: block;
	text-indent: -9999px;
	width: 458px;
	height: 56px;
}

#tab a{
	text-align: left;
	display: block;
	text-indent: -9999px;
	width: 458px;
	height: 56px;
}


#tab-left {
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 9999;
}

#tab-left a{
	background-image: url("../images/tab_left_off.png");
}
#tab-right a {
	position: absolute;
	right: 15px;
	bottom: 0;
	background-image: url("../images/tab_right_on.png");
	z-index: 0;
}

#tab-left a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#tab-right a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*tab rollover*/
body.member-index #tab-left{
	background-image:none !important;
}
body.member-index #tab-left a{
	background-image:url(../images/tab_left_on.png);
	z-index: 999;
}
body.member-index #tab-left a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

body.member-index #tab li#tab-right a{
	background-image:url(../images/tab_right_off.png);
	position: absolute;
	right: 15px;
	bottom: 0;
	z-index: 9999;
}
body.member-index #tab li#tab-right a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*tab*/

body.tab #tab-left{
	background-image:none ;
}

body.tab #tab-left a{
	background-image: url("../images/tab_left_on.png") !important;
	z-index: 9999;
}

body.tab #tab-left a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*===================================================================
	 contents setting
===================================================================*/

/* Contents */
#contents {
	width: 915px;
	padding: 15px;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
}


/*--------------------------------------------------○●.menu●○--*/

.menu {
	height: 50px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.menu li {
	float: left;
}

.menu li a{
	background-image: url("../images/menu_01.png");
	text-align: left;
	display: block;
	text-indent: -9999px;
	background-repeat:no-repeat;
	width: 170px;
	height: 50px;
}

.menu-home a {
	width: 60px !important;
	height: 50px !important;
	background-position: 0 0;
}

.menu-home a:hover {
	background-position: 0 -50px;
}

.menu-list1 a {
	background-position: -60px 0;
}
	.menu-list1 a:hover {
		background-position: -60px -50px;
	}

.menu-list2 a {
	background-position: -230px 0;
}
	.menu-list2 a:hover {
		background-position: -230px -50px;
	}

.menu-list3 a {
	background-position: -400px 0;
}
	.menu-list3 a:hover {
		background-position: -400px -50px;
	}

.menu-list4 a {
	background-position: -570px 0;
}
	.menu-list4 a:hover {
		background-position: -570px -50px;
	}

.menu-list5 a {
	background-position: -740px 0;
}
	.menu-list5 a:hover {
		background-position: -740px -50px;
	}


/*///member ver///////*/

body.member-index .menu li a{
	background-image:url(../images/menu_02.png);
	background-repeat:no-repeat;
	width:213px;
}

body.member-index .menu-list1 a{
	background-position:-60px 0;
}
	body.member-index .menu-list1 a:hover{
		background-position:-60px -50px;
	}
body.member-index .menu-list2 a{
	background-position:-272px 0;
}
	body.member-index .menu-list2 a:hover{
		background-position:-272px -50px;
	}
body.member-index .menu-list3 a{
	background-position:-484px 0;
}
	body.member-index .menu-list3 a:hover{
		background-position:-484px -50px;
	}
body.member-index .menu-list4 a{
	background-position:-696px 0;
}
	body.member-index .menu-list4 a:hover{
		background-position:-696px -50px;
	}


/*----------------------------------------------------○●.breadcrumb●○--*/

.breadcrumb {
	font-size: 0.9em;
	text-align: left;
	color: #808080;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

.breadcrumb div{
	display:inline;
}

/*--------------------------------------------------------○●.gallery●○--*/

.gallery {
}

.gallery img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

body.member-index .gallery,
body.campaign .gallery{
	margin-bottom:20px;
}

/*---------------------------------------------------------○●.notice●○--*/

.notice {
	margin: 10px 0 20px 0;
	padding: 10px 0;
	display: block;
	border-top: 1px dotted #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
}

.notice .notice-text p {
	font-size: 1.2em;
	margin-bottom: 0;
	margin-left: 90px;
}


/*===================================================================
	#mainContents setting
===================================================================*/

/*---common setting-------------------------------*/
#mainContents {
	width: 650px;
	float: left;
}

.mod {
}

.mod-in {
	padding: 20px;
}

.mod.page-nav-mod .mod-in{
	padding:20px 10px;
}


/*---h2-------------------------------------------*/


/*unit-ttl*/
.unit-ttl{
	width:650px;
	height:55px;
	background-image:url(../images/h1set.png);
	background-repeat:no-repeat;
	text-align:left;
	text-indent: -9999px;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.unit-ttl.ttl01{
	background-position:0 0;
}
.unit-ttl.ttl02{
	background-position:0 -55px;
}
.unit-ttl.ttl03{
	background-position:0 -110px;
}
.unit-ttl.ttl04{
	background-position:0 -165px;
}
.unit-ttl.ttl05{
	background-position:0 -220px;
}
.unit-ttl.ttl06{
	background-position:0 -275px;
}
.unit-ttl.ttl07{
	background-position:0 -330px;
}
.unit-ttl.ttl08{
	background-position:0 -385px;
}
.unit-ttl.ttl09{
	background-position:0 -440px;
}
.unit-ttl.ttl10{
	background-position:0 -495px;
}


/*mod-ttl*/
.mod-ttl{
	width: 650px;
	height: 45px;
	background-repeat:no-repeat;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3);
	text-align: left;
	text-indent: -9999px;
	background: url("../images/h2set.png");
}

.ttlText{
	max-width: 630px;
	min-height: 45px;
	background-repeat:no-repeat;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3);
	text-align: left;
	background: url("../images/h2set.png") repeat-y;
	background-position:0 -1304px;
	padding:5px 10px 0;
	font-size: 1.2em;
}

.ttlText span{
	font-size: 0.78em;
	padding-left: 10px;
}


.mod-ttl.ttl01 {
	background-position:0 0;
}
.mod-ttl.ttl02 {
	background-position:0 -45px;
}
.mod-ttl.ttl03 {
	background-position:0 -90px;
}
.mod-ttl.ttl04 {
	background-position:0 -135px;
}
.mod-ttl.ttl05 {
	background-position:0 -180px;
}
.mod-ttl.ttl06 {
	background-position:0 -225px;
	width:310px;
}
.mod-ttl.ttl07 {
	background-position:0 -270px;
	width:310px;
}
.mod-ttl.ttl08 {
	background-position:0 -315px;
}
.mod-ttl.ttl09 {
	background-position:0 -360px;
}
.mod-ttl.ttl10 {
	background-position:0 -405px;
}
.mod-ttl.ttl11 {
	background-position:0 -450px;
}
.mod-ttl.ttl12 {
	background-position:0 -495px;
}
.mod-ttl.ttl13 {
	background-position:0 -540px;
}
.mod-ttl.ttl14{
	background-position:0 -585px;
}
.mod-ttl.ttl15{
	background-position:0 -630px;
}
.mod-ttl.ttl16{
	background-position:0 -675px;
}
.mod-ttl.ttl17{
	background-position:0 -720px;
}
.mod-ttl.ttl18{
	background-position:0 -765px;
}
.mod-ttl.ttl19{
	background-position:0 -810px;
}
.mod-ttl.ttl20{
	background-position:0 -855px;
}
.mod-ttl.ttl21{
	background-position:0 -900px;
}
.mod-ttl.ttl22{
	background-position:0 -945px;
}
.mod-ttl.ttl23{
	background-position:0 -990px;
}
.mod-ttl.ttl24{
	background-position:0 -1035px;
}
.mod-ttl.ttl25{
	background-position:0 -1080px;
}
.mod-ttl.ttl26{
	background-position:0 -1125px;
}
.mod-ttl.ttl27{
	background-position:0 -1170px;
}
.mod-ttl.ttl28{
	background-position:0 -1215px;
}
.mod-ttl.ttl29{
	background-position:0 -1260px;
}
.mod-ttl.ttl30{
	background-position:0 -1366px;
}






/*.grid*/

.grid {
}

.grid p {
	font-size: 1.2em;
	text-align: center;
	margin: 8px 0 4px;
}

.grid .grid-min {
	font-size: 0.9em;
	color: #808080;
	margin: 5px 0;
	text-align:left;
}

.grid .grid-m {
	font-size: 0.9em;
	color: #808080;
	margin: 5px 0;
}

.grid img {
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.grid .half-l {
	width: 295px;
	float: left;
}

.grid .half-r {
	width: 295px;
	float: right;
}



/*photo/nifty card*/
.photo{
	width: 295px;
	height: 165px;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-repeat:no-repeat;
	display:block;
}
.card01 {
	background: url("../images/photo_01.png");
}
.card02 {
	background: url("../images/photo_02.png");
}
.card03 {
	background: url("../images/photo_03.png");
}
.card04 {
	background: url("../images/photo_04.png");
}




/*---------------------------------------------------------○●.variat-area●○--*/

.variat-area{
}

.variat-area .variat-box{
	border:#d7d7d7 solid 1px;
}

.variat-area .variat-box th{
	background-color:#f1f2f2;
	border:#d7d7d7 solid 1px;
	padding:17px;
	vertical-align:middle;
	font-size:1.2em;
	width:80px;
}

.variat-area .variat-box td{
	border:#d7d7d7 solid 1px;
	padding: 20px 10px 18px 15px;
	font-size:1.1em;
}
	.variat-area .variat-box tr.card-style01 td{
		padding: 20px 5px 5px;
	}
	.variat-area .variat-box tr.card-style02 td{
		padding: 5px;
	}
	.variat-area .variat-box tr.card-style03 td{
		padding: 8px 5px;
	}

.variat-area .variat-box td p{
	font-size:1.0em;
}

.variat-area .variat-box td .box-txt{
	margin-bottom:20px;
}

.variat-area .variat-box .box-link{
	text-align:right;
	margin-bottom:0 !important;
}

.variat-area .variat-box .card-name{
    margin-top: 10px;
    text-align: center;
}

.variat-area .variat-box td .box-add-block{
	margin-top:10px;
	line-height:1.3;
}
.variat-area .variat-box td .box-add-block .font-lag{
	font-size:1.2em;
}
.variat-area .variat-box td .box-add-block strong{
	font-size:1.2em;
}

/*---------------------------------------------------------○●.box-add●○--*/

.box-add p{
	font-size:1.2em !important;
}

.box-add strong{
	font-size:1.5em !important;
}

/*---------------------------------------------------------○●.caution-box●○--*/

.caution-box{
	text-align:left;
	margin-bottom:20px;
}

.caution-box .general-badge{
	float:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-bottom:5px;
}

.caution-box ul.caution-txt{
	font-size:1.1em;
}

.caution-box ul.caution-txt.sml-txt{
	font-size:1em;
}



/*---------------------------------------------------------○●.page-nav●○--*/

.page-nav-intr{
	margin-bottom:30px;
}

.page-nav{
	text-align:left;
}

.page-nav ul{
}

.page-nav ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-left:#999999 solid 2px;
	padding:0 6px;
	margin-bottom:10px;
}

.page-nav ul li.last{
	border-right:#999999 solid 2px;
}


/*---------------------------------------------------------○●.col2-box●○--*/

.col2-box{
	margin-bottom:20px;
	text-align:left;
}

.col2-box p{
	font-size:1.1em;
}

.col2-box dl{
	font-size:1.1em;
	margin-bottom:30px;
}

.col2-box .flo-left{
	width:360px;
}

.col2-box .flo-right{
	width:230px;
}

.splTxt{
	text-align:center;
	font-size:1em !important;
	color:#808080;
}
.splTxt.top{
	margin-bottom:5px;
}
.splTxt.bottom{
	margin-top:5px;
}

.col2-box .tel-txt{
	text-align:right;
}
.col2-box .tel-txt span{
	display:block;
}


/*///.col2-box.right-ph///////*/

.col2-box.right-ph .flo-left{
	width:230px;
}

.col2-box.right-ph .flo-right{
	width:370px;
}






/*///mod-col2///////*/

.mod-col2{
	text-align:left;
}

.mod-col2 .mod-left{
	width:315px;
}

.mod-col2 .mod-right{
	width:315px;
}

.mod-col2 p{
	font-size:1.1em;
	margin-bottom:30px;
}

.mod-col2 ul li{
	line-height:1.5;
}

.mod-col2 .etc{
	margin-bottom:20px;
}


/*---------------------------------------------------------○●.faq-list●○--*/
.faq-list{
	text-align:left;
}

.faq-list li{
	margin-left: 14px;
    text-indent: -1.5em;
	margin-bottom:5px;
}






/*---------------------------------------------------------○●.flow-area●○--*/

.flow-area{
}

.flow-area .flow-box{
	margin-bottom:45px;
	position:relative;
	text-align:left;
}
.flow-area .flow-box.none{
	margin-bottom:15px;
}

.flow-area .flow-box:after{
	display:block;
	content:" ";
	background-image:url(../images/down_01.png);
	background-repeat:no-repeat;
	width:50px;
	height:25px;
	position:absolute;
	bottom:-35px;
	left:50%;
	margin-left:-25px;
}
	.flow-area .flow-box.none:after{
		display:none;
	}

.flow-area .box-ttl{
	background-color:#fff8a6;
	padding:10px;
	border:#d7d7d7 solid 1px;
	border-radius:3px 3px 0 0;
	margin-bottom:0;

}

.flow-area .box-ttl a{
	background-image:url(../images/arrow_02.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	display:block;
	width:100%;
	height:100%;
}
	.flow-area .box-ttl a.reverse-ico{
		background-image:url(../images/arrow_02_ref.png) !important;
	}

.flow-area .box-ttl a,
.flow-area .box-ttl a:hover{
	color:#333333 !important;
	text-decoration:none;
}

.flow-area .box-ttl .box-ttl-font{
	font-weight:bold;
	display:inline-block;
	margin-right:30px;
}

.flow-area .box-txt{
	padding:10px 15px 10px;
	border:#d7d7d7 solid 1px;
	border-radius:0 0 3px 3px;
	border-top:none;
}

.flow-area .box-txt p{
	font-size:1.1em;
	line-height:1.5;
	margin-bottom:5px;
}

.flow-area .box-txt .spl-txt{
	font-size:0.95em;

}


/*--.scroll-box--*/


.scroll-area{
	position:relative;
	margin-bottom:45px;
}

	.scroll-area.none{
		margin-bottom:15px;
	}


.scroll-area:after{
	display:block;
	content:" ";
	background-image:url(../images/down_01.png);
	background-repeat:no-repeat;
	width:50px;
	height:25px;
	position:absolute;
	bottom:-35px;
	left:50%;
	margin-left:-25px;
}
	.scroll-area.none:after{
		display:none;
	}



.scroll-box{
	background-color:#f8f8f8;
	border:#d7d7d7 solid 1px;
	border-radius:3px;
	max-height:310px;
	overflow:auto;
	text-align:left;
}
0
.scroll-box .box-in{
	padding:15px;
}

.scroll-box .box-ttl{
	font-weight:bold;
	margin-bottom:10px;
	font-size:1.2em;
	padding:0;
	border:none;
	background-color:transparent;
}

.scroll-box p{
	font-size:0.9em;
}


/*--.app-btn-box--*/

.app-btn-box{
	background-color:#fff8a6;
	border-top:#d7d7d7 solid 1px;
	border-radius:3px;
	overflow:hidden;
}

.app-btn-box .box-ttl{
	font-weight:bold;
	font-size:1.3em !important;
	border:none;
	margin-bottom:20px !important;
}

.ph-btn{
	width:540px;
	margin:0 auto;
}

.ph-btn li{
	margin-bottom:20px;
}

.ph-btn li a{
	display:block;
	width:540px;
	height:100px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:3px;
	box-shadow:0 1px 2px 0px rgba(0,0,0,0.5);
}
	.ph-btn li a:hover{
		background-position:0 -100px;
	}

.ph-btn li.normalCard a{
	background-image:url(../images/button_b01.png);
}
.ph-btn li.goldCard a{
	background-image:url(../images/button_b02.png);
}


.normalCard input{
	border-radius:3px;
	box-shadow:0 1px 2px 0px rgba(0,0,0,0.5);
}









/*-----○●button setting●○--------------*/

.button-nomal{
	padding:20px 0 10px;
}

.button-nomal a {
	font-size: 1.1em;
	margin: 0 auto;
	width: 292px;
	padding: 11px 0 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	position: relative;
	border: 1px solid #ccc;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.button-nomal a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -7px 0 0 0;
	background: url("../images/arrow_01.png") no-repeat 0 0;
	width: 10px;
	height: 15px;
}

.button-nomal a:hover {
	color: #fff !important;
	background: #0FAAD3;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0FAAD3', endColorstr='#0FAAD3',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}

.button-nomal a:hover:after {
	background-position: 0 -15px;
}



/*button-nomalA*/

.button-nomalA{
	padding:10px 0 10px;
}

.button-nomalA a {
	font-size: 1.1em;
	width: 292px;
	padding: 11px 0 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	position: relative;
	border: 1px solid #ccc;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.button-nomalA a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -7px 0 0 0;
	background: url("../images/arrow_01.png") no-repeat 0 0;
	width: 10px;
	height: 15px;
}

.button-nomalA a:hover {
	color: #fff !important;
	background: #0FAAD3;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0FAAD3', endColorstr='#0FAAD3',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}

.button-nomalA a:hover:after {
	background-position: 0 -15px;
}




/*===================================================================
	 #sideContents setting
===================================================================*/

#sideContents {
	float: right;
	width: 230px;
	text-align: left;
}

#sideContents p {
	font-size: 1.2em;
}

#sideContents .side-section1 {
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#sideContents .side-section2 {
	margin-bottom: 20px;
}

#sideContents .side-section2 > div:first-child{
	margin-bottom: 10px;
}

#sideContents .side-section2 a:hover{
	opacity: 0.75;
}

#sideContents .admission {
	padding: 15px;
	background-color: #0FAAD3;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

#sideContents .admission-m01 {
	width: 177px;
	height: 45px;
	background-image: url("../images/admission-m01.png");
	margin-bottom: 15px;
	text-align: left;
	display: block;
	text-indent: -9999px;
}

#sideContents .button-point a {
	width: 200px;
	height: 45px;
	display: inline-block;
	background-image: url("../images/button_a01.png");
	background-position: 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.5);
	text-align: left;
	display: block;
	text-indent: -9999px;
}

#sideContents .button-point a:hover {
	background-position: 0 45px;
}

#sideContents .qalist {
	line-height: 1.8em;
	padding: 15px;
	background-color: #F8F8F8;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px
}

#sideContents .qalist li {
	text-indent: -1.5em;
	margin-left: 14px;
}

#sideContents .link-more {
	text-align: right;
}

#sideContents .banner img {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#sideContents .recommend {
	background-color: #F8F8F8;
	padding: 0 10px;
	border: 1px solid #D7D7D7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#sideContents .recommend p {
	color: #8a8a8a;
	text-align: center;
	margin: 10px 0;
}

#sideContents .recommend img {
	margin-bottom: 10px;
}

#sideContents .admission  .admission-txt{
	color:#fff;
	font-size:1em;
}


/*///member ver////////*/
body.member-index #sideContents .admission-m01{
	background-image:url(../images/admission-m02.png);
	background-repeat:no-repeat;
	width:200px;
	height:80px;
}

body.member-index #sideContents .admission a{
	color:#FFFF00 !important;
}




/*===================================================================
	 #footer setting
===================================================================*/

#footer {
	width: 945px;
	margin: 0 auto;
}

#footer a {
	color: #333 !important;
}

#footer li {
}

#footerFront {
	background-color: #fff;
	padding: 15px;
}

#footer .footer-left {
	float: left;
}

#footer .footer-left li {
	display: inline-block;
	*display:inline;
	*zoom:1;
}

#footer .gotop {
	width: 87px;
	height: 15px;
	margin-right: 5px;
	background-image: url("../images/footer_btn_niftytop.gif");
	float: left;
	text-align: left;
	display: block;
	text-indent: -9999px;
}

#footer .touroku {
	width: 99px;
	height: 15px;
	background-image: url("../images/footer_btn_niftymember.gif");
	float: left;
	text-align: left;
	display: block;
	text-indent: -9999px;
}

#footer .footer-right {
	float: right;
}

#footerEnd {
	background-color: #F8F8F8;
	padding: 15px;
}

#copy {
	color: #808080;
	font-size:1.1em;
}

/*campaign*/


.campaignBox{
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
	border-radius:3px;
	padding: 15px 20px;
}

.campaignBox ul li{
	margin-bottom: 5px;
}
.campaignImg{
	text-indent: -9999em;
	overflow: hidden;
	margin-bottom: 20px;

}

#camImg01{
	background: url("../images/camImg01.gif") no-repeat;
	height: 118px;
	margin: 0;
}

#camImg02{
	background: url("../images/camImg02.gif") no-repeat;
	height: 508px;
}

.campBtn{
	border-radius:3px;
	border: solid 1px #d7d7d7;
	background: #f8f8f8;
	margin-bottom: 10px;
}

.campBtn img{
	text-align: center;
	padding: 34px 0px;
}
.campBtn img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.topics{
	font-size:1.15em;
	margin-bottom: 5px;
}

.topics tr{
	display: block;
	margin-bottom: 5px;
}


.topics th{
	font-weight: normal;
	white-space: nowrap;
}
.topics td p{
	font-size:0.95em;
}


.topics-list li{
	font-size:1.1em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.3;
}