/*-----------------------------
Byit365 Style Sheet

1: 外部css読み込み

-------------------------------
Last modify : 2007/2/26
Author : mukai
-------------------------------*/

/* =1:外部css読み込み------*/

@import url(resetCss.css);


/* 共通------*/
* {
  font-size: 13px;
  color: #666;
}

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

/*link------*/

  a {
    line-height: 20px;
    color: #000;
    text-decoration: none;
  }
  a:hover {
    color: #ff0000;
    text-decoration: underline;
  }
  
/*見出し------*/
h2 {
  width: 750px;
  margin: 0 auto 20px;
  line-height: 26px;
  color: #ff6600;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  text-indent: 30px;
  background: url(/images/user/200802/h2.gif) top left no-repeat;
}
h3 {
  margin: 15px auto;
}
h4 {
  margin:  0 auto 15px;
}

/*table------*/

td {
  padding: 5px;
  text-align: left;
}
th{
  width: 100px;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background-color: #ff9900;
  border-bottom: 1px solid #fff;
  border-right: 3px solid #fff;
}
.dataTable td {
  padding: 10px;
  border-bottom: 1px solid #999;
}
.dataTable td.lastCell {
  border: 0;
}
.dataTable img {
  margin: 5px;
  margin-right: 10px;
  border: 1px solid #999;
}
.dataTable input {
  margin: 0;
}
#main table.priceList {
  width: 600px;
  margin-left: 0;
  border: 1px solid  #999;
  border-collapse: collapse;
  border-spacing: 1px;
}
table.priceList th,
table.priceList td{
  width: auto;
  border: 1px solid  #999;
}
table.priceList td{
  border: 1px solid  #999;
  text-align: right;
}
table.priceList td.title{
  background-color: #FFFACD;
  text-align: center;
}
#main table.loginTable,
table.loginTable {
  width: 400px;
  margin: 15px auto;
}
table.loginTable th{
  width: 100px;
  padding: 5px;
  vertical-align: top;
  text-align: right;
  background-color: #fff;
  color: #ff6600;
}
table.loginTable td{
  background-color: #fff;
  padding: 5px;
}
table.loginTable input {
  margin: 0;
  padding: 0;
}
caption {
  padding-top: 10px;
}

/*List------*/

ul {
  margin: 15px 0;
}
ul ul , ol ul {
  margin: 0;
}
.dataTable ul li {
  padding: 5px 0;
  list-style: disc;
  list-style-position: inside;
 text-indent: -1.2em;   
 margin-left: 1.4em;   
}  

#shopList  ul {
  margin: 0;
}
#shopList  li {
  margin: 2px 0;
  padding-left: 20px;
  list-style: none outside;
  background: url(/images/user/200802/arrow01.gif) no-repeat 3px 6px;
}
dd, li {
  text-align: left;
}
dt {
  padding: 5px 0;
  color: #ff6600;
  text-align: left;
  font-weight: bold;
}
dfn {
  display: block;
  margin: 5px auto;
  padding: 2px;
  color: #ff6600;
  font-weight: bold;
  background: #f2f2f2;
  border-bottom: 1px solid #ff6600;
}
dl.companyInfo,   
dl.companyInfo2 {   
  width: 600px;   
  overflow: hidden;
  margin-top: 5px;
}   
dl.companyInfo dt,   
dl.companyInfo2 dt {   
  float: left;   
  padding: 0;
  color: #ff6600;
  font-weight: normal;
}   
dl.companyInfo2 dt {
  width: 70px;
  text-align: right;
}
dl.companyInfo dd,   
dl.companyInfo2 dd {   
  padding: 0;   
  padding-left: 35px;   
}
dl.dlTable dt {   
  float:left;
  width:86px;
  height: 100px;
  margin: 0;
  padding: 0;
}   
dl.dlTable dd {   
  float: left;
  width: 260px;   
  height: 100px;
  margin-left: 5px;
  margin-right: 15px;
}   
dl.dlTable2 {   
  width:100%;
  margin: 0;
}   
dl.dlTable2 dt {   
  float:left;
  margin: 0 5px;
  margin-right : 15px ;
  padding: 0;
}   
dl.dlTable2 dd {   
  min-height: 60px;
}   
.mgSample dl {
  float: left;
  margin-left: 10px;
  margin-right: 5px;
}
.mgSample dt,
.mgSample dd {
  text-align: center;
}
.mgSample dd {
 font-weight: bold;
 color:  #ff6600;
}

/*---------------*/
#main #function ul {
  width: 630px;
  margin: 15px auto; 
  text-align: left;
  border-bottom: 1px dotted #999;
}
#main #function li {
  display: table-cell;   
  vertical-align: top;   
 padding: 10px 0 20px; 
}
#main #function li.img img {
  margin-right: 20px; 
  text-align: left;
}
/*for IE6 */  
* html #main #function li {   
    display: inline;   
    zoom: 1;   
}   
    
/*for IE7 */  
*:first-child+html #main #function li {   
    display: inline;   
    zoom: 1;   
}  
#main ul.point li {
  padding: 10px 0;
  font-weight: bold;
  padding-left: 10px;
  list-style: none outside;
  background: url(/images/user/200802/arrow01.gif) no-repeat left center;
}
/*---------------*/

/*pankuzu------*/

.topicPath {
  margin: 0 0 20px; 
  padding: 0;
  text-align: left;
}
.topicPath li {
  display: inline;
}
.topicPath li.crumb {
  padding-left: 15px;
  background: url(/images/user/200802/arrow02.gif) no-repeat left center;
}

/*input------*/

input {
  margin: 5px 0;
}

/* Header-------*/

#header {
  position: relative;
  width: 970px;
  height: 100px;
  margin: 0 auto; 
  padding: 0;
  text-align: left;
  background: url(/images/user/200802/bg_header.jpg) no-repeat scroll right;
}
#header .logo {
  float: left;
  height: 87px;
  margin: 0;
  padding: 0;
  border:none;
  background: transparent;
}
#header ul {
  float: right;
  height: 87px;
  margin: 0; 
  padding: 0;
}
#header li {
  display: block;
  float: left;
  height: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#header .login {
  position: absolute;
  top: 60px;
  right: 5px;
  height: 87px;
  margin: 0;
  padding: 0;
}
#header .login  li{
  height: 25px;
  padding: 0 5px;
  line-height: 25px;
}
#header  a,
#header .login  a {
  color: #3366cc;
}
.shopName {
  width: 285px;
  margin: 0;
  padding: 0;
  border:none;
  background: transparent;
}
#header input {
  margin: 0;
}


#header #city {
  position: absolute;
  top:15px;
  left: 100px;
}

#header #cityList {
   z-index: 100;
   position: absolute;
   top:20px;
   left:45px;
   width: 150px;
   height: 25px;
   margin: 0;
   padding: 0;
   border: 1px solid #ccc;
   background: #fff;
}
#header #cityList li {
  width: 40px;
   margin: 0;
   padding: 0;
  line-height: 25px;
}

#header .shopNum {
  display: block;
  margin: 0;
   margin-top: 30px;
  padding: 0;
  color: #ff6600;
  font-weight: bold;
}

/* Main------*/
 
#container {
  position: relative;
  width: 970px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
}
#login {
  width: 750px;
  margin: 0 auto;
  margin-top: 15px;
  text-align: left;
}
#login  a {
  color: #3366cc;
}
#main-container {
  float: right;
  width: 700px;
  margin-top: 15px;
}
#main-right {
  float: right;
  width: 220px;
  text-align: center;
}
#main-left {
  float: left;
  width: 480px;
  text-align: left;
}
#left-container {
  float: left;
  width: 255px;
  margin: 0;
  text-align: center;
  xoverflow: hidden;
}
#left-container div.menu {
  width: 255px;
  margin: 0;
  padding:0;
  text-align: center;
  background: url(/images/user/200802/bg_menu.gif) repeat-y top left;
}
#left-container div p {
  display: block;
  width: 230px;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  background-color: #f2f2f2;
}
#left-container img.search_menu {
  margin: 0;
  vertical-align: bottom;
 }
#footerCm,
#footer {
  clear: both;
  width: 970px;
  margin: 15px auto 0;
  text-align: center;
}
#footer hr {
  width: 970px;
  margin: 10px auto;
  border: none;
  border-top: 3px solid #ff6600;
}
#footerCm ul,
#footer ul {
  margin: 0 auto;
  display: inline;
  text-align: center;
}
#footerCm li,
#footer li {
  display: inline;
  margin: 0;
  margin-left: 1em;
  vertical-align: top;
}
#footerCm li,
#footer li {
  padding-right: 1em; 
  border-right: 1px solid #999;
}
#footer p {
  margin: 10px auto;
  margin-left: 1em;
  font-size: 90%;
  color: #999;
  text-align: center;
}

#footer p span.red{
  font-size: 100%;
  color: red;
}

#footerCm a,
#footer a {
    color: #ff6600;
    text-decoration: none;
  }

/* = Sub------------------------*/

#main {
  position: relative;
  float: right;
  width: 816px;
  height:auto;
  margin: 0;
  text-align: center;
}
#main div,
#main2 div {
  width: 750px;
  margin: 20px auto;
}
#main div p {   
    xdisplay: table-cell;   
    vertical-align: middle;   
    margin: 0;   
}   
#main div div {
  margin: 0 auto;
}
#main div table {
  width: 750px;
  margin: 0 auto;
}
#sub {
  position: relative;
  width: 150px;
  margin: 0;
  padding-top: 20px;
  text-align: center;
}
#sub ul {
  margin: 0;
  padding: 0;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
#sub ul ul {
  border: none;
}
#sub ul li {
  display: block;
  margin: 0;
  padding: 0;
  width: 148px;
}
#sub ul li.smenu01 a,
#sub ul li.smenu02 a,
#sub ul li.smenu03 a,
#sub ul li.smenu04 a {
  display: block;
  width: 148px;
  height: 38px;
  margin: 0;
  padding: 0;
 text-decoration: none; 
}  
#sub ul li.smenu01 a {
  background: url(/images/user/200802/smenu_01.gif) no-repeat left top;
}  
#sub ul li.smenu02 a{
  background: url(/images/user/200802/smenu_02.gif) no-repeat left top;
}  
#sub ul li.smenu03 a{
  background: url(/images/user/200802/smenu_03.gif) no-repeat left top;
}  
#sub ul li.smenu04 a{
  background: url(/images/user/200802/smenu_04.gif) no-repeat left top;
}  
#sub ul li a:hover {
  background-position : 0 -38px;
}  
a span{
   visibility: hidden;
   margin: 0;
   padding: 0;
  }
#sub ul li.smenu01 li a,
#sub ul li.smenu02 li a {
  height: 25px;
  background:#f2f2f2;
  text-indent: 25px;
  line-height: 25px;
  background: url(/images/user/200802/smenu_02_2.gif) no-repeat left top;
}  
#sub ul li.smenu01 li a:hover,
#sub ul li.smenu02 li a:hover {
  color: #ff6600;
  background-position : 0 -25px;
}  
/*ShopCategory-----*/

.shopCategory {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  padding-left: 5px;
  text-align: center;
}
.shopCategory img {
  float: left;
  margin: 3px 0;
  margin-right: 5px;
}
#main-left .shopCategory{
  padding: 0;
}
#main-left .shopCategory img {
  float: left;
  margin: 3px;
  margin-right:0;
}

/*ShopList-----*/

.qlink {
  height: 23px;
  margin: 10px;
  margin-top: 20px;
  padding-left: 120px;
  line-height: 23px;
  background: url(/images/user/200802/qlink.gif) no-repeat left top;
}
#shopList {
  width: 700px;
  margin: 10px auto;
  text-align: center;
}
#shopList div {
  float: left;
  display: inline;
  width: 350px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#shopList div div{
  clear: both;
  width: 320px;
  margin: 5px 15px;
  text-align: left;
}
#shopList  h2 {
  width: 320px;
  margin: 10px 0; 
  background: none;
  text-indent: 0;
}
#shopList  h2.shop {
  color: #ff6600;
  font-weight: bold;
  line-height: 23px;
  text-indent: 10px;
  background: url(/images/user/200802/list_shop.gif) no-repeat left bottom;
}
#shopList  ul {
 padding-left: 0px; 
}

/*ScrollNewChirashi ------*/

#newsIconScroll {
  width: 640px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto;
}  
#newsIconScroll td {
  margin: 0 auto;
  padding: 0;
}  
#leftArrow,
#rightArrow,
#topArrow,
#bottomArrow {
  margin: 0;
}
#marqueedivcontrol1 {
  margin: 0 auto ;
  text-align: center;
  border-top:  1px solid #ccc;
  border-bottom:  1px solid #ccc;
}
#marqueedivcontrol1 table {
  margin: auto;
  text-align: center;
}
#marqueedivcontrol1 td {
  padding: 5px;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  white-space: nowrap;
}
#marqueedivcontrol1 td:hover {
  background-color: #F0F8FF;
}
#marqueedivcontrol1 td  a {
  line-height: 1.2;
  color: #000;
}
#marqueedivcontrol1 td a:hover {
  color: #ff0000;
  text-decoration: underline;
}
  
/*Banner ------*/

#bannerArea {
  margin: 0;
  padding-top: 10px;
  background-color: #f2f2f2;
}
#bannerArea img {
  margin: 0;
  margin-bottom: 10px;
}

/*NewList ------*/
#vmarquee td{
  vertical-align: top;
}
#vmarquee td img{
  position: relative;
  top: 3px;
}

/* レイアウト調整------*/

.right {
  width: 750px; 
  text-align: right;
}

/* ページ上部へ------*/

#topNav {
 width: 100%;
 text-align: right;
}

/*float解除------*/

.clearfix:after {
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
 .clearfix {
   zoom: 1;
 }

/* IE用hack---------------------*/

/* 1pxずれる画像対応------*/

 /* 7.0用 */
*:first-child+html img.hack1 {
 position: relative;
 left: 1px;
}


.menu div div {
display : block;
width:220px;
margin:0 0 0 6px;
padding:3px 10px;
text-align: left;
background-color:#f2f2f2;
}
#main2 div div.lastCell {
margin-bottom: 20px;
}
.menu div ul {
clear:both;
background-color:#f2f2f2;
margin: 0;
}
.menu div li{
padding: 3px 0;
}
.menu div li{
float:left;
display:inline;
margin: 3px 0;
margin-right: 7px;
}

/*CategoryPopup ------080729add*/

#left-container #specialList,
#left-container #financeList ,
#left-container #otherList ,
#main-left #specialList,
#main-left #financeList,
#main-left #otherList {
  z-index: 100;
  position: absolute;
   width: 263px;
   background: transparent;
}

#left-container #specialList img,
#left-container #financeList img,
#left-container #otherList img ,
#main-left #specialList img,
#main-left #financeList img,
#main-left #otherList img {
   margin: 0;
   vertical-align: bottom;
}

#left-container #specialList img.fot ,
#left-container #financeList img.fot ,
#left-container #otherList img.fot ,
#main-left #specialList img.fot ,
#main-left #financeList img.fot ,
#main-left #otherList img.fot {
   margin: 0;
   vertical-align: top;
}

#left-container #specialList ul ,
#left-container #financeList ul ,
#left-container #otherList ul ,
#container #main-left #specialList ul ,
#container #main-left #financeList ul ,
#container #main-left #otherList ul {
  float: left;
   width: 263px;
   margin: 0;
   background: url(/images/user/200802/bg_popup_02.gif);
   background-repeat: repeat-y; 
   background-position: left; 
}

#left-container #specialList li,
#left-container #otherList li ,
#main-left #specialList li,
#main-left #otherList li {
  display: block;
  float: left;
   margin: 0;
   padding: 0 10px;
}

#left-container #financeList li,
#main-left #financeList li{
  display: block;
  float: left;
   margin: 0;
   padding: 0 20px;
}

#left-container #specialList {
  top:180px;
  left: 0px;
}

#left-container #financeList {
   top: 240px;
   right:-140px;
}

#left-container #otherList {
   top: 370px;
   right:-140px;
}

#main-left #specialList {
  top:115px;
  left:180px;
}

#main-left #financeList {
  top:170px;
  left:180px;
}
#main-left #otherList {
   top: 240px;
   right:-110px;
}