@import url("global.css");

#qlist{
	margin-bottom:50px;
}
#qlist li{
	width:720px;
	height:40px;
	margin-bottom:5px;
}
#qlist li a{
	height:40px;
	display:block;
	line-height:40px;
	padding-left:45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.qlist01 a{
	background: url(../qa/img/list01.gif) no-repeat left top;
	color:#0F457B;
}
.qlist02 a{
	background: url(../qa/img/list02.gif) no-repeat left top;
	color:#AB8903;
}
.qlist03 a{
	background: url(../qa/img/list03.gif) no-repeat left top;
	color:#AB1423;
}
.qlist04 a{
	background: url(../qa/img/list04.gif) no-repeat left top;
	color:#617B11;
}
.qlist01 a:hover ,
.qlist02 a:hover ,
.qlist03 a:hover ,
.qlist04 a:hover {
	background-position: right bottom;
	text-decoration:none;
}

#qanda li{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom:15px;
	position:relative;
}
.q01bg{
	background:#D8F0FA;
}
.q02bg{
	background:#FBF7D7;
}
.q03bg{
	background:#FEE2E0;
}
.q04bg{
	background:#EAFBD7;
}
.q{
	padding:20px 10px 10px 55px;	
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft: 4px;
}
.q01{
	background: url(../qa/img/q01.gif) no-repeat left top;
	border-bottom:1px dotted #1666B6;
}
.q02{
	background: url(../qa/img/q02.gif) no-repeat left top;
	border-bottom:1px dotted #FBD539;
}
.q03{
	background: url(../qa/img/q03.gif) no-repeat left top;
	border-bottom:1px dotted #EC6472;
}
.q04{
	background: url(../qa/img/q04.gif) no-repeat left top;
	border-bottom:1px dotted #9ECA1B;
}
.a{
	padding:15px 10px 10px 55px;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
}
.a01{
	background: url(../qa/img/a01.gif) no-repeat left center;
}
.a02{
	background: url(../qa/img/a02.gif) no-repeat left center;
}
.a03{
	background: url(../qa/img/a03.gif) no-repeat left center;
}
.a04{
	background: url(../qa/img/a04.gif) no-repeat left center;
}
.wid510{
	width:510px;
}
.high230{
	height:230px;
}

.btn_shop , .btn_howto2 , .btn_howto3 , .btn_kengaku , .btn_price{
	position:absolute;
	right:10px;
	bottom:10px;
}
.btn_howto{
	position:absolute;
	top:10px;
	right:10px;
}
.btn_shop a{
	width:180px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background:url(../qa/img/btn_shop.png) no-repeat left top;
}
.btn_howto a{
	width:180px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background: url(../qa/img/btn_howto.png) no-repeat left top;
}
.btn_howto2 a{
	width:180px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background: url(../qa/img/btn_howto2.png) no-repeat left top;
}
.btn_howto3 a{
	width:180px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background: url(../qa/img/btn_howto3.png) no-repeat left top;
}
.btn_kengaku a{
	width:180px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background: url(../qa/img/btn_kengaku.png) no-repeat left top;
}
.btn_price a{
	width:180px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background: url(../qa/img/btn_price.png) no-repeat left top;
}
.btn_shop a:hover ,
.btn_howto a:hover ,
.btn_howto2 a:hover ,
.btn_howto3 a:hover ,
.btn_kengaku a:hover ,
.btn_price a:hover {
	background-position:right bottom;
}