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

	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;
}


/* pcHeader
------------------------------------------------------------ */
#wrap #pcHeader {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#wrap #pcHeader h1 {
	float: left;
	margin-top: 7px;
}

#wrap #pcHeader .tool {
	float: right;
	overflow: hidden;
	margin-bottom: 10px;
}

#wrap #pcHeader .tool li {
	float: left;
	margin-left: 8px;
}

#wrap #pcHeader .tool li.lang ul li {
	margin-left: 0px;

}


/* navigation */

#wrap #pcHeader nav {
	float: left;
	margin-left: 68px;
	margin-top: 5px;
}

#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: 95px;
	display: none;
	z-index: 99;	
}

#wrap #pcHeader nav ul li .subMenu li {
	float: none;
}

/* 傢偙偪傖傫僇僼僃 */
#wrap #pcHeader .cafe {
	margin-left: 7px;
	float: right;
}

/* 専嶕憢 */
#wrap #pcHeader .tool li .searchArea .bar {
	width:124px;	
	display: inline-block;
}

#wrap #pcHeader .tool li .searchArea .searchbtn {
	vertical-align:bottom;
}

#wrap #pcHeader .tool li .searchArea .bar input {
	border: #ff9fb6 1px solid;
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	height: 22px;
}

#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
------------------------------------------------------------ */
#commonFooter {
	background: #f9f9f9;
	padding: 26px 0 23px 0;	
}

#commonFooter ul.inner {
	text-align: center;
	margin-bottom: 10px;
}


#commonFooter ul.inner li {
	border-right: 1px solid #dadada;
	font-size: 10px;
	color: #555555;
	margin-right: 10px;
	padding-right: 10px;
    display: inline-block;
}

#commonFooter ul.inner li:last-child {
	border-right: none;
	border-right: none\9;
}

#commonFooter ul.inner li a {
	text-decoration: none;
}

#commonFooter .group,
#commonFooter .copy {
	text-align: center;
	font-size: 10px;
}

#commonFooter .group {
	/*color: #fd6e91;*/
	color: #004099;
}
#commonFooter .group img {
	margin:margin: 0 5px -5px 0;
}
#commonFooter .group a {
	/*color: #fd6e91;*/
	color: #004099;
	text-decoration: underline;
}


/* 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 p2 {
	font-size: 14px;
	line-height: 24px;
	float:right;
	text-align: right;
	margin-top: -15px;
	border: solid 1px;
	border-radius: 7px;
	padding:5px;
}

#wrap #content #rightCnt {
	width: 220px;
	float: right;
}

#wrap #content leftp {
	font-size: 14px;
	line-height: 20px;
	float:right;
	margin-top: 20px;
	padding-left: 38px;
	background-color: #EBF5FF;
	border-radius: 7px;
	padding:20px;
}

#wrap #content #toNews_box{
	width:100%;
}

#wrap #content #toNews{
	float:right;
	width:180px;
	display:block;
	font-size: 14px;
	line-height: 20px;
	margin-top: 20px;
	background-color: #EBF5FF;
	border-radius: 7px;
	padding:20px;
}


/* 傾僐乕僨傿僆儞 */
#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(../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: 20px 20px;
/*	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(/common/images/submenu_arrow_on.png),
	url(../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,
#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%;
}

#wrap #spHeader .menu li {
	float: right;
    width: 22%;
}

#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 {
	position: fixed;
	bottom: 1.5%;
	right: 2%;
}

#pageTop a img {
	width: 55px;
}





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

#commonFooter {
	background: #f9f9f9;	
	width: 100%;
	margin-top: 0%;
	padding: 6% 0 3% 0;

}



#commonFooter ul.inner {
	width: 90%;
	text-align: center;
	margin: 0 auto 3%;

}


#commonFooter ul.inner li {
	border-right: 1px solid #dadada;
	margin-right: 2%;
	padding-right: 2%;
	font-size: 0.8em;
  margin-bottom: 2%;
}

#commonFooter ul.inner li:last-child {
	border-right: none;
}

#commonFooter .group,
#commonFooter .copy {
	text-align: center;
	font-size: 80%;
	margin-left: 4%;
}

#commonFooter .group {
	margin-bottom:1%;
	
}

#commonFooter .lang {
	text-align: center;
}

#commonFooter .lang  li {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(193,175,168,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(193,175,168,1);
	box-shadow: 0px 1px 0px 0px rgba(193,175,168,1);
	background-color:#ded3cf;
	padding: 2% 7%;
    display: inline-block;
	font-weight: bold;
	margin-bottom: 5%;
	margin-right: 1%;
}





/* 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-size: auto, 17%;
	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 #toNews_box{
	width:100%;
}

#wrap #content #toNews{
	width:90%;
	display:block;
	font-size: 14px;
	line-height: 20px;
	margin: 20px auto;
	background-color: #EBF5FF;
	border-radius: 7px;
	padding:20px 5%;
}



/* 傾僐乕僨傿僆儞 */
#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(/common/images/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;
}
 

}

/*20170224捛婰*/

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

@media screen and (max-width:769px){

.foot_bnr_area {
	width: 95%;
	margin: 3% auto 3%;
}
}


/*20170618捛婰*/

#brand_footer *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	line-height: 1;
}
#brand_footer a{
	color: #000;
	text-decoration: none;
	transition: opacity ease .3s;
}
#brand_footer a:hover{
	opacity: .7;
}
#brand_footer a:focus{
	outline: none;
}
#brand_footer img{
	backface-visibility: hidden;
}

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

	brand footer pc

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

#brand_footer .sp{
	display: none;
}
#brand_footer{
	margin-top: 30px;
	padding: 20px 0 10px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 3px solid #004099;
	font-family: Hiragino Kaku Gothic ProN, '僸儔僊僲妏僑 ProN W3', Meiryo, '儊僀儕僆', sans-serif;
	font-size: 12px;
}
#brand_footer .b_foot_inner{
	width: 1020px;
	margin: auto;
	overflow: hidden;
}

/*儘僑*/

#brand_footer .b_foot_logo{
	margin-right: 270px;
	float: left;
}

/*儕儞僋僄儕傾*/

#brand_footer .b_foot_link{
	width: 451px;
	margin: 40px 0 10px;
	float: left;
}

#brand_footer .b_foot_link p{
	margin: 0 0 13px;
}
#brand_footer .b_foot_link ul li{
	display: inline-block;
}
#brand_footer .b_foot_link ul li:not(:last-child){
	margin: 0 26px 0 0;
}
#brand_footer .b_foot_link ul li a{
	padding-left: 15px;
	background: url(../image/arr_blue.png) no-repeat left center;
	background-size: 10px 11px;
}

/*僐僺乕儔僀僩*/

#brand_footer .b_foot_copy{
	width: 226px;
	margin-top: 40px;
	float: right;
	text-align: right;
}

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

	brand footer sp

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

@media screen and (max-width: 768px){
	#brand_footer a:hover{
		opacity: 1;
	}
	#brand_footer .pc{
		display: none;
	}
	#brand_footer .sp{
		display: block;
	}
	#brand_footer{
		margin-top: 20px;
		padding: 20px 0 12px;
	}
	#brand_footer .b_foot_inner{
		width: 100%;
	}

	/*儘僑*/

	#brand_footer .b_foot_logo{
		width: 12%;
		margin: 12px auto 0;
		float: none;
	}
	#brand_footer .b_foot_logo img{
		width: 100%;
		max-width: 123px;
	}

	/*儕儞僋僄儕傾*/

	#brand_footer .b_foot_link{
		width: 100%;
		margin: 0;
		float: none;
		border-bottom: 1px solid #ccc;
	}

#brand_footer .b_foot_link p{
	width: 90%;
	text-align: center;
	margin: 0 auto 15px;
}

	#brand_footer .b_foot_link ul{
		width: 75%;
		margin: 0 auto 4px;
		overflow: hidden;
	}
	#brand_footer .b_foot_link ul li{
		margin-bottom: 8px;
		display: block;
		float: left;
	}
	#brand_footer .b_foot_link ul li:nth-child(odd){
		width: 58%;
	}
	#brand_footer .b_foot_link ul li:nth-child(even){
		width: 42%;
	}
	#brand_footer .b_foot_link ul li:not(:last-child){
		margin: 0 0 8px 0;
	}

	/*僐僺乕儔僀僩*/

	#brand_footer .b_foot_copy{
		width: 100%;
		margin-top: 6px;
		float: none;
		text-align: center;
	}
	
}