@charset "utf-8";

/*===============================
	common
===============================*/
.pkcContent *{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/*===============================
	pkcWrapper
===============================*/
.pkcWrapper {
	padding-top:24px;
	background: #fff url(../images/common/bg.jpg) repeat center top;
}



/*===============================
	pkcContent
===============================*/
.pkcContent {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}


/****** nav ******/
.pkcContent .nav {
	overflow: hidden;
	line-height: 0;
	background: #fff;
}
#top .pkcContent .nav {margin-bottom: 30px;}
.second .pkcContent .nav {margin-bottom: 20px;}

.pkcContent .nav a:hover {
	opacity: .4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	zoom: 1;
}

.pkcContent .nav h2,
.pkcContent .nav ul,
.pkcContent .nav ul li {
	float: left;
}
.pkcContent .nav ul li {
	width: 127px;
	height: 59px;
}
.pkcContent .nav ul li.about,
.pkcContent .nav ul li.faq {width: 126px;}
.pkcContent .nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.pkcContent .nav ul li.about a {background:url(../images/common/nav-about.png);}
.pkcContent .nav ul li.service a {background:url(../images/common/nav-service.png);}
.pkcContent .nav ul li.event a {background:url(../images/common/nav-event.png);}
.pkcContent .nav ul li.card a {background:url(../images/common/nav-card.png);}
.pkcContent .nav ul li.member a {background:url(../images/common/nav-member.png);}
.pkcContent .nav ul li.faq a {background:url(../images/common/nav-faq.png);}
.pkcContent .nav ul li.about.on a {background:url(../images/common/nav-about_on.png);}
.pkcContent .nav ul li.service.on a {background:url(../images/common/nav-service_on.png);}
.pkcContent .nav ul li.event.on a {background:url(../images/common/nav-event_on.png);}
.pkcContent .nav ul li.card.on a {background:url(../images/common/nav-card_on.png);}
.pkcContent .nav ul li.member.on a {background:url(../images/common/nav-member_on.png);}
.pkcContent .nav ul li.faq.on a {background:url(../images/common/nav-faq_on.png);}


/****** pan ******/
.pkcContent .pan {
	overflow: hidden;
	color: #662b1f;
}
.pkcContent .pan li {
	float: left;
	margin-left: .5em;
}
.pkcContent .pan li:before {
	content: '>';
	margin-right: .5em;
}
.pkcContent .pan li.home:before {
	display: none;
}
.pkcContent .pan li a {
	text-decoration: none;
	color: #662b1f;
}


/****** main ******/
.pkcContent .main {
	width: 760px;
	float: right;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}
.pkcContent .main strong {
	color: #662b1f;
}

.second .pkcContent .main h3,
.second .pkcContent .main h4 {
	margin-bottom:30px;
}
.second .pkcContent .main {
	line-height: 1.8;
	font-size: 1.3em;
	color: #662b1f;
}
.second .pkcContent .main a {
	color: #662b1f;
}
.second .pkcContent .main .intro {
	margin-bottom: 65px;
}

/* notic */
.second .pkcContent .main .notic {
	margin: 0 20px;
}
.second .pkcContent .main .notic li {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.4;
	text-align: left;
	font-size: .8em;
}

/* btn */
.pkcContent .main .btn {
	overflow: hidden;
}
.pkcContent .main .btn a {
	display: block;
	line-height: 0;
	margin: 0 auto;
	padding-top: 16px;
	border-bottom: solid 4px;
	border-radius: 7px;
}
.pkcContent .main .btn a:active {
	margin-top: 2px;
	border-bottom-width: 2px;
}


/****** aside ******/
.pkcContent .aside {
	width: 210px;
	float: left;
}
.second .pkcContent .aside {
	margin-top: 20px;
}

/* join */
.pkcContent .aside .join {
	margin-bottom: 27px;
}
.pkcContent .aside .join a {
	display: block;
	width: 200px;
	height: 116px;
	line-height: 0;
	margin: 0 auto;
	padding-top: 22px;
	background: #90c31f;
	border-bottom: #5c8208 solid 4px;
	border-radius: 7px;
}
.pkcContent .aside .join a:hover {
	background: #b2d563;
}
.pkcContent .aside .join a:active {
	height: 114px;
	margin-top: 2px;
	border-bottom-width: 2px;
}

/* mypageLogin */
.pkcContent .aside .mypageLogin{
	width: 200px;
	margin: 10px auto 15px;
	padding: 9px 9px 0;
	border: #BDBBA4 solid 1px;
	border-radius: 2px;
	background: #e7f5fb;
	box-shadow: inset 0 0 0 1px #FFF;
}
.pkcContent .aside .mypageLogin dt{
	margin: -8px -8px 0px;
	padding: 0px 0px 5px;
}
.pkcContent .aside .mypageLogin dd {
	margin-bottom: 10px;
}
.pkcContent .aside .mypageLogin dd a {
	display: block;
	padding: 8px;
	border-radius: 4px;
	box-shadow: 0 1px 1px 0 #bbb;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.pkcContent .aside .mypageLogin dd a:hover {
	color: #fff!important;
}
.pkcContent .aside .mypageLogin dd a span {
	letter-spacing: -1px;
	font-size: .9em;
}
.pkcContent .aside .mypageLogin dd.login a {
	border: #266880 solid 1px;
	background: #3a659a;
	background: -moz-linear-gradient(top, #94bbec 0%, #638cbf 50%, #3a659a 50%, #2395c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94bbec), color-stop(50%,#638cbf), color-stop(50%,#3a659a), color-stop(100%,#2395c0));
	background: -webkit-linear-gradient(top, #94bbec 0%,#638cbf 50%,#3a659a 50%,#2395c0 100%);
	background: -o-linear-gradient(top, #94bbec 0%,#638cbf 50%,#3a659a 50%,#2395c0 100%);
	background: -ms-linear-gradient(top, #94bbec 0%,#638cbf 50%,#3a659a 50%,#2395c0 100%);
	background: linear-gradient(top, #94bbec 0%,#638cbf 50%,#3a659a 50%,#2395c0 100%);
}
.pkcContent .aside .mypageLogin dd.login a:hover {
	border: #43a1a4 solid 1px;
	background: #34c0c5;
	background: -moz-linear-gradient(top, #5bbfc3 0%, #53ecfa 50%, #34c0c5 50%, #09bbc1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bbfc3), color-stop(50%,#53ecfa), color-stop(50%,#34c0c5), color-stop(100%,#09bbc1));
	background: -webkit-linear-gradient(top, #5bbfc3 0%,#53ecfa 50%,#34c0c5 50%,#09bbc1 100%);
	background: -o-linear-gradient(top, #5bbfc3 0%,#53ecfa 50%,#34c0c5 50%,#09bbc1 100%);
	background: -ms-linear-gradient(top, #5bbfc3 0%,#53ecfa 50%,#34c0c5 50%,#09bbc1 100%);
	background: linear-gradient(top, #5bbfc3 0%,#53ecfa 50%,#34c0c5 50%,#09bbc1 100%);
}
.pkcContent .aside .mypageLogin dd.entry a {
	border: #001c58 solid 1px;
	background: #AF375A;
	background: -moz-linear-gradient(top, #153f9b 0%, #4065b6 50%, #112a5e 50%, #4065b6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#153f9b), color-stop(50%,#4065b6), color-stop(50%,#4065b6), color-stop(100%,#4065b6));
	background: -webkit-linear-gradient(top, #153f9b 0%,#4065b6 50%,#112a5e 50%,#4065b6 100%);
	background: -o-linear-gradient(top, #153f9b 0%,#4065b6 50%,#112a5e 50%,#4065b6 100%);
	background: -ms-linear-gradient(top, #153f9b 0%,#4065b6 50%,#112a5e 50%,#4065b6 100%);
	background: linear-gradient(top, #153f9b 0%,#4065b6 50%,#112a5e 50%,#4065b6 100%);
}
.pkcContent .aside .mypageLogin dd.entry a:hover {
	border: #3b4761 solid 1px;
	background: #343271;
	background: -moz-linear-gradient(top, #312dd9 0%, #5a81d5 50%, #343271 50%, #2c2cb8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a81d5), color-stop(50%,#312dd9), color-stop(50%,#343271), color-stop(100%,#2c2cb8));
	background: -webkit-linear-gradient(top, #312dd9 0%,#5a81d5 50%,#343271 50%,#2c2cb8 100%);
	background: -o-linear-gradient(top, #312dd9 0%,#5a81d5 50%,#343271 50%,#2c2cb8 100%);
	background: -ms-linear-gradient(top, #312dd9 0%,#5a81d5 50%,#343271 50%,#2c2cb8 100%);
	background: linear-gradient(top, #312dd9 0%,#5a81d5 50%,#343271 50%,#2c2cb8 100%);
}

/* banaLink */
.pkcContent .aside .banaLink li {
	line-height: 0;
	margin-bottom: 10px;
	text-align: center;
}
.pkcContent .aside .banaLink li a:hover {
	opacity: .4;
	filter: alpha(opacity=40);
}


/****** clearfix ******/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/****** pagetop ******/
.pkcContent .pagetop {
	clear: both;
	padding: 20px 0;
	text-align: right;
}
.pkcContent .pagetop img {
	cursor: pointer;
}
.pkcContent .pagetop img:hover {
	opacity: .4;
	filter: alpha(opacity=40);
}



/****** 24.04.16　追加 ******/
#header .pad #logo{
	box-sizing: border-box;
	width: 180px;
	padding: .5em 0;
}

#header .pad #logo img{
	width: 100%;
	height: auto;
}