@charset "UTF-8";

/* 	=====================================================================
	ビジネスウィズ　まごん手　top.css
	=================================================================== */

/* base
--------------------------------------------------------------------- */
#main-img {
	clear: both;
	padding-left: 30px;
	}

p.grouptitle {
	margin-bottom: 6px;
	}

ul.group {
	}
	
	ul.group li {
		text-indent: -9999px;
		margin-bottom: 10px;
		}
	
	ul.group li.business-m a {
		display: block;
		width: 234px;
		height: 60px;
		background: transparent url(../../img/top/group-img.jpg) no-repeat left top;
		}
	
	ul.group li.business-m a:hover {
		background: transparent url(../../img/top/group-img.jpg) no-repeat left -60px;
		}
	
	
	ul.group li.business a {
		display: block;
		width: 234px;
		height: 60px;
		background: transparent url(../../img/top/group-img.jpg) no-repeat -234px top;
		}
	
	ul.group li.business a:hover {
		background: transparent url(../../img/top/group-img.jpg) no-repeat -234px -60px;
		}


/* box-block-t
--------------------------------------------------------------------- */
.box-block-t{
	clear: both;
	border: #D2B682 1px solid;
	background: transparent url(../../img/top/service-bg.jpg) no-repeat right bottom;
	margin-top: 40px;
	padding: 30px 30px 42px 30px;
	}
	
	.box-block-t h2{
		}
	
	.box-block-t h2 img{
		vertical-align: bottom;
		}
		
		.service-txt01 {padding-top: 30px;}
		
		.service-txt02 {padding-top: 25px;}
		
		.service-txt03 {padding-top: 25px;}

	
/* box-block
--------------------------------------------------------------------- */
.box-block{
	clear: both;
	border-left: #D2B682 1px solid;
	border-right: #D2B682 1px solid;
	border-bottom: #D2B682 1px solid;
	padding: 30px 0px 42px 0px;
	}

/*price*/
.box-block-bg01 {
	background: transparent url(../../img/top/price-bg.jpg) no-repeat right top;
	}
	
	.box-block h2.price-title{
		padding-left: 30px;
		}
	
	.box-block h2 img{
		vertical-align: bottom;
		}
		
		.price-txt01 {padding-left: 30px;}
		.price-txt02 {padding-top: 22px; padding-left: 30px; clear: both;}
		
		
		p.txt-map {
			background: transparent url(../../img/common/icon-green.gif) no-repeat left top;
			padding-left: 22px;
			padding-bottom: 3px;
			}
		
		p.btn-map {
			text-indent: -9999px;
			}
		
		p.btn-map a {
			display: block;
			width: 214px;
			height: 214px;
			background: transparent url(../../img/top/btn-map.jpg) no-repeat left top;
			}
		
		p.btn-map a:hover {
			background: transparent url(../../img/top/btn-map.jpg) no-repeat left bottom;
			}
		


/*price*/
.box-block-order {
	padding: 30px 30px 42px 30px;
	}
	
	.order-txt01 {
		padding-top: 28px;
		padding-bottom: 28px;
		}
	.order-flow01,
	.order-flow02,
	.order-flow03,
	.order-flow04 {
		background: transparent url(../../img/common/icon-arrow.gif) no-repeat center bottom;
		margin-bottom: 13px;
		}
	
	.order-flow05 {
		margin-bottom: 13px;
		}
		
		.order-flow01 img,
		.order-flow02 img,
		.order-flow03 img,
		.order-flow04 img,
		.order-flow05 img {
			padding-bottom: 15px;
			}
		
		.order-flow01 div.flowtxt,
		.order-flow02 div.flowtxt,
		.order-flow03 div.flowtxt,
		.order-flow04 div.flowtxt,
		.order-flow05 div.flowtxt {
			padding-bottom: 44px;
			}
			
		.order-flow01 p.flowtxt,
		.order-flow02 p.flowtxt,
		.order-flow03 p.flowtxt,
		.order-flow04 p.flowtxt {
			padding-bottom: 53px;
			padding-left: 20px;
			}
		
		.order-flow05 p.flowtxt {
			padding-bottom: 35px;
			padding-left: 20px;
			}
		
		.order-flow05 p.flowtxt02 {
			padding-bottom: 0px;
			padding-left: 20px;
			}
	
	
	.orderbox {
		padding-left: 211px;
		text-indent: -9999px;
		padding-bottom: 28px;
		}
	
	.btn-order a {
		display: block;
		width: 316px;
		height: 96px;
		background: transparent url(../../img/top/btn-order.gif) no-repeat left top;
		}
	
	.btn-order a:hover {
		background: transparent url(../../img/top/btn-order.gif) no-repeat left bottom;
		}