@charset "shift_jis";
/* CSS Document */


#container-agency {
	padding:10px;
}
/*--------------*/

#agency {
	clear:both;
}
#agency h2{
	text-align:left;
	border-left:5px #F60 solid;
	background: url(../img/agency/agency-title.gif) no-repeat;
	padding-top:10px;
	padding-left:1.3em;
	height:3em;
	font-size:1.5em;
	color:#FFF;
}
#agency h2 span{
	color:#FFF;
	font-size:0.7em;
	font-weight:normal;
	padding-top:0.5em;
	text-indent:0.5em;
	display:block;
}



#agency ul {
	text-align:left;
	clear:both;
}
#agency ul.mmmmm {
	text-align:left;
	clear:both;
	margin-top:5px;
	display:block;
	}
#agency li{
	float:left;
}

#agency li .agency-box-1{
	width:260px;
	background:url(../img/top-agency-1.jpg) no-repeat 160px 30px;
}
#agency li .agency-box-1:hover{
	width:260px;
	background:url(../img/top-agency-1_o.jpg) no-repeat 160px 30px;
}

#agency li .agency-box-2{
	width:260px;
	background:url(../img/top-agency-2.jpg) no-repeat 150px 40px;
}
#agency li .agency-box-2:hover{
	width:260px;
	background:url(../img/top-agency-2_o.jpg) no-repeat 150px 40px;
}
#agency li .agency-box-3{
	width:260px;
	background:url(../img/top-agency-3.jpg) no-repeat 160px 23px;
}
#agency li .agency-box-3:hover{
	width:260px;
	background:url(../img/top-agency-3_o.jpg) no-repeat 160px 23px;
}
#agency li .agency-box-4{
	width:260px;
	background:url(../img/top-agency-4.jpg) no-repeat 130px 25px;
}
#agency li .agency-box-4:hover{
	width:260px;
	background:url(../img/top-agency-4_o.jpg) no-repeat 130px 25px;
}
#agency li .agency-box-5{
	width:260px;
	background:url(../img/top-agency-5.jpg) no-repeat 140px 30px;
}
#agency li .agency-box-5:hover{
	width:260px;
	background:url(../img/top-agency-5_o.jpg) no-repeat 140px 30px;
}
#agency li .agency-box-6{
	width:260px;
	background:url(../img/top-agency-6.jpg) no-repeat 160px 25px;
}
#agency li .agency-box-6:hover{
	width:260px;
	background:url(../img/top-agency-6_o.jpg) no-repeat 160px 25px;
}
.agency-title {
	width:245px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:2px;
	background:#F70;
	color:#FFF;
	font-weight:bold;
	border-top:1px #F93 solid;
	border-right:1px #F93 solid;
	border-left:1px #F93 solid;
		
}

.agency-detail {
	width:245px;
	padding-left:10px;
	padding-top:5px;
	font-size:0.9em;
	height:100px;
	line-height:1.6em;
	border-bottom:1px #F93 solid;
	border-right:1px #F93 solid;
	border-left:1px #F93 solid;
	display:block;
}
.agency-detail:hover{
		color:#0C0;
}

/*----------------------*/

.each-box {
	clear:both;
	padding-top:0.5em;
	padding-left:1em;
	margin-bottom:50px;
	}

.each-box h3{
	background:url(../img/agency/each-bar.gif) no-repeat;
	font-size:1.6em;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:1em;
	text-align:left;
	height:1.6em;
}
.each-box h3 span{
	color:#FFFFFF;
	float:left;
	width:570px;
	padding-top:1px;
	display:block;
}
.each-box h3 a{
		display:block;
		width:100px;
		float:left;
		height:21px;
		background:url(../img/agency/order_1.gif) no-repeat;
}
.each-box h3 a:hover{
	background:url(../img/agency/order_2.gif) no-repeat;
}
	
.each-img {
	width:150px;
	height:130px;
	float:left;
	padding-top:10px;
	}
.each-text {
	padding-top:5px;
	float:left;
	padding-left:1em;
	width:570px;
	}
.each-text h4{
	color:#090;
	font-size:1.4em;
	text-align:left;
	}
.each-text p{
	padding-top:5px;
	text-align:left;
	font-size:1.2em;
	}

.each-able {
	padding-top:1em;
}
.each-able-img {
	float:left;
}
.each-able-text {
	text-align:left;
	float:left;
	color:#F60;
	font-size:1em;
	padding-left:1em;
	line-height:1.5em;
}


.to-top {
	clear:both;
	text-align:right;
	padding-right:90px;
	}


/*----------------------*/

.boxcontainer {
	padding-top:5px;
	clear:both;
	}
	
.each {
	clear:both;
	margin:0;
}

.each-explain {
	clear:both;
	text-align:left;
	padding-top:5px;
	float:left;
	padding-left:1em;
	font-weight:bold;
	color:#777;
	line-height:1.4em;
}

.button {
	width:190px;
	height:45px;
	float:right;
	padding-top:5px;
}