@charset "Shift_JIS";

/* Default ---------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	line-height:1.4;
	font-style:normal;
}

body{
	font: normal 11px arial, helvetica, hirakakupro-w3, osaka,"‚l‚r ‚oƒSƒVƒbƒN","ms pgothic", sans-serif;
	background:#ffffff url("./images/body_bg.jpg") repeat-x;
}
img{
	border:0px none;
}

ul,ol,dl{
	list-style:none;
}

em{
	font-weight:bold;
	font-style:normal;
	color:#900;
}
th,td{
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	font-size:105%;
}

tr{
	text-align:center;
}


a {
 text-decoration:none; 
}


/* Header */

#Mhead {
  width: 740px;
  overflow: auto;
  background: #fff url("./images/header_bg.gif") no-repeat;

  margin-right: auto;
  margin-left: auto;
  border-top: 5px solid #399;
  border-bottom: 5px solid #399;
}

#Leftnavi{
  float:left;
  width: 560px;
  text-align:left;
  padding:2px 0 0 5px;
}


#Rightnavi{
  float: right;
  width: 140px;
}

/* ShopHeader */

#Shophead {
  width: 740px;
  height:99px;
  overflow: auto;
  background: #eee ;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  99border: 1px solid #00487D;
  padding: 0px;
}

#SnaviLeft{
  float:left;
  width: 230px;
  height:95px;
}

#SnaviRight{
  float: right;
  width: 508px;
  border-left: 1px solid #00487D;
  border-right: 1px solid #00487D;
}

#SnaviUp{
  height:28px;
}

#SnaviUp .cardimg{
  float: right;
  width: 90px;
  background: #fff ;
  margin:4px 5px 0 5px;
}


#Headmess{
  float: left;
}

#Headmess h1{
  font-weight:normal;
  font-style:normal;
  font-size:90%;
  color:#000;
  padding:9px 0px 0px 5px;
}

#SnaviMiddle{
  height:30px;
  99width: 492px;
  background: #eee ;
  border-top: 1px solid #00487D;
}


#SnaviSrch{
  float: left;
  text-align:left;
  background: #eee ;
}


#scripttext{
  float: right;
  background-color: #ff9;
  margin:3px 5px 2px 0;
  padding:2px 6px;
  font-size:12px;
  color:#369;
  text-align: right;
  border: 1px solid #f00;
}



#SnaviDown{
  height: 35px;
  99width: 492px;
  overflow: auto;
  margin-left: auto;
  background: #0168B3 url("./images/Shopnavigation_bg.png") repeat-x;
}

#SnaviSrchLeft{
  float: left;
  font-size:1.1em;
  padding: 5px 0px 0 20px;
}

#SnaviSrchRight{
  float: right;
  font-size:1.0em;
  padding: 5px 0px 0 5px;
}


/* RightNavigation ----------------------------------------------------------------- */
.Rnavi{
	padding:0;
	margin:2px 3px 2px 0px;
	background:transparent url("./images/Rnavigation_bg.jpg") no-repeat;
}
.Rnavi li{
	display:block;
//	float:left;
}
.Rnavi li.navPro{
	width:137px;
}
.Rnavi li.navSsl{
	width:137px;
}
.Rnavi li.navFaq{
	width:137px;
}

.Rnavi li em,
.Rnavi li a{
	display:block;
	height:20px;
	background:url("./images/Rnavigation.png") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
}
.Rnavi li.navPro em{background-position:0px -20px;}
.Rnavi li.navPro a{background-position:0px 0px;}
.Rnavi li.navPro a:visited{background-position:0px 0px;}
.Rnavi li.navPro a:hover{background-position:0px -20px;}

.Rnavi li.navSsl em{background-position:-137px -20px;}
.Rnavi li.navSsl a{background-position:-137px 0px;}
.Rnavi li.navSsl a:visited{background-position:-137px -0px;}
.Rnavi li.navSsl a:hover{background-position:-137px -20px;}

.Rnavi li.navFaq em{background-position:-274px -20px;}
.Rnavi li.navFaq a{background-position:-274px 0px;}
.Rnavi li.navFaq a:visited{background-position:-274px 0px;}
.Rnavi li.navFaq a:hover{background-position:-274px -20px;}


/* ShopNavigation ----------------------------------------------------------------- */
.Snavi{
	height:35px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:transparent url("./images/Shopnavigation_bg.png") repeat-x;
}
.Snavi li{
	display:block;
	float:left;
}
.Snavi li.navTop{
	width:94px;
}
.Snavi li.navViw{
	width:84px;
}
.Snavi li.navBlg{
	width:79px;
}
.Snavi li.navInf{
	width:152px;
}
.Snavi li.navFom{
	width:87px;
}

.Snavi li em,
.Snavi li a{
	display:block;
	height:35px;
	background: url("./images/Shopnavigation.png") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
}
.Snavi li.navTop em{background-position:0px -35px;}
.Snavi li.navTop a{background-position:0px 0px;}
.Snavi li.navTop a:visited{background-position:0px 0px;}
.Snavi li.navTop a:hover{background-position:0px -35px;}

.Snavi li.navViw em{background-position:-94px -35px;}
.Snavi li.navViw a{background-position:-94px 0px;}
.Snavi li.navViw a:visited{background-position:-94px -0px;}
.Snavi li.navViw a:hover{background-position:-94px -35px;}

.Snavi li.navBlg em{background-position:-178px -35px;}
.Snavi li.navBlg a{background-position:-178px 0px;}
.Snavi li.navBlg a:visited{background-position:-178px 0px;}
.Snavi li.navBlg a:hover{background-position:-178px -35px;}

.Snavi li.navInf em{background-position:-257px -35px;}
.Snavi li.navInf a{background-position:-257px 0px;}
.Snavi li.navInf a:visited{background-position:-257px -0px;}
.Snavi li.navInf a:hover{background-position:-257px -35px;}

.Snavi li.navFom em{background-position:-409px -35px;}
.Snavi li.navFom a{background-position:-409px 0px;}
.Snavi li.navFom a:visited{background-position:-409px 0px;}
.Snavi li.navFom a:hover{background-position:-409px -35px;}

/* MainNavigation ----------------------------------------------------------------- */

#main-navigation {
  position: relative;
  clear: both;
  width: 740px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2px;
  background: #ddd;
  border-bottom: 4px solid #399;
}

#main-navigation ul {
    font-size: 12px;  
//    margin: 1px 0 0 0;
    padding: 0 0 0 8px;
    list-style: none;
	  border-top: 1px solid #fff;
}

#main-navigation ul li {
	float: left;
}

#main-navigation ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 4px 4px 5px;
	color: #333;
  border-left: 1px solid #fff;
	  border-top: 1px solid #666;
}

#main-navigation ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

#main-navigation ul.hobby li a:hover{
    background: #399;
}

#main-navigation ul li.on a {
    color: #fff;
    background: #399;
}

#main-navigation ul li.last {
    border-right: 1px solid #ccc;
    border-right: none;
}
#main-navigation ul li.last a {
    color: #000;
    border-right: 1px solid #fff;
}
#main-navigation ul li.last a:hover  {
    color: #fff;
}

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

#footer {
  width: 720px;
  font-size:0.8em;
  color: #36f;
  text-align:center;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0 50px 0;
}

/* Utilities -------------------------------------------------------------- */


#main-navigation:after
{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}