@charset "utf-8";
/*------------------------------------------------------------
はじめての方へ
------------------------------------------------------------*/

a:hover {
	opacity:0.8;
}

#conts {
	font-size:15px;
	color:#573400; }

#conts a{
	color: #619618;
}

#conts h1{
	padding: 0 0 30px 0;
}

#conts .block {
	width: 810px;
	background: #fff;

	margin: 0 0 30px 0;
	padding: 20px 0;
}

#conts .block .conts01,
#conts .block .conts02,
#conts .block .conts03 {
	padding: 20px 30px;
	line-height: 2.0;
	font-size: 15px;
}

#conts .conts02.detail{
	background:url(/img/beginner/img_beginner05.png) no-repeat 95% 100px;
}

#conts .conts03.detail li{
	list-style-type: disc;
	margin: 0 0 0 17px;
}


#conts .block h2{
	text-align: center;
	padding: 0 0 10px 0;
}

#conts .block h3{
	padding: 0 0 20px 0;
}

#conts .block p {
	padding: 0 0 20px 0;
}

#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 span {
	color:#007bd9; }

#conts .block ol > li .inner {
	clear:both;
	font-size:16px;
	margin:0 auto 20px; }

#conts .block .present{
	background: url(/img/beginner/img_beginner04.png) no-repeat 100% -20px;
	margin: -20px 0 0 0;
	padding: 15px 180px 15px 0;
}


#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(/img/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(/img/beginner/background-2-3.png); }

#conts .outline {
	width:737px;
	margin:0 auto 40px auto;
	padding:30px;
	text-align:center;

	background: #fff url(/img/beginner/bg_beginner.png) no-repeat 0 0;
	background-size: 100%;

	border-color:#d09357;
	border-image: url(/img/beginner/background-outline-border.png) 7 7 round;
	border-style:solid;
	border-width:7px;
	border-radius: 3px;
}

#conts .outline h2 {
	padding: 0 0 30px 0;
}

#conts .outline p {
	line-height:2;
	padding: 0 0 10px 0;
}

#conts .outline b,
#conts .block b {
	color: #cc0000;
	font-weight: normal;
}

#conts .outline .inner b {
	color: inherit;
	font-weight: bold;
}


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

#conts .inner {
	width:650px;
	background:#fff5e5;

	margin: 20px auto 10px auto;
	padding: 20px;

	text-align:center;
}

/* .flow
---------------------------------------------------------------------*/

.flow {
	background: url(/img/beginner/bg_step.png) no-repeat 0 0;

	margin: 20px 0 0 25px;
	padding: 0 0 0 79px;
}

.flow .flow_inner{
	background: url(/img/beginner/bg_step02.png) repeat-x 0 0;
	line-height: 1.6;
}

.flow .flow_inner h3{
	padding: 5px 0 10px 0!important;
}

.flow .section01,
.flow .section02,
.flow .section03{
	line-height: 1.8;
}

.flow .section01{
	background:url(/img/beginner/img_beginner01.png) no-repeat 95% 20px;
	padding: 20px 290px 75px 20px;
}

.flow .section02{
	background:url(/img/beginner/img_beginner02.png) no-repeat 95% 20px;
	padding: 20px 290px 50px 20px;
}

.flow .section03{
	background:url(/img/beginner/img_beginner03.png) no-repeat 95% 20px;
	padding: 20px 290px 80px 20px;
}



#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;  }