@charset "Shift_JIS";

/* intro
--------------------------------------------------------------------------------------------------------------*/
#intro {
	background: url(../img/supportservice/bg.jpg) no-repeat right 60px;
	margin-bottom: 35px;
}
	#intro h2 {
		background: url(../img/supportservice/tit_ss01.gif) no-repeat;
		width: 660px;
		height: 65px;
		text-indent: -9999px;
	}
	#intro p {
		margin-top: -10px;
		padding: 0 200px 10px 0;
		text-indent: 2.5em;
	}
	#intro ul {
		margin: 0 0 5px 20px;
		list-style: disc;
	}
		#intro ul li {
			margin-bottom: 5px;
			font-size: 108%;
			font-weight: bold;
			color: #7f1c1c;
		}


/* howto
--------------------------------------------------------------------------------------------------------------*/
#howto {
	margin-bottom: 20px;
}
	#howto h3 {
		background: url(../img/supportservice/tit_ss02.gif) no-repeat;
		width: 660px;
		height: 37px;
		text-indent: -9999px;
		margin-bottom: 8px;
	}
	#howto div {
		background: #f3f3f3;
	}
		#howto div h4 {
			height: 50px;
			text-indent: -9999px;
		}
		#howto div p {
			margin: 0;
			padding: 0 10px;
		}
			#howto div p strong {
				font-weight: bold;
				color: #7f1c1c;
			}
			#howto div p a {
				display: block;
				width: 300px;
				height: 37px;
				text-indent: -9999px;
				margin: 5px 0 10px;
			}

#howto div.howto01 {
	float: left;
	background: url(../img/supportservice/howto01_bg.gif) no-repeat left bottom;
	width: 320px;
	margin-bottom: 20px;
}
#howto div.howto02 {
	float: right;
	background: url(../img/supportservice/howto02_bg.gif) no-repeat left bottom;
	width: 320px;
	margin-bottom: 20px;
}
#howto div.howto03 {
	clear: both;
	background: url(../img/supportservice/howto03_bg.gif) no-repeat left bottom;
	width: 660px;
}
#howto div.howto03 { display:inline-table; zoom:1; }	/*for IE5.5 - 7 */
#howto div.howto03:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html #howto div.howto03 { height: 1%; }
#howto div.howto03 { display: block; }
/* End hide from IE-mac */

	#howto div.howto03 p.side01 {
		float: left;
		width: 310px;
		padding-bottom: 15px;
	}
	#howto div.howto03 p.side02 {
		float: right;
		width: 300px;
		padding-bottom: 15px;
	}

#howto div.howto01 h4 {
	background: url(../img/supportservice/howto01_tit.gif) no-repeat;
	width: 320px;
}
#howto div.howto02 h4 {
	background: url(../img/supportservice/howto02_tit.gif) no-repeat;
	width: 320px;
}
#howto div.howto03 h4 {
	background: url(../img/supportservice/howto03_tit.gif) no-repeat;
	width: 660px;
}

#howto div.howto01 p a {background: url(../img/supportservice/howto01_btn.gif) no-repeat 0 0;}
#howto div.howto01 p a:hover {background: url(../img/supportservice/howto01_btn.gif) no-repeat 0 -37px;}

#howto div.howto02 p a {background: url(../img/supportservice/howto02_btn.gif) no-repeat 0 0;}
#howto div.howto02 p a:hover {background: url(../img/supportservice/howto02_btn.gif) no-repeat 0 -37px;}