@charset "utf-8";

/*----------------------------------------------------------------------------------------------
 __page_beginner style
----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------
 __beginner_troubles style
-----------------------------------------------*/
#page_beginner #beginner_troubles #bt_list .bt_troubles li {
	display:inline-block;
	vertical-align:top;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(1) ul {
	background-color:#dff4fa;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(2) ul {
	background-color:#ddecfb;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(3) ul {
	background-color:#f1e3fb;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(4) ul {
	background-color:#fde1f4;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(5) ul {
	background-color:#ffdfea;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li ul li {
	background-repeat:no-repeat;
	background-position:0 0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(1) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list01.gif);
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(2) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list02.gif);
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(3) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list03.gif);
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(4) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list04.gif);
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(5) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list05.gif);
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .arrow {
	text-align:center;
	border-top-width:1px;
	border-top-style:solid;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(1) .arrow {
	border-top-color:#44bcd9;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(2) .arrow {
	border-top-color:#689fd6;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(3) .arrow {
	border-top-color:#b37dda;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(4) .arrow {
	border-top-color:#e980c7;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(5) .arrow {
	border-top-color:#ed618f;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .solution {
	position:relative;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .solution p {
	position:absolute;
	width:89%;
	line-height:1.25;
	padding:10% 5.5%;
	font-weight:bold;
	text-align:center;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(1) .solution p {
	color:#058caf;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(2) .solution p {
	color:#176dc1;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(3) .solution p {
	color:#8939c5;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(4) .solution p {
	color:#d439a2;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(5) .solution p {
	color:#eb4c7f;
}

#page_beginner #beginner_troubles #bt_list .bt_present {
	margin: 0 0 40px;
}

/*-----------------------------------------------
 __beginner_free style
-----------------------------------------------*/
#page_beginner #beginner_free #bf_inst {
	background:url(/beginner/images/bg_beginner_free02.gif) repeat 0 0;
}
#page_beginner #beginner_free #bf_vocal {
	background:url(/beginner/images/bg_beginner_free03.gif) repeat 0 0;
}
#page_beginner #beginner_free .bf_flow div {
	float:left;
}
#page_beginner #beginner_free .bf_flow .box {
	background:url(/beginner/images/bg_beginner_free01.png) repeat 0 0;
	border-style:solid;
	border-width:1px;
}
#page_beginner #beginner_free #bf_inst .box {
	border-color:#f29d7b;
}
#page_beginner #beginner_free #bf_vocal .box {
	border-color:#04c6b5;
}

@media print, screen and (min-width: 641px) {
/*----------------------------------------------------------------------------------------------
 __page_beginner style
----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------
 __beginner_troubles style
-----------------------------------------------*/
#page_beginner #beginner_troubles h2 {
	width:960px;
	margin:0 auto 40px;
}
#page_beginner #beginner_troubles #bt_list {
	margin-bottom:20px;
}
#page_beginner #beginner_troubles #bt_list .bt_progress {
	margin-bottom:30px;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles {
	margin-bottom:35px;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles > li {
	width:180px;
	margin-right:15px;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(5) {
	margin-right:0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li ul {
	padding:18px 10px 0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li ul li {
	padding-left:30px;
	margin-bottom:18px;
	font-size:11px;
	font-size:1.1rem;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .arrow {
	margin:2px 0 0;
	padding:8px 0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .solution {
	position:relative;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .solution p {
	font-size:16px;
	font-size:1.6rem;
}
/*-----------------------------------------------
 __beginner_free style
-----------------------------------------------*/
#page_beginner #beginner_free {
	margin-bottom:70px;
}
#page_beginner #beginner_free h2 {
	width:960px;
	margin:0 auto 40px;
}
#page_beginner #beginner_free #bf_step {
	margin-bottom:40px;
}
#page_beginner #beginner_free #bf_step li {
	position:relative;
	float:left;
	width:287px;
	padding-right:49px;
}
#page_beginner #beginner_free #bf_step li:nth-child(3) {
	padding-right:0;
}
#page_beginner #beginner_free #bf_step li figure {
	margin-bottom:12px;
}
#page_beginner #beginner_free #bf_step li .subject {
	margin-bottom:8px;
}
#page_beginner #beginner_free #bf_step li .arrow {
	position:absolute;
	right:7px;
	top:70px;
}
#page_beginner #beginner_free #bf_inst {
	margin-bottom:42px;
	padding-bottom:30px;
}
#page_beginner #beginner_free #bf_vocal {
	padding-bottom:30px;
}
#page_beginner #beginner_free #bf_inst h3,
#page_beginner #beginner_free #bf_vocal h3 {
	text-align:center;
}
#page_beginner #beginner_free .bf_flow {
	width:872px;
	margin:0 auto;
}
#page_beginner #beginner_free .bf_flow .box {
	width:175px;
	padding:10px 10px 0;
}
#page_beginner #beginner_free .bf_flow .box p {
	margin:12px 0;
	font-size:12px;
	font-size:1.2rem;
}
#page_beginner #beginner_free .bf_flow .arrow img {
	margin:72px 1px 0;
}
}

@media screen and (max-width: 640px) {
/*----------------------------------------------------------------------------------------------
 __page_beginner style
----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------
 __beginner_troubles style
-----------------------------------------------*/
#page_beginner #beginner_troubles {
	margin-bottom:5.46875%;
}
#page_beginner #beginner_troubles h2 {
	margin-bottom:5.912162%;
}
#page_beginner #beginner_troubles #bt_list {
	width:89.6875%;
	margin:0 auto 10.135135%;
}
#page_beginner #beginner_troubles #bt_list .bt_progress {
	display:none;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles {
	text-align:center;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles > li {
	width:31.358885%;
	margin:0 2.9% 5.226481% 0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles > li:nth-child(3) {
	margin-right:0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li ul {
	padding:10% 6.666667% 0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li ul li {
	padding-left:15px;
	margin-bottom:11.5%;
	font-size:8px;
	font-size:0.8rem;
	text-align:left;
	background-position:0 2px;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(1) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list01_ie.gif)\9; /* IE8 and below */
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(2) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list02_ie.gif)\9; /* IE8 and below */
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(3) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list03_ie.gif)\9; /* IE8 and below */
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(4) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list04_ie.gif)\9; /* IE8 and below */
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li:nth-child(5) ul li {
	background-image:url(/beginner/images/ico_beginner_free_list05_ie.gif)\9; /* IE8 and below */
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .arrow {
	margin:2px 0 0;
	padding:4.444444% 0;
}
#page_beginner #beginner_troubles #bt_list .bt_troubles li .solution p {
	font-size:8px;
	font-size:0.8rem;
}
/*-----------------------------------------------
 __beginner_free style
-----------------------------------------------*/
#page_beginner #beginner_free {
	margin-bottom:7.03125%;
}
#page_beginner #beginner_free h2 {
	margin-bottom:4.375%;
}
#page_beginner #beginner_free #bf_step {
	margin-bottom:5.067568%;
}
#page_beginner #beginner_free #bf_step li {
	margin-bottom:3.378378%;
}
#page_beginner #beginner_free #bf_step li figure {
	float:left;
	width:48.47973%;
}
#page_beginner #beginner_free #bf_step li .textarea {
	float:right;
	width:48.47973%;
}
#page_beginner #beginner_free #bf_step li .subject {
	margin-bottom:4%;
}
#page_beginner #beginner_free #bf_step li .arrow {
	clear:both;
	padding-top:3.378378%;
}
#page_beginner #beginner_free #bf_inst {
	margin-bottom:5.912162%;
	padding-bottom:1.689189%;
}
#page_beginner #beginner_free #bf_vocal {
	padding-bottom:1.689189%;
}
#page_beginner #beginner_free .bf_flow {
	width:86.5%;
	margin:0 auto;
}
#page_beginner #beginner_free .bf_flow div {
	float:left;
}
#page_beginner #beginner_free .bf_flow .box {
	width:36%;
	margin-bottom:4%;
	padding:2% 2% 0;
}
#page_beginner #beginner_free .bf_flow .box:nth-of-type(2n) {
	margin-left:2%;
}
#page_beginner #beginner_free .bf_flow .box p {
	margin:5% 0;
}
#page_beginner #beginner_free .bf_flow .arrow {
	width:9%;
	text-align:center;
}
#page_beginner #beginner_free .bf_flow .box:nth-child(2n-1) {
	margin-rightt:2%;
}
#page_beginner #beginner_free .bf_flow .arrow img {
	width:50%;
	margin:200% 0 0;
}
}