@charset "Shift_JIS";

/* title
--------------------------------------------------------------------------------------------------------------*/
#main h2 {
	width: 660px;
	height: 37px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

/* #box01
--------------------------------------------------------------------------------------------------------------*/
#box01 {background: url(../img/use/img01.gif) no-repeat 475px 40px;}
#box01 h2 {background: url(../img/use/tit01.gif) no-repeat;}
#box01 p {
	margin-bottom: 5px;
	padding-right: 200px;
}
#box01 p.subtxt {
	font-size: 77%;
	color: #444;
}
#box01 p strong {
	font-size: 108%;
	font-weight: bold;
	color: #7f1c1c;
}


/* #box02
--------------------------------------------------------------------------------------------------------------*/
#box02 h2 {background: url(../img/use/tit02.gif) no-repeat;}
#box02 div {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#box02 div.howto01 {
	float: left;
	background: #f3f3f3 url(../img/use/howto01_bg.gif) no-repeat left bottom;
	width: 320px;
}
#box02 div.howto02 {
	float: right;
	background: #f3f3f3 url(../img/use/howto02_bg.gif) no-repeat left bottom;
	width: 320px;
}
#box02 div.howto03 {
	clear: both;
	background: #f3f3f3 url(../img/use/howto03_bg.gif) no-repeat left bottom;
	width: 660px;
}

#box02 div h3 {
	padding: 10px;
	font-size: 108%;
	font-weight: bold;
	color: #7f1c1c;
}
#box02 div.howto01 h3,
#box02 div.howto02 h3 {
	background: url(../img/use/howto_tit01.gif) no-repeat 0 0;
}
#box02 div.howto03 h3 {
	background: url(../img/use/howto_tit02.gif) no-repeat 0 0;
}

#box02 div p {
	padding: 0 10px 10px;
}
#box02 div p.rss {
	background: url(../img/use/rss.gif) no-repeat 10px 1px;
	margin-bottom: 10px;
	padding: 0 0 2px 30px;
}
#box02 div.howto03 p {
	padding-right: 70px;
}


/* #box03
--------------------------------------------------------------------------------------------------------------*/
#box03  {margin-bottom: 30px;}
#box03 h2 {background: url(../img/use/tit03.gif) no-repeat;}
#box03 h3 {
	background: url(../img/use/tith3.gif) no-repeat;
	margin: 20px 0 10px;
	padding-left: 10px;
	letter-spacing: 0.1em;
	font-size: 108%;
	font-weight: bold;
	color: #4ea0bd;
}
	#box03 h3 span {
		background: #fff;
		padding: 0 5px;
	}
#box03 ol {
	margin: 5px 0 5px 25px;
	list-style: decimal;
}
#box03 ol li {
	margin-bottom: 5px;
}


/* #box04
--------------------------------------------------------------------------------------------------------------*/
#box04 h2 {background: url(../img/use/tit04.gif) no-repeat;}
#box04 dl {
	width: 300px;
}
	#box04 dl dt {
		background: url(../img/use/tith3.gif) no-repeat;
		margin: 0 0 10px;
		padding-left: 10px;
		letter-spacing: 0.1em;
		font-size: 108%;
		font-weight: bold;
		color: #7f1c1c;
	}
		#box04 dl dt span {
			background: #fff;
			padding: 0 5px;
		}
	#box04 dl dd ul {
		margin-bottom: 20px;
	}
		#box04 dl dd ul li {
			background: url(../img/use/ya.gif) no-repeat left center;
			margin-bottom: 5px;
			padding-left: 15px;
		}


/* main .btn
--------------------------------------------------------------------------------------------------------------*/
#main p.btn {
	background: url(../img/use/btn.gif) no-repeat 0 0;
	margin: 20px 0 40px;
	padding: 0;
}
#main p.btn a {
	display: block;
	width: 660px;
	height: 50px;
	text-indent: -9999px;
}
#main p.btn a:hover {background: url(../img/use/btn.gif) no-repeat 0 -50px;}