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

*{ margin: 0; padding: 0; z-index: 0; }

html,body{ height: 100%; }

body {font-size   : 0.75em; color: #332228; font-family : "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Osaka; line-height : 160%;}

h1     { font-size: 1.25em; }
h2, h3 { color:#f875a7; font-size:1.17em; font-weight:bold; margin-bottom:24px; }
h3     { font-size:1.00em; margin-top: 40px; }
ul, li { margin: 0; padding: 0; }
p      { margin-bottom:12px; }
table  { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }

.small { font-size: 0.83em; line-height: 120%; }
.xsmall { font-size: 0.75em; line-height:110%; }
.large  { font-size:1.2em; }
.xlarge { font-size:1.5em; }


td.center,th.center { text-align:center; vertical-align:center; }

.annotate    { font-size:0.83em; }
.annotate ul { list-style:none; }
.annotate li {
	list-style-type: none;
	padding: 0 0 0 14px;
	margin-bottom: 4px;
	background: url(../images/common/annotate.gif) no-repeat 0em 0.4em;
}

hr.dot {
	clear:both;
	background:url(../images/common/dotline.gif) repeat-x left center;
	/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/dotline.gif')!important;/*IE6 Hack*/
	/*_width:1px!important;/*IE6 Hack*/
	height:3px;
	margin: 40px 0 40px 0;
	line-height:120%;
	border: none;
}

*+html hr.dot,* html hr.dot
{
	width: 1px;
	height: 1px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/dotline.gif');
}
/*IE6 Hack*/
* > hr.dot {
	_width: 80%!important;
	_height: 3px!important;
	_border: 0!important;
}
/*IE6 Hack*/

.indent1 { margin: 0 0 0 15px; }

ul.listmenu { list-style: none; }
ul.listmenu li { list-style-type: none; }
ul.listmenu li a { display: block; text-indent:-9877em; overflow: hidden; text-decoration: none; }

a:focus{
outline:none;
}







/**
 Layout
*/
div#headerMessageArea { width: 940px; height: 26px; margin: 0 auto; }
div#headerMessage     { width: 210px; height: 26px; background: url(images/globalmenu/headerMessage.gif) no-repeat; }
* html #container     { height: 100%; }
div#container         { min-height: 100%; width: 940px; margin:0 auto -96px; }
* html div#container {
	height:100%;
}
div#headerAreaMargin  { height: 70px; background-color: #cc0000; }
div#footerAreaMargin  { width: 940px; margin: 0 auto; clear: both; height: 96px; }
/*div#containerBottom   { clear: both; width: 100%; height: 14px; background-color: #fff; }*/
div#containerBottom   { clear: both; width: 100%; height: 40px; background-color: #fff; }


#right { float: right; }
#left { float: left; z-index:100; margin-right: 8px}

div#header
{
	width:100%;
	background:url(images/globalmenu/header_texture.gif) #fff repeat-x;
	position:absolute;
	top: 0;
	left: 0;
	height: 70px;
}


/**
----------------------------------------
  Global Menu
----------------------------------------
*/
div#globalmenu
{
	width:940px;
	height:39px;
	background:url(images/globalmenu/globalmenu_background.gif) no-repeat;
	margin:0 auto;
}


div#header ul, div#header li { margin:0; padding:0; }

div#header ul li { display:inline; list-style-type: none; }

div#header ul li a
{
	display: block;
	float: left;
	height: 37px;
	text-indent:-9877em; 
	overflow: hidden;
	text-decoration: none;

	
}

/* global menu button images */
li#gm_logo a, li#gm_onlinestore a, li#gm_blog a, li#gm_news a, li#gm_item a, li#gm_support a, li#gm_shoplist a
{
	width:129px;
	background: url(images/globalmenu/globalnavi1.gif) no-repeat;
}

li#gm_logo a        { width:164px; }
li#gm_onlinestore a { background-position: -164px 0; }
li#gm_news a        { background-position: -293px 0; }
li#gm_blog a        { background-position: -422px 0; }
li#gm_item a        { background-position: -551px 0; }
li#gm_support a     { background-position: -680px 0; }
li#gm_shoplist a    { background-position: -809px 0; width: 131px; }

li#gm_log a:hover         { background-position: 0 -37px; }
li#gm_onlinestore a:hover { background-position: -164px -37px; }
li#gm_news a:hover        { background-position: -293px -37px; }
li#gm_blog a:hover        { background-position: -422px -37px; }
li#gm_item a:hover        { background-position: -551px -37px; }
li#gm_support a:hover     { background-position: -680px -37px; }
li#gm_shoplist a:hover    { background-position: -809px -37px; }


/**
-------------------------------
* Footer
-------------------------------
*/

div#footer
{
	position: relative;
	clear: both;
	line-height: 56px;
	width: 100%;
	height: 56px;
	background: url(images/footer/footerBackground.gif) repeat-x;
	
	
}
div#footer div#footerMenu
{
	width: 940px;
	height: 30px;
	background: url(images/footer/footerBar.gif) no-repeat;
	margin: 0 auto;
}

#footerMenu ul, #footerMenu li { margin:0, padding: 0; }
#footerMenu ul { margin-left: 507px; }
#footerMenu li { display:inline; list-style-type: none; }
#footerMenu ul li a
{
	display: block;
	text-indent:-9877em; 
	overflow: hidden;
	text-decoration: none;
	margin-top: 1px;
}

li#footerMenuNew a, li#footerMenuCompany a, li#footerMenuFranchise a, li#footerMenuRecruit a, li#footerMenuLogo a{
	background: url(images/footer/footer_menu.gif) no-repeat;
	float: left;
	height: 27px;
}

/* footer menu button images */
#footerMenu li#footerMenuNew a       { width: 83px; background-position: 0 0; }
#footerMenu li#footerMenuCompany a   { width: 85px; background-position: -83px 0; }
#footerMenu li#footerMenuFranchise a { width: 128px; background-position: -168px 0; }
#footerMenu li#footerMenuRecruit a   { width: 85px; background-position: -296px 0; }
#footerMenu li#footerMenuLogo a      { width:134px; background-position: -381px 0; }

/* footer menu rollover */
#footerMenu li#footerMenuNew a:hover { background-position: 0 -27px; }
#footerMenu li#footerMenuCompany a:hover   { background-position: -83px -27px; }
#footerMenu li#footerMenuFranchise a:hover { background-position: -168px -27px; }
#footerMenu li#footerMenuRecruit a:hover   { background-position: -296px -27px; }
#footerMenu li#footerMenuLogo a:hover      { background-position: -381px -27px; }




div#footerBottom { width: 940px; height: 26px; margin: 0 auto; }
div#footerBottom div#copyright {
	float:left;
	width: 210px;
	height: 26px;
	background: url(images/footer/copyright.gif) no-repeat;
	margin-right:50px;
	text-indent:-9877em; overflow:hidden; text-decoration:none;
}
div#footerSitemap a { float:left; margin-right:20px; width:60px; height:26px; background: url(images/footer/footer_sitemap.gif) no-repeat; text-indent:-9877em; overflow:hidden; text-decoration:none; }
div#footerPrivacy a { float:left; margin-right:20px; width:90px; height:26px; background: url(images/footer/footer_privacy.gif) no-repeat; text-indent:-9877em; overflow:hidden; text-decoration:none; }
div#footerTerms a { float:left; width:100px; height:26px; background: url(images/footer/footer_terms.gif) no-repeat; text-indent:-9877em; overflow:hidden; text-decoration:none; }
div#footerLanguage{
	float:right;
	width: 90px;
	height: 26px;
/*	background: url(images/footer/footer_language.gif) no-repeat;
*/	
	background: none;
	font-size: 0.1em;
	text-indent: -9999px;
}
div#footerLanguage a{
	/*display: block;*/
	display: none;
	text-indent: -9877em;
	margin-left: 55px;
	width:35px;
	height:25px;
	overflow: hidden;
}



/**
-----------------------------
  Side Bar
-----------------------------
*/
div.sideBar       {  width: 182px; }
div.sidebarHead   { width:182px; height:4px; background:url(images/sidebar/head.gif) no-repeat; }
.sidebarBottom { width:182px; height:5px; background:url(images/sidebar/bottom.gif) no-repeat bottom; margin:0; padding:0; font-size:0;}
li.sidebarBottom { height:auto; border-bottom:none; }
#left ul li.sidebarBottom { border:none; }
li.sidebarBottom a {}
div.banner        { background-color: #fff; padding-bottom: 5px; }
div.sidebarMargin { background-color:#fff; height:7px; font-size:0;}
div.contentsTitle { background-color: #fff; padding-bottom: 5px; }





a:link { color:#333228; text-decoration:none; }



div.2columnMain { width:750px; float:left; }



.center { text-align:center; margin:0 auto;}

.clearFloat { clear:both; float:none; }




table.breakline {
	border-collapse:separate;
	border-spacing: 1px;
	*border-collapse: expression('separate', cellSpacing = '1px');
	background:url(images/common/table_bg.gif);
}
table.breakline td, table.breakline th { background-color:#fff; }

.horizontal_line { background:url(images/common/horizontal_line.gif) repeat-x bottom;}