/* @override http://192.168.1.61/hatu-school/shared/css/auth.css */

/*[fmt]1A90-1A0B-3*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/*remember to define focus styles!*/
:focus {
	outline: 0;
}

/*remember to highlight inserts somehow!*/
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/*tables still need 'cellspacing="0"' in the markup*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	line-height: 1.32;
}

div.wrapper {
	width: 900px;
	background-image: url(../../images/top_bg_02.png);
}

div.shopconcept {
	color: #ff0167;
	width: 490px;
	position: absolute;
	top: 70px;
	left: 190px;
}

div.auth-area {
	background: url(../../images/top_bg_03.png) repeat-x;
	height: 71px;
}

div.auth-area p {
	color: #ffffff;
	padding-top: 20px;
	margin: 0 auto;
	width: 440px;
}

div.auth-area p img {
	float: left;
	margin-right: 10px;
	position: relative;
	top: -16px;
}

div.auth-navi {
	background-image: url(../../images/top_bg_01.png);
	border-bottom: 10px solid #ff7aac;
	height: 140px;
}

div.auth-navi h2 {
	padding-top: 30px;
	text-align: center;
	color: red;
	font-size: 15px;
}

div.auth-navi ul {
	width: 362px;
	margin: 0 auto;
	padding-top: 10px;
}

div.auth-navi ul li {
	float: left;
}

div.recruit {
	background-image: url(../../images/top_img_03.png);
	width: 647px;
	height: 311px;
	margin: 40px auto;
	position: relative;
}

div.recruit h2,
div.recruit p {
	position: absolute;
}

div.recruit h2 {
	top: 59px;
	left: 21px;
}

div.recruit p.msg01 {
	top: 18px;
	left: 152px;
}

div.recruit p.msg02 {
	top: 119px;
	left: 88px;
}

div.recruit p.msg03 {
	top: 166px;
	left: 84px;
}

div.recruit p.qr {
	position: absolute;
	right: 175px;
	bottom: 31px;
}

div.recruit form {
	position: absolute;
	bottom: 26px;
	left: 42px;
	width: 340px;
	height: 60px;
}

div.recruit form input.smt {
	position: absolute;
	bottom: -3px;
	left: 215px;
}



div.group-link {
	width: 600px;
	margin: 0 auto 90px;
	text-align: center;
	zoom: 1;
}

div.group-link:after {
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both; 
}


div.group-link h2 {
	margin-bottom: 10px;
}

div.group-link p {
	color: red;
}

div.group-link p.recruit {
	margin: 10px 0 20px;
}

div.group-link ul li {
	float: left;
	width: 150px;
	text-align: center;
}

div.link-area {
	margin: 0 auto;
	width: 420px;
	padding-bottom: 20px;
}

div.link-area p {
	clear: both;
	margin:  0 auto;
	width: 160px;
	text-align: center;
}

div.link-area ul li {
	float: left;
	width: 210px;
	text-align: center;
	height: 45px;
}

address {
	text-align: center;
	color: red;
	padding-bottom: 30px;
}