/* CSS Document */


/*---------------------------------------------------------

個別指定(fontや色)：　font.css
ノベルティメニュー(左側　ＩＤ＝left)：　left.css
中のページ　　nakami.css
段組みや、ヘッダー　main.css


---------------------------------------------------------------*/

/*--------------------------------------------------
             全体指定
---------------------------------------------------*/
* {
   margin-top: 0px;
   padding: 0px;
   
}

body {
   font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   font-size: 100%;
}

a {
   color: #0066CC;
}

a:hover {
   color: #CC66FF;
     
 }
 
a:visited {
   color: #CC99FF;
}

/*------------------------------------------------------
          段組み
--------------------------------------------------------*/
#kage {
   margin-top: 0px;
   margin-right: auto;
   margin-left: auto;
   width: 914px;
   background-image:url(../layoutImg/kage_bg.gif);
   background-repeat: repeat-y;
 }
 
#main {
   margin-top: 0px;
   margin-right: auto;
   margin-left: auto;
   width: 900px;
   border-top: 5px solid;
   border-color: #3399CC;
}

#header {
   background-image: url(../layoutImg/header-image.jpg);
   background-repeat: no-repeat;
   height: 113px;
   
}

#contens {
   width: 900px;
   clear: both;
   margin:0px;
   padding:0px;
  
}

#left {
   float: left;
   width: 150px;
   margin:0px;
   padding:0px;

    
  }

#center {
   float: left;
   width: 565px;
}


   
 
#center p {
   padding: 5px 0px 5px 0px;
}

#right {
   float: left;
   width: 180px;
  
}

#footer {
   width: 900px;
   clear: both;
   margin-top: 10px;
   	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}
   
/*---------------------------------------------------------------
         ヘッダー
----------------------------------------------------------------*/
h1 {
   font-size: 12px;
   padding-top: 5px;
   font-weight: 500;
   color: #333333;
   width: 900px;
   margin-top: 0px;
   }
   
   
.rogo {
   width: 580px;
   overflow: hidden
}

.rogo_left {
   width: 313px;
   float: left;
   padding-left: 7px;
  
}

.rogo_right {
   width: 260px;
   float: right;
   padding-top: 6px;
   
}

/*---------------------------------------------------------------
         ナビ
----------------------------------------------------------------*/
#navi {
	width: 900px;
	margin: 0px;
	height: 40px;
	list-style-image: none;
	list-style-type: none;
}

#navi li {
	height: 40px;
   list-style: none;
   list-style-image: none;
   list-style-type: none;
   float: left;
   margin: 0px;
}
      
   
/*-----------------------------------------------------------------------------
       検索
-----------------------------------------------------------------------------*/

#kensaku {
	background-image: url(../layoutImg/kensaku-bg.gif);
	height: 56px;
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
}

#kennsaku_ue {
   width: 900px;
   height: 40px;
   

}


.shouhin {
   width: 120px;
   float: left;
   padding-top: 5px;
   padding-left: 20px;
}
 
.textarea {
   width: 280px;
   float: left;
   padding-top: 10px;
 }
 
.kaisi {
  width: 100px;
  float: left;
  padding-top: 7px;
}

.kennsaku_migi {
   float: right;
   width: 100px;
   padding-top: 5px;
}

/*-----------------------------------------------------------------------------
       検索下
-----------------------------------------------------------------------------*/
#kennsaku_sita {
   width: 900px;
   height: 36px;
   clear:both;
   font-size: 12px;
}

.ranking {
  width: 155px;
  background-image: url(../layoutImg/oukan-icon.gif);
  background-repeat: no-repeat;
  background-position: left;
  line-height: 17px;
  padding-left: 20px;
  padding-top:3px;
  float: left;
}

.yajirusi {
   width: 6px;
   float: left;
   padding-top: 7px;
   
}

.rank {
   width: 105px;
   float: left;
   padding-top: 5px;
   padding-left: 4px;
   }

.zyunni {
   float: left;
   width: 28px;
   padding-top: 5px;
   padding-left: 2px;
   color: #0099FF;
   background-color: #FFFFFF;
   font-size: 12px;
}

.zyunni2 {
   float: left;
   width: 20px;
   padding-top: 5px;
   padding-left: 2px;
   color: #FFFFFF;
   background-color: #0099FF;
   font-size: 12px;
 
} 

/*-------------------------------------------------------------------
       左（ノベルティーメニューのleft.css）
------------------------------------------------------------------------*/


/*-------------------------------------------------------------------
       中
------------------------------------------------------------------------*/


/* - ---menu--*/
.center_bag {
   list-style: none;
   background-image: url(../layoutImg/title-gaiyou.gif);
   height: 30px;
   line-height: 30px;
 }
 
/* - ---menu-- 終了*/
 
/*-------------------
  影
-------------------*/
.center_kage {
   width: 564px;
   background-image: url(../layoutImg/td-img-top.gif);
   background-repeat: no-repeat;
   height: 19px;
   
}



.center_kage2 {
   width: 564px;
   background-image: url(../layoutImg/kage.gif);
   background-repeat: repeat-y;
   padding-left: 0px;
   
  
}

.center_nakami{
  
   }

.center_kage3 {
   width: 564px;
   background-image: url(../layoutImg/td-img-ud.gif);
   height: 19px;
   background-repeat: no-repeat;
}

/*----------------------------------------
   影終了

---------------------------------------------*/

.noberuteli {
   background-image: url(../layoutImg/tdbg-blue.gif);
   color: #ffffff;
   height: 16px;
   line-height: 16px;
   width: 500px;
}
   
   


.naka_bag {
   background-image: url(../layoutImg/title-bugbg.gif);
   padding-left: 30px;
   padding-top: 10px;
   height: 30px;
   background-repeat: no-repeat;
}

.center_nakami2{
   margin-left: 20px;
   margin-right: 20px;
     }


.acc {
   clear: both;
   }

.ads tr td {
   padding: 3px 0px 3px 3px;
 }
 
 
 

/*おすすめ*/
#osusume {
   width: 500px;
   margin-left: 5px;
   
  
}

#osusume p {
   float: left;
   padding-left: 5px;
}

/*おすすめ人気ランキング*/
.ninnki {
   width: 500px;
   margin-left: 5px;
   text-align: left;
   margin-top: 10px;
   font-size: 14px;
}

.kousin {
   border-bottom: 1px #cccccc solid;
   font-size: 14px;
 }
 
  
.kousin_bg {
   background-image: url(../layoutImg/ou1.jpg);
   background-repeat: no-repeat;
   padding-left: 50px;
    list-style: none;
	line-height: 37px;
}

.kousin_bg2 {
   background-image: url(../layoutImg/oukan2.gif);
   background-repeat: no-repeat;
   padding-left: 50px;
    list-style: none;
	line-height: 37px;
}

.kousin_bg3 {
   background-image: url(../layoutImg/ou3.gif);
   background-repeat: no-repeat;
   padding-left: 50px;
    list-style: none;
	line-height: 37px;
}

.kousin_bg4 {
   background-image: url(../layoutImg/osusu.gif);
   background-repeat: no-repeat;
   padding-left: 50px;
    list-style: none;
	line-height: 40px;
}

.kousin_bg5 {
   background-image: url(../layoutImg/maru.gif);
   background-repeat: no-repeat;
   padding-left: 50px;
    list-style: none;
	line-height: 32px;
}

.kousin_bg6 {
   background-image: url(../layoutImg/pre.gif);
   background-repeat: no-repeat;
   padding-left: 50px;
    list-style: none;
	line-height: 37px;
}

.shohinn_itiran {
   width: 115px;
   border-right: 1px solid #cccccc;
   text-align:left;
   list-style: none;
   padding: 3px;
   margin-top: 20px;
   font-size: 12px;
   float: left;
}


.linf {
   height: 78px;
}

.shohinn_itiran2 {
   width: 115px;
   text-align:left;
   list-style: none;
   padding: 3px;
   margin-top: 20px;
   font-size: 12px;
   float: left;
} 

.shouhin_button {
   text-align: right;
   margin-top: 20px;
   margin-right: 10px;
   clear: both;
}

.shou {
   border-right: 1px solid #cccccc;
}
 
.ranking2 a{
   text-decoration: none;
   color:#0066FF;
   font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
   font-weight:600;
   font-size: 120%;
   padding-left: 5px;
   }
   
.ranking2 a:hover {
   color:#FF9933;
 } 
 
.center_nakami3{
   margin-left: 30px;
   margin-right: 30px;
}	  

/*-------------------------------------------------------------------
       右
------------------------------------------------------------------------*/
.right_epoke {
   background-image: url(../layoutImg/osusume-topbn.gif);
   background-position: 10px 0px;
   background-repeat: no-repeat;
   color: #FFFFFF;
   font-size: 12px;
   padding-top: 30px;
    padding-left: 10px;
   font-weight: 550;
   height: 44px;
}

.right_epoke_sita {
   background-image: url(../layoutImg/osusume-udbn.gif);
   background-position: 10px 0px;
   background-repeat: no-repeat;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: 550;
   height: 40px;
   padding-top: 27px;
  
}



.kanntann {
   background-image: url(../layoutImg/tdbg-blue2.gif);
   background-repeat:no-repeat;
   background-position: 20px 5px;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: 60;
   height: 30px;
   padding-top: 8px;
   padding-left: 30px;
   text-align: left;
}
   
.kanntan_otoi {
   list-style: none;
   text-align:left;
   padding-left: 25px;
   padding-top: 10px;
   color:#666666;
   font-size: 12px;
 }
 
.kanntan_li {
      margin-top: 5px;
   }
 
.right_net {
  padding-left: 20px;
  padding-top: 5px;
  list-style: none;
  
}

.right_net li {
   background-image: url(../layoutImg/yajirusi-blu.gif);
   background-repeat: no-repeat;
   margin-top: 5px;
   padding-left: 15px;
   font-size: 12px;
 }
 
.right_net a {
   color: #0066CC;
 }
 
.right_net a:hover {
   color: #FF9966;
     
 }

.right_net a:visit {
   color: #6666FF;
}

h4 {
   background-image: url(../layoutImg/l-sidemenu-topbg-gr.gif);
   background-repeat: no-repeat;
   background-position: 10px 10px;
   color: #FFFFFF;
   font-size: 12px;
   padding-top: 20px;
    padding-left: 10px;
   font-weight: 550;
   height: 20px;
 }    





/*---------------------------------------------------------------------

    フッター

-----------------------------------------------------------------------*/
.add {
  border-top: 1px #cccccc dashed;
  
 }
 
.add ul {
   padding-top: 10px;
   list-style: none;
   width: 600px;
   overflow: hidden;
}

.add_left {
   float: left;
   width: 200px;
   font-size: 12px;
}

.add_right {
   float: left;
   width: 395px;
   padding-left: 5px;
   font-size: 12px;
   text-align:left;
 }

.footer p a{
   font-size: 10px;
   color: #0099CC;
   text-decoration: none;
   text-align:center;
}

.footer p a:hover {
   color: #3399FF;
 text-decoration: none;
   }


.address {
   background-color: #999999;
   padding-top: 5px;
   height: 30px;
   text-align: center;
}
/*------------------------------------------------ システムe-poket */

#center2{
   margin-left:150px;
   width: 700px;
   margin:0px;
 }
 
 
.clear {
   clear:left;
}

/*---------------------　画像と詳細 */
 
#item {
   width: 700px;
   margin:0px;
}


#item_img {
	width:500px;
	height:310px;
	float: left;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	background-color: #EEEEEE;
}

#detail {
   width: 200px;
   height: 310px;
   margin-left:500px;
}

/*----------------------------------------------------------マウスオーバーで切り替えサムネ*/

#sys_samune {
	list-style-image: none;
	list-style-type: none;
	margin-top:0px;
	margin-left:50px;
	margin-bottom:0px;
}

#sys_samune li{
	width: 40px;
	height: 40px;
	padding-right:10px;
	float:left;
	text-align:center;
	vertical-align:middle;  
}

#sys_samune li img{
    border: 1px solid #999999; 
}

/*----------------------------------------------------------テーブル右*/


#table_small {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	border: 1px solid #1B93D3;
	text-align:center;
}


#table_small th{
	background-color: #D5EBF8;
}


#table_small th,td{
	padding: 3px;
}



/*----------------------------------------------------------テーブル下*/

#table_detail {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	border: 1px solid #1B93D3;
	margin-top: 20px;
	margin-left: 50px;
	
}


#table_detail th{
	background-color: #D5EBF8;
}


#table_detail td{
	border-bottom: 1px solid #CCCCCC;
}

#table_detail th,td{
	padding: 3px;
}

/*---------------------------------------------------------- 見出しなど*/

#sys_midasi{
	width: 700px;
	height: 30px;
	background-image: url(../layoutImg/sys_midasi.gif);
	background-repeat: none; 
 }


/*---------------------------------------------------------- 左メニュー*/


.boxText2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	margin-top:5px;
	margin-left:10px;
	list-style-image: none;
	list-style-type: none;
}

.boxText2 li{
	margin-top:2px;
}



/*--------------------------------------------------------------------------------------------------- 商品一覧サムネイル*/



#ichiran {
	width: 700px;
	height: 190px;
	margin-top:10px;
	margin-left:60px;
	list-style-image: none;
	list-style-type: none;
}

#ichiran li{
	width: 120px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	height: 180px;
	margin-right:10px;
	float:left;
	text-align:center;
	border: 1px solid #1B93D3;
	background-color: #D5EBF8;
}

/*一覧テーブル*/

#ichi {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color:#666666;
	border: 1px solid #555555;
    margin-top:5px;
	}


#ichi th{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color:#333333;
	background-color: #CCCCCC;
	font-weight:bold;
}


#ichi td{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color:#666666;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#ichi th,td{
	padding: 1px;
}