@charset "utf-8";

#wrapper { max-width: 640px; padding: 55px 0 0; margin: 0 auto; }
h1	{ font-size: 10px; color: #ababab; text-align: center; }

/* ------------------------------------------------------------ header */
#wrap-header { position: fixed; top: 0; max-width: 640px; width: 100%; z-index: 1; }
#header				{ width: 100%; margin: 0 auto; background: #fff; position: relative; max-width: 640px; height: 55px;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 2px 3px -3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 2px 3px -3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 2px 3px -3px; }
#header ul 			{ width: 228px; float: right; }
#header ul li		{ border-left: solid #eae9e9 1px; text-align: center; float: left; }
#header ul li a 	{ font-size: 10px; }
#header .logo		{ float: left; width: 70px; text-align: left; padding: 12px 0 0 15px; height: 33px; }
#header .beginner	{ width:85px; background: url(../images/beginner_sp/icn_header_01.gif) no-repeat 35px 7px; background-size: 13px 17px; padding: 28px 0 0; height:27px; }
#header .login		{ width: 85px; background: url(../images/beginner_sp/icn_header_02.gif) no-repeat 35px 7px; background-size: 15px 19px; padding: 28px 0 0; height: 27px; margin: 0 -1px 0 0; }

/* ------------------------------------------------------------ nav */
/* #nav { display: none; } */
#menu_vell 				{ position: fixed; background: url(../images/beginner_sp/menu_bg.png); height: 100%; width: 100%; z-index: 20; display: none; top: 0; }
#menu					{ position: absolute; right: 0; width: 90%; margin-left: 10%; background: #fff; z-index: 30; top: 0; display: none;
	box-shadow:rgba(135, 135, 135, 0.65) 0px 0 3px 0;
	-webkit-box-shadow:rgba(135, 135, 135, 0.65) 0px 0 3px 0;
	-moz-box-shadow:rgba(135, 135, 135, 0.65) 0px 0 3px 0;}

}
#menu a					{ color: #525252; }
#menu-top 				{ background: #575757; }
#menu-top img  			{ border-right: 1px solid #fff; float: left; }
#menu-top span 			{ margin: 17px auto 0 25%; display: inline-block; }
#menu-top span img 		{ border: none; }
#menu-main a				{ font-weight: bold; }
#menu ul 				{ width: 100%; }
#menu ul li 				{ float: none; border-bottom: 1px solid #d1d1d1; padding: 15px; }
#menu ul li img 			{ vertical-align: -2px; padding: 0 10px 0 0; inline-block; *display: inline; *zoom: 1; }
#menu ul li.category		{ border: none; line-height: 24px; height: 24px; color: #fff; font-weight: bold; }
#menu ul #users			{ background: #59cccf; padding: 2px 15px; }
#menu ul #advisors		{ background: #ee4a8c; padding: 2px 15px; }
#menu #menu-close 		{ cursor: pointer; }

/* ------------------------------------------------------------ privacy */
#privacy				{ background: #f3f0e7; padding: 10px; }
#privacy div			{ background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; width: 290px; margin: 0 auto; }
#privacy h4				{ color: #272727; text-align: center; padding: 5px 0; font-weight: bold; }
#privacy ul li			{ float: none; padding: 10px 0 15px; height: auto; border-top: 1px solid #d9d9d9; font-weight: bold; margin: 10px auto 0; width: auto; }
#privacy ul li p { float: left; width: 210px; } 
#privacy ul li img		{ float: left; padding: 12px 20px 0 10px; }
#privacy ul li span		{ font-size: 14px; color: #c10000; font-weight: bold; }
#privacy li:first-child { border: none; }

/* ------------------------------------------------------------ footer */
#footer div			{ background: #f8f8f8; text-align: center; padding: 13px 0 0; }
#footer div span		{ background: url(../images/beginner_sp/icn_footer_01.gif) no-repeat center top; background-size: 17px 10px; display: inline-block; padding: 15px 0 5px; font-size: 11px; }
#footer ul li a		{ display: block; background: url(../images/beginner_sp/icn_footer_02.gif) no-repeat right center; background-size: 10px 16px; color: #fff; }
#footer ul li 		{ background: #333; padding: 15px; border-top: #666 solid 1px; font-size: 12px; font-weight: bold; }
#footer #copy		{ background: #000; font-size: 10px; color: #fff; border: none; padding: 0; }
#footer #copy p		{ margin: 0 auto; width: auto; text-align: center; padding: 10px 0; }




/* ------------------------------------------------------------ beginner */
#page_nav 					{ width: 320px; margin: 0 auto; }
#page_nav ul li				{ float: left; text-align: center; }
#page_nav ul li a			{ font-size: 10px; }
#page_nav ul li:first-child { border: none; }

#start 					{ background: url(../images/beginner_sp/bg_15.jpg) center bottom no-repeat; padding: 0 0 137px; background-size: 320px 193px; text-align: center; font-size: 16px; padding: 30px 0 150px; }
#start_btn 				{ text-align: center; padding: 10px 0 30px; }
#start_btn img			{ margin: 0 auto; padding: 0 0 30px; text-align: center; display: block; }
#start_btn span a		{ text-decoration: underline; font-size: 17px; }