/*
===========================================================================

	Title : base.css

===========================================================================
*/


/***************************************************************
*
*	PC view
*	
****************************************************************/

.pcBlc {
	display: block;
}
.spBlc {
	display: none;
}
.txt_c {
	text-align: center;
}
.alin_rignt {
	text-align: right;
}
/* pc base
------------------------------------------------------------ */

body {
	background: url(../image/pc_head_line.gif)repeat-x left top;/*padding-top: 10px;*/
}
#wrap {
	padding-top: 25px;
	width: auto;
	position: relative;
}
#wrap #content {
	width: 1000px;
	margin: 0 auto;
}
a:focus {
	outline: none;
}
/* pcHeader
------------------------------------------------------------ */
#wrap #pcHeader {
	width: 1000px;
	margin: 0 auto 10px;/*overflow: hidden;*/
}
#wrap #pcHeader:after {
	content: "";
	clear: both;
	display: block;
}
#wrap #pcHeader h1 {
	float: left;
	margin-top: 10px;
}
#wrap #pcHeader p {
	float: right;
	font-size: 11px;
	margin: 5px 0 0;
}
#wrap #pcHeader .tool {
	/*width: 112px;*/
	margin: 40px 0 0 10px;
	float: right;
	overflow: hidden;/*margin: 13px 0 0 0;*/
}
#wrap #pcHeader .tool li {
	float: left;
	margin-left: 8px;
}
#wrap #pcHeader .tool li.lang ul li {
	margin-left: 0px;
}
/* navigation */

#wrap #pcHeader nav {
	float: right;
	position: relative;
	top: 35px;
}
#wrap #pcHeader nav ul li a img:hover {
	opacity: 1 !important;
}
#wrap #pcHeader nav ul {
	overflow: hidden;
}
#wrap #pcHeader nav ul li {
	float: left;
}
#wrap #pcHeader nav ul li .subMenu {
	float: none;
	position: absolute;
	top: 30px;
	display: none;
	z-index: 999999;
}
#wrap #pcHeader nav ul li .subMenu li {
	float: none;
}
#wrap #content .mainVis {
	margin-bottom: 38px !important;
}
/* pagetop
------------------------------------------------------------ */
#pageTop {
	position: fixed;
	bottom: 89px;
	right: 17px;
	z-index: 1000;
}
#pageTop a img {
	width: 55px;
}
/* pc footer
------------------------------------------------------------ */

#footer{
	margin-top: 80px;
	padding: 10px 0 25px;
	text-align: center;
	border-top: 1px dotted #d1d1d1;
}

/* pc crumbs
------------------------------------------------------------ */
.crumb {
	border-top: 1px solid #f2f2f2;
	/* margin-top: 20px; */
	margin-bottom: 30px;
	padding-top: 13px;
}
.crumb ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.crumb ul li {
	float: left;
	color: #555;
	font-size: 10px;
}
.crumb ul li a {
	text-decoration: underline;
}
.crumb ul li a:hover {
	text-decoration: none;
}
.crumb ul li.home {
	background: url(../image/icon_home.gif) no-repeat left center;
	padding-left: 11px
}
/* pc content 
------------------------------------------------------------ */

#wrap #content {
	overflow: hidden;
}
#wrap #content h2 {
	margin-bottom: 30px;
	text-align: center;
}
#wrap #content #leftCnt {
	width: 740px;
	float: left;
}
#wrap #content p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
}
#wrap #content #rightCnt {
	width: 220px;
	float: right;
}
/* アコーディオン */
#wrap #content #rightCnt .accordion {
	background: url(../image/submenu_bg.png) repeat left top;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#wrap #content #rightCnt .accordion .ttl {
	font-weight: bold;
	padding: 21px 16px;
}
#wrap #content #rightCnt .accordion .category {
	font-weight: bold;
	color: #FFF;
	padding: 14px 16px　11px;
	background: url(../image/submenu_bg_on.png) repeat left top;
}
#wrap #content #rightCnt .accordion .category img {
	width: 15%;
	vertical-align: middle;
	margin: 8px 8px 8px 15px;
}
#wrap #content #rightCnt .accordion .ttl img {
	width: 19%;
	vertical-align: middle;
	margin-right: 8px;
}
#wrap #content #rightCnt .accordion li {
	font-weight: bold;
}
#wrap #content #rightCnt .accordion li.detail dl dd {
	background-color: rgba(97, 165, 235, 0.06);
	padding-bottom: 16px;
	display: none;
}
#wrap #content #rightCnt .accordion li.detail dl dt {
	background-image: url(../image/submenu_arrow_off.png),  url(/english/common/images/submenu_line.png);
	background-repeat: no-repeat,  repeat-x;
	background-position: 93% 50%,  left top;
	background-size: 7%,  3.5%;
	cursor: pointer;
	font-weight: bold;
	padding: 15px 29px;/*	border-width: 2px 0px 0px;
  -moz-border-image: url(/common/images/submenu_line.png) 4 0 0 repeat;
  -webkit-border-image: url(/common/images/submenu_line.png) 4 0 0 repeat;
  -o-border-image: url(/common/images/submenu_line.png) 4 0 0 repeat;
  border-image: url(/common/images/submenu_line.png) 4 0 0 repeat;*/
}
#wrap #content #rightCnt .accordion li.detail dl dt:hover {
	opacity: 0.7;
}
#wrap #content #rightCnt .accordion li.detail dl dt.active {
	background-image: url(../image/submenu_arrow_on.png),  url(/english/common/images/submenu_line.png);
	background-repeat: no-repeat,  repeat-x;
	background-size: 93% 50%,  left top;
	background-size: 7%,  3.5%;
}
#wrap #content #rightCnt .accordion li.detail dl dt.noline {
	background-image: url(../image/submenu_arrow_off.png),  none;
	background-repeat: no-repeat,  none;
	background-position: 93% 50%,  none;
	background-size: 7%,  none;
}
#wrap #content #rightCnt .accordion li.detail dl dd ul li {
	font-weight: bold;
	font-size: 12px;
	padding: 16px 40px 0;
	background: url(../image/submenu_detail_arrow.png) no-repeat no-repeat 29px 19px;
	background-size: 7px;
}
#wrap #content #rightCnt .accordion li.detail dl dd ul li.act a {
	color: #62a7eb !important;
}
#wrap #content #rightCnt .accordion li.detail dl dd ul li.act a:link {
	color: #62a7eb !important;
}
#wrap #content #rightCnt .accordion li.detail dl dd ul li.act a:hover {
	color: #85baee !important;
}
/* page anchor 2カラム */
#wrap #content ul.anc2 {
	text-align: center;
	margin-bottom: 53px;
}
#wrap #content ul.anc2 li {
	display: inline-block;
	margin-right: 6px;
}
/* page anchor 3カラム */
#wrap #content ul.anc3 {
	text-align: center;
	margin-bottom: 53px;
	margin-top: 100px;
}
#wrap #content ul.anc3 li {
	display: inline-block;
	margin-right: 10px;
}
/* page anchor 4カラム */
#wrap #content ul.anc4 {
	text-align: center;
	margin-bottom: 53px;
}
#wrap #content ul.anc4 li {
	display: inline-block;
	margin-right: 8px;
}
#wrap #content .inner {
	width: 1000px;
	margin: 0 auto;
}

/***************************************************************
*
*	SP view
*	
****************************************************************/

@media screen and (max-width:769px) {
	
	.pcBlc {
		display: none !important;
	}
	.spBlc {
		display: block;
	}
	/* sp base
	------------------------------------------------------------ */

	body {
		padding-top: 0;
		background: none;
	}
	#wrap {
		padding-top: 0px;
		width: 100%;
		background-color: #FFF;
	}
	#wrap #content {
		width: 100%;
		position: relative;
	}
	/* spHeader
	------------------------------------------------------------ */

	#wrap #spHeader {
		background: url(../image/pc_head_line.gif)repeat-x left top;
		padding-top: 20px;
		overflow: hidden;
		padding: 6% 0 0 0;
		margin-bottom: 4%;
	}
	#wrap #spHeader h1 {
		float: left;
		width: 35%;
	}
	#wrap #spHeader .menu {
		float: right;
		overflow: hidden;
		width: 60%;
		margin-right: 1%;
		margin-top: 1%;
	}
	#wrap #spHeader .menu li {
		float: right;
		width: 22%;
	}
	#wrap #spHeader .menu li.btnChin {
		width: 25%;
	}
	#wrap #content .mainLine {
		border-top: solid 1px #f2f2f2 !important;
		z-index: 10000;
		padding: 1px 0 0 0;
	}
	#wrap #content .mainVis {
		margin-bottom: 10% !important;
	}
	
	/* pagetop
	------------------------------------------------------------ */
	#pageTop {
		width: 10%;
		position: fixed;
		bottom: 1.5%;
		right: 2%;
	}
	#pageTop a img {
		width: 55px;
	}

	
	/* sp footerNav
	------------------------------------------------------------ */
	#wrap #content .footNav {
		border-top: solid 2px #ded3cf;
		border-bottom: solid 2px #ded3cf;
		background: url(../image/ttl_bg1.png) repeat left top;
	}
	#wrap #content .footNav li {
		background-image: url(../image/sp_navline.png), url(../image/sp_navarrow1.png);
		background-position: left bottom, 104% 50%;
		background-repeat: repeat-x, no-repeat;
		background-size: 7px 2px, 17%;
		font-size: 11px;
		font-weight: bold;
		padding: 2% 3%;
	}
	#wrap #content .footNav li:last-child {
		background-image: none, url(../image/sp_navarrow1.png);
		background-position: left bottom, 104% 50%;
		background-repeat: repeat-x, no-repeat;
		background-size: 7px 2px, 17%;
		font-size: 11px;
		font-weight: bold;
		padding: 2% 3%;
		background-repeat: repeat-x, no-repeat;
	}
	#wrap #content .footNav li img {
		vertical-align: middle;
		width: 12%;
	}
	#wrap #content .footNav li a {
		display: block;
	}
	
	/* sp content 
	------------------------------------------------------------ */

	#wrap #content h2 {
		margin-bottom: 10%;
		background: url(../image/ttl_bg1.png);
		padding: 5%
	}
	#wrap #content h2 img {
		width: 95%;
	}
	#wrap #content #leftCnt {
		width: 100%;
		float: none;
	}
	#wrap #content p {
		font-size: 12px;
		line-height: 21px;
		margin-bottom: 5%;
		padding: 0 3%;
	}
	#wrap #content #rightCnt {
		width: 100%;
		float: none;
		padding: 0;
		margin: 60px 0 0 0;
	}
	/* アコーディオン */
	#wrap #content #rightCnt .accordion {
		border-radius: 0;
		border-bottom: 2px solid #ded3cf;
		border-top: 2px solid #ded3cf;
		/* margin-bottom: 2%; */
		font-size: 11px;
	}
	#wrap #content #rightCnt .accordion .ttl {
		padding: 14px 16px 11px;
	}
	#wrap #content #rightCnt .accordion .ttl img {
		width: 9%;
		margin-right: 2%;
	}
	#wrap #content #rightCnt .accordion .category img {
		width: 12%;
		margin: 2% 2% 2% 5%;
	}
	#wrap #content #rightCnt .accordion li.detail dl dt {
		background: url(../image/submenu_arrow_off.png) no-repeat 95% 50%;
		background-size: 19px;
		cursor: pointer;
	}
	#wrap #content #rightCnt .accordion li.detail dl dt:hover {
		opacity: 1.0;
	}
	#wrap #content #rightCnt .accordion li.detail dl dt.active {
		background: url(../image/submenu_arrow_on.png) no-repeat 95% 50%;
		background-size: 19px;
	}
	#wrap #content #rightCnt .accordion li.detail dl dd ul li {
		background: url(../image/submenu_detail_arrow.png) no-repeat no-repeat 29px 20px;
		background-size: 7px;
		font-size: 11px;
	}
	/* page anchor 2カラム */

	#wrap #content ul.anc2 {
		margin-bottom: 10%;
	}
	#wrap #content ul.anc2 li {
		display: inline-block;
		width: 43%;
	}
	/* page anchor 3カラム */

	#wrap #content ul.anc3 {
		margin-bottom: 10%;
		margin-top: 10%;
	}
	#wrap #content ul.anc3 li {
		display: inline-block;
		width: 90%;
		margin-bottom: 3%;
		margin-right: 0 !important;
	}
	/* page anchor 4カラム */

	#wrap #content ul.anc4 {
		margin-bottom: 10%;
	}
	#wrap #content ul.anc4 li {
		display: inline-block;
		width: 46% !important;
		margin-bottom: 3%;
		margin-right: 0;
	}
	#wrap #content .inner {
		width: 100%;
		margin: 0 auto;
	}
	}
	/*201804追記*/

	.foot_bnr_area {
		width: 1000px;
		margin: 80px auto 30px;
	}

	@media screen and (max-width:769px) {
	.foot_bnr_area {
		width: 95%;
		margin: 3% auto 3%;
	}
}