/*=================================================================== *
*   ‹¤’Ê   *
* =================================================================== */
.ccp	{
	position: relative;
	z-index: 3;
	background-color: rgba( 25, 40, 60, 0.50);
	color:#FFF;
	font-family: "Times New Roman", "Ÿà–¾’©", "Yu Mincho", "Ÿà–¾’©‘Ì", "YuMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
}
/* --------Business Navi ---------- */
.bc_navi	ul	li	a	{
	text-decoration: none;
	color: #515151;
}
.bc_navi	ul	li.btn_nv01	a,
.bc_navi	ul	li.btn_nv02	a,
.bc_navi	ul	li.btn_nv03	a	{
	background-image: url("../images/common/arw_navi.png");
	background-repeat: no-repeat;
	background-position: 98% 95%;
	background-size : 5%;
	background-color: #D0DADC;
	color: #515151;
	text-align: center;
	font-family: "Times New Roman", "Ÿà–¾’©", "Yu Mincho", "Ÿà–¾’©‘Ì", "YuMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
}
.bc_navi	ul	li.btn_nv01	span,
.bc_navi	ul	li.btn_nv02	span,
.bc_navi	ul	li.btn_nv03	span	{
	display: block;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.bc_navi	ul	li.btn_nv01	a:hover,
.bc_navi	ul	li.btn_nv02	a:hover,
.bc_navi	ul	li.btn_nv03	a:hover	{
	background-color: #e3e9ea;
}
/* - - - - - - - - - - - - - -- - - - - - -- - - - - - -- - - - - - -*/
.bc_navi	ul	li.btob_subnv	a	{
	background: #FDFDFD;
	border: solid 2px #D0DADC;
}
.bc_navi	ul	li.btob_subnv	a	span	{	color:#D0DADC;}
.bc_navi	ul	li.btob_subnv	a:hover	{	background: #f1f3f4;}
/* - - - - - - - - - - - - - -- - - - - - -- - - - - - -- - - - - - -*/
.bc_navi	ul	li.contact	a	{
	background: #EEEEEF;
	border: solid 1px #E2E2E2;
	color: #333;
	text-align: center;
	vertical-align: middle;
}
.bc_navi ul .contact a img{		vertical-align: top;}
/*=================================================================== *
*   PC tablet Display - width:737px Over    *
* =================================================================== */
@media print, screen and (min-width: 737px){
header.sp	{	display: none;}
#main	{
	width: 950px;
	margin: 0 auto;
	position: relative;
	left: 60px;
	padding-bottom: 35px;
	padding-top: 35px;
}

.ccp	{
	width: 949px;
	text-align: center;
	font-size: 18px;
}
.fst	{	margin-top: -106px;	padding-top: 30px;}
.sec	{	margin-top: 0px;	padding-bottom: 30px;	padding-top: 8px;}

/* --------Business Navi ---------- */
.bc_navi	{
	width: 950px;
	margin: 5px auto 12px;
}
.bc_navi	ul	li,
.bc_navi	ul	li	a	{
	display: inline-block;
	float: left;
}
.bc_navi	ul	li.btn_nv01	a	{
	width: 312px;
	height: 62px;
	margin-right: 5px;
	padding: 23px 1px 26px 0px;
	font-size: 18px;
}
.bc_navi	ul	li.btn_nv02	a	{
	width: 312px;
	height: 62px;
	margin-right: 5px;
	padding: 30px 1px 19px 0px;
	font-size: 18px;
}
.bc_navi	ul	li.btn_nv03	a	{
	width: 312px;
	height: 62px;
	margin-right: 0px;
	padding: 30px 1px 19px 0px;
	font-size: 18px;
}

.bc_navi	ul	li.btn_nv01	span,
.bc_navi	ul	li.btn_nv02	span,
.bc_navi	ul	li.btn_nv03	span	{
	display: block;
	margin: 8px auto 0;
	text-align: left;
	font-size: 12px;
}
.bc_navi	ul	li.btn_nv01	span	{	width: 180px;}
.bc_navi	ul	li.btn_nv02	span	{	width: 180px;}
.bc_navi	ul	li.btn_nv03	span	{	width: 203px; white-space:nowrap;}

/* - - - - - - - - - - - - - -- - - - - - -- */
.bc_navi	ul	li.btob_subnv	a	{
	width:150px;
	height: 20px;
	margin-right: 5px;
	margin-top: 15px;
	padding: 12px 0px 8px;
	font-size: 14px;
}
/* - - - - - - - - - - - - - -- - - - - - -- */
.bc_navi	ul	li.contact	a	{
	width: 214px;
	height: 19px;
	padding: 9px 0;
	margin-left: 50px;
	margin-top: 18px;
}
.bc_navi ul .contact a img{	
	width: 15px;
	height: 12px;
	margin-right: 5px;
	margin-top: 3px;
}

}
/*=================================================================== *
*   SmartPhone Display - width:736px under    *
* =================================================================== */
@media only screen and (max-width:736px){
#main	{
	width: 100%;
	margin: auto;
	background-color:#f6f6f6;
}
.ccp	{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: left;
	font-size: 0.9em;
	line-height:1.5em;
}
.fst	{	height: 38px;	margin-top: -40px;	padding-top: 8px;}
.sec	{	height: 5%;	margin-top: 0px;	padding-top: 5px;padding-bottom: 8px;}

/* --------Business Navi ---------- */
.bc_navi	{
	clear: both;
	width:  100%;
	margin: 0 auto;
}
.bc_navi	ul	li.btn_nv01	a,
.bc_navi	ul	li.btn_nv02	a,
.bc_navi	ul	li.btn_nv03	a	{
	display: block;
	width: 100%;
	margin: 3px auto;
	padding: 5% 0;
	font-size: 1em;
	line-height: 1em;
}
.bc_navi	ul	li.btn_nv01	span,
.bc_navi	ul	li.btn_nv02	span,
.bc_navi	ul	li.btn_nv03	span	{
	display: block;
	margin: 5px auto 0;
	font-size: 0.7em;
}
/* - - - - - - - - - - - - - -- - - - - - -- - */
.bc_navi	ul	li.btob_subnv	{
	display: inline-block;
	float: left;
	width: 47%;
	margin-left: 2%;
	margin-top: 2%;
	text-align: left;
	font-size: 0.9em;
}
.bc_navi	ul	li.btob_subnv	a	{
	display: block;
	padding: 12px 0;
}
/* - - - - - - - - - - - - - -- - - - - - -- - */
.bc_navi	ul	li.contact	{
	clear: both;
	display: block;
	width: 95%;
	margin: 132px auto auto;
}
.bc_navi	ul	li.contact	a	{
	display: block;
	width: 100%;
	padding: 11px 0;
}
.bc_navi	ul	.contact	a	img	{
	width: 20px;
	margin-right: 5px;
	margin-top: 5px;
}
}
