@charset "UTF-8";

@import url(reset.css);

/* CSS Document */

body{ 
		background: #E7DACC;
		font-size: 13px;
		*font-size: small;
		*font: x-small;
		color:#333333;

		}
		
#wrapper{ 
		width:750px;
		margin: 0 auto;
		}


.clear{clear:both;}

body,
table,
th,
td,
textarea{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",  sans-serif, Arial, Verdana; line-height: 1.4; }

/* fix */
.fix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix{ display: inline-block; }
/* Hides from IE-mac \*/
*html .fix{ height: 1%; }
.fix{ display: block; }
/* End hide from IE-mac */

.red{ color: #dd0000; }
.gre{ color: #006600; }
.blue{ color: #3333cc; }
.ora{ color: #FF6600; }
.blown{ color: #663300; }
.bld{ font-weight: bold; }
.bld-u{ font-weight: bold; text-decoration: underline; }
.exp{ color: #dd0000; font-weight: bold; }
.letao-text{color: #DF5B5B}
.letao-text-exp{color: #DF5B5B; font-weight: bold; }

/* ---------------------------------------------------------------- *
	ヘッダ
 * ---------------------------------------------------------------- */

#header {
  margin: 5px 0 0 0;
  padding: 0;
  background:url(../img/global/logo_letao_02.gif)  600px 10px  no-repeat ;
  height:40px
}

/* ---------------------------------------------------------------- *
	ナビゲーション
 * ---------------------------------------------------------------- */

#navi {
  margin: 0;
  padding: 0;
  height:25px;
}

#navi ul {
  margin: 0;
  padding: 0;
  list-style-type : none;
}

#navi li {
  margin: 0;
  padding: 0;
  float: left;
  display : inline;
}


.span1 {display:none;}

/*
#navi li.mm-01 a{ background: url( ../img/global/menu_shop.gif ) 0 0 no-repeat; width: 150px; height: 25px; display: block;}
#navi li.mm-01 a:hover{ background: url( ../img/global/menu_shop_o.gif ) 0px 0 no-repeat; height: 25px; width: 150px; display: block;}

#navi li.mm-02 a{ background: url( ../img/global/menu_cart.gif) 0 0 no-repeat; width: 120px; height: 25px; display: block;}
#navi li.mm-02 a:hover{ background: url( ../img/global/menu_cart_o.gif ) 0 0 no-repeat; height: 25px; width: 120px;display: block; }

#navi li.mm-03 a{ background: url( ../img/global/menu_about.gif ) 0 0 no-repeat; width: 102px; height: 25px;display: block;}
#navi li.mm-03 a:hover{ background: url( ../img/global/menu_about_o.gif ) 0 0 no-repeat; height: 25px; width: 102px;display: block;}

#navi li.mm-04 a{ background: url( ../img/global/menu_chocolat.gif ) 0 0 no-repeat; width: 132px; height: 25px;display: block;}
#navi li.mm-04 a:hover{ background: url( ../img/global/menu_chocolat_o.gif ) 0 0 no-repeat;width: 132px; height: 25px;display: block;}

#navi li.mm-05 a{ background: url( ../img/global/menu_report.gif ) 0 0 no-repeat; width: 77px; height: 25px;display: block;}
#navi li.mm-05 a:hover{ background: url( ../img/global/menu_report_o.gif ) 0 0 no-repeat; height: 25px;width: 77px;display: block;}

#navi li.mm-06 a{ background: url( ../img/global/menu_event.gif ) 0 0 no-repeat; width: 112px; height: 25px;display: block;}
#navi li.mm-06 a:hover{ background: url( ../img/global/menu_event_o.gif ) 0 0 no-repeat; height: 25px; width: 112px;display: block;}

#navi li.mm-07 a{ background: url( ../img/global/menu_home.gif ) 0 0 no-repeat; width: 57px; height: 25px;display: block;}
#navi li.mm-07 a:hover{ background: url( ../img/global/menu_home_o.gif ) 0 0 no-repeat; height: 25px; width: 57px;display: block;}
*/

/* -ここから2008/10/17更新 - */
#navi li.mm-01 { background: url( ../img/global/menu_shop.gif ) 0 0 no-repeat; width: 150px; height: 25px; display: block;}
#navi li.mm-01 a{ background: url( ../img/global/menu_shop.gif ) 0 0 no-repeat; width: 150px; height: 25px; display: block;}
#navi li.mm-01 a:hover{ background: url( ../img/global/menu_shop_o.gif ) 0px 0 no-repeat; height: 25px; width: 150px; display: block;}

#navi li.mm-02 { background: url( ../img/global/menu_cart.gif) 0 0 no-repeat; width: 120px; height: 25px; display: block;}
#navi li.mm-02 a{ background: url( ../img/global/menu_cart.gif) 0 0 no-repeat; width: 120px; height: 25px; display: block;}
#navi li.mm-02 a:hover{ background: url( ../img/global/menu_cart_o.gif ) 0 0 no-repeat; height: 25px; width: 120px;display: block; }

#navi li.mm-03 { background: url( ../img/global/menu_shops.gif ) 0 0 no-repeat; width: 113px; height: 25px;display: block;}
#navi li.mm-03 a{ background: url( ../img/global/menu_shops.gif ) 0 0 no-repeat; width: 113px; height: 25px;display: block;}
#navi li.mm-03 a:hover{ background: url( ../img/global/menu_shops_o.gif ) 0 0 no-repeat; height: 25px; width: 113px;display: block;}

#navi li.mm-04 { background: url( ../img/global/nmenu_report.gif ) 0 0 no-repeat; width: 114px; height: 25px;display: block;}
#navi li.mm-04 a{ background: url( ../img/global/nmenu_report.gif ) 0 0 no-repeat; width: 114px; height: 25px;display: block;}
#navi li.mm-04 a:hover{ background: url( ../img/global/nmenu_report_o.gif ) 0 0 no-repeat;width: 114px; height: 25px;display: block;}

#navi li.mm-05 { background: url( ../img/global/nmenu_event.gif ) 0 0 no-repeat; width: 147px; height: 25px;display: block;}
#navi li.mm-05 a{ background: url( ../img/global/nmenu_event.gif ) 0 0 no-repeat; width: 147px; height: 25px;display: block;}
#navi li.mm-05 a:hover{ background: url( ../img/global/nmenu_event_o.gif ) 0 0 no-repeat; height: 25px;width: 147px;display: block;}

#navi li.mm-06 { background: url( ../img/global/nmenu_home.gif ) 0 0 no-repeat; width: 106px; height: 25px;display: block;}
#navi li.mm-06 a{ background: url( ../img/global/nmenu_home.gif ) 0 0 no-repeat; width: 106px; height: 25px;display: block;}
#navi li.mm-06 a:hover{ background: url( ../img/global/nmenu_home_o.gif ) 0 0 no-repeat; height: 25px; width: 106px;display: block;}




/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */

#container {

  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}



/* ---------------------------------------------------------------- *
	コンテンツ
 * ---------------------------------------------------------------- */

#contents {
  background:url(../img/global/con_bg_b.gif) no-repeat bottom #FFFFFF ; 
  margin: 0;
  padding: 0 0 15px 0;
}

#contents-top{ background: url(../img/global/con_bg_t.gif) no-repeat; height:15px;}
#contents-bot{ /*background: url(../img/global/con_bg_b.gif) no-repeat; height:15px;*/}

/* ---------------------------------------------------------------- *
	main
#base{ background: url(../img/global/base_bg.gif) repeat-y 0 0 ; width:720px; margin:0  15px 15px 15px; padding:0}
#page-ttl{ background: url(../img/global/con_bg_t.gif) no-repeat; margin:0 0 15px 0; padding:15px 15px 0 15px; border:0}
#side{ width:150px; margin:0 ; padding:0; float:left; font-size:90%; }
#main{ width:570px; float:right; font-size:90%; margin:0; padding:0; background:#FFFFFF; }
#main-box{ padding:0 0 0 25px; margin:0;}

#side img{ display: block; }

#basic{ padding: 0 15px; font-size: 12px; }

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

#base{ background: url(../img/global/base_bg.gif) repeat-y 0 0 ; width:720px; margin:0  15px 15px 15px; padding:0}
#page-ttl{ background: url(../img/global/con_bg_t.gif) no-repeat; margin:0 0 15px 0; padding:15px 15px 0 15px; border:0}
#page-ttl2{ background: url(../img/global/con_bg_t.gif) no-repeat; margin:0; padding:0; border:0; height:15px}


#side{ width:150px; margin:0 ; padding:0; float:left; font-size:90%; }
#main{ width:545px; float:right; font-size:90%; margin:0; padding:0; background:#FFFFFF; }
#main-box{ padding:0 ; margin:0;}

#side img{ display: block; }

#basic{ padding: 0 15px; font-size: 12px; }


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin: 0 1em 1em 0;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}


/* ---------------------------------------------------------------- *
	partition
 * ---------------------------------------------------------------- */

.partition{ padding:0; margin:0; height:0; clear:both;}
.partition hr{  display: none; }



/* ---------------------------------------------------------------- *
	footer
	
.span1 {display:none;}

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

#footer {
  margin: 0 0;
  padding: 0;
  height:20px;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
	list-style-type : none;
}

#footer li {
  margin: 0;
  padding: 0;
  float: left;
  display : inline;
}


#footer address {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	padding:5px 5px;
}


#footer li.mm-01 a{ background: url( ../img/global/footer_01.gif ) 0 0 no-repeat; width: 78px; height: 20px; display: block;}
#footer li.mm-01 a:hover{ background: url( ../img/global/footer_01.gif ) 0px 0 no-repeat; height: 20px;width: 78px;display: block;}

#footer li.mm-02 a{ background: url( ../img/global/footer_02.gif ) 0 0 no-repeat; width: 81px; height: 20px;display: block;}
#footer li.mm-02 a:hover{ background: url( ../img/global/footer_02.gif ) 0 0 no-repeat;width: 81px; height: 20px; display: block;}

#footer li.mm-03 a{ background: url( ../img/global/footer_03.gif ) 0 0 no-repeat; width: 81px; height: 20px;display: block;}
#footer li.mm-03 a:hover{ background: url( ../img/global/footer_03.gif ) 0 0 no-repeat; width: 81px; height: 20px;display: block;}

#footer li.mm-04 a{ background: url( ../img/global/footer_04.gif ) 0 0 no-repeat; width: 81px; height: 20px;display: block;}
#footer li.mm-04 a:hover{ background: url( ../img/global/footer_04.gif ) 0 0 no-repeat;  width: 81px;height: 20px; display: block;}

#footer li.mm-05 a{ background: url( ../img/global/footer_05.gif ) 0 0 no-repeat; width: 145px; height: 20px;display: block;}
#footer li.mm-05 a:hover{ background: url( ../img/global/footer_05.gif ) 0 0 no-repeat; width: 145px; height: 20px;display: block;}

#footer li.mm-06 a{ background: url( ../img/global/footer_06.gif ) 0 0 no-repeat; width: 105px; height: 20px;display: block;}
#footer li.mm-06 a:hover{ background: url( ../img/global/footer_06.gif ) 0 0 no-repeat; width: 105px; height: 20px;display: block;}

#footer li.mm-07 a{ background: url( ../img/global/footer_07.gif ) 0 0 no-repeat; width: 100px; height: 20px;display: block;}
#footer li.mm-07 a:hover{ background: url( ../img/global/footer_07.gif ) 0 0 no-repeat;width: 100px;  height: 20px;display: block;}

#footer li.mm-08 a{ background: url( ../img/global/footer_09.gif ) 0 0 no-repeat; width: 79px; height: 20px;display: block;}
#footer li.mm-08 a:hover{ background: url( ../img/global/footer_09.gif ) 0 0 no-repeat; height: 20px;display: block;width: 79px;}



/*---- basic ----*/
.text-S
{
	font-size: 10px; line-height: 14px
}

.text-XS
{
	font-size: 9px; line-height: 13px
}

.text-Sg
{
	font-size: 10px;
	line-height: 14px;
	color: #9AA220;
}

.text-M
{
	line-height: 15px; font-size: 12px
}

.textS2
{
	font-size: 10px; line-height: 12px
}



.text-resizable-S
{
	font-size: xx-small; line-height: 140%;
}


/*---- link ----*/
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover{text-decoration: underline}

.link
{
	text-decoration: none;
	color: #F9863D;
}

.link2
{
	color: #E3CF8D; text-decoration: none
}


/*---- extra ----*/
.name
{
	font-size: 10px; line-height: 14px ; color: #10232b
}

.box
{
	border-style:solid; border-width:thin; text-align:left; padding:10px; width:auto;
}

.copy
{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
}

#tokutei{

	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

#tokutei td{
	font-size:10px;
	line-height:14px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	}
	
/* CSS Document */
.sell{font-size:10px; color:#FF3300; text-align:center; padding:2px; border:solid 1px #FF9933;}


.le{ text-align: left; }
.ri{ text-align: right; }
.ce{ text-align: center; }