@charset "utf-8";

/* ガイド用CSS */

#guide {
	width				: 680px;
	float				: left;
}

#guide h3 {
	color				: #FF9999;
}

#guide p {
	width				: 400px;
	padding				: 0 10px 0 10px;
	font-size			: 85%;
}

#guide .orderflow a {
	color				: #CCFFFF;
	text-decoration		: underline;
}
#guide .faq li {
	background-image	: url('/images/guide/list.gif');
	background-repeat	: no-repeat;
	background-position	: left center;
	padding				: 4px 4px 4px 20px;
}
#guide .faq li a {
	color				: #CCFFFF;
	text-decoration		: underline;
}

#guide .faq .question {
	clear				: left;
	float				: left;
	width				: 40px;
	padding				: 0 10px 0 0;
	text-align			: right;
	margin				: 10px 0 0 0;
	font-weight			: bold;
}
#guide .faq .questiontext {
	float				: left;
	width				: 630px;
	margin				: 10px 0 0 0;
}
#guide .faq .answer {
	clear				: left;
	float				: left;
	width				: 40px;
	padding				: 0 10px 0 0;
	text-align			: right;
	margin				: 10px 0 0 0;
	font-weight			: bold;
}
#guide .faq .answertext {
	float				: left;
	width				: 630px;
	margin				: 10px 0 0 0;
}
#guide .faq .prev {
	float				: left;
	width				: 680px;
	margin				: 10px 0 10px 0;
	text-align			: right;
}
#guide .faq .prev a {
	color				: #CCFFFF;
	text-decoration		: underline;
}

#guide .orderflow dl {
	padding				: 0;
	margin				: 0;
}
#guide .orderflow dt {
	padding				: 0;
	margin				: 10px 0 0 18px;
	float				: left;
	width				: 402px;
}
#guide .orderflow dd {
	padding				: 0;
	margin				: 10px 0 0 20px;
	float				: left;
	width				: 240px;
	font-size:85%;
}
#guide .orderflow img {
	border				: 2px solid #666666;
}
#guide .orderflow h4 {
	padding				: 0;
	margin				: 0 0 5px 0;
	font-size			: 20px;
	color				: #CCCC99;
}

#guide .message {
	padding				: 10px 10px 10px 10px;
	margin				: 20px 10px 20px 10px;
	border				: 2px solid #FFCCCC;
	background-color	: #CC9999;
	color				: #333333;
}
#guide .message a {
	color				: #3333CC;
}