@charset "utf-8";



/*--------------- spendだけで使うものはココに --------------*/
html, body {
    height: auto;
}
html {
background: url(/tomaru/spend/images/bg_base.png) ;	
}
body {
	padding: 0 !important;
	color: #6B4C1E;
		background: url(/tomaru/spend/images/img_bg_top.png) center 0 no-repeat transparent;
}
a:link, a:visited {
	color: #fff;
}
img {
	display: inline-block;
}
.container {
	margin: auto;
	width: 980px;
	position: relative;
}
.autoPosi {
	position: absolute;
}
.imgleft{
	left:0;
	top:0;}
.imgright{
	right:0;
	top:0;}	

#topfixed {
    position: absolute;
	width: 100%;
    padding: 5px 0 6px;
	border-bottom: 1px solid #ddd;
	background: #fff;
    z-index: 999;
}
	#topfixed a{
		display:block;
		margin-left: 15px;
	}
.btnArea ul {
	position: absolute;
	list-style: none;
	margin-top: 10px;
	top:0;
	right: 30px;
	z-index: 1000;
}

.btnArea li {
	display: inline;
	margin-left: 20px;
}

.headerArea {
	width: 100%;
	min-height: 605px;
	padding-top: 92px;
	margin-bottom:50px;
}
	.ttlLg{
		position: relative;
		text-align: center;
		padding: 20px 0 20px;
		z-index: 10;
	}

	.icon {
		position: absolute;
		border-bottom: 0;
		left: 30px;
	}

	.bx-wrapper {
		padding: 12px 15px;
		background-color: rgba(0,184,222,0.6);
		border-radius: 6px;
	}
	.bx-wrapper .bx-viewport {
		background: #fff;
		border: 1px solid #fff;
		left: -1px;
		transform: translateZ(0px);
	}
    .bxslider li {
    display: none;
    }
    .bx-viewport .bxslider li {
    display: block !important;
    }
.decoLine {
	background: url(/tomaru/spend/images/bg08.png) 0 0 transparent;
}
.decoDotted {
	height: 18px;
	width: 100%;
	display: block;
	border: none;
	background: url(/tomaru/spend/images/deco_spend03.png) center 0 no-repeat transparent;
}
.imgBox {
	width: 450px;
	height: 310px;
}
.imgBoxLg {
	width: 650px;
	height: 444px;
	margin: auto;
}
.btn{
	text-decoration: none;
	padding: 10px 20px;
}
.btn-primary{
	/*background: url(/tomaru/spend/images/btn_spend01.png) no-repeat;*/
	background:#0090CD;
}
.highlight {
	background-color: #FFFF26;
}

.ttlMd{
	text-align: center;
}
.ttlMd.topTit{
	margin-bottom: 30px;
}
.ttlMd-tender{
	text-align: center;
	padding-top:40px;
}
.ttlSm{
	text-align: center;
	padding: 50px 0 0 0;
}
.ttlSm01{
	text-align: center;
	padding: 5px 0 0 0;
}
.mediaLg{
	padding: 0 0 50px 0;
}
.mediaMd {
	padding: 40px 0 0;
}
.media {
	width: 30%;
	float: left;
}
.media + div.media {
	margin-left: 5%;
}
	* html .media + div.media {
	margin-left: 2.5%;
}
.mediaLg p,
.mediaMd p,
.media p,
.mediaTtl {
	font-weight: lighter;
	font-size: 158%;
	line-height: 250%;
}
.mediaLgBody p,
.mediaMdBody p,
.mediaBody p {
	margin: auto;
	padding: 0 20px;
	margin-bottom: 20px;
}
.mediaLgHead{
	position: relative;
}
.mediaLgHead-double {
	min-height: 370px;
}
	.mediaLgHead-double .img01{ top:20px; left:75px; z-index:1;}
	.mediaLgHead-double .img02{ top:30px; right:75px; z-index:0;}
	.mediaLgHead-double .img03{ top:0; right:25px; z-index:2;}
	.mediaLgHead-double .img04{ bottom:0; left:0; z-index:3;}

.mediaLgHead-single {
	width: 100%;
	min-height: 445px;
	text-align: center;
	padding-top: 30px;
}
.mediaMdHead{
	float: left;
	width: 30.5%;
	height: auto;
}
.mediaMdHead img {
	max-width: 100%;
}
.mediaMdBody {
	float: right;
	width: 66%;
}
.media {
	margin-top: 40px;
}
.media .mediaTtl {
	margin-bottom: 20px;
	text-align: center;
	line-height: 160%;
}
.mediaHead {
	margin-bottom: 20px;
	text-align: center;
}
.mediaBody p {
	font-size: 100%;
	line-height: 385%;
}

#footer {
	text-align: center;
	font-size: 150%;
	padding: 50px 0 ;
}

.snsArea_sp{ display: none;}

/* margin top adjust */
.mtAdjust01{ margin-top: 80px;}
/* address block */
.address{ float: left; margin-left: 20px;}
/* link button */
.linkOut{ float: right;margin-right: 20px;}
.linkOut span{
	display: block;
	padding-left: 10px;
	background: url(/tomaru/spend/images/ico_arrow.png) no-repeat 0 center;}