@charset "utf-8";
@import "common.css";

/*------------------------------
		  contents
------------------------------*/
#contents{
	width:100%;
	padding-bottom: 109px;
	background: url(../img/common/bgContentBottom.jpg) 50% 100% no-repeat;
}
#contents .bgContents {
	background: #3EB0FC;
}
@media only screen and (max-width: 767px) {
	#contents{
		background: url(../img/common/bgContentBottomSp.png) bottom center no-repeat #3FB1FB;
		background-size:100% auto;
		padding-bottom:140px;
	}
}
/*------------------------------
		  privacy
------------------------------*/
#privacy {
	background: url(../img/common/bgContentTop.jpg) 50% top no-repeat;
	padding-top: 5px;
}
.contentHead {
	width: 1036px;
	margin: 0 auto 10px;
}
#privacy .titPage {
	margin: 12px 0 5px 10px;
}
.policyArea {
	background: url(../img/common/bgAreaTop.png) left top no-repeat;
	width: 1000px;
	margin: 0 auto;
	padding-top: 5px;
	font-size: 13px;
	position: relative;
}
.edPolicyArea {
	background: url(../img/common/bgAreaBottom.png) left bottom no-repeat;
	padding-bottom: 5px;
}
.bdPolicyArea {
	background: url(../img/common/bgArea.png) repeat-y;
	padding: 20px 40px;
}
.titPrivacy {
	width: 920px;
	font-size: 13px;
	margin: 5px 0 22px;
	padding-bottom: 28px;
	border-bottom: solid 1px #ccc;
}
.policyArea .description {
	margin-bottom: 22px;
	line-height: 1.69;
}
.policyArea .description.descriptionLeft {
	text-align: right;
}
.policyBox {
	margin-bottom: 21px;
}
.policyBox .policyTitle {
	font-size: 15px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #FF6600;
	line-height: 1.47;
}
.policyBox p,
.policyBox li {
	line-height: 1.69;
}
.policyBox ul {
	list-style-type:disc;
	padding-left: 15px;
}
.policyBox p.thirdPerson {
	margin: 22px 0;
}
/*----- page Top -----*/
.toTop {
	position: absolute;
	bottom: -83px;
	right:-100px;
}
.linkPdf{
	color: inherit;
}
.policyBox .tit{
    font-size: 16px;
    margin: 14px 0 5px;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
	#privacy{
		background-size:200% auto;
	}
	.contentHead{
		width:100%;
	}
	.policyArea{
		width:90%;
		background:#fff;
		border-radius: 5px;
	}
	.bdPolicyArea{
		padding:20px 5%;
	}
	.titPrivacy{
		width:100%;
		padding-bottom:20px;
	}
	#privacy .titPage{
		width:97%;
		margin:0 auto;
	}
}

/*------------------------------
		  privacy
------------------------------*/
#sitemap {
	background: url(../img/about/bgSitemap.jpg) 50% top no-repeat;
	padding-top: 21px;
}
.sitemapArea {
	background: url(../img/common/bgAreaTop.png) left top no-repeat;
	width: 1000px;
	margin: 0 auto;
	padding-top: 5px;
	font-size: 13px;
	position: relative;
}
.edsitemapArea {
	background: url(../img/common/bgAreaBottom.png) left bottom no-repeat;
	padding-bottom: 5px;
}
.bdsitemapArea {
	background: url(../img/common/bgArea.png) repeat-y;
	padding: 20px 40px;
}
.titSitemap {
	width: 920px;
	font-size: 13px;
	margin: 5px 0 22px;
	padding-bottom: 28px;
	border-bottom: solid 1px #ccc;
}

.siteNavi{
	background:url(../img/about/bgSiteNavi.png) left top no-repeat;
	margin: 74px 0 117px;
	overflow: hidden;
}
.siteNavi .naviBox{
	background:url(../img/about/bgSiteNavi.png) right top no-repeat;
}
.siteNavi .naviBox {
	float: left;
	width: 185px;
	height: 160px;
	padding-left: 15px;
	line-height: 28px;
}
.siteNavi .naviBox.small {
	width: 145px;
}
.siteNavi .naviBox li {
	margin-bottom: 11px;
}
.siteNavi .naviBox li,
.siteNavi .naviBox li a {
	color: #0066CC;
}
@media only screen and (max-width: 767px) {
	#sitemap{
		background-size:240% auto;
	}
	.sitemapArea{
		width:90%;
		background:#fff;
		border-radius: 5px;
	}
	.bdsitemapArea{
		padding:20px 5%;
		background:#FFF;
	}
	.titSitemap{
		width:100%;
		padding-bottom:20px;
	}
	.siteNavi{
		background:none;
		width:90%;
		margin:0 auto;
		overflow:auto;
	}
	.siteNavi .naviBox{
		float:none;
		height:auto;
		padding:0;
		background:none;
	}
	.siteNavi .naviBox.small{ height:auto;}
}

/*------------------------------
		  footer
------------------------------*/

#footer{
	background:#242424 url(../img/common/bgFooter.gif) left top repeat-x;
}

/*----- footerLogo -----*/
#footer .logoFooter{
	width:300px;
	margin:0 auto;
	padding:30px 0 31px;
}

/*----- footMenu -----*/
.footMenu{
	color:#ccc;
	width:1004px;
	margin:0 auto;
	padding:0 0 6px 0;
}
.footMenu .menuBox{
	width:184px;
	float:left;
	margin:0 0 0 21px;
}
.footMenu .menuBox.mostLeft{
	margin:0;
}
.menuBox .siteLink{
	display:block;
	width:184px;
	height:59px;
}
.menuBox .siteLink.siteBg01{ background:url(../img/index/btnFootMenu01.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg02{ background:url(../img/index/btnFootMenu02.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg03{ background:url(../img/index/btnFootMenu03.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg04{ background:url(../img/index/btnFootMenu04.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg05{ background:url(../img/index/btnFootMenu05.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg06{ background:url(../img/index/btnFootMenu06.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg07{ background:url(../img/index/btnFootMenu07.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg08{ background:url(../img/index/btnFootMenu08.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg09{ background:url(../img/index/btnFootMenu09.jpg) left top no-repeat; }
.menuBox .siteLink:hover{ background-position:right top; }
.menuBox .siteTxt{
	text-align:center;
	font-size:11px;
	padding:12px 0 27px;
}

/*----- footNavi -----*/
.footNavi a{ color:#fff; }
.footNavi a:hover{ color:#ccc; }
.footNavi{ color:#fff; }

#footer .footNavi{
	background:url(../img/index/bgFootNavi.gif) left top repeat-y;
}
.footNavi .naviBox{
	background:url(../img/index/bgFootNavi.gif) right top repeat-y;
}
@media only screen and (max-width: 767px) {
	#footer .logoFooter{
		width:43%;
		margin:0 auto;
	    padding: 27px 0 21px;
	}
	.footMenu{
		width:90.5%;
	}
	.footMenu .menuBox{
		width:49%;
		margin:0;
		margin-bottom:10px;
	}
	.footMenu .menuBox .siteLink.siteBg02,
	.footMenu .menuBox .siteLink.siteBg05{
		margin-left:2%;
	}
	.menuBox .siteLink{
		width:100%;
		height:auto;
	}
	.menuBox .siteTxt{
	    padding: 12px 0 2px;
	}
}

/* 250226 */
.bdPolicyArea + .bdPolicyArea{
	padding-top: 50px;
}
.policyBox .txt{
	padding-left: 15px;
}
.policyBox .txtIn{
	display: block;
	padding-left: 15px;
}
.policyBox .txtpoint{
	display: block;
	padding-left: 15px;
}