body {
color:#330;
background:#fff;
background:url(img/bg01.gif);
margin:0;
padding:0;
line-height:1.5;
}

body, td {font-size:62.5% ;
font-family:'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, osaka, sans-serif;
}

div {
word-spacing: 4px;
}



* html body {
font-family:'MS P ゴシック', sans-serif;
}

*:first-child+html body {
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS PGothic,osaka, sans-serif;
}

.txt{font-size:12px ;line-height:1.5;}

.mpxo{font-size:12px;line-height:2.15;}

.txt11{font-size:11px;line-height:1.5;}

.txt14b{font-size:14px;font-weight:bold;}

.e11{font-size:11px;font-family: Verdana, Arial, Helvetica;line-height:1.5;}

.e11b{font-size:11px;font-family: Verdana, Arial, Helvetica;font-weight:bold;}

.e12b{font-size:12px;font-family: Verdana, Arial, Helvetica;font-weight:bold;}


.category h2 { 
	background : url(img/bck01.gif) #f5f5f5; 
	margin: 25px 10px 10px 10px;
    border-top:solid 1px #005d00;     /* 上側の罫線 */
    border-bottom:solid 1px #005d00;  /* 下側の罫線 */
    text-align:left; 
    padding:3px 3px 3px 10px;                   /* 上部から文字までの距離 */
    width:100%;                       /* 全体の幅 */
	font-size:62.5% ;
   }



div.width550{
    width:550px;                       /* 全体の幅 */
   }



a {/*リンクされた文字*/
    color:#0000ff;
    text-decoration:underline;
	font-weight : bold;
}
a:link {/*未訪問のリンク*/
    color:#3333cc;
    text-decoration:underline;
	font-weight : bold;
}
a:visited {/*訪問後のリンク*/
	color:#cc0000;
	text-decoration:none;
	font-weight : bold;
    }

a:hover {/*マウスをのせたとき*/
    color:#ff3366;
	font-weight : bold;
    text-decoration:underline;
}
a:active {/*クリック中*/
	color: #3333cc;
	text-decoration:none;
}

strong{letter-spacing: 1px;}

em { color : #ff6633;
font-style:normal;}

img {
border: none;
}



.gr
{   border: 2px dotted #99cc66;
}

.b{font-weight:bold;}

.green {color: #238123}
.brown{color:#7B371D}
.white{color:#f5f5f5}
.red{color:#cc0000;}
.blue{color:#003366;}

.price {color: #FF3333;
   font-weight: bold;
}

.c {text-align: center}
.l {text-align: left}
.r{text-align:right;}

 
.bgc {background-color: #f5f5f5}
.bgum {background-color: #99CC66}
.bgm {background-color: #238123}
.bgk {background-color: #FFE77A}
.bgkm {background-color: #d8eb9f}
.bgua {background-color: #def2e6}

h1 { display:inline; }


h2 { display:inline;
font-size:16px;
color: #EE8B00;
}


h3 {font-size:13px;
color:#336666;
border-bottom:2px dotted #99cc66;
border-left:10px solid #99cc66;
margin-bottom: 15px;
padding:0 0 5px 5px;
    text-align:left;  
}

.info
 { display:inline;
color:#336666;
border-bottom:0;
border-left:0;
margin-top: 1px;
padding:0;
}


h4 {font-size:12px;
color:#009900;
margin-top: 1px;
padding:0 0 5px 5px;
}

.boxpink{
border:2px solid #ffced5;
padding: 2px 5px 2px 5px;
text-align: left; 
}

.center{
margin: 0 auto;
text-align: center; 
}

.mh{text-align: left; 
}

.topright{
border:2px solid #339933;
margin: 0 auto;
text-align: center; 
}



.backyg{
		background:#FFFFBD;
padding:2px 5px 2px 5px;
}

.sanchi{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:2px dotted #ffb447;
background-color:#f5f5f5;
margin:6px;
padding:0 2px 5px;
  }
  
.topics420{
margin:6px;
width:420px;
padding:10px;
border:0;
background-color:#f5f5f5;
text-align : left;	/* テキストの左寄せ */
  }  
  
.topics{
margin:6px;
width:580px;
padding:10px;
border:0;
background-color:#f5f5f5;
text-align : left;	/* テキストの左寄せ */
  }  
  
  
  
  
#nav2 {
float:left;
width:150px;
text-align:center;
margin:0 auto;
}

.nav3 {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px #999 solid;
background:#fff;
margin:6px;
padding:0 2px 5px;
}

.news{
color : black;	/* フォントの色 */
background-color : #ffffbd;	/* 背景の色 */
text-align : left;	/* テキストの左寄せ */
letter-spacing : 1px;	/* 文字間隔 */
padding-left : 5px;	/* 左の余白 */
border-left-width : 1px;	/* 左側の境界線をマークとして使用 */
border-left-style : solid;	/* 境界線（マーク）の種類 */
border-left-color : green;	/* 境界線（マーク）の色 */
}


div#hallo {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border:1px #999 solid;
background-color:#fff;
background:url(img/bck01.gif);
margin:10px;
text-align:left;
}

div#hallo p {
margin:15px;
}
.imgleft {
float:left;
margin:0 10px 10px;
}

.imgright {
float:right;
margin:0 0 10px 10px;
}

.clr {
clear:both;
}


	
table{
pxpty-cells: show;
}


.cart {
width: 550px; /* 表の幅 */
border: 1px #009900 solid; /* 大枠の境界線 */
border-collapse: collapse;
}

dt{
    background-color: #99cc66;
    color: #333300;
    margin-top: 1em;
    padding-left: 0.5em;
    font-weight: bold;
}

dd{
   margin-top: 0.5em;
    
}


table.co  {width:100%;
   margin-bottom:20px;
   border-collapse:collapse;
   border:0;
   border-spacing:0;
}

table.co th {
   padding: 5px;
   border:0;
   border-width: 0 0 1px 1px;
   background: #99cc66;
   font-weight: bold;
   text-align: left;
}

table.co td {
   padding:5px;
   border:0;
   border-width:0 0 1px 1px;
   text-align:left;
}

table.co td ol{
margin:0;
padding:0 0 0 30px;
font-size:100%;
}

table.co td li{
margin:0;
padding:0;
}


table .co {
margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
border:1px dotted #999999;
}
table .co th {
padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#336666;
background-color:#f5f5f5;
border-bottom:1px dotted #999999;border-left:5px solid #99cc66;
}
table .co td {
padding:4px 2px 2px 4px;
border-bottom:1px dotted #999999;border-left:3px double #CCC;
}

#footer{
clear:both;
width:100%;
background:#f5f5f5;
}

#footer h3 {font-size:13px;
color:#336666;
border-bottom:2px dotted #009900;
border-left:10px solid #009900;
margin-top: 15px;
margin-bottom: 15px;
padding:5px;
}

#footer h4{
margin-right:10px;
padding:3px;
font-size:12px;
background-color:#def2e6;
border:solid 1px #999;
}


#boxA,#boxB,#boxC{
width:33%;
float:left;
}

#boxA p,#boxB p,#boxC p{
margin-right:10px;
}