@charset "Shift_JIS";

/*BODY*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{  
    margin:0; padding:0;  
}  

body{  
 background-color: #D9D9CF;
 } 

fieldset, img{  
    border:0;  
}  
address, caption, cite, code, dfn, th, var{  
    font-style:normal; font-weight:normal;  
}  
ol, ul{  
    list-style:none;  
}  
caption, th{  
    text-align:left;  
}  

q:before, q:after{  
    content:”;  
}  
abbr, acronym{  
    border:0;  
}  

img {
vertical-align:bottom;
}

#base{
 background-color: #FFFFFF;
width: 100%;
padding: 0px;
border: 0px;
vertical-align: top;
 font-size: 11px;
 line-height:180%;
 color: #090909;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
 letter-spacing: 1px;
}

/*HEADER*/
#header{
width: 900px;
height: 75px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
padding: 20px 0px 20px 0px;
}

#menu {
width: 197px;
}

#menu  ul li {
width: 197px;
padding: 0px 0px 20px 0px;
list-style-type:none;
}

#menu  ul li a {
text-decoration:none;
overflow:hidden;
border-bottom-width : 0px;
font-size: 11px;
font-weight: normal;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
}

#menu  ul li a:hover,
#menu  ul li a:active{
text-decoration:none;
overflow:hidden;
font-size: 11px;
font-weight: normal;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #cccccc;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #cccccc;
}

#smenu  {
padding: 10px 0px 0px 10px;
}

#smenu ul li  {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 12px;
}

.accordion  {
padding: 0px 0px 5px 0px;
}

/*CONTENTS*/

#contents{
width: 900px;
border: 0px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
padding: 0px 0px 30px 0px;
background-color: #FFFFFF;
}


#contents-left{
width: 223px;
float: left;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#contents-right{
width: 677px;
float: left;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

* html #contents-right{
width: 677px;
float: left;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}


#kai-contents{
width: 673px;
margin-top: 0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
}

#top-img{
width: 673px;
margin-top: 0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
*margin-bottom:15px;
}


#top-news{
width: 210px;
margin-top: 0px;
margin-bottom:0px;
padding: 0px 10px 0px 0px;
font-size: 11px;
 font-weight: normal;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
float: left;
}

#top-news a{
	color: #090909;
text-decoration: none;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #ffffff;
}

#top-news a:hover,
#top-news a:active{
	color: #999999;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #999999;
}

#top-pickup{
width: 440px;
margin-top: 0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
 font-weight: normal;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
float: left;
}

#top-list01, #top-list02, #top-list03, #top-list04{
padding: 0px 0px 0px 0px;
margin:  5px 0px 5px 0px;
border-top-width : 1px;
border-top-style : dotted;
border-top-color : #999999;
}

#top-news h2, #top-pickup h2, #top-list01 h2, #top-list02 h2, #top-list03 h2, #top-list04 h2{
padding: 5px 0px 5px 0px;
font-size: 13px;
font-weight: strong;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
}

.thmb{
width: 210px;
height: 70px;
 padding:0;
 margin:0px 10px 10px 0;
float: left;
}


.thmb-img{
width: 100px;
height: 65px;
margin:0px 5px 0px 0px;
padding:0;
float: left;
overflow:hidden;
}

.thmb-img img{
width: 100px;
margin:0px 0px 0px 0px;
padding:0;
}

.thmb-txt{
width: 105px;
    padding:0;
font-size: 11px;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
float: left;
letter-spacing: 0px;
}

.thmb-txt a {
text-decoration: none;
color: #090909;
text-decoration: none;
}


.thmb-txt a:hover,
.thmb-txt a:active{
	color: #cccccc;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #cccccc;
}

.time {
color: #666666;
    font-size: 9px;
}

#pan{
width: 750px;
height:20px;
text-align: right;
font-size: 10px;
border: 0px;
margin: -25px 0px 5px 0px;
padding: 0px;
}

#i-price {
color: #002D82;
    font-size: 11px;
text-align: right;
margin: 0px 0px 5px 0px;
}

#i-cart {
color: #002D82;
text-align: right;
margin: 0px 0px 5px 0px;
}

.box{
padding: 0px 25px 5px 0px;
margin: 0px;
}

.i-box{
	background-color: #D9D9CF;
	padding: 10px;
	margin: 8px 0px 0px 0px;
}

.category-item{
width: 197px;
padding: 0px;
margin: 0px 7px 7px 0px;  
float: left;
}

.category-item a{
color: #0F1014;
text-decoration: none;
}

.category-item a:hover,
.category-item a:active{
color: #cccccc;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #666666;
}

.item-copy{
padding: 0px;
margin: 5px 0px 5px 0px;  
}

.clear{
clear: both;
}



#stocks{
width: 660px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
}

#stocks a{
color: #666666;
text-decoration: none;
border-bottom-width : 0px;
}


#stocks a:hover,
#stocks a:active{
text-decoration: none;
border-bottom-width : 0px;
}

.box {
background-color: #D9D9CF;
padding: 10px;
margin: 8px 0px 0px 0px;
}



#detail-left{
float: left;
width: 385px;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
}

#detail-left #m-item{
width: 375px;
height: 280px;
border: 0px;
overflow:hidden;
text-align: center;
}

#detail-left #m-item img{
height: 280px;
}


#detail-left a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}


#detail-left a{
text-decoration: none;
border-bottom-width : 0px;
}

#detail-left a:hover,
#detail-left a:active{
text-decoration: none;
border-bottom-width : 0px;
}


#detail-right{
width: 280px;
float: right;
border: 0px;
padding: 0px 0px 0px 0px;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
}


.d-item{
width: 90px;
height: 68px;
padding: 0px;
overflow:hidden;
margin: 5px 5px 0px 0px;  
float: left;
}

.d-item img{
width: 110px;
}

.btn-detail{
float:right;
margin: 0px 10px 0px 20px;  
}

.st-left{
width: 500px;
}

.st-right{
margin: 0px;
padding: 10px 60px 0px 0px;
font-size:10px;
float:right;
}

.st-right a{
text-decoration: none;
border-bottom-width : 0px;
}

.st-right a:hover,
.st-right a:active{
text-decoration: none;
border-bottom-width : 0px;
}


/*TABLE*/






.list01{
background-color: #ffffff;
width: 212px;
padding: 5px;
margin: 0px 0px 5px 0px;  
}

* html .list01{
background-color: #ffffff;
width: 222px;
padding: 5px;
margin: 0px 0px 5px 0px;  
}


.list02{
background-color: #ffffff;
width: 485px;
padding: 5px;
margin: 0px 0px 5px 0px;  
}

* html .list02{
background-color: #ffffff;
width: 495px;
padding: 5px;
margin: 0px 0px 5px 0px;  
}

.lt {
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
padding: 4px 4px 4px 8px;
font-size: 14px;
line-height:140%;
color: #ffffff;
background-color: #666666;
font-weight: bold;
}

.lt-r {
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
padding: 4px 4px 4px 8px;
font-size: 14px;
line-height:140%;
color: #ffffff;
background-color: #e8415c;
font-weight: bold;
}

.lt-b {
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
padding: 4px 4px 4px 8px;
font-size: 14px;
line-height:140%;
color: #ffffff;
background-color: #008edb;
font-weight: bold;
}

.lt-g {
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
padding: 4px 4px 4px 8px;
font-size: 14px;
line-height:140%;
color: #ffffff;
background-color: #59a538;
font-weight: bold;
}

.lt-o {
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
padding: 4px 4px 4px 8px;
font-size: 14px;
line-height:140%;
color: #ffffff;
background-color: #f28b46;
font-weight: bold;
}


.tb{            
padding: 6px 3px 6px 3px;
margin: 2px;
background-color: #ffffff;
color: #555555;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #cccccc;
}

.tc{            
padding: 6px 3px 6px 3px;
margin: 2px;
background-color: #ffffff;
color: #555555;
}


.tb01{            
padding: 6px;
margin: 2px;
background-color: #ffffff;
color: #555555;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #cccccc;
font-weight: bold;
}

.tb02{            
padding: 6px;
margin: 2px;
background-color: #ffffff;
color: #555555;
border-top-width: 1px;
border-top-style: dotted;
border-top-color : #cccccc;
}

.tb03{            
padding: 6px;
margin: 2px;
background-color: #ffffff;
color: #555555;
font-weight: bold;
}

.tb04{            
padding: 6px;
margin: 2px;
background-color: #ffffff;
color: #555555;
}


.tt01{            
padding: 6px;
margin: 2px;
background-color: #ffffff;
color: #555555;
border-top-width: 1px;
border-top-style: solid;
border-top-color : #cccccc;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #cccccc;
font-weight: bold;
}

.tt02{            
padding: 6px;
margin: 2px;
background-color: #ffffff;
color: #555555;
border-top-width: 1px;
border-top-style: solid;
border-top-color : #cccccc;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color : #cccccc;
}

/*ITEM*/

.base-item{
background-color: #ffffff;
height: 240px;
padding: 5px 10px 5px 10px;  
margin: 0px 0px 0px 0px;  
text-align: center;
}

.item{
width: 100px;
float: left;
padding: 0px 8px 6px 8px;  
margin: 0px 0px 0px 0px;  
text-align: center;
background-color: #ffffff;
}

* html .item{
width: 116px;
float: left;
padding: 0px 8px 6px 8px;  
margin: 0px 0px 0px 0px;  
text-align: center;
background-color: #ffffff;
}

.item a{
 font-size: 12px;
font-weight: bold;
color: #555555;
}

.item a:hover,
.item a:active{
 font-size: 12px;
color: #008edb;
}

.item-n{
float:left;
margin: 25px 5px 10px 10px;
}



/*IMAGE*/

.img-left{
float:left;
margin-right: 10px;
}

.img-right{
float:right;
margin-left: 10px;
}


/*FOOTER*/

#banner-base{
width: 100%;
height:120px;
text-align: center;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
 background-color: #B7B29F;
}

#banner{
width: 900px;
text-align: center;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
}


.banner-thmb{
width: 200px;
height:98px;
text-align: left;
padding: 11px 11px 11px 11px;  
margin: 0px -1px 0px 0px;
float:left;
font-size: 10px;
 line-height:140%;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
border-left-width : 1px;
border-left-style : solid;
border-left-color : #FFFFFF;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #FFFFFF;
}

.banner-thmb a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}

.banner-thmb p{
margin: 4px 10px 0px 10px;
padding: 0px 0px 0px 0px;  
}

.banner-thmb p a{
 color: #090909;
text-decoration: none;
border-bottom-width : 0px;
}

.banner-thmb p a:hover,
.banner-thmb p a:active{
	color: #ffffff;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #ffffff;
}

.banner-thmb p a{
 color: #090909;
text-decoration: none;
border-bottom-width : 0px;
}

#footer-base{
width: 100%;
text-align: center;
margin: 15px 0 15px 0;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
font-size: 9px;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
background-color: #D9D9CF;
}

#footer{
width: 900px;
text-align: right;
margin: 15px 0 15px 0;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
font-size: 9px;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
}


#footer a{
 font-size: 9px;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
 color: #090909;
text-decoration: none;
border-bottom-width : 0px;

}

#footer a:hover,
#footer a:active{
	color: #999999;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #999999;
}





/*FONT*/

h1	{
	width: 423px;
	height:75px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height:100%;
	background:url(http://www.shotengekijo.co.jp/shopinfo/images/logo.gif) no-repeat 0px 0px;
	}	

h1 a	{
	width: 423px;
	height:75px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height:100%;
	}	

h1 a:hover	{
	width: 423px;
	height:75px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height:100%;
	}	
	

h2{
margin:5px 0px 5px 0px;
font-size: 18px;
 font-weight: normal;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
letter-spacing: 2px;
text-align: left;
}


h3{
margin:2px 0px 15px 0px;
font-size: 12px;
 font-weight: normal;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
letter-spacing: 1px;
text-align: left;
}

h4{
margin:5px 0px 5px 0px;
font-size: 16px;
 font-weight: normal;
 font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
color: #090909;
letter-spacing: 2px;
text-align: left;
}


.brown{
color:#AEA38E;
}

a{
color: #0F1014;
text-decoration: none;
}

a:hover,a:active{
color: #AEA38E;
}

.big{                                                                                                                                                       
font-size:13px;
line-height:197%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
letter-spacing: 1px;
font-weight: bold;
}

.h-r{                                                                                                                                                       
font-size:14px;
line-height:17px;
color: #e8415c;
padding: 5px 2px 2px 2px;
margin: 0px 0px 3px 0px;
letter-spacing: 1px;
font-weight: bold;
}

.h-b{                                                                                                                                                       
font-size:14px;
line-height:17px;
color: #008edb;
padding: 5px 2px 2px 2px;
margin: 0px 0px 3px 0px;
letter-spacing: 1px;
font-weight: bold;
}

.h-g{                                                                                                                                                       
font-size:14px;
line-height:17px;
color: #59a538;
padding: 5px 2px 2px 2px;
margin: 0px 0px 3px 0px;
letter-spacing: 1px;
font-weight: bold;
}

.font-b{                                                                                                                                                       
color: #008edb;
 font-size: 11px;
}

.font-s{
font-size:10px;
color:#cccccc;
}



/*FORM*/

.txt
 {
    height: 14px;  
margin: 0px;
 padding: 2px;
 border: #ccc 1px dotted;
 background-color: #ffffff;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
 font-weight: normal;
color: #666666;
 }
 
* html .txt
 {
    height: 20px;  
margin: 0px;
 padding: 2px;
 border: #ccc 1px dotted;
 background-color: #ffffff;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
 font-weight: normal;
color: #666666;
 }

.search-txt  {
    width:137px;
    height: 14px;  
 border: #999999 1px solid;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
 font-weight: normal;
color: #666666;
background: url("/shop/images/icon-search.gif") no-repeat 2px 1px #ffffff;
margin: 0px 4px 0px 0px;
    padding: 2px 2px 2px 22px;
}

.search
 {
margin: 0px;
  padding: 2px;
 border: #313131 1px solid;
 background-color: #002D82;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
font-size: 10px;
 font-weight: normal;
line-height: 130%;
color: #ffffff;
cursor: pointer;
 }
 
.search:hover{
margin: 0px;
  padding: 2px;
 border: #666666 1px solid;
 background-color: #ffffff;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
font-size: 10px;
 font-weight: normal;
color: #313131;
cursor: pointer;
}
 
select
 {
 border: #ccc 1px dotted;
 background-color: #ffffff;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
 font-weight: normal;
color: #666666;
 }
 

.btn
 {
margin: 0px;
  padding: 2px 2px 2px 2px;
 border: #666666 1px dotted;
 background-color: #666666;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
font-size: 11px;
 font-weight: normal;
color: #ffffff;
cursor: pointer;
 }
 
.btn:hover{
margin: 0px;
  padding: 2px 2px 2px 2px;
 border: #cccccc 1px dotted;
 background-color: #cccccc;
font-family : "Hiragino Kaku Gothic Pro",  "メイリオ ";
font-size: 11px;
 font-weight: normal;
color: #ffffff;
cursor: pointer;
}



.price {
color: #002D82;
    font-size: 11px;
}


.sen{
    height:15px;
clear: both;
margin-left:auto;   /*センタリング 1/2*/
margin-right:auto;  /*センタリング 2/2*/
padding: 0px 0px 0px 0px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #cccccc;
font-weight: normal;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:453px;
}

#slideshow IMG {
width: 680px;
    height:453px;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.A {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}