@charset "UTF-8";

/*共通*/
*{
}

html,
body {
width:100%;
height: 100%;
}

body{
background-color:#FFFFFF;
color:#000000;
}

/* a */
a:link {
color:#666666;
text-decoration:underline;
}

a:visited {
color:#666666;
text-decoration:underline;
}

a:hover {
color:#666666;
text-decoration:none;
}

a:active {
color:#666666;
text-decoration:underline;
}


/*------------layout------------*/
#wrapper {
cursor:default;
position:relative;
width:100%;
height:100%;
min-height:100%;
}

/* ModernBrowser ONLY */
body > #wrapper {
height:auto;
}

#container {
cursor:default;
font-size:92%;
position:relative;
width:970px;
height:auto;
margin:0px auto;
padding-bottom:60px;
overflow:hidden;
text-align:left;
}

/* IE6にのみ適用 */
* html body#container{ 		
letter-spacing:0.1em;
}
/* IE7にのみ適用 */
*+html body#container{ 		
letter-spacing:0.1em;
}


#header {
cursor:default;
position:relative;
width:910px;
height:50px;
margin:30px auto 0px auto;
overflow:hidden;
z-index:3;
}

#content {
cursor:default;
width:910px;
height:auto;
margin:0px auto;
overflow:hidden;
position:relative;
z-index:1;
}

#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:60px;
overflow:hidden;
}


/*** header global-nav ***/

/*** header ***/
#header h1{
float:left;
width:352px;
height:50px;

}

#header h1 a{
cursor:pointer;
}

/*** global-nav ***/
ul#global-nav{
width:507px;
height:30px;
float:right;
margin-top:8px;
overflow:hidden;

}

ul#global-nav li{
line-height:30px;
float:left;
height:30px;
padding-right:30px;
overflow:hidden;
}

ul#global-nav li a{
position:static;
height:30px;
display:block;
overflow:hidden;
}

ul#global-nav li a:hover{
position:relative;
}

ul#global-nav li a:hover img{
position:relative;
top:-30px;
height:30px;
}

/*top*/
ul#global-nav li.top{
width:26px;
}
ul#global-nav li.top a{
background:url(../img/gn_top_on.gif) 0 0 no-repeat;
}

/*works*/
ul#global-nav li.works{
width:42px;
}
ul#global-nav li.works a{
background:url(../img/gn_works_on.gif) 0 0 no-repeat;
}

/*member*/
ul#global-nav li.member{
width:51px;
}
ul#global-nav li.member a{
background:url(../img/gn_member_on.gif) 0 0 no-repeat;
}

/*myfavorite*/
ul#global-nav li.myfavorite{
width:71px;
}
ul#global-nav li.myfavorite a{
background:url(../img/gn_myfavorite_on.gif) 0 0 no-repeat;
}

/*info*/
ul#global-nav li.info{
width:24px;
}
ul#global-nav li.info a{
background:url(../img/gn_info_on.gif) 0 0 no-repeat;
}

/*aboutus*/
ul#global-nav li.aboutus{
width:57px;
}
ul#global-nav li.aboutus a{
background:url(../img/gn_aboutus_on.gif) 0 0 no-repeat;
}

/*link*/
ul#global-nav li.link{
width:26px;
}
ul#global-nav li.link a{
background:url(../img/gn_link_on.gif) 0 0 no-repeat;
}


/*menuFlash*/
#menuFlash{
position:absolute;
top:-350px;
right:0px;
width:140px;
height:350px;
z-index:2;
/*-moz-opacity:0.9;
opacity:0.9;*/
}

/*** footer ***/

#footer #shiseido_footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:36px;
overflow:hidden;
text-align:center;
background:#FFFFFF url(../img/c_border.gif) 0 0 repeat-x;
padding-top:1px;
}

#footer #shiseido_footer iframe{
width:760px;
height:40px;
margin:0 auto;
}


#footer #congtents_footer{
width:910px;
height:20px;
margin:0 auto;
overflow:hidden;
}

/**page-top**/
#footer #congtents_footer .page-top{
float:right;
width:62px;
height:10px;
overflow:hidden;
}

#footer #congtents_footer .page-top a{
position:static;
display:block;
overflow:hidden;
background:url(../img/btn_pagetop_on.gif) 0 0 no-repeat;
}

#footer #congtents_footer .page-top a:hover{
position:relative;
}

#footer #congtents_footer .page-top a:hover img{
position:relative;
top:-10px;
height:10px;
}


/*link_mark*/
a.link_mark{
display:block;
padding-left:11px;
}

a.link_mark:link {
background:url(../img/c_link_mark.gif) 0% 55% no-repeat;
}

a.link_mark:visited {
background:url(../img/c_link_mark.gif) 0% 55% no-repeat;
}

a.link_mark:hover {
background:url(../img/c_link_mark_on.gif) 0% 55% no-repeat;
}

a.link_mark:active {
background:url(../img/c_link_mark.gif) 0% 55% no-repeat;
}