body{

  margin:0px;

  padding:0px;

  color:#808080;

  font-size:9pt;

  background-color:#ffffff;

}

#home {

  width:800px;

  margin-left: auto;

  margin-right: auto;

  background-color:#ffffff;  

  border: solid 1px #808080;

}



a {

  color:#366;

}

a:hover {

  text-decoration:none;

  color:#c93;

}



a img {

  border-style: none;

  color: #fff;

  background: transparent;

}







/* === ヘッダ部分のスタイル === */



.top{

  color:#808080;

  font-size:9pt;    

}



.logo{

  padding-top:0px;

  width:156px;

  border-right:solid 1px #cc9;

}



.head{

  width:800px;

  border-top:solid 1px #45392b; 

  border-bottom:solid 1px #45392b; 



}

.head2{

  padding-left:15px;

  color:#fff;

  font-size:9pt;

  background-color:#45392b;

  text-align: center;

}

.head2 ul {

  list-style: none;

  display: block;

  margin: 0px;

  padding-top: 3px;

  padding-bottom: 3px;



}

.head2 li {

  display: inline;

  padding: 4px;

}

.head2 a:link {

  color: #fff;

  text-decoration: none;

  

}

.head2 a:visited {

  color: #fff;

  text-decoration: none;  

}

.head2 a:hover {

  color: #ccc;

}  









td.mess {

  background:url(../img/head-hana1.gif) no-repeat left top;

  text-align: right;

  color: olive;

  font-size: 11pt;

  width:320px;

}

td.mess2 {

  background:url(../img/head-hana2.gif) no-repeat right bottom;

  padding-bottom: 3px;

}

.head a{

  font-size:9pt;

  color:#808080;

}



.search{

  background-color:#cc9;

  padding:3px;

  padding-right:10px;

  

}





/* === メインのスタイル === */



.main{

  width:800px;

  margin-top:5px;



}



/* === 左サイドのスタイル === */





.left-side {

  width: 196px;

  vertical-align: top;

}



.banner {

  border: solid #000 1px;

  margin-left: 2px;

  margin-top: 10px;

}



.contents{

  width:196px;

  margin-top:0px;



}

.contents th {

  width: 45px;

  padding-top: 2px;

  padding-bottom: 2px;

  border-bottom:dotted 1px #663; 

}



.present {

  margin: 4px 0px -5px 3px;

}

.present a {

  text-decoration: none;

}

.present a:link {

  color: #6B8E23;

}

.present a:visited {

  color: #6B8E23;

}

.present a:hover {

  color: #FF7F50;

}

.title {

  text-align: center;

}

.title h4 {

  font-size:12pt;

  color: #fff;  

  background-color:#786743;

  padding: 5px;

  margin-bottom: 0px;

  margin-top: 0px;

}

.item{

  text-indent:0.5em;

  font-weight:bold;

  font-size:10pt; 

  border-bottom:dotted 1px #663; 

}

.item ul {

  list-style: none;

}

.item li {

  margin-left: -20px;

  margin-bottom: -10px;

}

.item a{

  color:#563c17;

  text-decoration: none;

}

.item a:visited {

  color:#563c17;

  text-decoration: none;

}

.item a:hover {

  color:#808080;

}



.importance{

  width:196px;

  margin-top:5px;

}

.info{

  font-size:9pt;

  color:#663;

  padding-top:10px;

  padding-left:8px;

  padding-bottom:4px;

}

.info2{

  font-size:9pt;

  color:#663;

  margin-top:15px;

  margin-left:3px;
  margin-right:3px;

  padding:2px;

  margin-bottom:15px;

  border:solid 1px #99c; 
  padding: 6px;
  line-height: 140%;

}

strong{

  font-size:10pt;

  color:#933; 

}

.importance a{

  font-size:9pt;

  color:#808080;

}  

.comment1 {

  width: 150px;

  font-size: 9pt;

  margin:5px 2px;

  padding: 1px;

  border:dotted 1px #808080;

}

.comment1 ul {

  text-align:left;

}



.comment{

  width:150px;

  color: #993;

  font-size:9pt;

  margin:15px 2px;

  padding: 2px;

  border:dotted 1px #808080;

}

.comment1 h4 {

  font-size: 12pt;

  background: #663;

  color: #fff;

  padding: 5px;

  text-align: center;

}

.comment1 ul {

  list-style : none;

}

.comment1 li {

  background: url(../img/p008.gif) no-repeat 0px 3px;

  padding-left: 20px;

  margin-left: -30px;

  line-height: 150%;

}

.comment1 a{

  color:#663;



}

.comment1 a:hover{

  color:#c93;

}





.ad{

  background: url(../img/graydot2.gif);

  width:196px; 

  text-align: center;

  vertical-align: bottom;

}









/* === 右サイドのスタイル === */





.right {

  background: #F5F5F5;

  vertical-align: top;

}

.info3 {

  font-size: 11pt;

  margin:5px 10px 10px 10px;

  border:2px dotted #f93;  

  padding: 8px;  

  background: url(../img/atabag-syou.jpg) no-repeat right bottom;

}

.ivent{

  width:450px;

  font-size:11pt;

  color: #808080;

  margin-top:15px;

  margin-left:100px;

  border:1px solid #993;

  padding: 6px;

  background: #fff;

}



.news{

  width:580px;

  font-size:10pt;

  text-align:left;

  margin-top:10px;

  margin-left:10px;

  line-height: 140%;

 

}

.news ul {

  list-style: none;

}



.news-title{

  text-align:center;

  background-color:#660;

  color:#FFFFFF;

}



.news-title h3 {

  font-size: 12pt;

  margin-top: 0px;

  margin-bottom: 0px;

}



.renew{

  padding:10px;

  color:#000000;

}



.hotinfo {

  float:left;

  width: 120px;

  margin-left: 10px;

  margin-top: 10px;

  margin-bottom: 5px;

  border:dotted 1px #003;

  padding: 8px;

  text-align: center;

  line-height: 140%;

}

.pointbanner {

  text-align: center;

}



.pointbanner img {

  border: solid 1px #808080;

}



.annai {

  clear: both;

  border: solid #693 1px;

  width: 680px;

  margin-left: 40px;

  text-align: left;

  font-size: 11pt;

  color: #000;

  padding: 10px;

}



.indent{

  padding-left: 2em;

  padding-top: 10px;

  padding-bottom: 1em;

}



/* === 今月のおすすめ === */



.recommendation{

  width:580px;

  font-size:10pt;

  margin-top:5px;

  margin-left:7px;

  color:#000000;

}

.recommendation th {

  text-align:left;

}

.recommendation td {

  vertical-align: top;

  width: 20%;

}

.recommendation a{

  color:#c33;

}



.recommendation img {

  border: solid #808080 1px;

}

/*td.osusume{

  width:580px;

  color:#c60;

  font-size:12pt;

  padding-left:15px;  

  border-left:5px solid #c60;

  border-bottom:1px solid #c60;

}

*/

.recommendation h2{

  color:#556B2F;

  font-size:12pt;

  padding-left:15px; 

  padding-bottom: 4px; 

  border-left:5px solid #556B2F;

  border-bottom:1px solid #556B2F;

}

/*.osusume-comment{

  font-size:10pt;

  color:#003;

  padding-left:5px;

}

*/



.greeting {

  width:560px;

  font-size:11pt;

  text-align:left;

  margin-top:10px;

  margin-left:10px;

  line-height: 140%;

  border: solid 1px #808080;

  color: #003;

  padding: 10px 0px 10px 20px;

}





/* === キャンペーンお知らせ === */



.campaign {

  width:580px;

  height: 170px;

  margin-top:5px;

  margin-left:7px;

  margin-bottom: 5px;  

  font-size: 12pt;

  color: #003;

  background: url(../img/ganesya-syou.gif) no-repeat bottom right;  

  border: dotted #999 3px;

}

.campaign th {

  text-align: left;

  padding-left: 1em;

  font-size: 14pt;

  color: #660;

}

.campaign td {

  color: #003;

  padding-left: 0;



}

.campaign img {

  padding-top: 0;

  padding-left: 0; 

  float:left;

}



.campaign a {

  color: #63f;

}



.campaign a:visited {

  color: #63f;

}



.campaign a:hover {

  color: #f93;

}







/* === 人気ランキング === */



.ranking{

  width:580px;

  margin-top:10px;

  margin-left:7px;

  border-top:1px solid #963;

  border-right:1px solid #963;

  border-left:1px solid #963;

  border-bottom:2px solid #963;

  font-size: 12pt;

  color: #030;

}

.ranking th {

  font-size: 14pt;

  color: #fff;

  background: url(../img/asia-kabe.jpg) repeat-x center center;



}

.ranking a {

  color: #903;

}

.ranking a:visited {

  color: #939;

}

.ranking a:hover {

  color: #963;

}

.juni{

  padding-left:20px;

  background: url(../img/graydot2.gif);

}



/* === 商品アイテム === */







.item-top{

  width:580px;

  height:40px;

  text-align:center;

  color:#630;

  font-size:14pt;

  font-weight:bold;

  font-family:"ＭＳ ゴシック";

  margin-top:15px;

  margin-left:7px;

  border:dotted 2px #c93; 

}



.banner-large {

  clear: both;

  width: 580px;

  font-size: 10pt;

  margin-left:7px;

}

.goods{

  font-size:9pt;

  color:#033;

  padding-left:3px;

}



.gazou{

  width:270px;

  padding:10px;

  padding-left:20px;



}

.zakka{

  width:580px;

  margin-top:10px;

  margin-left:7px;



}

.item_main{

  font-weight:bold;

}

.image_left{

  width:285px;

  color:#808080;

  font-size:10pt;

  margin-bottom:10px;

  margin-left:0px;

  margin-right:5px;

  border:1px solid #030;

}

.image_right{

  width:285px;

  color:#808080;

  font-size:10pt;

  margin-bottom:10px;

  margin-left:5px;

  margin-right:0px;

  border:1px solid #030;

}





/* === メール注文のスタイル === */



.order {

  font-size: 11pt;

  margin-top: 20px;

  margin-left: 1em;

  margin-bottom: 10px;

  color: #003;

}



.order h2 {

  font-size: 14pt;

  text-decoration: underline;

  background: url(../img/ten.gif) no-repeat 2px 4px;

  padding-left: 20px;

}





/* === リンク部分スタイル === */



.linksite{

  text-align:center;

  width:760px;

  margin-top:10px;

  border:solid 1px #666;

}



.linksite2{

  width:760px;

  margin-top:5px;

  padding-left:10px;

  color:#808080;

  font-size:9pt;

  border:solid 1px #666;

}

.linkcom{

  color:#808080;

  font-size:9pt;

}

/* === フッタ部分スタイル === */



.footer{

  width:760px;

  color:#808080;

  font-size:9pt;

  text-align:center;

  border-top:1px solid #808080;

  padding-top:3px;

  margin-top:10px;

}