@charset "utf-8";
a:hover {
	opacity:0.8; }

#main {
	margin-top:26px;
}
#conts {
	font-size:15px;
	color:#573400; }
#conts strong {
	font-weight:normal;
	color:#cc0000; }

#conts h2,
#conts h3,
#conts h4 {
	padding:0
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	text-indent:-10000px;
	margin:0 auto 20px; }
#conts h3 {
 }
#conts h2 {
	width:814px;
	height:42px;
	background-image:url(../images/beginner/h2.png); }
#conts h3#h3-1 {
	width:330px;
	height:60px;
	margin:0 auto 30px;
	background-image:url(../images/beginner/h3-1.png); }
#conts h3#h3-2 {
	width:760px;
	height:75px;
	background-image:url(../images/beginner/h3-2.png); }
#conts h3#h3-3 {
	width:760px;
	height:75px;
	background-image:url(../images/beginner/h3-3.png); }
#conts h3#h3-4 {
	width:760px;
	height:75px;
	background-image:url(../images/beginner/h3-4.png); }

#conts h4#h4-1-1 {
	width:601px;
	height:45px;
	background-image:url(../images/beginner/h4-1-1.png);
	margin:0 auto; }
#conts h4#h4-2-1 {
	width:760px;
	height:50px;
	background-image:url(../images/beginner/h4-2-1.png);
	margin:0 auto; }
#conts h4#h4-2-2 {
	width:760px;
	height:50px;
	background-image:url(../images/beginner/h4-2-2.png);
	margin:0 auto; }
#conts h4#h4-2-3 {
	width:760px;
	height:50px;
	background-image:url(../images/beginner/h4-2-3.png);
	margin:0 auto; }

#conts h4#h4-3-1 {
	width:236px;
	height:29px;
	background-image:url(../images/beginner/h4-3-1.png);
	margin:0; }
#conts h4#h4-3-2 {
	width:191px;
	height:24px;
	background-image:url(../images/beginner/h4-3-2.png);
	margin:0; }
#conts h4#h4-3-3 {
	width:153px;
	height:23px;
	background-image:url(../images/beginner/h4-3-3.png);
	margin:0; }

#conts h4#h4-4-1 {
	width:760px;
	height:50px;
	background-image:url(../images/beginner/h4-4-1.png);
	margin:0 auto; }
#conts h4#h4-4-2 {
	width:760px;
	height:50px;
	background-image:url(../images/beginner/h4-4-2.png);
	margin:0 auto; }
#conts h4#h4-4-3 {
	width:760px;
	height:50px;
	background-image:url(../images/beginner/h4-4-3.png);
	margin:0 auto; }

#conts .block {
	margin:20px 0;
	background-color:#ffffff;
	padding:30px 0 30px; }
#conts .block ol {
	padding:0;
	margin:0 auto -20px;
	list-style:none; }
#conts .block ol > li {
	padding:20px 0;
	list-style:none; }
#conts .block ol > li p {
	margin:16px 36px 0; }
#conts .block ol > li p span {
	color:#007bd9; }
#conts .block ol > li .inner {
	clear:both;
	font-size:16px;
	margin:0 auto 20px; }

#conts .outline {
	width:720px;
	margin:0 auto;
	padding:30px;
	text-align:center;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:top center;
	background-image:url(../images/beginner/background-outline-inner.png);
	border-color:#d09357;
	border-image: url(../images/beginner/background-outline-border.png) 7 7 round;
	border-style:solid;
	border-width:7px; }

#conts .outline p {
	line-height:150%; }

#conts .outline .inner strong {
	color:#573400; }

#conts .inner {
	text-align:center;
	margin:20px auto 0;
	padding:20px;
	background:#fff5e5;
	width:650px; }
#conts .inner a {
	display:block;
	padding:0
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	width:365px;
	height:79px;
	background-image:url(../images/beginner/entry.png);
	text-indent:-10000px;
	margin:0 auto 10px; }


#table3 {
	display:table;
	margin:0 0 0 30px; }
	
#table3 .table-row {
	border:1px red solid;
	display:table-row;
	background-image:url(../images/beginner/background-3.png);
	background-position:bottom left;
	background-repeat:repeat-x; }

#table3 .table-row div {
	display:table-cell; }
#table3 .table-row div.number {
	background-color:#7b5136;
	padding:0;
	max-width:80px;
	min-width:80px;
	width:80px; }
#table3 .table-row div.number {
	text-indent:-1000px;
	background-position:top center;
	background-repeat:no-repeat; }
#table3 .table-row:nth-child(1) div.number {
	background-image:url(../images/beginner/step-3-1.png); }
#table3 .table-row:nth-child(2) div.number {
	background-image:url(../images/beginner/step-3-2.png); }
#table3 .table-row:nth-child(3) div.number {
	background-image:url(../images/beginner/step-3-3.png); }

#table3 .table-row div.data {
	padding:20px; }

#conts .block ol > li:nth-child(2) {
	background-color:#f6f5ee; }

#conts .block ol#ol2 li:nth-child(2) {
	background-repeat:no-repeat;
	background-position:top center;
	background-image:url(../images/beginner/background-2-2.png);
	background-color:#f6f5ee; }
#conts .block ol#ol2 li:nth-child(3) {
	background-repeat:no-repeat;
	background-position:top center;
	background-image:url(../images/beginner/background-2-3.png); }

#image-2-2 {
	margin:-50px 40px 10px 25px;
	width:131px;
	height:139px;
	float:right; }

#image-3-1 {
	margin:0 40px 10px 25px;
	width:240px;
	height:170px;
	float:right; }
#image-3-2 {
	margin:0 40px 10px 25px;
	width:240px;
	height:170px;
	float:right; }
#image-3-3 {
	margin:0 40px 10px 25px;
	width:240px;
	height:170px;
	float:right; }

#image-4-2 {
	margin:0 40px 10px 25px;
	width:240px;
	height:170px;
	float:right; }


#conts dl {
	width:760px;
	margin:0 auto; }
#conts dt {
	margin:10px 0;
	font-weight:bolder;
	font-size:16px; }
#conts dt:before {
	margin-right:4px;
	content:"○"; }
#conts dd {
	margin:0 20px 10px; }

#ol4 ul {
	margin:0;
	padding:0;
	list-style-type: disc; }
#ol4 ul li {
	margin:0 0 0 60px;
	padding:0 0 0 0px;  }