@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

div#page{

	width:1000px;
	margin:0 auto;

}

/*--

	__header

----------------------------------------------------------- */

div#header{

	width:900px;
	background:url(../img/header_bg.gif) no-repeat;
	margin:0 0 0 50px;
	padding-top:8px;

}

*html div#header{
	height:78px;
}


div#header div#title{
	width:462px;
	float:left;
}

div#header div#title h1{
	width:228px;
	float:left;

}

div#header div#title p#address{
	width:233px;
	float:right;

}

ul#vividStoreList{
	float:right;
	width:437px;
	height:42px;
	margin-top:15px;

}

ul#vividStoreList li{

	float:left;
	margin-right:5px;
	width:142px;
}

ul#vividStoreList li#storeMrs{
	margin-right:0;
}

ul#vividStoreList li a.sMenu{

	width:142px;
	height:42px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	padding:0;
}

ul#vividStoreList li#storePlatinum a.sMenu{

	background:url(../img/banner_platinum.gif) no-repeat;

}

ul#vividStoreList li#storePlatinum a.sMenu:hover{

	background:url(../img/banner_platinum_over.gif) no-repeat;
}

ul#vividStoreList li#storeReal a.sMenu{

	background:url(../img/banner_real.gif) no-repeat;
}

ul#vividStoreList li#storeReal a.sMenu:hover{

	background:url(../img/banner_real_over.gif) no-repeat;
}

ul#vividStoreList li#storeMrs a.sMenu{
	background:url(../img/banner_mrs.gif) no-repeat;
}

ul#vividStoreList li#storeMrs a.sMenu:hover{

	background:url(../img/banner_mrs_over.gif) no-repeat;
}

.dropdown02 {
}
.dropdown02 dt {
	width:142px;
	height:42px;
	cursor:pointer;
}
.dropdown02 dd {
	position:absolute;
	overflow:hidden;
	width:142px;
	display:none;
	z-index:202;
	opacity:0;
}
.dropdown02 ul {
	width:142px;
	margin:0;
}
.dropdown02 li {
	display:inline;
	text-align:center;
	border-bottom:1px solid #333333;
	border-top:none;
}
.dropdown02 a,
.dropdown02 a:active,
.dropdown02 a:visited
{
	display:block;
	color:#fff;
	text-decoration:none;
	width:142px;
	background:#333;
	padding:8px 0;
}
*:first-child+html dl.dropdown02 a,
*:first-child+html dl.dropdown02 a:active,
*:first-child+html dl.dropdown02 a:visited{
	font-family:"ＭＳ Ｐゴシック", "Osaka－等幅";
}
.dropdown02 a:hover {
	background:#d9e1e4;
	color:#000;
}

/*--

	__globalNavi

----------------------------------------------------------- */

ul#gNavi{

	width:900px;
	height:31px;
	margin:0 0 20px 50px;
	display:inline;
	float:left;
	clear:both;

}

ul#gNavi li{

	float:left;
	display:inline;

}

ul#gNavi li a.gMenu{

	width:128px;
	height:31px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	padding:0;
}

ul#gNavi li.gNavi_top a.gMenu{
	width:129px;
	background:url(../img/gNavi_top.gif) no-repeat;
}
ul#gNavi li.gNavi_top a.gMenu:hover{
	background:url(../img/gNavi_top_over.gif) no-repeat;
}
ul#gNavi li.gNavi_girl a.gMenu{
	background:url(../img/gNavi_girl.gif) no-repeat;
}
ul#gNavi li.gNavi_girl a.gMenu:hover{
	background:url(../img/gNavi_girl_over.gif) no-repeat;
}
ul#gNavi li.gNavi_system a.gMenu{
	width:129px;
	background:url(../img/gNavi_system.gif) no-repeat;
}
ul#gNavi li.gNavi_system a.gMenu:hover{
	background:url(../img/gNavi_system_over.gif) no-repeat;
}
ul#gNavi li.gNavi_blog a.gMenu{
	background:url(../img/gNavi_blog.gif) no-repeat;
}
ul#gNavi li.gNavi_blog a.gMenu:hover{
	background:url(../img/gNavi_blog_over.gif) no-repeat;
}
ul#gNavi li.gNavi_access a.gMenu{
	width:129px;
	background:url(../img/gNavi_access.gif) no-repeat;
}
ul#gNavi li.gNavi_access a.gMenu:hover{
	background:url(../img/gNavi_access_over.gif) no-repeat;
}
ul#gNavi li.gNavi_mail a.gMenu{
	background:url(../img/gNavi_mail.gif) no-repeat;
}
ul#gNavi li.gNavi_mail a.gMenu:hover{
	background:url(../img/gNavi_mail_over.gif) no-repeat;
}
ul#gNavi li.gNavi_recruit a.gMenu{
	width:129px;
	background:url(../img/gNavi_recruit.gif) no-repeat;
}
ul#gNavi li.gNavi_recruit a.gMenu:hover{
	background:url(../img/gNavi_recruit_over.gif) no-repeat;
}

.dropdown {
}
.dropdown dt {
	width:128px;
	height:31px;
	cursor:pointer;
}
.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:128px;
	display:none;
	z-index:200;
	opacity:0;
}
.dropdown ul {
	width:128px;
	margin:0;
}
.dropdown li {
	display:inline;
	text-align:center;
	border:1px solid #333333;
	border-top:none;
}
.dropdown a,
.dropdown a:active,
.dropdown a:visited
{
	display:block;
	color:#fff;
	text-decoration:none;
	width:128px;
	background:#333;
	padding:8px 0;
}
*:first-child+html ul#gNavi li dl.dropdown a,
*:first-child+html ul#gNavi li dl.dropdown a:active,
*:first-child+html ul#gNavi li dl.dropdown a:visited
{
	font-family:"ＭＳ Ｐゴシック", "Osaka－等幅";
}
.dropdown a:hover {
	background:#d9e1e4;
	color:#000;
}
.dropdown .underline {
}




ul#gNavi li.gNavi_system dl.dropdown dt {
	width:129px;
	height:31px;
	cursor:pointer;
}



/*--

	__contents

----------------------------------------------------------- */

div#contents{

	width:950px;
	height:100%;
	margin-left:25px;
	clear:left;
	background:url(../img/contentsbg.gif) no-repeat;
	padding:10px 0 10px;
}

div#contents div#lowerPage{
	width:900px;
	height:100%;
	margin:20px 0 0 25px;
}

div#contents p.notFound {
	margin: 30px 0 0 130px;
}

/*--

	__footer

----------------------------------------------------------- */

div#footer{

	width:100%;
	height:199px;
	font-size:11px;
	clear:both;
	background:url(../img/footer_bg01.gif) repeat-x;
}

div#footerContents{

	width:900px;
	height:199px;
	margin:0 auto;
	color:#ccc;
	background:url(../img/footer_bg.jpg) no-repeat bottom right;

}

#siteMap{
	width: 900px;
	float: left;
	margin: 5px 0 20px 5px;
	font-family: "ＭＳ Ｐゴシック", "Osaka－等幅";
}


#siteMap li{
	margin: 10px 0 0 8px;
	float: left;
	font-size: 11px;
}

#siteMap a{
	color:#ccc;
	text-decoration: none;
}

#siteMap a:hover{
	text-decoration: underline;
}

div#footer p#storeInfo{

	width:300px;
	line-height:1.5;
	float:left;
	margin: 5px 0 0 8px;
	display:inline;

}

p#storeInfo a {
	color: #ccc;
	text-decoration: none;
}

p#storeInfo a:hover {
	color: #ccc;
	text-decoration: underline;
}

div#footer p#footerText{

	width:300px;
	font-size:12px;
	margin-top:100px;
	float:right;

}


p#pagetop{

	bottom:0;
	left:0;
	margin:0;
	position:fixed;
	text-align:right;
	width:100%;

}


/*--

	__clearfix

----------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
