@charset "UTF-8";
/*header---------------------------------------------*/
#header{
	height:119px;
	border-bottom:1px solid #ccc;
	position: relative;
}
#header h1{
	width: 210px;
	height: 50px;
	position: absolute;
	top:20px;
	left:30px;
}
#header .loginArea{
	position:absolute;
	/*right:252px;*/
	right: 30px;
	top:36px;
	font-size:0;
}
#header .loginArea div{
	display:inline-block;
	margin-left: 5px;
	font-size:11px;
	vertical-align: middle;
}
#header .loginArea .input input{
	width:120px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding:5px 0 ;
	text-indent:8px;
	-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset;
}
#header .loginArea .btn input{
	display:block;
	width:80px;
	height: 29px;
	background:#003462;
	color: #fff;
	font-weight:bold;
	line-height:29px;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	cursor: pointer;
	-webkit-box-shadow:rgba(46, 46, 46, 0.407843) 2px 2px 5px -1px;
	-moz-box-shadow:rgba(46, 46, 46, 0.407843) 2px 2px 5px -1px;
	box-shadow:rgba(46, 46, 46, 0.407843) 2px 2px 5px -1px;
}
#header .supported{
	width: 196px;
	height: 31px;
	position: absolute;
	right: 30px;
	top:29px;
}
#header .login-after {
	padding-top: 5px;
}
#header .login-after li {
	margin-left: 30px;
	display: inline-block;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
}
#header .login-after a {
	color: #003462;
	font-size: 12px;
	background: url("../img/mypage/bg-mypage-head-navi.png") no-repeat  0 -72px;
    display: block;
    padding-left: 24px;
}
#header .login-after a:hover {
	color: #b9002f;
	text-decoration: underline;
}
#header .login-after .out a:hover {
	background-position: 0 -90px;
}
#header .login-after .top a {
	background: url("../img/bg-link-member-top.png") no-repeat  top left;
}
#header .login-after .top a:hover {
	background-position: bottom left;
}
#header .login-after .partner a {
	background: url("../img/bg-link-partner-top.png") no-repeat  top left;
}
#header .login-after .partner a:hover {
	background-position: bottom left;
}

/*billboard---------------------------------------------*/

#billboard {
	width: 100%;
	overflow-x:hidden;
	margin: 0 0 30px;
	height: 400px;
}
#billboard .slider-all {
	margin: 0 auto;
	width: 960px;
	height: 400px;
	position: relative;
}
#billboard .slider-wrap {
	width: 2880px;
	margin-left: -1440px;
	position: absolute;
	left: 50%;
}
#billboard #slider {
	width: 100%;
}
#billboard .slide {

}
#slider-upper,
#slider-down {
	width: 960px;
	height: 400px;
}
#slider-upper {
	width: 960px;
	height: 400px;
	position: absolute;
	top:0;
	left:0;
	background: url(../img/bg-gradation-left.png) top center repeat-y;
}
#slider-down {
	width: 960px;
	height: 400px;
	position: absolute;
	top:0;
	right:1px;
	background: url(../img/bg-gradation-right.png) top center repeat-y;
}
#billboard .bx-wrapper #slider .no-hover img {
	opacity: 1 !important;
}
#billboard .bx-wrapper #slider .no-hover a:hover {
	cursor:default !important;
}
#billboard .bx-wrapper .bx-controls-direction a {
	margin-top: -40px;
    width: 30px;
    height: 80px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 9999;
}
#billboard .bx-wrapper .bx-prev {
	background: url(../img/slider-control2.png) top left no-repeat;
	left:970px;
}
#billboard .bx-wrapper .bx-next {
	background: url(../img/slider-control2.png) top right no-repeat;
	right:970px;
}

#contentArea{
	padding-bottom:40px;
}

#contentArea .bx-wrapper .bx-controls-direction a {
	margin-top: -40px;
    width: 30px;
    height: 80px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 9999;
}
#contentArea .bx-wrapper .bx-prev {
	background: url(../img/slider-control2.png) top left no-repeat;
	left:7px;
}
#contentArea .bx-wrapper .bx-next {
	background: url(../img/slider-control2.png) top right no-repeat;
	right:7px;
}

/*gnavi---------------------------------------------*/
#gnavi{
	width:880px;
	height: 35px;
	position:absolute;
	top:84px;
	left:40px;
}
#gnavi li{
	float: left;
	width:176px;
	height:35px;
}
#gnavi li a{
	display: block;
	width:176px;
	height:35px;
}
#gnavi li.active img {
	display: none;
}
#gnavi li.navi1 a{
	background: url(../img/img-navi1-on.gif) top left no-repeat;
}
#gnavi li.navi2 a{
	background: url(../img/img-navi2-on.gif) top left no-repeat;
}
#gnavi li.navi3 a{
	background: url(../img/img-navi3-on.gif) top left no-repeat;
}
#gnavi li.navi4 a{
	background: url(../img/img-navi4-on.gif) top left no-repeat;
}
#gnavi li.navi5 a{
	background: url(../img/img-navi5-on.gif) top left no-repeat;
}


/*mega-menu---------------------------------------------*/
.displayHide {
	display: none;
}
.mega-menu {
	padding: 30px 0 30px 30px;
	width: 850px;
	height: 290px;
	position: absolute;
	z-index:10000;
	top:138px;
	left:40px;
	background: #003461 url(../img/bg-mega-menu-blue.gif) top center repeat-y;
}
#mega-menu3{
	background: #003461 url(../img/bg-mega-menu-blue-light.gif) top center repeat-y;
}
#mega-menu4 {
	background: #003461 url(../img/bg-mega-menu-blue-light2.png) top center repeat-y;
}
.mega-menu-red {
	background: #b9002f url(../img/bg-mega-menu-red.gif) top center repeat-y;
}
#mega-menu1 .col01:before,
#mega-menu2 .col01:before,
#mega-menu3 .col01:before,
#mega-menu4 .col01:before,
#mega-menu5 .col01:before  {
	content:url(../img/mega-dropdown-triangle.png);
	width: 30px;
	height: 18px;
	display: block;
	position: absolute;
	top:-18px;
	left:77px;
}
#mega-menu2 .col01:before {
	content:url(../img/mega-dropdown-triangle-red.png);
	left:250px;
}
#mega-menu3 .col01:before {
	content:url(../img/mega-dropdown-triangle-blue2.png);
	left:425px;
}
#mega-menu4 .col01:before {
	content:url(../img/mega-dropdown-triangle-blue4.png);
	left:600px;
}
#mega-menu5 .col01:before {
	content:url(../img/mega-dropdown-triangle-blue4.png);
	left:770px;
}
.mega-menu .col01{
	padding:0 30px 0 0;
	width: 235px;
	float: left;
}
.mega-menu .col02{
	width: 555px;
	float: left;
}
#mega-menu3 .col02{
	width: 555px;
	padding: 0 0 0 30px;
}

.mega-menu .col01 h2 {
	margin: 0 0 15px;
}

.mega-menu .col01 .intro {
	margin-bottom: 20px;
	font-size: 12px;
	color: #fff;
	line-height: 1.8;
}
#mega-menu1 .col01 .intro,
#mega-menu4 .col01 .intro {
	margin-bottom: 30px;
}
.mega-menu .col01 .logo{
	text-align: center;
}
.mega-menu .col02 {
	width: 585px;
	position: relative;
}
.mega-menu .col02 .outer {
	margin-top: -5px;
	width: 295px;
	padding:  0;
}
.mega-menu .col02 li.parent a,
.mega-menu .col02 li.parent .trigger {
	display: block;
	padding: 8px 28px;
	font-size: 16px;
	color: #fff;
	line-height: 1.4;
	font-weight: normal;
}
.mega-menu .col02 li.parent .trigger span {
	font-size: 13px;
}
.mega-menu .col02 li.parent a:hover {
	text-decoration: none;
	/*color: #b90030;*/
	color: #fff;
	background-color: #49749c;
}
#mega-menu2 .col02 li.parent a:hover {
	/*color: #003462;*/
	color: #fff;
	background-color: #d95667;
}
.mega-menu .col02 li.mouseover:hover,
.mega-menu .col02 li.parent .trigger:hover,
.mega-menu .col02 li.open  {
	background-color: #49749c;
	color: #fff;
}
#mega-menu2 .col02 li.mouseover:hover,
#mega-menu2 .col02 li.parent .trigger:hover,
#mega-menu2 .col02 li.open {
	background-color: #d95667;
}
.mega-menu .col02 li.parent img {
	display: inline-block;
	margin: 0 0 0 3px;
	vertical-align: middle;
}
.mega-menu .col02 li.parent .list-logo {
	margin: 0 8px 0 0;
}
.mega-menu .col02 li.parent .bullet {
	margin: 0 0 0 10px;
}
.mega-menu .col02 .inner {
	width: 290px;
	height: 100%;
	position: absolute;
	top:0;
	left:295px;
	box-sizing:border-box;
	display: none;
}
.mega-menu .col02 .inner.mega-menu2-inner02 {
	top:-20px;
	left:305px;
	width: 270px;
	height: 330px;
	background-color: #fff;
}
.mega-menu .col02 li.parent .mega-menu2-inner02 a {
	padding: 0;
	display: block;
}
#mega-menu5.mega-menu .col02 .inner {
	display: block;
}
.mega-menu .col02 .mega-menu1-inner01 {
	top:112px;
}
.mega-menu .col02 .mega-menu1-inner01 li a{
	padding:5px 28px;
}
.mega-menu .col02 .mega-menu1-inner02 {
	top:186px;
}
.mega-menu .col02 .mega-menu2-inner01 {
	top:85px;
}
.mega-menu .col02 .mega-menu5-inner01 {
	top:-30px;
}
/*.mega-menu .col02 li.parent .trigger:hover + .inner,
.mega-menu .col02 li.parent .trigger + .inner:hover {
	display: block;
}*/
.mega-menu .btn-close {
	width: 30px;
	height: 30px;
	position: absolute;
	bottom:0;
	right: 0;

}
#mega-menu3 .area-navi li {
	margin: 0 10px 10px 0;
	width: 165px;
	height: 90px;
	float: left;
}
#mega-menu3 .area-navi li a {
	display: block;
	width: 165px;
	height: 90px;
}
#mega-menu3 .area-navi li.area-navi01 a {background: url(../img/area-navi01-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi02 a {background: url(../img/area-navi02-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi03 a {background: url(../img/area-navi03-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi04 a {background: url(../img/area-navi04-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi05 a {background: url(../img/area-navi05-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi06 a {background: url(../img/area-navi06-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi07 a {background: url(../img/area-navi07-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li.area-navi08 a {background: url(../img/area-navi08-on.gif) top left no-repeat;}
#mega-menu3 .area-navi li a:hover img{
	display:none;
}
#mega-menu4 .col02{
	width:auto;
}
#mega-menu4 .col02 .link {
	margin-bottom: 25px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}
#mega-menu4 .col02 .link a{
	color: #fff;
}
#mega-menu4 .col02 .link a:hover {
	color: #b90030;
	text-decoration: none;
}
/*
#mega-menu4 .info-navi .box {
	margin: 0 10px 0 0;
	width: 165px;
	float: left;
}
#mega-menu4 .info-navi .box-wrap {
	padding: 8px 10px 10px;
	height: 190px;
	background-color: #49749c;
}
#mega-menu4 .info-navi .member .box-wrap {
	background-color: #f1eee8;
}
#mega-menu4 .info-navi .box .cat-title {
	margin-bottom: 5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
#mega-menu4 .info-navi .box .article .image {
	margin-bottom: 5px;
	width: 100%;
}
#mega-menu4 .info-navi .box .article .image img {
	width: 100%;
	height: auto;
}
#mega-menu4 .info-navi .box .article a {
	text-decoration: none;
}
#mega-menu4 .info-navi .box.member .article .title {
	color: #003461;
}
#mega-menu4 .info-navi .box .article .cat {
	margin-bottom: 5px;
	color: #fff;
	font-size: 12px;
}
#mega-menu4 .info-navi .box.member .article .cat {
	color: #003461;
}
#mega-menu4 .info-navi .box.event-information .article .cat {
	color: #eb7282;
}
#mega-menu4 .info-navi .box .article .cat .icon {
    background-color: #eb7282;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
#mega-menu4 .info-navi .box.event-information .article .cat .icon {
	background-color: #eb7282;
}
#mega-menu4 .info-navi .box .article .title {
	color: #fff;
}
#mega-menu4 .info-navi .box .article a:hover .title {
	color: #b90030;
}
*/
#mega-menu4 .col03{
	float:right;
	width:290px;
	margin-top:-30px;
}
#mega-menu4 .col03 .articleBoxWrap{
	padding:10px;
}
#mega-menu4 .col03 .articleBox{
	background:#fff;
	padding:12px;
	height: 306px;
}
#mega-menu4 .col03 .articleBox a{
	display:block;
	text-decoration: none;
}
#mega-menu4 .col03 .articleBox .cat{
	font-size:12px;
	color:#003461;
	margin-bottom:5px;
}
#mega-menu4 .col03 .articleBox .cat .icon {
    background-color: #eb7282;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
#mega-menu4 .col03 .articleBox .image{
	margin-bottom:5px;
}
#mega-menu4 .col03 .articleBox .image img{
	display:block;
	width:100%;
}
#mega-menu4 .col03 .articleBox {
	font-size: 14px;
	line-height: 1.6;
}
#mega-menu5 .loginBox{
	background:url(../img/bg_mega_loginBox_3.png) no-repeat center center;
	height:350px;
	margin:0 auto;
	box-sizing: border-box;
	padding: 30px 37px 0;
}
#mega-menu5 .loginBox h3{
	margin-bottom: 10px;
}
#mega-menu5 .loginBox .login {
	font-size: 11px;
	color: #003462;
	text-align: center;
	margin-bottom: 10px;
}
#mega-menu5 .loginBox .input{
	margin-bottom: 10px;
}
#mega-menu5 .loginBox .input .head {
	margin-bottom: 3px;
	font-size: 10px;
	color: #666;
}
#mega-menu5 .loginBox .input .head img.icon{
  margin-right: 5px;
}
#mega-menu5 .loginBox .login-btn {
	margin-bottom: 10px;
}
#mega-menu5 .loginBox .login-btn span,
#mega-menu5 .loginBox .login-btn button {
	width: 100%;
	line-height: 32px;
}
#mega-menu5 .loginBox .login-btn .btn-wrap-m::after {
	right:60px;
}
#mega-menu5 .loginBox .member-btn .btn-wrap-m {
	width: 100%;
}
#mega-menu5 .loginBox .member-btn {
	margin-bottom: 20px;
}
#mega-menu5 .loginBox .member-btn a {
	line-height: 40px;
	 padding: 0;
	 display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 14px;
}
#mega-menu5 .loginBox .member-btn .btn-wrap-m:after {
	right:35px;
}
#mega-menu5 .loginBox input{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 0 ;
	text-indent:8px;
	-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1) inset;
}
#mega-menu5 .loginBox button[type="submit"]:hover {
	background-color: #49749c;
}
#mega-menu5 .btn-mypage {
	margin-bottom: 20px;
}
#mega-menu5 .link {
	text-align: right;
}
#mega-menu5 .link a {
	display:inline;
	padding: 0;
	color: #003462;
	font-size: 12px;
	line-height: 1.6;
}
#mega-menu5 .link a:hover {
	background: none;
	text-decoration: underline;
}
#mega-menu5 .link a .bullet-11{
 background:url("../img/bg-bullet-12-blue.png") no-repeat center left;
    color: #003462;
    width: 13px;
	height: 13px;
}
#mega-menu5 .btn-mypage a {
	background-color: #043560;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
}
#mega-menu5 .btn-mypage a:hover {
	background-color: #49749c;
}
#mega-menu5 .memberbox {
	margin: 30px 0;
	color: #003461;
	line-height: 1.6;
	text-align: center;
	font-size: 14px;
}
#header .loginBox .out {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	text-align: right;
}
#header .loginBox .out a {
	color: #003462;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	background: url("../img/mypage/bg-mypage-head-navi.png") no-repeat  0 -72px;
    display: inline-block;
    padding: 0 0 0 24px;
}
#header .loginBox .out a:hover {
	color: #b9002f;
	text-decoration: underline;
	background: url("../img/mypage/bg-mypage-head-navi.png") no-repeat  0 -90px;
}
#mega-menu5 .memberbox .out a {

}
#mega-menu5 .memberbox span {
	font-size: 15px;
	font-weight: bold;
}
#mega-menu5 .loginBox .forgot{
	text-align: right;
	margin:0;
}
#mega-menu5 .loginBox .forgot a{
	display: inline-block;
	background-color:none;
	color:#003462;
	font-size:11px;
	padding:0 13px 0 0;
	margin:0;
	background: url(../img/bg-bullet-12-blue.png) no-repeat right 1px;
}
#mega-menu5 .loginBox .forgot a:hover{
	background: url(../img/bg-bullet-12-blue.png) no-repeat right 1px;
	text-decoration: underline;
}
#mega-menu5 .loginBox .btn {
	display:block;
	width:100%;
	height: 40px;
	background:#003462;
	color: #fff;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	cursor: pointer;
	-webkit-box-shadow:rgba(46, 46, 46, 0.407843) 2px 2px 5px -1px;
	-moz-box-shadow:rgba(46, 46, 46, 0.407843) 2px 2px 5px -1px;
	box-shadow:rgba(46, 46, 46, 0.407843) 2px 2px 5px -1px;
	margin-bottom: 10px;
}
/*footer---------------------------------------------*/
#footer{
	background-color: #dce8f3;
}
#footer .footer-top {
	padding: 30px 0 10px;
}
#footer .foot-navi {
	margin-right: 30px;
	width: 195px;
	float: left;
}
#footer .foot-navi .head {
	font-size: 13px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #003461;
	border-bottom: 1px solid #c0cfdd;
}
#footer .foot-navi .foot-list {
	margin-bottom: 20px;
}
#footer .foot-navi .parent {
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 6px;
}
#footer .foot-navi .parent:before {
	content:url('../img/bg-bullet-12-blue.png');
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 2px;
}
#footer .foot-navi .parent a .fz-s {
	font-size: 11px;
}
#footer .foot-navi .inner {
	margin-top:6px;
}
#footer .foot-navi .child {
	margin: 0 0 6px 14px;
	padding-left: 12px;
	position: relative;
}
#footer .foot-navi .child:before {
    background-color: #003462;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 7px;
}
#footer .foot-navi03 {
	margin-right: 0;
}
#footer .foot-navi04 {
	margin: 0;
	width: 156px;
	height: 250px;
	float: right;
	text-align: center;
}
#footer .foot-navi04 .ribbon {
	width: 156px;
	height: 390px;
	position: absolute;
	top:-50px;
	right: 15px;
}
#footer .foot-navi04 .logo {
	margin-bottom: 20px;
}
#footer #copyright {
	padding-top: 18px;
	height: 32px;
	background-color: #012749;
}
#footer .copyright {
	display: inline-block;
	color: #fff;
}
#footer .footer_menu {
	float: right;
}
#footer .footer_menu li {
	display: inline;
	margin-right: 10px;
}
#footer .footer_menu li:last-child {
	margin-right: 0;
}
#footer .footer_menu li a{
	color: #fff;
}
#footer .footer_menu li a img {
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

/*contents---------------------------------------------*/
#contentArea{
	padding-bottom: 100px;
}
/*contents 1col ----------------------------------------*/
#content .col-full,
#news .col-full,
.mypage-content .col-full{
	padding: 30px;
	border: 1px solid #ccc;
}
/*contents 2col ----------------------------------------*/
#content {

}
#content .col-left {
	padding: 30px;
	width: 595px;
	float: left;
	border: 1px solid #ccc;
}
#content .col-right {
	width: 211px;
	float: right;
}
#content.faq .col-left {
    border: medium none;
    padding: 0;
    width: 657px;
}
.col-left #faq{
    border: 1px solid #ccc;
    float: left;
    padding: 30px;
    width: 595px;
}
#content .navi-wrap {
	margin-bottom: 10px;
	border:1px solid #ccc;
	background:#f8f8f8;
	position: relative;
}
#content .navi-wrap .title {
	margin:0 9px 6px;
	padding: 14px 10px 14px 20px;
	position:relative;
	border-bottom:1px solid #ccc;
}
#content .navi-wrap .title .arrow{
	position:absolute;
	left:0px;
	top:10px;
}
#content .navi-wrap .outer {
	padding: 0 10px 6px 30px;
	background: url(../img/bg-navi-wrap-s.png) 10px 11px no-repeat;
	/*background: url(../img/bg-navi-wrap.png) 10px 14px no-repeat;*/
}
#content #activity-sidemenu .navi-wrap .outer {
	position: relative;
	background: url(../img/bg-navi-member-side-s.png) 10px top repeat-y;
	/*background: url(../img/bg-navi-wrap-activity_s.png) 10px 14px no-repeat;*/
	/* background: url(../img/bg-navi-wrap-activity.png) 10px 14px no-repeat;*/
}
#content #activity-sidemenu .navi-wrap .outer:after {
	content: "";
	width: 7px;
	height: 9px;
	background-color: #f8f8f8;
	position: absolute;
	top: 0;
	left:10px;
}
#content #activity-sidemenu .navi-wrap .outer:before {
	content: "";
	width: 7px;
	height: 18px;
	background-color: #f8f8f8;
	position: absolute;
	bottom: 0;
	left:10px;
}
#content .navi-wrap .parent {
	font-size: 13px;
	line-height: 31px;
	border-bottom: 1px dotted #ccc;
}
#content .navi-wrap .parent:last-child {
	border-bottom:none;
}
#content .navi-wrap .parent .child-head {
	display: inline-block;
	line-height: 32px;
}
#content #activity-sidemenu .navi-wrap .parent .key{
	margin-left:5px;
}

#content .navi-wrap .inner {
	padding-top: 5px;
}
#content .navi-wrap .child {
	margin: 0 0 12px 0;
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 1.45;
	position: relative;
}
#content .navi-wrap .child:before {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background-color: #003462;
	position: absolute;
	top:50%;
	left:0;
}
#content .navi-wrap li .active {
	color: #ba0030;
	font-weight: bold;
}
#content .navi-wrap li .active:hover {
	text-decoration: none;
	color: #003461;
}

#content .side-login-box {
	margin-bottom: 20px;
	background: url(../img/bg-side-login-box_2.png) top center no-repeat;
}
#content .side-login-box .inner {
	padding: 20px 15px 27px;
	background: url(../img/bg-side-login-box-inner_2.png) bottom center no-repeat;
}
#content .side-login-box .title {
	margin-bottom: 13px;
}
#content .side-login-box .form-box {
	margin-bottom: 0;
}
#content .side-login-box .input {
	margin-bottom: 8px;
}
#content .side-login-box .input.last{
	margin-bottom: 15px;
}
#content .side-login-box .input .head {
	margin-bottom: 5px;
	font-size: 10px;
	color: #666;
}
#content .side-login-box .input .head img {
	margin-right: 5px;
}
#content .side-login-box .input-box {
	border: 1px solid #ccc;
    width: 100%;
}
#content .side-login-box .btn {
	margin-bottom: 10px;
}
#content .side-login-box .btn input{
	width: 100%;
}
#content .side-login-box .btn .btn-wrap {
	width: 100%;
}
#content .side-login-box .btn .btn-wrap-m::after {
	right: 45px;
}
#content .side-login-box .reminder {
	text-align: right;
}
#content .side-login-box .reminder a {
	background: rgba(0, 0, 0, 0) url("../img/bg-bullet-12-blue.png") no-repeat scroll right 1px;
	color: #003462;
	display: inline-block;
	font-size: 11px;
	margin: 0;
	padding: 0 13px 0 0;
}
#content .bnr-list {
	margin-bottom: 10px;
}
#content .bnr-list a {
	display: block;
}
/*bread-list---------------------------------------------*/
#bread-list {
	height: 50px;
}
#mypage #bread-list {
	position: relative;
}
#mypage #bread-list ul {
	position: absolute;
	top:15px;
	left:0px;
}
#bread-list ul li {
	display: inline-block;
	line-height: 50px;
	color: #003461;
}
#mypage #bread-list ul li {
	line-height: 1.6;
}
#bread-list ul li a {
}
#bread-list ul li a:after {
	content: url(../img/bg-bullet-12-blue.png);
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 5px;
}
#bread-list ul li:last-child a:after {
	content:"";
}

/*content-header---------------------------------------------*/
#content-header {
	margin-bottom: 30px;
	padding:10px 310px 0  80px;
	min-height:60px;
	background: url(../img/bg-content-header.gif) top left no-repeat;
	position: relative;
}
#content-header.ribbon {
	margin-bottom: 40px;
	padding:10px 310px 20px  80px;
	background: url(../img/bg-content-header-ribbon.gif) 19px top no-repeat;
	border-bottom: 1px solid #ccc;
}
#content-header.footprint {
	margin-bottom: 30px;
	padding:10px 310px 0  80px;
	background: url(../img/bg-content-header-footprint.gif) left top no-repeat;
}
#content-header.wellness-logo {
	margin-bottom: 30px;
	padding:10px 310px 0  80px;
	background: url(../img/petowner/bg-content-header-wellness.gif) left 5px no-repeat;
}
#content-header h2 img {
	margin-bottom: 6px;
	display: block;
}
#content-header h2 .sub-title {
	padding-left: 2px;
	display: block;
	font-size: 13px;
}
#content-header.ribbon h2 .sub-title {
	color: #b9002f;
}
#content-header-navi {
	width: 300px;
	height: 61px;
	position: absolute;
	top:6px;
	right: 0;
}
#content-header-navi .navi {
	height: 30px;
	float: left;
}
#content-header-navi .navi a{
	display: block;
}
#content-header-navi .navi01,
#content-header-navi .navi02 {
	height: 31px;
}
#content-header-navi .navi01,
#content-header-navi .navi03 {
	width: 140px;
}
#content-header-navi .navi02,
#content-header-navi .navi04 {
	width: 160px;
}
#content-header-navi .navi a{
	background: url(../img/img-sub-navi-on.gif) top left no-repeat;
}
#content-header-navi .navi02 a{
	background: url(../img/img-sub-navi-on.gif) -140px top no-repeat;
}
#content-header-navi .navi03 a{
	background: url(../img/img-sub-navi-on.gif) left -31px no-repeat;
}
#content-header-navi .navi04 a{
	background: url(../img/img-sub-navi-on.gif) -140px -31px no-repeat;
}
/*content-mini-header---------------------------------------------*/
#content-mini-header {
	margin-bottom: 15px;
	padding:0 0 0  60px;
	background: url(../img/approval/bg-mini-header-approval.png) top left no-repeat;
	position: relative;
}
#content-mini-header h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	color: #003461;
}
/* news sns */
#news.newsDetail h2 {
	line-height: 1.8;
	margin-bottom: 40px;
}
.newsDetail .social_area {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.newsDetail .social_area .fb {
	margin-right: 20px;
	float: left;
}
.newsDetail .social_area .tw {
	float: left;
}


/*マイページ関連*/
.boxIntroduction {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
	line-height: 1.8;
	color: #0d335b;
}
.boxIntroduction dt {
	margin-bottom: 10px;
	padding: 0 15px 5px 45px;
	font-size: 16px;
	color: #b9002f;
	border-bottom: 1px solid #ccc;
	background: url("../img/mypage/mypage_top_toparea_news_title_2.png") no-repeat 15px top;
	background-size: 20px;
}
.boxIntroduction dd {
	padding: 0 15px;
}
.boxIntroduction dd span {
	font-size: 11px;
}
.pagination-wrap {
  text-align: center;
	margin-top: 20px;
}
.pagination {
  display: inline-block;
}
.pagination_item {
	display: block;
	float: left;
	height: 30px;
	min-width: 30px;
	line-height: 28px;
	border:  1px solid #b4bfca;
	border-radius:  2px;
	text-align: center;
	background-color: white;
	box-sizing:  border-box;
}
.pagination_item + .pagination_item {
	margin-left: 5px;
}
.pagination_item.active {
	background-color: #b4bfca;
}
.pagination_text {
	padding: 0 2px;
	display:  block;
}
.pagination_item a {
  display: block;
}
.pagination_item a:hover {
	background-color: #b4bfca;
    color: #003462;
    text-decoration: none;
}
.pagination_item .arrow {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 28px;
}
.pagination_item .pagination_text .arrow {
	width: 24px;
}
.pagination_item .prev {
    background: url("../img/bg-pagination-prev.png") no-repeat center;
}
.pagination_item .next {
    background: url("../img/bg-pagination-next.png") no-repeat center;
    margin-right: 0;
}