@charset "utf-8";

@import "../share/css/base.css";

/* --- base layout --- */
body {
	background: url(../images/bg.jpg) 0 0 repeat-x #fff;
	color: #7d7d7d;
}

#top {
	margin: 29px auto;
	width: 1024px;
	height: 780px;
	background: url(../images/side_shadow.gif) 0 0 no-repeat #fff;
	text-align: center;
	position: relative;
}


/* --- header --- */
#header {
	width: 327px;
	position: absolute;
	top: 34px;
	left: 685px;
}

#header h1 a {
	display: block;
	width: 327px;
	height: 115px;
	background: url(../images/logo.gif) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#global_navi {
	width: 1000px;
	height: 94px;
	background: url(../images/global_navi_shadow.gif) 0 bottom no-repeat;
	background-color: #022a7e;
	position: absolute;
	top: 600px;
	left: 12px;
}

#global_navi ul#main {
	float: left;
	height: 47px;
}

#global_navi ul#main li {
	float: left;
}

#global_navi ul#main li a {
	display: block;
	height: 47px;
	background: url(../images/global_navi.gif) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#global_navi ul#main li#g_navi1 {
	width: 110px;
}

#global_navi ul#main li#g_navi1 a:link,
#global_navi ul#main li#g_navi1 a:visited {
	background-position: 0 0;
}

#global_navi ul#main li#g_navi1 a:hover,
#global_navi ul#main li#g_navi1 a:active {
	background-position: 0 -47px;
}

#global_navi ul#main li#g_navi2 {
	width: 98px;
}

#global_navi ul#main li#g_navi2 a:link,
#global_navi ul#main li#g_navi2 a:visited {
	background-position: -110px 0;
}

#global_navi ul#main li#g_navi2 a:hover,
#global_navi ul#main li#g_navi2 a:active {
	background-position: -110px -47px;
}

#global_navi ul#main li#g_navi3 {
	width: 145px;
}

#global_navi ul#main li#g_navi3 a:link,
#global_navi ul#main li#g_navi3 a:visited {
	background-position: -208px 0;
}

#global_navi ul#main li#g_navi3 a:hover,
#global_navi ul#main li#g_navi3 a:active {
	background-position: -208px -47px;
}

#global_navi ul#main li#g_navi4 {
	width: 91px;
}

#global_navi ul#main li#g_navi4 a:link,
#global_navi ul#main li#g_navi4 a:visited {
	background-position: -353px 0;
}

#global_navi ul#main li#g_navi4 a:hover,
#global_navi ul#main li#g_navi4 a:active {
	background-position: -353px -47px;
}

#global_navi ul#main li#g_navi5 {
	width: 111px;
}

#global_navi ul#main li#g_navi5 a:link,
#global_navi ul#main li#g_navi5 a:visited {
	background-position: -444px 0;
}

#global_navi ul#main li#g_navi5 a:hover,
#global_navi ul#main li#g_navi5 a:active {
	background-position: -444px -47px;
}

#global_navi ul#sub {
	float: right;
	width: 254px;
	height: 47px;
	background: url(../images/copyright.gif) right bottom no-repeat;
}

#global_navi ul#sub li {
	float: left;
	margin: 10px 0 0 0;
}

#global_navi ul#sub li a {
	display: block;
	height: 25px;
	background: url(../images/global_navi2.gif) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#global_navi ul#sub li#g_navi6 {
	padding-left: 74px;
	width: 106px;
}
/*プライバシーポリシー非表示用*/
#global_navi ul#sub li#g_navi6 {
/*	visibility: hidden;*/
}

#global_navi ul#sub li#g_navi6 a {
}

#global_navi ul#sub li#g_navi7 {
	width: 67px;
}

#global_navi ul#sub li#g_navi7 a {
	background-position: -106px 0;
}

#banner_area {
	width: 310px;
	padding-left: 20px;
	position: absolute;
	top: 510px;
	left: 673px;
}

#banner_area li {
	float: left;
}

#banner_area li a {
	display: block;
	width: 143px;
	height: 72px;
	border: 1px solid #ccc;
	overflow: hidden;
}

#banner_area li#banner1 a {
	width: 137px;
	height: 19px;
	margin-right: 16px;
	padding: 53px 0 0 6px;
	background: url(../images/cota_comu_btn.jpg) 0 0 no-repeat;
	font-size: 0.75em;
	text-align: left;
	color: #333;
}

#banner_area li#banner1 a span {
	display: none;
}

#banner_area li#banner2 a {
	background: url(../images/stylist_btn.jpg) 0 0 no-repeat;
	text-indent: -5000em;
}

#banner_area li#banner1 a:hover,
#banner_area li#banner1 a:active,
#banner_area li#banner2 a:hover,
#banner_area li#banner2 a:active {
	border: 1px solid #7695c7;
	text-decoration: none;
}

#recuit2011 {
	width: 304px;
	position: absolute;
	top: 600px;
	left: 693px;
}

#recuit2011 a {
	display: block;
	width: 304px;
	height: 56px;
	background: url(../images/recuit2011_banner.jpg) 0 0 no-repeat;
	text-indent: -5000em;
	border: 1px solid #ccc;
	overflow: hidden;
}

#recuit2011 a:hover,
#recuit2011 a:active {
	border: 1px solid #7695c7;
	text-decoration: none;
}

/* --- contents --- */
#main_flash {
	width: 650px;
	height: 480px;
	position: absolute;
	top: 94px;
	left: 12px;
}


/* --- side_navi --- */
#side_navi {
	width: 305px;
	padding-left: 22px;
	background-color: #fff;
	text-align: left;
	position: absolute;
	top: 150px;
	left: 673px;
}

#side_navi ul {
	margin-bottom: 10px;
	width: 200px;
	height: 174px;
}

#side_navi ul li {
	height: 58px;
}

#side_navi ul li a {
	width: 200px;
	height: 58px;
	display: block;
	background: url(../images/sub_navi.gif) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#side_navi ul li#s_navi1 a:link,
#side_navi ul li#s_navi1 a:visited {
}

#side_navi ul li#s_navi1 a:hover,
#side_navi ul li#s_navi1 a:active {
	background-position: -200px 0;
}

#side_navi ul li#s_navi2 a:link,
#side_navi ul li#s_navi2 a:visited {
	background-position: 0 -58px;
}

#side_navi ul li#s_navi2 a:hover,
#side_navi ul li#s_navi2 a:active {
	background-position: -200px -58px;
}

#side_navi ul li#s_navi3 a:link,
#side_navi ul li#s_navi3 a:visited {
	background-position: 0 -116px;
}

#side_navi ul li#s_navi3 a:hover,
#side_navi ul li#s_navi3 a:active {
	background-position: -200px -116px;
}

#side_navi dl {
	font-size: 0.8em;
}

#side_navi dl dt {
	height: 20px;
}

#side_navi dl dd {
	margin: -20px 0 0 80px;;
	width: 190px;
	border-bottom: 1px dotted #ccc;
}

#side_navi dl dd.end {
	border-bottom: none;
}

#side_navi iframe {
	width: 325px;
	margin-left: -15px;
}

#side_navi iframe {

}


/* --- footer --- */
#footer {
	clear: both;
	display: none;
}