@charset "utf-8";

/* 
---------------------------------------------------- */
*{
   margin:0;
   padding:0;
   }
body{
   text-align:center;
   padding:0 0 10px;
   background-color:#f5f5f5;
   font-size:12px;
   color:#666;
   font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", verdana, arial, sans-serif;
   }
   
h1{
   margin:0 0 12px 0;
   font-size:0;
   line-height:100%;
   }

h2{
   margin:25px 0 8px 0;
   font-size:0;
   line-height:100%;
   }

p{
   margin:0 0 12px 0;
   line-height:160%;
   font-size:12px;
   color:#666;	
   }

ul{
   list-style:none;
   line-height:100%;
   font-size:12px;	
   }
   
li{
   line-height:150%;
   font-size:12px;	
   }
   
th,td{
   vertical-align:top;
   text-align:left;
   font-weight:normal;
   line-height:160%;
   font-size:12px;	
   }
   
img{
   vertical-align:top;
   border:none;
   }


/* 全体構造
---------------------------------------------------- */
body {
   margin: 0;
   padding: 0;
   color: #333;
   font-size: 0.9em;
   background:url(../images/bg.gif) repeat-x;	
   }
   
#wrapper {
   width: 980px;
   margin: 0;
   padding: 0;
   color: #666;
   }


/* 基本フォント設定
---------------------------------------------------- */
body,th,td {
   font-size: small;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   line-height: 140%;
   text-align: left;
   }

/* \*/
h1 {
   font-size: 1.1em;
   }
   
h2 {
   font-size: 1em;
   }
   
h2,h3,h4,h5,h6 {
   font-size: 0.9em;
   }


/* リンク
---------------------------------------------------- */
a:link {
   color:#009999;
   background: transparent;
   text-decoration: none;
   }
   
a:visited {
   color:#009999;
   background: transparent;
   text-decoration: none;	
   }
   
a:hover, a:active {
   color:#66CC66;
   background: transparent;
   text-decoration: underline;
   }


---------------------------------------------------- */
#header {
   width:966px;
   height:157px;
   margin: 0;
   padding: 0;
   background:url(../images/header-bg.jpg)repeat-x;
   }

#header a:link {
   background: transparent;
   text-decoration: none;
   }

#header a:visited {
   background: transparent;
   text-decoration: none;	
   }

#header a:hover, a:active {
   background: transparent;
   text-decoration: underline;
   }

#header h1{
   margin: 0;
   padding:0x;
   float: left;
   display:inline;
   }

/* コンテンツ
---------------------------------------------------- */
#content {
   width:966px;
   margin: 0;
   padding:0;
   background:url(../images/main-bg.jpg) no-repeat;
   }


/* left
---------------------------------------------------- */
#left {
   width: 229px;
   height:978px;
   margin:0;
   padding:0;
   float:left;
   display:inline;
   background:url(../images/left-bg.jpg) no-repeat;
   }
   
#left img{
   margin:0;
   padding:0;
   }


/* 左ナビゲーション
---------------------------------------------------- */
#left ul{
   width:216px;
   margin-left: 12px;
   margin-bottom:6px;
   padding:0;
}

#left li{
   margin: 2px 30px;
   padding:0;
   list-style-image:url(../images/left-icon.jpg);
   }
   
#left #cart-btn li{
   margin-top:6px;
   margin-left:12px;
   margin-bottom: 8px;
   list-style:none;
   }
   
#left h2{
   margin:0 0 0 12px;
   padding:0;
   }
   
#left p{
   margin-bottom: 2px;
   }
   
#left a{
   color:#3E2300;
   margin:0;
   padding:0;
   }
   
   
/* #left #left-btm
---------------------------------------------------- */
#left #left-btm{
   margin-top: 20px;
   margin-left: 30px;
   margin-bottom: 12px;
   padding:0;
}
  
#left #left-btm li{
  margin:0;
  padding:0;
  list-style:none;
  font-size: 1em;
   }
   
#left #left-btm p{
   margin-bottom: 2px;
   }
   
#left #left-btm a{
   color:#333;
   margin:0;
   padding:0;
   }

/* #left #left-btm透化
---------------------------------------------------- */
#left #left-btm a:hover img {  
   filter: alpha(opacity=80);
   opacity:0.8;  
   background: #fff; 
   }
   
/* right
---------------------------------------------------- */
#right {
   width:720px;
   margin:0;
   padding:0;
   float:right;
   display:inline;
   }
   
#right #title-img{
   margin: 14px 0 6px; 0;
   padding:0;
   }
   
#right #title-img2{
   margin: 8px 0 6px; 0;
   padding:0;
   }
   
#right .index_bnr{
   margin:18px;
   }
   
#right .index_item{
   margin:18px 3px 20px 17px;
   }
   
#right .index_item2{
   margin-top:18px;
   }
   
#right #item_box {
   width:540px;
   margin: 0;
   padding:0;
   display:inline;
   float:left;
   }

#right #item_box ul{
   margin:0;
   padding:0;
   }
	
#right #item_box li{
   margin:0;
   padding-top: 10px;
   padding-right:3px;
   display:inline;
   float:left;
   }
   
#right #item_box .L{
   margin:0;
   padding-top: 10px;
   padding-right:10px;
   display:inline;
   float:left;
   }
   
#right #rank_box1 {
   width:200px;
   margin: 0;
   padding:0;
   display:inline;
   float:left;   
   }
   
#right #rank_box1 ul{
   margin:0;
   padding-top:5px;
   }
	
#right #rank_box1 li{
   width:220px;
   margin:0;
   margin-bottom:6px;
   padding:0;
   display:inline;
   float:left;
   font-size:0.9em;
   line-height:140%;
   }
   
   
/* right_2nd
---------------------------------------------------- */
#right #S_box{
   width:690px;
   margin:0;
   padding:0;
   }

#right #rank_box {
   margin: 0;
   padding:0;
   }
   
#right #rank_box a{
   color:#FF686C;
   }
   
#right #rank_box h2 {
   padding:0;
   font-size:1.2em;
   color:#FF686C;
   }
   
#right #rank_box p{
   margin:0;
   padding:0;
   font-size:0.8em;
   }

#right #rank_box span{
   margin-top:4px;
   }

#right #rank_box strong{
   margin-top:4px;
   padding:0;
   font-size:1.4em;
   color:#FF090F;
   }
   
#right #rank_box ul{
   margin:0;
   padding:0;
   }
	
#right #rank_box li{
   width:173px;
   margin:0;
   padding-top: 10px;
   padding-right:10px;
   display:inline;
   float:left;
   }
   
#right #guide_box {
   margin: 0;
   padding:0;
   }
   
#right #guide_box h2{
   text-align:center;
   margin-top: 16px;
   padding:0;
   }
   
#right #guide_box ul{
   margin:0;
   padding:0;
   }
	
#right #guide_box li{
   margin:10px;
   margin-top: 4px;
   padding: 10px;
   }  

#right #guide_box h3{
   font-size:1.4em;
   color:#990000;
   }


/* フッター
---------------------------------------------------- */
#footer {
   width:964px;
   height: 129px;
   margin: 0;   
   padding:0;
   color:#fff;
   font-size: 0.9em;
   clear: both;
   background:url(../images/footer-bg.jpg) no-repeat;
   }

#footer a{
   color:#fff;
   }
   
#footer strong{
   color:#fff;
   }

#footer #box{
   margin: auto;
   width: 964px;
   }
   
#footer .box h1{
   padding-right: 20px;
   text-align:center;
   display:inline;
   }    

#footer ul {
   margin:4px 10px;
   padding:2px 10px;
   float:right;   
   }
   
#footer li {
   margin:0;
   padding:3px;
   display:inline;
   text-align:center;
   }
   
#footer address{
   margin:5px 10px;
   padding:5px 10px;
   float: right;
   display:inline;
   text-align:center;
   font-style: normal;
   font-size: 1em;
   }