@charset "Shift_JIS";

@import url("/css/reset.css");
@import url("/css/common.css");
@import url("/css/style.css");

#contents p {
	margin-bottom: 0;
}

#h1-Flow {
	width: 960px;
	height: 32px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(/images/h1-Flow.gif) left top no-repeat;
}

/* flow-Left */
#flow-Left {
	width: 620px;
	float: left;
	background: url(/images/bg-Flow-Left.gif) left bottom no-repeat;
}

#flow-Left #flow-Left-Inner {
	padding: 10px;
	background: url(/images/bg-Flow-Left-Inner.gif) left top no-repeat;
}

#colorTipList li {
	margin-right: 20px;
	float: left;
}

#colorTipList li#colorTip-Green {
	padding-left: 13px;
	background: url(/images/colortip-green.gif) left 2px no-repeat;
}

#colorTipList li#colorTip-Orange {
	padding-left: 13px;
	background: url(/images/colortip-orange.gif) left 2px no-repeat;
}

.flow-Detail-Green {
	margin-bottom: 10px;
	background: url(/images/bg-flow-Detail-Green.gif) left bottom no-repeat;
}

.flow-Detail-Green-Inner {
	padding: 8px 10px 3px;
	background: url(/images/bg-flow-Detail-Green-Inner.gif) left top no-repeat;
}

.flow-Detail-Orange {
	margin-bottom: 10px;
	background: url(/images/bg-flow-Detail-Orange.gif) left bottom no-repeat;
}

.flow-Detail-Orange-End {
	margin-bottom: 0;
	background: url(/images/bg-flow-Detail-Orange.gif) left bottom no-repeat;
}

.flow-Detail-Orange-Inner {
	padding: 8px 10px 3px;
	background: url(/images/bg-flow-Detail-Orange-Inner.gif) left top no-repeat;
}

.flow-Detail-Green h2, .flow-Detail-Orange h2, .flow-Detail-Orange-End h2 {
	width: 263px;
	height: 28px;
	margin-bottom: 15px;
	text-indent: -9999px;
}

#flow-Detail-1 h2 {
	background: url(/images/h2-Flow-Detail-1.gif) no-repeat;
}
#flow-Detail-2 h2 {
	background: url(/images/h2-Flow-Detail-2.gif) no-repeat;
}
#flow-Detail-3 h2 {
	background: url(/images/h2-Flow-Detail-3.gif) no-repeat;
}
#flow-Detail-4 h2 {
	background: url(/images/h2-Flow-Detail-4.gif) no-repeat;
}
#flow-Detail-5 h2 {
	background: url(/images/h2-Flow-Detail-5.gif) no-repeat;
}
#flow-Detail-6 h2 {
	background: url(/images/h2-Flow-Detail-6.gif) no-repeat;
}

/* flow-Right */
#flow-Right {
	width: 320px;
	float: right;
}

.flow-Sub-Box {
	margin-bottom: 15px;
	background: url(/images/bg-Flow-Sub-Box.gif) left bottom no-repeat;
}

.flow-Sub-Box-Inner {
	padding: 7px 10px;
}

.flow-Sub-Box h3 {
	width: 320px;
	height: 34px;
	text-indent: -9999px;
}

#flow-Sub-1 h3 {
	background: url(/images/h3-Flow-Sub-1.jpg) no-repeat;
}
#flow-Sub-2 h3 {
	background: url(/images/h3-Flow-Sub-2.jpg) no-repeat;
}
#flow-Sub-3 h3 {
	background: url(/images/h3-Flow-Sub-6.jpg) no-repeat;
}
#flow-Sub-4 h3 {
	background: url(/images/h3-Flow-Sub-3.jpg) no-repeat;
}
#flow-Sub-5 h3 {
	background: url(/images/h3-Flow-Sub-4.jpg) no-repeat;
}

#flow-Sub-6 {
	padding-bottom: 10px;
	background: url(/images/bg-Flow-Sub-5.gif) bottom left no-repeat;
}

#flow-Sub-6 h3 {
	width: 320px;
	height: 37px;
	margin-bottom: 7px;
	text-indent: -9999px;
	background: url(/images/h3-Flow-Sub-5.jpg) no-repeat;
}

#flow-Sub-6 p {
	padding: 0 10px;
}