BODY{
  font-family : Tahoma;
  text-align : center;
  font-size : 100%;
  line-height : 140%;
  color : #3a3a3a;
@media screen and (max-device-width: 480px) {
	p.text {
		width: 480px;
		font-size: 110%;
	}
}
}
#albody{
  height : 100%;
  text-align : center;
}
#top{
  background-image : url(http://www.myattic.jp/img/bg_header2.gif);
  background-repeat : no-repeat;
  width : 780px;
  height : 98px;
  display: block;
  margin-left:auto;
  margin-right:auto;
  font-size : 90%;
  margin-bottom : -5px;
}
#middle{
  background-image : url(http://www.myattic.jp/img/bg_site.gif);
  background-repeat : repeat-y;
  width : 780px;
  bottommargin : 0px;
  text-align : left;
  margin-left:auto;
  margin-right:auto;
}
#bottom{
  background-image : url(http://www.myattic.jp/img/bg_site.gif);
  background-repeat : repeat-y;
  width : 780px;
  margin-left : auto;
  margin-right:auto;
  font-size : 90%;
  margin-top : auto;
  margin-bottom : auto;
}
#mainin{
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  font-size : 90%;
}
#main {
  float: left;
  font-family : Tahoma;
  width : 65%;
}
#side {
  line-height : 160%;
  font-family : Tahoma;
  margin-right : 10px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : gray gray gray gray;
  margin-left : 67%;
  padding-top : 5px;
  padding-left : 3px;
  padding-right : 5px;
  padding-bottom : 5px;
  
}
#middlebottom{
  font-family : Tahoma;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  clear : both;
  text-align : center;
  font-size : 85%;
}
#pickup{
  font-family : Tahoma;
  text-align : center;
  font-size : 80%;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  border-top-width : 3px;
  border-right-width : 3px;
  border-bottom-width : 3px;
  border-left-width : 3px;
  border-top-style : double;
  border-right-style : double;
  border-bottom-style : double;
  border-left-style : double;
  border-top-color : silver;
  border-left-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  width : 190px;
  float : left;
  line-height : 180%;
  margin-left : 4px;
  letter-spacing : 1px;
}
#pickupright{
  margin-left : 205px;
  font-size : 80%;
  font-family : Tahoma;
  border-bottom-color : silver;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  line-height : 180%;
  letter-spacing : 1px;
}
.goodsbanner{
  text-align : center;
}
#goodsbanner2{
  font-size : 75%;
  font-family : Tahoma;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : silver gray gray silver;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-left : 5px;
  margin-bottom : 5px;
  text-align : center;
}
}
#banner{
  text-align : center;
  clear : both;
}
H1{
  font-family : Tahoma;
  width : 60%;
  background-repeat : repeat-x;
  background-position : 100% 100%;
  color : white;
  padding-top : 1px;
  padding-left : 1px;
  padding-right : 1px;
  padding-bottom : 1px;
  background-color : black;
  border-left-width : 10px;
  border-right-width : 10px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #cc0000;
  border-right-color : #cc0000;
  margin-left:auto;
  margin-right:auto;
  font-size : 100%;
}
H2{
  background-image : url(http://www.myattic.jp/img/h2.gif);
  font-family : Tahoma;
  width : 98%;
  background-repeat : repeat-x;
  background-position : left bottom;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  font-size : 100%;
  text-align : left;
}
H3{
  font-family : Tahoma;
  text-align : left;
  width : 90%;
  background-image : url(http://www.myattic.jp/img/bo.gif);
  background-repeat : repeat-x;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  font-size : 100%;
  color : #666666;
  background-position : 100% 100%;
}
H4{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  background-color : #f6f6f6;
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
}
H5{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  background-color : #f6f6f6;
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  letter-spacing : 3px;
}
HR{
  border-top-style : dotted;
  border-top-color : gray;
  height : 1px;
}
.goodsleft{
  padding-top : 15px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 15px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 10px;
  margin-bottom : 5px;
  width : 292px;
  float : left;
  font-size : 85%;
  font-family : Tahoma;
}
.goodsright{
  font-size : 85%;
  font-family : Tahoma;
  padding-top : 15px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 15px;
  margin-top : 5px;
  margin-left : 307px;
  margin-right : 0px;
  margin-bottom : 5px;
}
A:LINK{
  color : #0080c0;
  text-decoration : underline;
}
A:VISITED{
  color : #c40974;
  text-decoration : underline;
}
A:HOVER{
  color : red;
  text-decoration : underline overline;
}
A:ACTIVE{
  color : red;
  text-decoration : underline overline;
}
LI{
  list-style-type : disc;
  list-style-image : url(http://www.myattic.jp/img/mark_063.gif);
}
.a{
  font-size : 75%;
  font-family : Tahoma;
  text-align : center;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : silver silver silver silver;
  width : 150px;
  float : left;
  margin-left : 10px;
  height : 100px;
  margin-right : 10px;
}
.b{
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-right : 10px;
  margin-left : 150px;
  font-size : 85%;
  font-family : Tahoma;
}
.c{
  text-align : left;
  margin-left : 20px;
  width : 80%;
}
TD{
  font-family : Tahoma;
  font-size : 80%;
  word-spacing : 10px;
}
#banner{
  text-align : center;
  clear : both;
  font-size : 80%;
  font-family : Tahoma;
  line-height : 140%;
  letter-spacing : 2px;
}
.hr{
  text-align : center;
  clear : both;
  font-size : 85%;
  font-family : Tahoma;
  margin-left : 15px;
  margin-right : 15px;
}
.pagetop{
  font-size : 85%;
  font-family : Tahoma;
  text-align : right;
  clear : both;
  padding-right : 10px;
}
.aa{
  font-family : Tahoma;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  text-align : center;
  line-height : 120%;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  font-size : 90%;
}
.aaa{
  font-family : Tahoma;
  width : 150px;
  text-align : center;
  margin-right : 5px;
  float : left;
}
.aab{
  font-family : Tahoma;
  margin-right : 10px;
  text-align : center;
  float : left;
  width : 150px;
}
.aac{
  font-family : Tahoma;
  text-align : center;
  clear : right;
  margin-left : 330px;
}
.boo{
  font-family : Tahoma;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
}
.on{
  font-family : Tahoma;
  text-align : left;
  line-height : 200%;
  font-size : 90%;
}
.aabb{
  font-family : Tahoma;
  text-align : left;
  margin-left : 160px;
  clear : right;
}
#topin{
  width : 750px;
  padding-top : 5px;
}
#topa{
  width : 320px;
  float : left;
  text-align : right;
}
#topb{
  margin-left : 330px;
}
#topc{
  text-align : left;
  height : 1px;
}
#topd{
  margin-left : 330px;
  margin-bottom : 10px;
}
.menuin{
  text-align : left;
  width : 98%;
}
.menubanner{
  text-align : center;
}
#goods{
  width : 580px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}
.gojyu{
  font-size : 95%;
  font-family : Tahoma;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-top : 15px;
  margin-left : 15px;
  margin-right : 15px;
  margin-bottom : 15px;
  border-width : 4px 4px 4px 4px;
  border-style : double double double double;
  border-top-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  border-left-color : silver;
  line-height : 180%;
}
.tda{
  font-family : Tahoma;
  padding-top : 12px;
  padding-left : 12px;
  padding-right : 12px;
  padding-bottom : 12px;
  line-height : 20px;
  letter-spacing : 0px;
}
.td{
  font-family : Tahoma;
  line-height : 20px;
  border-right-width : 2px;
  border-bottom-width : 2px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #cccccc;
  border-bottom-color : #999999;
  padding-left : 5px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
  letter-spacing : 0px;
  padding-top : 5px;
  padding-bottom : 5px;
}
.tda2{
  font-size : 70%;
  font-family : Tahoma;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : dashed;
  border-left-style : dashed;
  border-right-style : dashed;
  border-bottom-style : dashed;
  border-top-color : silver;
  border-left-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  background-color : #f0f0f0;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  letter-spacing : 2px;
}
.tda3{
  font-size : 70%;
  font-family : Tahoma;
  background-color : #eeeeee;
  border-width : 1px 1px 1px 1px;
  border-color : silver silver silver silver;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  border-style : dashed dashed dashed dashed;
}
.shop{
  font-family : Tahoma;
  background-color : #f3f3f3;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : silver silver silver silver;
  width : 90%;
  text-align : left;
}
.tda4{
  font-size : 14px;
  font-family : Tahoma;
  border-width : 2px 2px 2px 2px;
  border-style : dashed dashed dashed dashed;
  border-color : gray gray gray gray;
}
H6{
  font-size : 100%;
  background-color : silver;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : gray;
  border-bottom-color : gray;
}
.aa2{
  width : 90%;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
}
.aaaa{
  width : 100px;
  float : left;
}
.news{
  font-size: 1em;
  font-weight : bold;
  color: #D90033;
  background: url(http://www.myattic.jp/img/bg_itemtitle.gif) no-repeat left bottom;
  margin: 0 0 10px;
  padding: 0 0 2px 10px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
}
.button{
  font-weight : bolder;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  width : 35px;
  height : 35px;
  font-size : 25px;
  margin-top : 3px;
  margin-left : 3px;
  margin-right : 3px;
  margin-bottom : 3px;
}
.button2{
  padding-top : 1px;
  padding-left : 1px;
  padding-right : 1px;
  padding-bottom : 1px;
  width : 22px;
  height : 22px;
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
}
.feedburnerFeedBlock{
  font-size : 80%;
}
.feedTitle{
  background-image : url(http://www.myattic.jp/img/h2.gif);
  font-family : Tahoma;
  width : 98%;
  background-repeat : repeat-x;
  background-position : left bottom;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  font-size : 100%;
}
.li{
  background-image : url(http://www.myattic.jp/img/m_5.gif);
  background-attachment : fixed;
}
#footera{
  font-size : 80%;
}
.rireki{
  font-size : 90%;
  line-height : 160%;
  
}
.setumei{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  background-color : #f6f6f6;
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}
.setumei2{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}
.blocka{
  width : 15%;
  float : left;
}
.blockb{  
  text-align : left;
  clear : right;
  margin-left : 15%;
}
.blockc{
  text-align : left;
  clear : both;
}
.tit{
  background-color : #ffe8ff;
  font-weight : bold;
}
.tit2{  
  background-image : url(http://www.myattic.jp/img/mark_031.gif);
  background-repeat : no-repeat;
  text-align : left;
  text-indent : 15px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;  
}
.titup{  
  font-weight : bold;
  background-image : url(http://www.myattic.jp/img/message_081.gif);
  background-repeat : no-repeat;
  text-align : left;
  text-indent : 22px;  
background-position : 0px center;
}
.titleft{    
  background-repeat : no-repeat;
  text-align : right;  
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
}
.cyaratopwaku{
  width : 650px;  
  padding-top : 10px;
}
.cyaratopin{
  width : 200px;
  float : left;
  text-align : right;
  margin-left : 60px;
}
.cyaratopin2{  
  margin-left : 260px;  
  clear : right;
}
.waku{  
  font-size : 90%;
  float : left;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
}
IMG{border-width : 0px 0px 0px 0px;}
.gray{
  font-size : 85%;
  color : gray;
  text-align : center;
}
.imgcenter{
  vertical-align : middle;
}