@charset "utf-8";

/* CSS Document */

/*****************************************************
*
* General   
*
******************************************************/

body{ background: url(../img/bg-page.gif) #fff repeat-x; width: 100%; color: #333; }
a{ color: #4a80bf; }

.css-sprite{ text-indent: -999em; overflow: hidden; }
.extra-padding{ padding-bottom: 7px; }
.blank{ background: url(../img/bg-blank.jpg) no-repeat center center; }
.freetext{ margin-bottom: 10px; line-height: 1.05em; color: #666; font-weight: normal; }

/*****************************************************
*
* Header  
*
******************************************************/

#container{ position: relative; width: 900px; margin: 0px auto; z-index: 2; }

#container-header{
	width: 900px;
	height: 70px;
}
#container-header-menu-shadow{ position: absolute; top: 140px;  width: 100%; height: 50px; background: url(../img/bg-menu-shadow.jpg) no-repeat top center; z-index: 1; }

#header-company{ position: relative; }
#header-company .logo{ position: absolute; top: 15px; left: 0px; }
#header-company .support{ position: absolute; top: 15px; left: 848px;}
#header-company .support a{ display: block; height: 15px; width: 52px; background: url(../img/btn-normal-grid.gif) no-repeat -170px -127px; }

#header-estore{ position: absolute; top: 91px; left: 0px; }
#header-estore li{ float: left; display: block; margin-right: 15px; }
#header-estore li a{ display: block; height: 20px; background: url(../img/btn-normal-grid.gif) no-repeat; }

#header-estore #header-estore-home a{ width: 64px;background-position: 0px -120px; }
#header-estore #header-estore-account a{ width: 100px; background-position: 0px 0px; }
#header-estore #header-estore-cart a{ width: 85px; background-position: 0px -20px; }
#header-estore #header-estore-history a{ width: 79px; background-position: 0px -40px; }
#header-estore #header-estore-mydownloadbox a{ width: 136px; background-position: 0px -60px; }
#header-estore #header-estore-guide a{ width: 85px; background-position: 0px -80px; }
#header-estore #header-estore-contact a{ width: 79px; background-position: 0px -100px; }

#header-estore #header-estore-totop{ position: absolute; top: -22px; left: 774px; }


/*****************************************************
*
* Top Navi   
*
******************************************************/

#header-navi{ position: absolute; top: 122px; left: 0px; }
#header-navi { display: block; height: 36px; width: 900px; background: url(../img/btn-main-menu.gif) no-repeat; }


/*****************************************************
*
* Main content   
*
******************************************************/

#container-2columns{ width: 900px; }
#container-sub-2columns-cart{ width: 900px; }
#container-2columns #container-sub-2columns{ width: 900px; padding-bottom: 40px;}
#container-2columns #container-main{ width: 695px; }
#container-sub-2columns-cart #container-main{ width: 695px; }

#container-rightcol{ width: 168px; margin-bottom: 40px; }
#container-sub-2columns-cart #container-rightcol{ width: 180px; }



/*****************************************************
*
*  Right column   
*
******************************************************/


#container-rightcol .rightcol-freebanner-header{ background: url(../img/btn-normal-grid.gif) no-repeat -171px -163px; width: 50px; height: 20px; margin-bottom: 5px; }
#container-rightcol .rightcol-freebanner{ margin-bottom: 12px; }
#container-rightcol .rightcol-freebanner .grey-box-top{ background: url(../img/bg-grey-box3-top.gif) no-repeat top left #d2dbdf; }
#container-rightcol .rightcol-freebanner .grey-box-footer{ background: url(../img/bg-grey-box3-footer.gif) no-repeat bottom left #d2dbdf; }
#container-rightcol .rightcol-freebanner li{ float: left;}
#container-rightcol .rightcol-freebanner li a img{ float: left; padding: 2px; padding-left: 4px; }

#container-rightcol #rightcol-news{ background: url(../img/bg-grey-box4-top.gif) no-repeat top left #b8c1ca;  padding-top: 2px; margin-bottom: 5px; }
#container-rightcol #rightcol-news #rightcol-news-header #news-tab{ float: left; width: 95px; height: 33px; background: url(../img/bg-news.gif) no-repeat 0px -1px; }
#container-rightcol #rightcol-news #rightcol-news-header #news-list a{ float: left; display: block; height: 33px; width: 33px; background: url(../img/bg-news.gif) no-repeat -95px -1px; }
#container-rightcol #rightcol-news #rightcol-news-header #news-rss a{ float: left; display: block; height: 33px; width: 40px; background: url(../img/bg-news.gif) no-repeat -128px -1px; }
#container-rightcol #rightcol-news #rightcol-news-header #news-list a:hover{ background-position: -266px -1px; }
#container-rightcol #rightcol-news #rightcol-news-header #news-rss a:hover{ background-position: -299px -1px; }
#container-rightcol #rightcol-news .rightcol-news-header-newyoyaku{ height: 29px; background: url(../img/bg-news.gif) no-repeat 0px -75px; }
#container-rightcol #rightcol-news .rightcol-news-header-oshirase{ height: 32px; background: url(../img/bg-news.gif) no-repeat 0px -103px; }

#container-rightcol #rightcol-news ul{ padding-left: 5px; width: 158px; background: #b8c1ca; }
#container-rightcol #rightcol-news ul li{ line-height: 1.05em; background: url(../img/bg-news-ruler.gif) no-repeat bottom center #fff; color: #666; padding: 8px; }
#container-rightcol #rightcol-news ul li.last{ background-image: none; }
#container-rightcol #rightcol-news ul li a{ color: #666; }
#container-rightcol #rightcol-news ul li a:hover{ color: #999; }
#container-rightcol #rightcol-news ul li .highlight{ color: #f36; }
#container-rightcol #rightcol-news ul li .news-date{ display: block; }

#container-rightcol #rightcol-news #rightcol-news-oshirase{ background: url(../img/bg-grey-box4-footer.gif) no-repeat bottom left #b8c1ca;  padding-bottom: 5px; }

#container-rightcol #rightcol-help{ background: url(../img/bg-grey-box5-top.gif) no-repeat top left #b8c1ca;  padding-top: 2px; margin-bottom: 5px; }
#container-rightcol #rightcol-help #rightcol-help-header #help-tab{ float: left; width: 180px; height: 33px; background: url(../img/bg-cart-help.gif) no-repeat 0px -1px; }
#container-rightcol #rightcol-help .rightcol-help-header-guide{ height: 28px; background: url(../img/bg-cart-help.gif) no-repeat 0px -41px; }
#container-rightcol #rightcol-help .rightcol-help-header-contact{ height: 34px; background: url(../img/bg-cart-help.gif) no-repeat 0px -70px; }

#container-rightcol #rightcol-help ul{ padding-left: 5px; width: 170px; background: #b8c1ca; }
#container-rightcol #rightcol-help ul li{ line-height: 1.05em; background: #fff; color: #666; padding: 8px; padding-top: 2px; padding-bottom: 5px; }
#container-rightcol #rightcol-help ul li.last{ background-image: none; }
#container-rightcol #rightcol-help ul li a{ color: #666; text-decoration: underline; }
#container-rightcol #rightcol-help ul li a:hover{ color: #999; }
#container-rightcol #rightcol-help ul li .highlight{ color: #f36; }
#container-rightcol #rightcol-help ul li .news-date{ display: block; }

#container-rightcol #rightcol-help #rightcol-help-contact{ background: url(../img/bg-grey-box5-footer.gif) no-repeat bottom left #b8c1ca;  padding-bottom: 5px; }

/*****************************************************
*
*  Footer   
*
******************************************************/

#footer{ width: 900px; padding-bottom: 30px; }
#footer #footer-link{ padding-bottom: 10px; }
#footer #footer-link li { float: left; }
#footer #footer-link li a{ display: block; }
#footer #footer-privacypolicy{ background: url(../img/btn-normal-grid.gif) no-repeat -0px -146px; width: 126px; height: 13px; margin-right: 20px; }
#footer #footer-kiyaku{ background: url(../img/btn-normal-grid.gif) no-repeat -0px -165px; width: 73px; height: 13px; margin-right: 558px; }
#footer #footer-pagetop{ background: url(../img/btn-normal-grid.gif) no-repeat 0px -207px; width: 123px; height: 13px; }
#footer #footer-toppage{ background: url(../img/btn-normal-grid.gif) no-repeat -0px -300px; width: 900px; height: 19px; margin: 35px 0 40px 0;}

#footer #footer-copyright{ background: url(../img/footer-copyright-bg.gif) no-repeat 0px 0px; margin: 0px auto 0px auto; text-align: center;  FONT-FAMILY: 'arial',sans-serif;  font-weight: normal; font-size:9px;padding-top:10px; height:33px;}