.wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 50px;
}
.btn {
	display: inline-block;
	padding: 4px 16px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	text-decoration: none;
	vertical-align: middle;
	background-color: #f5f5f5;
	background-image: linear-gradient(180deg, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}
.btn-success {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(180deg, #62c462, #51a351);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-success:hover, .btn-success:focus {
	background: #51a351;
}
.btn:active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

h1 {
	font-size: 1.75em;
	font-weight: bold;
	padding: .15em 5px .15em 60px;
	margin: 0;
	background-color: #DBEDF8;
	border-top: 1px solid #86C2E6;
	border-bottom: 1px solid #86C2E6;
	color: #036;
	background-image: url(../img/common/bannerlogo.png);
	background-repeat: no-repeat;
}

h2 {
	font-size: 1.45em;
	color: #333;
	margin: .75em 0 .5em 0;
	padding: .15em 5px .15em 45px;
	border-bottom: 2px solid #86C2E6;
	border-left: 10px solid #86C2E6;
	background-image: url(../img/common/bannerlogo_h2.png);
	background-repeat: no-repeat;
}

h3 {
	font-size: 1.25em;
	color: #444;
	margin: .75em 0 0 0;
	padding: .15em 5px .15em 45px;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
	border-left: 10px solid #888888;
	font-weight: bold;
	background-image: url(../img/common/bannerlogo_h3.png);
	background-repeat: no-repeat;
}

ol.step {
	display: inline-block;
	margin-top: 0em;
}

ol.step li p {
	font-weight: bold;
	margin: 0.5em 0px 10px 0px;
}

ol.step li div.stepcontents p {
	font-weight: normal;
}

ol.step li.step1 {
	list-style-image: url('../img/common/b2-001.gif');
}

ol.step li.step2 {
	list-style-image: url('../img/common/b2-002.gif');
}

ol.step li.step3 {
	list-style-image: url('../img/common/b2-003.gif');
}

ol.step li.step4 {
	list-style-image: url('../img/common/b2-004.gif');
}

ol.step li.step5 {
	list-style-image: url('../img/common/b2-005.gif');
}

ol.step li.step6 {
	list-style-image: url('../img/common/b2-006.gif');
}

ol.step li.step7 {
	list-style-image: url('../img/common/b2-007.gif');
}

ol.step li.step8 {
	list-style-image: url('../img/common/b2-008.gif');
}

ol.step li.step9 {
	list-style-image: url('../img/common/b2-009.gif');
}

ol.step li.step10 {
	list-style-image: url('../img/common/b2-010.gif');
}

ul.step_aster li {
	list-style: circle
}

pre {
	border-style: solid;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
	border-style: dotted;
	background-color: #e0e0e0;
}

.paragraph {
	padding: 20px 0;
}
.paragraph p {
	margin: 5px;
}

.navigation {
}
.navigation > div {
	margin: 0;
	padding: 10px;
	text-align: left;
	border: 1px dotted #ccc;
	background-color: #e0e0e0;
}
div.btn-wrap {
	padding: 20px;
	margin-bottom: 25px;
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: center;
}
div.btn-wrap span {
	display: inline-block;
	margin: 0 5px 0 0;
	color: #666;
	font-weight: 700;
}
div.btn-wrap a {
	display: inline-block;
	padding: 8px 26px;
}

div.paragraph_indent {
	margin-left: 2em;
}

div.stepcontents {
	font-size: 80%;
}

ul.aster li p {
	margin: 0;
}

ul.aster li div.paragraph p {
	margin: 0;
}

p.style_error {
	color: darkgray;
	font-size: 70%;
}