@charset "utf-8";

#pageContainer,
#contents {
	overflow:hidden;
}

.contentsWrap {
	overflow:hidden;
}

/*
------------------------------------------------------ */
h3 {padding-top: 10px !important;}

h4 {
	background:#e6e6e6;
	font-size: 18px;
	padding: 10px 20px;
	font-weight: bold;
}

.paragraph01 {clear:both;}
.ajax img {
	margin: 0 auto;
	text-align:center;
}

.icon-new img {
	width: 60px;
	height: 30px;
	vertical-align: middle;
	padding-right: 10px;
}
.icon-new span {
	vertical-align:middle;
}

.fntBig {font-size: 20px;}

/* sectioning03
------------------------------------------------------ */
.sectioning03 {
	clear: both;
}
.sectioning03 img {
	text-align: center;
	margin: 0 auto;
}
.sectioning03 span.sample-txt {
	width:730px;
	margin: 0 auto;
	display: block;
}



.entryBox{
	clear:both;
}
/* nav
------------------------------------------------------ */
.nav {
	margin: 0 auto;
	width: 768px;
	clear: both;
}
.nav p {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.nav p a {
	display: block;
	padding: 12px 5px;
	color: #E60012;
	border-top: 5px solid #808080; 
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.nav p a span {
	margin: 0 0 0 1em;
	font-size: 85%;
}

/*----- 共通ログインパーツ start -----*/

/*.nav + .entryPc dt,
.nav + .entryBox.entryPc dd ul.registBtn .iconLink01 {
	display: none;
}

.nav + .entryBox.entryPc dd ul.registBtn .entryBtn03 a {
	margin: 0 135px;
}

.netServiceBoxRight dd .iconLink01 {
	visibility: hidden;
}

@media screen and (max-width: 768px) {
	.nav + .entryBox.entryPc dd ul.registBtn .iconLink01 {
		visibility: visible;
		display: none;
	}
	
	.nav + .entryBox.entryPc dd ul.registBtn .entryBtn03 a {
		margin: 0;
	}

	#footerService .iconLink01 {
		visibility: hidden;
	}
}*/

.entryBox.entryPc dd ul.registBtn .entryBtn03 {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/*----- 共通ログインパーツ end -----*/


/*----- NSリニューアル内容はこちらボタン start -----*/

@media screen and (max-width: 768px) {
	.sectioning03 .alC img {
		width: 100%;
		height: auto;
	}
}

/*----- NSリニューアル内容はこちらボタン end -----*/


.netserviceOpenArea {}
.netserviceOpenArea .netserviceOpenTitle {position: relative;}

.netserviceOpenArea .netserviceOpenTitle a:hover {}
.netserviceOpenArea .netserviceOpenTitle .toggleBtn:hover {text-decoration: underline;}

.netserviceOpenArea .netserviceOpenTitle .netserviceOpenBtn {
	transition: all 0.3s ease 0s;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 0;
	padding: 5px 10px 5px 20px;
	border-radius:5px;
	box-shadow: 0 3px 0 0 rgba(4,0,0,0.2);
	line-height: 1.2;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px solid #f0f0f0;
	cursor: pointer;
}
.netserviceOpenArea .netserviceOpenTitle .netserviceOpenBtn {
	padding: 0;
	box-shadow: none;
}
.netserviceOpenArea .netserviceOpenTitle .netserviceOpenBtn span {
	text-indent: -9999px;
	width: 83px;
	height: 30px;
	display: inline-block;
	padding: 0;
	background: url(/common/images/com_bt02.gif) no-repeat right 50%;
}
.netserviceOpenArea .netserviceOpenTitle a:hover .netserviceOpenBtn span {
	background: url(/common/images/com_bt02on.gif) no-repeat right 50%;
}
.netserviceOpenArea .netserviceOpenTitle a.active .netserviceOpenBtn span {
	text-indent: -9999px;
	display: inline-block;
	padding: 0;
	background: url(/common/images/com_bt03.gif) no-repeat right 50%;
}
.netserviceOpenArea .netserviceOpenTitle a:hover {
	text-decoration: none;
}


.netserviceOpenBlock .colLayout01{
	padding:0 10px;
}

/* changeBox
------------------------------------------------------ */
.changeBox{
	background:#D9D9D9;
	margin-bottom:20px;
	padding:15px;
	clear:both;
}
.entryPc + .changeBox {
	padding: 20px 15px 5px;
}
.changeBox h3.ttl{
	margin: 0 0 20px 0;
	text-align:center;
	color:#E60012;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2;
}
.changeBox h3.heading03{
	padding:0 0 15px 10px;
	margin: 0 0 15px;
}
.changeBox .netserviceOpenArea{
	margin-bottom:15px;
	background:#ffffff;
}

/* campaignList
------------------------------------------------------ */

ul.campaignList {
	clear:both;
	margin:0 auto;
}

.campaignList li{
	float: left;
	margin: 0 0 15px 17px;
	text-align: center;
	width: 134px;
	min-height: 160px;
  font-size: 80%;
}
.campaignList li:nth-child(5n+1) {
	margin: 0 0 15px 0;
}
.campaignList li img {
	display:block;
	margin:0 auto;
}
.campaignList li .c-title {
	display: none;
}
.campaignList li .c-date {
	display:block;
	color:#000000;
	text-align: left;
}

/*#netserviceBox .togglePanel .colLayout01 img[usemap] {
	max-width: 100%;
	height: auto;
}*/

.netserviceOpenBlock.togglePanel,
#netserviceBox .smartphone :after,
.campaignList:after{
	content: "";
	clear: both;
	display: table;
/*	display: block\9;*/
}




/* 02　smartphone
------------------------------------------------------ */
.smartphone {
	text-align: center;
	margin: 0 auto;
	width: 700px;
}
.smartphone li {
	float:left;
	margin: 0 auto 40px auto;
	text-align: center;
	width: 350px;
	text-align: center;
}

.smartphone li img {
	margin-bottom: 10px;
}

/* 03　login
------------------------------------------------------ */
.login li{
	float:left;
	margin: 0 50px 10px 0;
}


/* 07　net
------------------------------------------------------ */
.privilegeBox {
	width: 690px !important;
	margin-left: auto;
	margin-right: auto;
}

.privilegeBox dd ul li {
	padding: 0 20px !important;
}
table.tb-pink {
	margin: 20px auto;
	width: 690px;
}
.tb-pink th,
.tb-pink td{
	padding: 10px;
	border: 1px #cacbc6 solid;
	border-collapse: collapse;
	vertical-align: middle;
}
.tb-pink th {
	background: #fae1e2;
}
table.tb-blue {
	margin: 10px auto;
}
.tb-blue th, 
.tb-blue td{
	padding: 5px;
	border: 1px #ffffff solid;
	border-collapse: collapse;
	background:#eaeff7;
	text-align:center;
	vertical-align: middle;
}


/* 
------------------------------------------------------ */
.tableType01 th img{
	margin-left: 5px;
}

th.smallth{
	font-size:75% !important;
}