html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

img {border: 0;}

BODY {
	MARGIN: 0px;
	SCROLLBAR-SHADOW-COLOR: #eeeeee;
	SCROLLBAR-ARROW-COLOR:#303030;
	SCROLLBAR-DARKSHADOW-COLOR: #555555;
	SCROLLBAR-BASE-COLOR: #aaaaaa
	FONT-SIZE: small;
	LINE-HEIGHT:180%;
	FONT-FAMILY: ARIAL,ＭＳ Ｐゴシック,Osaka
   margin: 0;
}

BODY a {
	TEXT-DECORATION: none;
}

#pink-keyword h1{
                 letter-spacing: 0.3em;
                 word-spacing: 0.3em;
                 font-size: 0.48em;
                 line-height: 150%;
                 color: #fee2bf;
                 font-weight: normal;
                 padding: 2px;
                 margin: 0;
                       }

#green-keyword h1{
                 letter-spacing: 0.3em;
                 word-spacing: 0.3em;
                 font-size: 0.48em;
                 line-height: 150%;
                 color: #e4efbf;
                 font-weight: normal;
                 padding: 2px;
                 margin: 0;
                       }

#blu-keyword h1{
                 letter-spacing: 0.3em;
                 word-spacing: 0.3em;
                 font-size: 0.48em;
                 line-height: 150%;
                 color: #cde7f6;
                 font-weight: normal;
                 padding: 2px;
                 margin: 0;
                       }

.entry-body2 img {
    display: block;
    margin-left: auto;
    border: 0;
    margin-right: auto }

img .centerim {
    display: block;
    margin-left: auto;
    border: 0;
    margin-right: auto;
    text-align: center; }

#entry-body2 img {
    display: block;
    margin-left: auto;
    border: 0;
    margin-right: auto; }

body { text-align: center; } /* center on ie */

/* page layout */

#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 800px;
   text-align: left;
}
#container-inner { position: static; width: auto; }

#alpha, #beta, #gamma, #delta
{
   display: inline; /* ie win bugfix */
         position: relative;
   float: left;
   min-height: 1px;
   margin: 0 5px 5px 5px;
}

#alpha, #beta a
{
	TEXT-DECORATION: none;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
   position: static;
}

.date-header,
.entry-content
{
   position: static;
   clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
   clear: both;
}

.entry-more-pic {
   margin: 0px 80px 20px 80px;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 0px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

#comment-post
{
   font-weight: bold;
}

/* modules */

.module-content
{
   position: relative;
   margin: 5px 10px 20px 10px;
}


.module-calendar .module-content table
{
   border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
   width: 14%;
   text-align: center;
}



/* basic page elements */

body
{
   font-family: georgia, 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }

h1, h2, h3, h4, h5, h6
{
   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   position: relative;
   width: 100%;
   width: auto;
   margin: 0;
   border-left: 5px solid #81c2e8;
   padding: 0px;
   color: #336600;
   background: #e6ecf2;
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}

/* page layout */

body
{
	min-width: 800px;
	color: #404040;
	background: #FFFFFF;
	background-repeat: repeat-x;	
}

#container
{
   width: 800px;
   margin-bottom: 10px;
   background: #FFFFFF;
   color: #404040;
}

#container-inner
{
border-right: 0px solid #292E33;
border-bottom: 0px solid #292E33;
border-left: 0px solid #292E33;
color: #404040;
}

#alpha { margin: 0px 0px 0 0px; width: 650px; }
#beta { margin: 0px 0px 0px 0px; width: 150px; }
#gamma, #delta { width: 180px; background: #81c2e8; }

#beta-inner,
#gamma-inner,
#delta-inner
{
   padding: 0px 0px 0px 0;
   border-width: 0px 0px 0px 0;
   border-style: none;
   border-color: #fff;
}

.date-header
{
   margin-top: 0;
   font-size: 9px;
   font-weight: ;
   text-transform: uppercase;
}

.entry-header
{
   margin-top: 0;
   border-left: 5px solid #81c2e8;
   padding: 0 0 0 0px;
   color: #666;
   font-size: 18px;
}

.entry-content,
.comment-content,
.trackback-content
{
   font: clear;
   line-height: 1.6;
   font-size: small;
   margin: 10px 10px 10px 10px;
}

.entry-content hr
{
   height: 1px;
   color: #99cc33;
   width: 100%;
   margin-left: 10px;
   margin-right: 10px;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #a3b8cc;
   padding: 0 10px;
   color: #292e33;
   font-size: 11px;
   text-align: center;
   background: #81c2e8;
}

.comments-open-footer
{
   margin: 10px 0;
}

.comment-entry-form
{
   margin: 10px 0;
   font-size: 80%px;
}

/* two-column-left tweaks */

   .layout-two-column-left #alpha
   {
      margin: 0;
      width: 150px;
      background: #81c2e8;
   }

   .layout-two-column-left #alpha-inner
   {
      padding: 0px 0px 0 0px;
      border-width: 2px 0 2px 2px;
      border-style: none;
      border-color: #fff;
   }

   .layout-two-column-left #beta
   {
      margin: 5px 5px 0 0px;
      width: 650px;
      background: none;
   }

   .layout-two-column-left #beta-inner
   {
      padding: 0;
      border-width: 0;
   }

/* custom-stuff */


.nagare-color2
{
   background: #EECD8D;
   align: center;
   color: #be4534;
}

.nagare-color1
{
   background: #fdb357;
   color: #be4534;
   font-weight: bold;
   align: center;
}

.nagare-color2 A:link {
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}
.nagare-color2 A:visited {
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}
.nagare-color2  A:hover {
	COLOR: #FFFFFF;
                font-weight: bold;
	}
.coral {
	COLOR: #be4534;
	}

.REC div {
	FONT-SIZE: 7pt;
	COLOR: #202020;
	LINE-HEIGHT:150%;
}

.NUKI div {
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	LINE-HEIGHT:150%;
	FONT-WEIGHT: 600;
}

.NUKI div	A:link {
	FONT-SIZE: 8pt;	
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	}
.NUKI div	A:visited {
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	}
.NUKI div	A:hover {
	FONT-SIZE: 8pt;
	COLOR: #50c050 
	}

.QUESTION div {
	FONT-SIZE: 80%;
	COLOR: #ff5050;
	LINE-HEIGHT:150%;
	FONT-WEIGHT: 600;
}

.blog-submenu
   {
      align: left;
      font-weight: bold;
      COLOR: #FFFFFF;
   }

.calendar
   {
      COLOR: #FFFFFF;
	FONT-SIZE: 11px;
     line-height: 110%;
   }

.calendarhead
   {
      COLOR: #FFFFFF;
	FONT-SIZE: 11px;
     line-height: 110%;
   }

.leftmenu
{
   margin: 0 5px 0 5px;
}

   .leftimage img{
	FONT-SIZE: 20px;
text-align:left;
padding-right: 15px;
margin: 0;
float: left;
vertical-align: top;
	}

   .top-banner {
	FONT-SIZE: 20px;
text-align:left;
margin: 0;
float: left;
vertical-align: top;
	}

   .top-banner A:link {
	FONT-SIZE: 16px;
	COLOR: #FFFFFF;
font-weight: bold;
	}

   .top-banner  A:visited {
	FONT-SIZE: 16px;
	COLOR: #FFFFFF;
font-weight: bold;
	}

   .top-banner  A:hover {
	FONT-SIZE: 16px;
	COLOR: #111111;
font-weight: bold;
	}

.entry-content hr
{
   height: 1px;
   color: #99cc33;
   width: 100%;
   margin-left: 10px;
   margin-right: 10px;
}

 .blog-tile
{
   font-weight: bold;
   font-size: 150%;
}

.details-tile
{
   font-weight: bold;
   font-size: 120%;
}

#rel150
   {
      position: absolute;
      top: 150px;
   }

.blu-leftmenu
   {
      color: #3366ff;
      background: #81c2e8;
   }

   .blu2 {
	COLOR: #81c2e8;
font-weight: bold;
	}

   .blu A:link  {
	COLOR: #81c2e8;
	TEXT-DECORATION: none;
	}
   .blu A:visited {
	COLOR: #81c2e8;
	TEXT-DECORATION: none;
	}
   .blu A:hover {
	COLOR: #2b8ec9;
	}
   .blu-leftmenu A:visited {
	FONT-SIZE: 85%;
	COLOR: #2b8ec9;
	TEXT-DECORATION: none;
	}
   .blu-leftmenu A:link {
	FONT-SIZE: 85%;
	COLOR: #2b8ec9;
	TEXT-DECORATION: none;
	}
   .blu-leftmenu A:hover {
	COLOR: #FFFFFF;
	}
   .blu strong {
	COLOR: #2b8ec9;
	}
   .blu hr {
	COLOR: #81c2e8;
                 height: 1px;
	}
   .blu img {
	border: 0;
	}
   .blu-leftmenu hr {
	COLOR: #FFFFFF;
                 height: 1px;
	}

#centerpics td {
	width: 490px;
                align: center;
	}

 .house-tile
{
   font-weight: bold;
   font-size: 120%;
color: #fdb357;
}

   .pink-leftmenu
   {
      color: #883322;
      background: #fdb357;
   }
   .pink A:visited  {
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}
   .pink A:link  {
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}
   .pink A:hover {
	COLOR: #fdb357;
	}
   .pink-leftmenu A:visited  {
	FONT-SIZE: 85%;
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}
   .pink-leftmenu A:link  {
	FONT-SIZE: 85%;
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}
   .pink-leftmenu A:hover {
	COLOR: #FFFFFF;
	}

   .pink h3 {
	FONT-SIZE: 110%;
	COLOR: #be4534;
	TEXT-DECORATION: none;
	}

   .pink hr {
	COLOR: #fdb357;
                 height: 1px;
	}
   .pink-leftmenu hr {
	COLOR: #FFFFFF;
                 height: 1px;
	}

.pinktable table {                          /* 表の枠の色 */
  border-style: solid;           /* 枠の形 */
  border-width: 2px;             /* ４方向の枠 */
  border-color: #fdb357 #fdb357 #fdb357 #fdb357; /* 上、右、下、左の色 */
  cellpadding: 0, 5, 5, 5;
  cellspacing:0;
}
.pinktable td {                          /* 表の枠の色 */
  border-style: solid;           /* 枠の形 */
  border-width: 1px;             /* ４方向の枠 */
  border-color: #fdb357 #fdb357 #fdb357 #fdb357; /* 上、右、下、左の色 */
  cellpadding: 0;
  cellspacing:0;
}

  .purple-leftmenu
   {
      color: #563643;
      background: #8a4c61;
   }
   .purple A:link  {
	COLOR: #563643;
	TEXT-DECORATION: none;
	}
   .purple A:visited {
	COLOR: #563643;
	TEXT-DECORATION: none;
	}
   .purple A:hover {
	COLOR: #ae768d;
	}
   .purple-leftmenu A:visited {
	FONT-SIZE: 85%;
	COLOR: #e0d2c5;
	TEXT-DECORATION: none;
	}
   .purple-leftmenu A:link {
	FONT-SIZE: 85%;
	COLOR: #e0d2c5;
	TEXT-DECORATION: none;
	}
   .purple-leftmenu A:hover {
	COLOR: #FFFFFF;
	}
   .purple strong {
	COLOR: #2b8ec9;
	}
   .purple hr {
	COLOR: #563643;
                 height: 1px;
	}

.castello td {
	margin-left: 10px;
	}

.castello ul {
                list-style-type : disc;
                margin: 0 0 0 2em;
               }

   .green-leftmenu
   {
   background: #b0d144;
      color: #226611;
   }

   .green A {
	COLOR: #1f5065;
	TEXT-DECORATION: none;
	}
   .green A:visited {
	COLOR: #1f5065;
	TEXT-DECORATION: none;
	}
   .green A:hover {
	COLOR: #226611;
	}
   .green-leftmenu A {
	FONT-SIZE: 85%;
	COLOR: #1f5065;
	TEXT-DECORATION: none;
	}
   .green-leftmenu A:visited {
	FONT-SIZE: 85%;
	COLOR: #1f5065;
	TEXT-DECORATION: none;
	}
   .green-leftmenu A:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	}
   .green hr {
	COLOR: #b0d144;
                 height: 1px;
	}
   .green-leftmenu hr {
	COLOR: #FFFFFF;
                 height: 1px;
	}

   .star-address
   {
      color: #404040;
	LINE-HEIGHT:130%;
	FONT-SIZE: 10px;
   }

   .star-address strong {
	font-size: 50%;
        line-height: 80%;
        color: #DDDDDD;
	TEXT-DECORATION: none;
	}

   .star-address A {
	FONT-SIZE: 9px;
	COLOR: #026068;
	TEXT-DECORATION: none;
	}
   .star-address A:visited {
	FONT-SIZE: 9px;
	COLOR: #026068;
	TEXT-DECORATION: none;
	}
   .star-address A:hover {
	FONT-SIZE: 9px;
	COLOR: #6d91a7;
	TEXT-DECORATION: none;
	}

.clear {
	clear: both;
	line-height: 0px;
}

.details-pics img {
                float: left;
                padding: 4px;
               margin-right: 15px;
                width: 200px;
                height: 200px;
}

.details-pics-cat img {
                float: left;
                padding: 4px;
               margin-right: 15px;
                width: 100px;
                height: 100px;
}

.details-pics2 img {
                padding: 4px;
                width: 200px;
                height: 200px;
}

#top-keyword h1{
                 font-size: 50%;
                 line-height: 80%;
                 color: #DDDDDD;
                       }

.icons{width: 780px; height:1px; display:block; text-indent:-9000px; margin-right:0px; margin-bottom:1px; }

#transparent{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#transparent2{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#transparent3{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#transparent4{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#transparent5{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#blu-top-banner{ 
background:url(http://www.dodici12.com/1212menu/blu-top-banner.jpg);
background-repeat:no-repeat;
padding: 0;
width: 800px;
border: 0;
height: 145px;
margin: 0;
}

#btm-banner{ 
text-align: right;
padding: 0;
width: 650px;
border: 0;
height: 10px;
margin: 0;
}

#btm-banner A {
	FONT-SIZE: 90%;
        COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	}


#green-top-banner{ 
background:url(http://www.dodici12.com/1212menu/green-top-banner.jpg) top left no-repeat; 
padding: 0;
width: 800px;
border: 0;
height: 145px;
margin: 0;
}

#pink-top-banner{ 
background:url(http://www.dodici12.com/1212menu/pink-top-banner.jpg) top left no-repeat; 
padding: 0;
width: 800px;
border: 0;
height: 145px;
margin: 0;
}

.white { 
color: #ffffff;
}

#menustripe1 { 
height: 5px;
background: #81c2e8;
}

#menustripe2 { 
height: 5px;
background: #fdb357;
}

#menustripe3 { 
height: 5px;
background: #b0d144;
}

#menustripe4 { 
height: 5px;
background: #81c2e8;
}