
body{
	padding:0;
	margin:0;
}


#base0{
	font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", Meiryo, sans-serif;
	margin:0 auto 0 auto;
	padding:0px;
	background-color:#fff;
	height:100%;
	width:100%;
	color:#333;
}



.hishi{
	position:relative;
	padding-left:1.25rem;
}
 
.hishi:after{
	content:'';
	display:block;
	position:absolute;
	background:#ff5f07;
	width:0.8rem;
	height:0.8rem;
	top:0px;
	left:0px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}


.san{
	background:
	linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #f00 50.5%) no-repeat top left/100% 50%,
	linear-gradient(to top left, rgba(255,255,255,0) 50%, #f00 50.5%) no-repeat bottom right/100% 50%;
	width:10px;
}

hr.line3{
	margin:1.5rem 0 1rem 0;
	border: 0;
	border-bottom: 1px dashed #0039b0;
}

.cn-tx img{
	margin: 0 0.75rem;
	border-radius:5px;
	float:left;
}

.cn-tx div{
	margin-top:1rem;
	line-height:1.5rem;
	vertical-align:middle;
}




/*pc*/
@media all and (min-width: 768px) {

#fl1{
	margin:0 auto 0 auto;
	background-image:url(../img/bg0.jpg);
	background-repeat:repeat;
	background-position:center top;
	width:1000px;
	text-align:left;
}

#fl0{
	padding-bottom:280px;
	background-image:url(../img/bg-caster.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.bizsq-logo{margin:30px 0 0 30px;}

.sp-guest{margin:30px 0 0 30px;}

.oa-set{
	margin:40px 30px 0 0;
	text-align:right;
	float:right;
}

.cs-oatime{
	margin:15px 0 0 0;
	padding:8px;
	background-color:rgba(124,182,255,0.2);
	box-shadow: 5px 5px 3px rgba(0,0,0,0.15);
	border:1px solid #fff;
	color:#476c9e;
	font-size:72%;
	line-height:1.5em;
	text-align:left;
}

hr.line1{
	margin:20px 0 40px 0;
	background-image:url(../img/bg1.jpg);
	width:1000px;
	height:25px;
	display:block;
}

hr.line2{
	margin:0;
	background-image:url(../img/bg1.jpg);
	width:1000px;
	height:25px;
	display:block;
}


#fl2{
	margin:0 30px 30px 30px;
}


.ykk-set{
	width:580px;
	float:left;
	font-size:1.4rem;
}

.ykk-tl{
	margin-bottom:1.8rem;
	padding:1.3rem 0 1rem 1rem;
	background-image:url(../img/bg1.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	font-weight:bold;
	box-sizing:border-box;
}

.ykk-tx{
	background-color:rgba(255,255,255,0.2);
	margin:0 0 2rem 0rem;
	color:#444;
	font-weight:bold;
	font-size:1.4rem;
	line-height:2.5rem;
	padding-bottom:0.8rem;
	border-bottom:1px solid #0039b0;
}

.ykk-tx ul{margin-left:0.5rem;}
.ykk-tx li{ margin:0 0 1rem 0;}


.c-set{
position: relative;
margin-bottom:1.5rem;
padding: 0.3rem 0 0.3rem 1rem;
border-right:8px solid #711515;
color: white;
}

.c-set::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 30px #7e3418;
}

.c-r{
background: linear-gradient(#b60000 , #f00);
border-right:8px solid #711515;
}
.c-r::before {border-right: solid 30px #7e3418;}

.c-g{
background: linear-gradient(#019760 , #019297);
border-right:8px solid #15514b;
}
.c-g::before {border-right: solid 30px #3d504e;}



.cn-tx{
	margin-left:1rem;
	line-height:2.3rem;
}




.sj-set{
	width:330px;
	float:right;
}

.sj-tl{
	padding:20px;
	background-image:url(../img/bg1.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	box-sizing:border-box;
}

.sj-img{
	width:330px;
	border:1px solid #0039b0;
	box-sizing:border-box;
}



#fl3{
	margin:0 30px 0 0 ;
	padding:0 0 30px 0;
}


.tw-tmln{
	margin:0 0 0 30px ;
	border:1px solid #4bc0ff;
	width:580px;
	height:450px;
	float:left;
	}


aside{
	margin-right:0px;
	width:330px;
	float:right;
}

.acv-tl{
	padding:20px;
	background-image:url(../img/bg1.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	display:block;
	box-sizing:border-box;
}


.info-tl{
	margin-top:30px;
	padding:20px;
	background-image:url(../img/bg2.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	display:block;
	box-sizing:border-box;
}

.info-tx{
	background-color:rgba(124,182,255,0.15);
	background-image:linear-gradient(45deg, #f63 15px, transparent 0);
	padding:1rem;
	border:1px solid #f96;
	color:#061f53;
	line-height:1.5rem;
	box-sizing:border-box;
}







/* PCでは非表示（スマホ用要素） */
.cs-oatime-sp{display:none;}
.rights-set{display:none;}
.sbr{display:none;}




}







/*smp*/
@media all and (max-width: 767px) {

#fl1{
	margin:0 auto 0 auto;
	background-image:url(../img/bg0.jpg);
	background-repeat:repeat;
	background-position:center top;
	background-size: contain;
	width:100%;
	text-align:center;
}

#fl0{
	padding-bottom:25%;
	background-image:url(../img/bg-caster.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: contain;
}

.bizsq-logo{
	margin: 1rem auto 0 auto;
	width:82%;
}

.sp-guest{
	margin: 1rem auto 0 auto;
	width:90%;
}

.oatime{
	margin: 0 auto 0 auto;
	width:55%;
}


hr.line1{
	margin:1rem 0 2rem 0;
	background-image:url(../img/bg1.jpg);
	width:100%;
	height:25px;
	display:block;
	box-sizing:border-box;
}

hr.line2{
	margin:0;
	background-image:url(../img/bg1.jpg);
	width:100%;
	height:25px;
	display:block;
	box-sizing:border-box;
}


#fl2{
	margin:0;
}





.ykk-set{
	width:100%;
	float:left;
	font-size:1.6rem;
	text-align:left;
}

.ykk-tl{
	margin-bottom:1.8rem;
	padding:1.3rem 0 1rem 1rem;
	background-image:url(../img/bg1.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	font-weight:bold;
	box-sizing:border-box;
}

.ykk-tx{
	background-color:rgba(255,255,255,0.2);
	margin:0 0 2rem 0rem;
	color:#444;
	font-weight:bold;
	font-size:1.4rem;
	line-height:2.5rem;
	padding-bottom:0.8rem;
	border-bottom:1px solid #0039b0;
}

.ykk-tx ul{ margin-left:0.5rem;}
.ykk-tx li{ margin:0 0 1rem 0;}


.c-set{
	position: relative;
	margin-bottom:1.5rem;
	padding: 0.3rem 0 0.3rem 1rem;
	border-right:8px solid #711515;
	color: #fff;
}

.c-set::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 30px #7e3418;
}

.c-r{
background: linear-gradient(#b60000 , #f00);
border-right:8px solid #711515;
}
.c-r::before {border-right: solid 30px #7e3418;}

.c-g{
background: linear-gradient(#019760 , #019297);
border-right:8px solid #15514b;
}
.c-g::before {border-right: solid 30px #3d504e;}

.cn-tx{
	margin-left:1rem;
	line-height:2.3rem;
}


/*

.ykk-set{
	width:100%;
	text-align:left;
}

.ykk-tl{
	margin:0 auto 1rem auto;
	padding: 0 0 0.5rem 1rem;
	border-bottom:3px double #f96;
	color:#0447a7;
	font-weight:bold;
}

.ykk-tx{
	background-color:rgba(255,255,255,0.2);
	margin:0 0 1rem 0rem;
	color:#444;
	font-weight:bold;
	font-size:1.1rem;
	line-height:1.6rem;
	padding-bottom:0.5rem;
	border-bottom:1px double #f96;
}

.ykk-tx ul{margin-left:1rem;}

.ykk-tx li{ margin:0 0 1rem 0;}

.ykk-tx span{
	margin-bottom:6px;
	padding: 0 1rem 0 1rem ;
	background: #0661bf;
	color: #fff;
	font-size:0.8rem;
	font-weight:bold;
	border-radius:5px;
	box-sizing:border-box;
	display: inline-block;
}

*/


.sj-set{
	clear:both;
	margin: 0 auto 1rem auto;
	width:65%;
}

.sj-tl{
	padding:0.9rem;
	background-image:url(../img/bg1.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	box-sizing:border-box;
}

.sj-img{
	width:100%;
	border:1px solid #0039b0;
	box-sizing:border-box;
}



#fl3{
	padding:0 0 30px 0;
}


.tw-tmln{
	margin:0 auto 2rem auto;
	border:1px solid #4bc0ff;
	width:85%;
	height:450px;
	}




.acv-tl{
	margin:0 auto 0 auto;
	padding:1rem;
	background-image:url(../img/bg1.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	width:95%;
	color:#fff;
	display:block;
	box-sizing:border-box;
}


.info-tl{
	margin:30px auto 0 auto;
	padding:1rem;
	background-image:url(../img/bg2.jpg);
	box-shadow:
		inset 4px 4px 1.25px rgba(255,255,255,0.3),
		inset -4px -4px 1px rgba(0, 0, 0, 0.4);
	width:95%;
	color:#fff;
	display:block;
	box-sizing:border-box;
}

.info-tx{
	margin:0 auto 0 auto;
	background-color:rgba(124,182,255,0.15);
	background-image:linear-gradient(45deg, #f63 15px, transparent 0);
	padding:1rem;
	border:1px solid #f96;
	width:95%;
	color:#061f53;
	text-align:left;
	line-height:1.5rem;
	box-sizing:border-box;
}

.cs-oatime-sp{
	background-color:rgba(255,255,255,0.5);
	margin:2rem auto 2rem auto;
	padding:0.6rem 0 0.6rem 0;
	border-top:2px dotted #aaa;
	border-bottom:2px dotted #aaa;
	font-size:0.8rem;
	line-height:1.2rem;
}






/* スマホ用フッタ */

.ktheader{display:none;}
.ktfooter{display:none;}

.bstbs-top{
	padding:17px 0 15px 0;
	width:100%;
	border-top:3px double #aaa;
	text-align:center;
}

.bstbs-rights{
	padding:5px 0 5px 0;
	background-color:#333;
	color:#fff;
	font-size:80%;
	text-align:center;
}


/* スマホでは非表示（PC用要素） */
.cs-oatime{display:none;}
.pbr{display:none;}



}




/* 全ページ共通 */

/*
hr, h2, h3, h4, h5, h6{
	display:none;
}
*/

img{
	border:0px;
}


a:link { color:#fff; text-decoration:none;}
a:visited { color:#fff; text-decoration:none;}
a:active { color:#fff; text-decoration: none;}
a:hover { color:#fff; text-decoration: none;}


.center{
	margin:0px auto 0px auto;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.clear{
	clear:both;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.alt{
	position:absolute;
	top:-5000px;
	left:-999px;
}

ol, ul{
	margin:0px;
	padding:0px;
}

ol, ul{
	list-style:none;
}

.bold{
	font-weight:bold;
}

.red{color:#d30011;}
.orange{color:#eb4900;}
.navy{color:#0039b0;}


.ob{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	overflow:hidden;
}


/*font-size*/
.txs{font-size:1.0rem;}
.txl{font-size:1.5rem;}

