@charset "UTF-8";

/*============================================================================
common style
============================================================================*/

* {
}

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

body {
background-color:#FFF;
}

/* a */
a:link {
color:#333;
text-decoration:none;
}

a:visited {
color:#333;
text-decoration:none;
}

a:hover {
color:#999;
text-decoration:underline;
}

a:active {
color:#333;
text-decoration:none;
}

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

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

#container {
height:auto;
margin:0px auto;
overflow:hidden;
padding-bottom:100px;
position:relative;
text-align:left;
width:950px;
}

#header {
height:180px;
margin:0px auto;
overflow:hidden;
padding:0;
position:relative;
width:870px;
}

#footer {

bottom:0;
font-size:77%;/*13→10*/
height:100px;
left:0;
overflow:hidden;
position:absolute;
text-align:center;
width:100%;
}

/*header
=======================================*/

#header h1,
#header #logo {
height:52px;
width:102px;
margin-bottom:5px;
margin-top:30px;
}

/*global-nav
=======================================*/
ul#global-nav {
height:145px;
left:213px;
overflow:hidden;
position:absolute;
top:30px;
width:666px;
}

ul#global-nav li {
float:left;
height:25px;
line-height:25px;
position:relative;
}

ul#global-nav li a{
display:block;
height:25px;
line-height:25px;
position:static;
}

ul#global-nav li a img{
vertical-align:top;
height:25px;
}

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

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

/*home*/
ul#global-nav li#gn-home{
margin-right:61px;
width:48px;
}
ul#global-nav li#gn-home a{
background:url(../img/common/gn_home_on.gif) 0 0 no-repeat;
}

/*riversblog*/
ul#global-nav li#gn-riversblog{
margin-right:67px;
width:92px;
}
ul#global-nav li#gn-riversblog a{
background:url(../img/common/gn_riversblog_on.gif) 0 0 no-repeat;
}

/*spheadline*/
ul#global-nav li#gn-spheadline{
margin-right:64px;
width:92px;
}
ul#global-nav li#gn-spheadline a{
background:url(../img/common/gn_spheadline_on.gif) 0 0 no-repeat;
}

/*wallmug*/
ul#global-nav li#gn-wallmug{

width:138px;
}
ul#global-nav li#gn-wallmug a{
background:url(../img/common/gn_wallmug_on.gif) 0 0 no-repeat;
}

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



/*sub-nav*/
ul#global-nav li ul.sub-nav {
left:0;
position:absolute;
top:25px;
}

ul#global-nav li#gn-wallmug ul.sub-nav {
width:127px;
}

ul#global-nav li#gn-aboutus ul.sub-nav {
width:87px;
}

ul#global-nav li#gn-wallmug ul.sub-nav li,
ul#global-nav li#gn-aboutus ul.sub-nav li{
display:none;
float:none;
height:19px;
line-height:19px;
overflow:hidden;
position:relative;
}

ul#global-nav li#gn-wallmug ul.sub-nav li a,
ul#global-nav li#gn-aboutus ul.sub-nav li a{
background-image:none;
height:19px;
line-height:19px;
position:static;
}

ul#global-nav li#gn-wallmug ul.sub-nav li a img,
ul#global-nav li#gn-aboutus ul.sub-nav li a img{
vertical-align:top;
height:19px;
}

ul#global-nav li#gn-wallmug:hover ul.sub-nav li,
ul#global-nav li#gn-aboutus:hover ul.sub-nav li{
display:block;
}

ul#global-nav li#gn-wallmug ul.sub-nav li a:hover,
ul#global-nav li#gn-aboutus ul.sub-nav li a:hover{
position:relative;
}

ul#global-nav li#gn-wallmug ul.sub-nav li a:hover img,
ul#global-nav li#gn-aboutus ul.sub-nav li a:hover img{
right:0;
position:relative;
top:-19px;
height:19px;
}

/*whats*/
ul#global-nav li#gn-wallmug ul.sub-nav li#sgn_whats a {
background:url(../img/common/sgn_whats_on.gif) 0 0 no-repeat;
}

/*products*/
ul#global-nav li#gn-wallmug ul.sub-nav li#sgn_products a {
background:url(../img/common/sgn_products_on.gif) 0 0 no-repeat;
}

/*collabo*/
ul#global-nav li#gn-wallmug ul.sub-nav li#sgn_collabo a {
background:url(../img/common/sgn_collabo_on.gif) 0 0 no-repeat;
}

/*making*/
ul#global-nav li#gn-wallmug ul.sub-nav li#sgn_making a {
background:url(../img/common/sgn_making_on.gif) 0 0 no-repeat;
}

/*company*/
ul#global-nav li#gn-aboutus ul.sub-nav li#sgn_company a {
background:url(../img/common/sgn_company_on.gif) 0 0 no-repeat;
}

/*map*/
ul#global-nav li#gn-aboutus ul.sub-nav li#sgn_map a {
background:url(../img/common/sgn_map_on.gif) 0 0 no-repeat;
}

/*contact*/
ul#global-nav li#gn-aboutus ul.sub-nav li#sgn_contact a {
background:url(../img/common/sgn_contact_on.gif) 0 0 no-repeat;
}

/*shops*/
ul#global-nav li#gn-aboutus ul.sub-nav li#sgn_shops a {
background:url(../img/common/sgn_shops_on.gif) 0 0 no-repeat;
}


/*lang-nav
=======================================*/
ul#lang-nav {
height:18px;
width:100px;
}

ul#lang-nav li {
height:18px;
line-height:18px;
overflow:hidden;
position:relative;
}

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

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

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

/*la-jp*/
ul#lang-nav li#la-jp{
float:left;
width:56px;
}
ul#lang-nav li#la-jp a{
background:url(../img/common/lang_ja_on.gif) 0 0 no-repeat;
}

/*la-en*/
ul#lang-nav li#la-en{
float:right;
width:43px;
}
ul#lang-nav li#la-en a{
background:url(../img/common/lang_en_on.gif) 0 0 no-repeat;
}


/*content
=======================================*/
.content{
margin:0px auto 40px auto;
overflow:hidden;
position:relative;
width:870px;
}

/*main-content
=======================================*/
#main-content {
float:left;
}


/*sub-content
=======================================*/
#sub-content {
float:right;
}

/*topicpath
=======================================*/
#topicpath {
font-size:77%;/*13→10*/
position:absolute;
right:0;
text-align:right;
top:0;
}

/* a */
/*#topicpath a:link {
color:#999;
text-decoration:none;
}

#topicpath a:visited {
color:#999;
text-decoration:none;
}

#topicpath a:hover {
color:#666;
text-decoration:underline;
}

#topicpath a:active {
color:#999;
text-decoration:none;
}*/

/*page-top
=======================================*/
.page-top {
clear:both;
height:10px;
line-height:10px;
margin:0 auto 30px auto;
text-align:right;
width:100%;
}

.page-top a {
background:url(../img/common/btn_pagetop_on.gif) 100% 0 no-repeat;
display:inline-block;
height:10px;
line-height:10px;
overflow:hidden;
position:static;
}

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

.page-top a:hover img{

position:relative;
top:-10px;
height:10px;
}

/*goto-archives
=======================================*/
.goto-archives {
clear:both;
height:10px;
line-height:10px;
text-align:right;
width:100%;
}

.goto-archives a {
background:url(../img/common/btn_archives_on.gif) 100% 0 no-repeat;
display:inline-block;
height:10px;
line-height:10px;
overflow:hidden;
position:static;
}

.goto-archives a:hover{
position:relative;
}

.goto-archives a:hover img{

position:relative;
top:-10px;
height:10px;
}



/*footer 
=======================================*/
#footer p {
margin-bottom:10px;
}

#footer #copyright {
margin-bottom:10px;
}


/*ather 
=======================================*/
p.subtitle{
font-size:120%;
}