@import url("css/other.css");
@import url("css/other2.css");
@import url("css/navi.css");
@import url("css/index.css");

/*///////////////////////////////////////////////////
GENERAL CSS‚Ε‚·B
HEADERAFOOTERAFONTAINDEX—pCSS‚πŠά‚έ‚ά‚·B
///////////////////////////////////////////////////*/
body{
	margin: 0;
	background-color: #fff;
	text-align: center;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 11px;
	font-weight: normal;
	color: #575757;
	background-image: url(img/common/bg01.gif);
	background-repeat: repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
img{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form{
	margin: 0px;
	padding: 0 0 10px 0;
}

a { overflow:hidden; }

#floor{
	width: 765px;
	background-color: #fff;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

td#navigation{
	width: 165px;
	height: auto;
	margin:0;
	padding:0;
}
td#main-contents{
	width: 600px;
	height: auto;
	z-index: 0;
}
.title{
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  background-color: #575757;
  padding: 5px 0;
}
.title-eco{
  color: #666;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  background-color: #66cc66;
  padding: 5px 0;
}

/*///////////////////////////////////////////////////
GENERAL STYLE
///////////////////////////////////////////////////*/

.clear{
      clear: both;
}
.left{
      float: left;
}
.right{
	float: right;
}
.align_center{
	text-align:center;
}

/* /////////////////////////////////////////////////////
HEADER TOP PEGE
/////////////////////////////////////////////////////*/
td#top{
	width: 765px;
	text-align: left;
	background-image:url(img/header/hedaer_logo.jpg);
	height: 97px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
td#top h1{
	padding: 0px;
	text-indent:-9999px;
	height: 50px;
	width: 350px;
	display:block;
	position:relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
td#top h2{
	padding: 0px;
	text-indent:-9999px;
	display:block;
	margin: 0px;
}
.logo a{
	height: 60px;
	width: 350px;
	display: block;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
td#headertop{
    width: 765px;
    height: 60px;
}
div#headertop-left{
  width: 350px;
  float: left;
}
div#headertop-right{
	float: right;
	margin-top: 25px;
	margin-right: 10px;
	height: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#headertop-right a{
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#headertop-right table{
  margin: 9px 0 0 0;
}
div#headertop-right table td.mobile{
	padding: 0 30px 0 20px;
	height: 40px;

}
div#headertop-right table td.toujitu{
  padding: 0 55px 0 0;
  height: 40px;

}



/* /////////////////////////////////////////////////////
HEADER
/////////////////////////////////////////////////////*/
td#tagline{
  width: 765px;
  text-align: right;
  padding: 5px 0 0 0;
  margin: 0;
}
td#tagline h1{
  font-size: 11px;
  color: #575757;
}
td#header{
    width: 765px;
    height: 60px;
}
div#header-left{
  width: 170px;
  float: left;
}
div#header-right{
  float: left;
}
div#header-right table{
  margin: 9px 0 0 0;
}
div#header-right table td.mobile{
	padding: 0 30px 0 20px;
	height: 40px;

}
div#header-right table td.toujitu{
  padding: 0 55px 0 0;
  height: 40px;

}
/* mypage */
ul#mypage{
  float: right;
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
}
ul#mypage li{
  display: inline;
  float: left;
}
ul#mypage li a{
  display: block;
  height: 25px;
  text-indent: -9999px;
}
ul#mypage li a.login{
  background: url(img/header/mypage/login01.gif) no-repeat;
  width: 64px;
}
ul#mypage li a:hover.login{
  background: url(img/header/mypage/login02.gif) no-repeat;
}
ul#mypage li a.sinki{
  background: url(img/header/mypage/sinki01.gif) no-repeat;
  width: 68px;
}
ul#mypage li a:hover.sinki{
  background: url(img/header/mypage/sinki02.gif) no-repeat;
}

/* /////////////////////////////////////////////////////
HEADER v2
/////////////////////////////////////////////////////*/

#global_header01
	{ width:765px; height:122px; background:url(/img/header/v2/header_bg.jpg) no-repeat 0 0; position:relative; margin:0 auto 15px; }

	#global_header01 .header_top_text01
		{ text-align:left; font-size:10px; position:absolute; top:0px; *top:10px; left:10px; }

	#global_header01 .header_top_text01 strong
		{ margin-right:5px; }

	#global_header01 .header_top_text02
		{ text-indent:-999999px; display:block; width:130px; height:40px; position:absolute; top:10px; right:10px; }

	#global_header01 .logo01
		{ text-indent:-999999px; display:block; width:320px; height:60px; position:absolute; top:26px; left:10px; padding:0; margin:0; }

	#global_header01 .logo01 a
		{ display:block; width:320px; height:60px; padding:0; margin:0; overflow:hidden; }

	#global_header01 .header_cart_btn01
		{ text-indent:-999999px; display:block; width:190px; height:30px; position:absolute; top:57px; right:11px; padding:0; margin:0; }

	#global_header01 .header_cart_btn01_position01
		{ text-indent:-999999px; display:block; width:55px; height:30px; position:absolute; top:0px; left:0px; padding:0; margin:0; background:url(/img/header/v2/mypage_navi_mypage.gif) no-repeat 0 0; }

	#global_header01 .header_cart_btn01_position01 a
		{ display:block; width:55px; height:30px; }

	#global_header01 .header_cart_btn01_position01 a:hover
		{ display:block; width:55px; height:30px; background-position:100% 0; }

	#global_header01 .header_cart_btn01_position02
		{ text-indent:-999999px; display:block; width:67px; height:30px; position:absolute; top:0px; left:55px; padding:0; margin:0; }

	#global_header01 .header_cart_btn01_position02 a
		{ display:block; width:67px; height:30px; background:url(/img/header/v2/mypage_navi_login.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .header_cart_btn01_position02 a:hover
		{ background-position:0 100%; }

	#global_header01 .header_cart_btn01_position03
		{ text-indent:-999999px; display:block; width:68px; height:30px; position:absolute; top:0px; left:122px; padding:0; margin:0; }

	#global_header01 .header_cart_btn01_position03 a
		{ display:block; width:68px; height:30px; background:url(/img/header/v2/mypage_navi_joinin.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .header_cart_btn01_position03 a:hover
		{ background-position:0 100%; }

	#global_header01 .global_navi01
		{ display:block; width:765px; height:25px; position:absolute; top:97px; left:0px; padding:0; margin:0; }

	#global_header01 .home01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:0px; padding:0; margin:0; }

	#global_header01 .home01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_home.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .home01 a:hover
		{ background-position:0 100%; }

	#global_header01 .cart01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:96px; padding:0; margin:0; }

	#global_header01 .cart01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_cart.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .cart01 a:hover
		{ background-position:0 100%; }

	#global_header01 .bbs01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:192px; padding:0; margin:0; }

	#global_header01 .bbs01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_bbs.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .bbs01 a:hover
		{ background-position:0 100%; }

	#global_header01 .project01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:288px; padding:0; margin:0; }

	#global_header01 .project01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_project.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .project01 a:hover
		{ background-position:0 100%; }

	#global_header01 .darts_spot01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:384px; padding:0; margin:0; }

	#global_header01 .darts_spot01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_darts_spot.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .darts_spot01 a:hover
		{ background-position:0 100%; }

	#global_header01 .b2b01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:480px; padding:0; margin:0; }

	#global_header01 .b2b01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_b2b.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .b2b01 a:hover
		{ background-position:0 100%; }

	#global_header01 .guide01
		{ text-indent:-999999px; display:block; width:96px; height:25px; position:absolute; top:0px; left:576px; padding:0; margin:0; }

	#global_header01 .guide01 a
		{ display:block; width:96px; height:25px; background:url(/img/header/v2/global_navi_guide.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .guide01 a:hover
		{ background-position:0 100%; }

	#global_header01 .contact01
		{ text-indent:-999999px; display:block; width:93px; height:25px; position:absolute; top:0px; left:672px; padding:0; margin:0; }

	#global_header01 .contact01 a
		{ display:block; width:93px; height:25px; background:url(/img/header/v2/global_navi_contact.gif) no-repeat 0 0; overflow:hidden; }

	#global_header01 .contact01 a:hover
		{ background-position:0 100%; }

/*///////////////////////////////////////////////////
FOOTER
///////////////////////////////////////////////////*/
td#footer{
  font-size: 11px;
  margin: 50px 0 0 0;
  padding: 10px 0;
  line-height: 2em;
  border-top: 1px #ccc solid;
  text-align: center;
}

/*///////////////////////////////////////////////////
FONT
///////////////////////////////////////////////////*/
/*/  linkƒŠƒ“ƒNƒJƒ‰[   /*/
a:link{
  color: #c20;
}
a:visited{
  color: #f66;
}
a:active{
  color: #c20;
}
a:hover{
  color: #f66;
}

a.link2:link {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}
a.link2:visited {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}
a.link2:hover {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	color: #c20;
	text-decoration: underline;
}

/*/  h  /*/
h1{
    font-size: 11px;
    font-weight: normal;
    color: #575757;
    margin: 0;
}
h2{
    font-size: 14px;
    font-weight: bold;
    color: #575757;
    margin: 0;
}
h3,h4 {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
}
/*/  ’ʏνƒtƒHƒ“ƒg   /*/
.f11ja{
  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  font-size: 11px;
  color: #575757;
}
.f12{
  font-size: 12px;
}
.b12b {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #575757;
}
.b14ja {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 14px;
	color: #575757;
}
.b16en {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	color: #575757;
}
.b10 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 10px;
}
.r12 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #c20;
}
.r12en{
    font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #c20;
}
.r11 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 11px;
	font-weight: normal;
	color: #c20;
}
.r11ja {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #c20;
	letter-spacing: 1px;
}
.r12l18 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	color: #c20;
}
.b12ja {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	color: #575757;
}
.b12en {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #575757;
}
.b11ja {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 11px;
	font-weight: normal;
	color: #575757;
}
.b11en {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-weight: normal;
	color: #575757;
}
.grey12-01 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	color: #575757;
}
.grey12-02 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #575757;
}
.b12-l26 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 26px;
	font-weight: normal;
	color: #575757;
}
.b12-l22 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #575757;
}
.b12-l18 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #575757;
}
.66-12 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #575757;
}
.cc-12 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #ccc;
}
.spot-g12{
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
        color: #ddd;
}
/*///////////////////////////////////////////////////
SHOP“ΰ ‹€’ΚCSS
///////////////////////////////////////////////////*/
#page-move{
  font-size: 12px;
  text-align: center;
  border-top: 1px dotted #ccc;
  padding: 15px 0 10px 0;
}

#twitterFollowBadge 
{ position: expression('absolute'); 
top: expression((documentElement.scrollTop || document.body.scrollTop) + 300 + 'px'); 
right: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px'); 
background-position:fixed; 
*overflow:hidden; } 
 
body { *margin-bottom:-300px; }