<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>StyleCatcher by loftwork</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/" />
   <link rel="self" type="application/atom+xml" href="http://stylecatcher.loftwork.com/atom.xml" />
   <id>tag:stylecatcher.loftwork.com,2007://1</id>
   <updated>2006-10-17T06:22:01Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.32-ja</generator>

<entry>
   <title>ゾウ</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/elephant.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.2</id>
   
   <published>2006-08-31T06:27:02Z</published>
   <updated>2006-10-17T06:22:01Z</updated>
   
   <summary>ゾウが楽しそうにシャボン玉を飛ばしているテーマです。</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/elephant/thumbnail-large.gif" alt="スクリーンショット">

ゾウの鼻なら大きいシャボン玉が作れそう。

クリエイター：<a href="http://www.loftwork.com/portfolio.aspx?cid=4417">jobin（ジョビン）</a>
]]>
      /*
name: elephant
designer: jobin
designer_url: http://www.loftwork.com/portfolio.aspx?cid=44
developer: loftwork
developer_url: http://www.loftwork.com/
*/

/* ------------ Layouts */
/* -------- Classic Layouts */
/* ---- one-column layout */
body.layout-one-column div#container {
    width: 780px;
    text-align: center;
}

body.layout-one-column div#alpha {
    display: block;
    float: none;
    width: 560px;
    margin: 0 auto;
    text-align: left;
}

body.layout-one-column div#alpha-inner {
    padding: 0;
}

/* ---- two-column (left) */
body.layout-two-column-left div#container {
    width: 780px;
}

body.layout-two-column-left div#alpha {
    float: left;
    width: 190px;
}

body.layout-two-column-left div#alpha-inner {
    padding: 0;
}

body.layout-two-column-left div#beta {
    float: right;
    width: 500px;
}

body.layout-two-column-left div#beta-inner {
    padding: 0;
}

/* ---- two-column (right) */
body.layout-two-column-right div#container {
    width: 780px;
}

body.layout-two-column-right div#alpha {
    float: left;
    width: 500px;
}

body.layout-two-column-right div#alpha-inner {
    border: 0;
    padding: 0;
}

body.layout-two-column-right div#beta {
    width: 190px;
    float: right;
}

body.layout-two-column-right div#beta-inner {
    border: 0;
    padding: 0;
}

/* ---- three-column*/
body.layout-three-column #container {
    width: 780px;
}

body.layout-three-column #alpha {
    float: left;
    width: 190px;
}

body.layout-three-column #alpha-inner {
    padding: 0;
}

body.layout-three-column #beta {
    width: 330px;
}

body.layout-three-column #beta-inner {
    padding: 0 0 0 30px;
}

body.layout-three-column #gamma {
    float: right;
    width: 190px;
}

body.layout-three-column #gamma-inner {
    padding: 0;
}

/* -------- mixed media */
/* ---- timeline layout */
body.layout-timeline div#container {
    width: 780px;
}

body.layout-timeline #alpha {
    float: left;
    width: 310px;
}

body.layout-timeline #beta {
    float: right;
    width: 400px;
}

body.layout-timeline #beta #gamma {
    float: left;
    width: 190px;
}

body.layout-timeline #beta #delta {
    float: right;
    width: 190px;
}

/* ---- moblog (type-a) */
body.layout-moblog1 div#container {
    width: 780px;
}

body.layout-moblog1 div#alpha {
    float: left;
    width: 190px;
}

body.layout-moblog1 div#alpha-inner {
    padding: 0;
}

body.layout-moblog1 div#beta {
    width: 330px;
}

body.layout-moblog1 div#beta-inner {
    padding: 0 0 0 30px;
}

body.layout-moblog1 div#gamma {
    float: right;
    width: 190px;
}

body.layout-moblog1 div#gamma-inner {
    padding: 0;
}

div.module-recent-photos div.module-content {
    padding: 10px 0 0 0;
}

div.module-recent-photos li.module-list-item {
    margin: 0 5px 10px 5px;
    padding: 0;
    background: none;
}

/* ---- moblog (type-b) */
body.layout-moblog2 div#container {
    width: 780px;
}

body.layout-moblog2 div#alpha {
    width: 60px;
    float: left;
    margin-right: 20px;
}

body.layout-moblog2 div#alpha-inner {
    padding: 0;
}

body.layout-moblog2 div#beta {
    width: 300px;
    margin-right: 20px;
}

body.layout-moblog2 div#beta-inner {
    padding: 0;
}

body.layout-moblog2 div#gamma {
    width: 170px;
}

body.layout-moblog2 div#gamma-inner {
    padding: 0;
}

body.layout-moblog2 div#delta {
    float: right;
    width: 150px;
}

body.layout-moblog2 div#delta-inner {
    padding: 0;
}

body.layout-moblog2 div.module-photo img {
    width: 100px;
    height: auto;
    margin: 0;
    padding: 0;
}

/* ---- artistic tweaks */
body.layout-artistic div#container {
    width: 780px;
}

body.layout-artistic div#alpha {
    float: left;
    width: 310px;
}

body.layout-artistic div#beta {
    float: right;
    width: 400px;
}

body.layout-artistic div#beta div#gamma {
    float: left;
    width: 190px;
}

body.layout-artistic div#beta div#delta {
    float: right;
    width: 190px;
}

/* ---- calendar tweaks */
body.layout-calendar div#container {
    width: 780px;
}

body.layout-calendar div#alpha {
    float: left;
    width: 310px;
}

body.layout-calendar div#beta {
    float: right;
    width: 400px;
}

body.layout-calendar div#beta div#gamma {
    float: left;
    width: 190px;
}

body.layout-calendar div#beta div#delta {
    float: right;
    width: 190px;
}


/* ------------ Theme Styles (Theme Name) */

html {
    background: #FDEEEB url(container_back.gif) center top repeat-y;
}

body {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    background: #FDEEEB url(body_back.gif) left top repeat-x;
    color: #666;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
}

a {
    color: #C1633F;
}

a:hover {
    color: #6db0f3;
}

a:visited {
    color: #663300;
}

/* ------------ container */
div#container {
    background: white url(container_back.gif) center top repeat-y;
    text-align: center;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 20px;
    background: transparent url(container-inner_back.gif) center top no-repeat;
    text-align: left;
}

/* ------------ banner */
#banner {
    margin: 0 0 20px 0;
    padding: 15px 0;
    background: white url(banner_title.gif) no-repeat center bottom;
    text-align: center;
}

div#banner-inner {
    height: 170px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

div#banner a {
    color: #C1633F;
    text-decoration: none;
}

div#banner a:hover {
    text-decoration: underline;
}

div#banner a:visited {
    text-decoration: none;
}

h1#banner-header {
    margin: 0;
    padding: 90px 25px 0 0;
    color: #C1633F;
    font-size: 200%;
    font-weight: normal;
    text-align: right;
}

h2#banner-description {
    margin: 0;
    padding: 0 25px 0 0;
    color: #C1633F;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    text-align: right;
}

/* ------------ entry */
div.entry {
    overflow: hidden;
}

h2.date-header {
    height: 37px;
    line-height: 45px;
    margin: 5px 0 15px 0;
    padding-left: 80px;
    background: white url(date-header_back.gif) no-repeat 0 0;
    color: white;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 110%;
    text-transform: uppercase;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0;
    padding: 0 0 10px 0;
    color: #C1633F;
    font-size: 140%;
    font-weight: bold;
}

p.entry-footer {
    margin: 10px 0 20px 0;
    padding: 5px 0 20px 0;
    background: transparent url(entry-footer_btm.gif) no-repeat bottom left;
    color: #666;
    font-size: 90%;
    font-weight: normal;
    text-align: right;
}

/* ---- comment, trackback */
h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    height: 33px;
    line-height: 40px;
    padding-left: 40px;
    background: white url(module-header_back.gif) top left no-repeat;
    color: white;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* ------------ module */
div.module {
    margin: 0 0 20px 0;
    padding: 0;
    color: #B9BBBD;
}

/* -------- module-header */
h2.module-header {
    height: 33px;
    line-height: 40px;
    padding-left: 40px;
    background: white url(module-header_back.gif) top left no-repeat;
    color: white;
    font-size: 110%;
    font-weight: normal;
}

h2.module-header a,
div.module-widget h2.mosule-header a {
    color: white;
    text-decoration: underline;
}

h2.module-header a:hover,
div.module-widget h2.mosule-header a:hover {
    text-decoration: none;
}

h2.module-header a:visited,
div.module-widget h2.mosule-header a:visited {
    text-decoration: underline;
}

div.module-about h2.module-header {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 100%;
    text-align: center;
}

div.module-about h2.module-header a {
    color: #C1633F;
}

div.module-about h2.module-header a:hover {
    color: #6db0f3;
}

div.module-about h2.module-header a:visited {
    color: #663300;
}

/* -------- module-content */
div.module-content {
    margin: 15px 0;
    padding: 0 15px;
    background-color: white;
}

div.module-content a {
    color: #C1633F;
}

div.module-content a:hover {
    color: #54C9E5;
}

div.module-content a:visited {
    color: #663300;
}

/* -------- module-powered */
div.module-powered div.module-content {
    padding: 10px 0;
    border: 1px solid #B9BBBD;
    text-align: center;
}

/* -------- module-recent-photos */
div.module-recent-photos div.module-content {
     padding: 10px 0 0 19px;
}

div.module-recent-photos ul.module-list {
     margin: 0;
}

div.module-recent-photos li.module-list-item {
    width: 64px; /* mac ie fix */
    margin: 0 10px 10px 0;
    padding: 0;
    background: none;
}

body.layout-moblog2 div.module-recent-photos div.module-content {
    padding: 0;
}

body.layout-moblog2 div.module-recent-photos li.module-list-item {
    margin: 0;
}

/* -------- module-calendar */
div.module-calendar {
    background-color: #B9BBBD ! important;
    background-image: url(calendar_top_190.gif);
    background-position: left top ! important;
    background-repeat: no-repeat ! important;
}

/* ---- one-column */
body.layout-one-column div.module-calendar {
    background-image: url(calendar_top_560.gif);
    background-position: left top ! important;
    background-repeat: no-repeat ! important;
}

div.module-calendar h2.module-header {
    margin: 0 10px 10px 10px ! important;
    padding: 0 ! important;
    border-bottom: 1px solid white ! important;
    background: none ! important;
    color: white ! important;
    text-align: center ! important;
}

div.module-calendar div.module-content {
    margin: 0 ! important;
    padding: 0 5px 10px 5px ! important;
    background-color: transparent ! important;
    background-image: url(calendar_btm_190.gif);
    background-position: left bottom ! important;
    background-repeat: no-repeat ! important;
}

/* ---- one-column */
body.layout-one-column div.module-calendar div.module-content {
    background-image: url(calendar_btm_560.gif);
    background-position: left bottom ! important;
    background-repeat: no-repeat ! important;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

div.module-calendar div.module-content th,
div.module-calendar div.module-content td a {
    color: white;
}

div.module-calendar div.module-content td {
    color: white;
}

/* -------- other style module */
div.module-about div.module-content,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 100%;
    text-align: center;
}

/* -------- module-list */
ul.module-list {
    margin: 0;
    padding: 0;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}

/* -------- mmt-calendar */
div.module-mmt-calendar {
    width: 400px;
    background-color: #B9BBBD;
}

div.module-mmt-calendar h2.module-header {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid white;
    background: transparent url(calendar_top_400.gif) no-repeat left top;
    color: white;
    text-align: center;
}

div.module-mmt-calendar h2.module-header a {
    color: white;
}

div.module-mmt-calendar div.module-content {
    margin: 0;
    padding: 10px 0;
    background: transparent url(calendar_btm_400.gif) no-repeat left bottom;
 }

div.module-mmt-calendar table {
    width: 400px;
    margin: 0;
    padding: 0;
}

div.module-mmt-calendar th,
div.module-mmt-calendar td {
    padding: 2px;
    text-align: center;
}

div.module-mmt-calendar td {
    height: 70px;
    color: white;
    text-align: center;
}

div.module-mmt-calendar th,
div.module-mmt-calendar td a {
    color: white;
}

div.day-photo {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    padding: 0;
}

div.day-photo a img{
    width: 45px;
    height: 45px;
}

   </content>
</entry>
<entry>
   <title>ペンギン</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/penguin.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.1</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-10-17T06:22:57Z</updated>
   
   <summary>ボウリングをするペンギンがかわいいテーマです。</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/penguin/thumbnail-large.gif" alt="スクリーンショット">

ペンギンがテーマのスタイルです。
南極でボウリング！？

クリエイター：<a href="http://www.loftwork.com/portfolio.aspx?cid=4417">jobin（ジョビン）</a>
 ]]>
      /*
name: penguin
designer: jobin
designer_url: http://www.loftwork.com/portfolio.aspx?cid=44
developer: loftwork
developer_url: http://www.loftwork.com/
*/

/* ------------ Layouts */
/* -------- Classic Layouts */
/* ---- one-column layout */
body.layout-one-column div#container {
    width: 780px;
    text-align: center;
}

body.layout-one-column div#alpha {
    display: block;
    float: none;
    width: 560px;
    margin: 0 auto;
    text-align: left;
}

body.layout-one-column div#alpha-inner {
    padding: 0;
}

/* ---- two-column (left) */
body.layout-two-column-left div#container {
    width: 780px;
}

body.layout-two-column-left div#alpha {
    float: left;
    width: 190px;
}

body.layout-two-column-left div#alpha-inner {
    padding: 0;
}

body.layout-two-column-left div#beta {
    float: right;
    width: 500px;
}

body.layout-two-column-left div#beta-inner {
    padding: 0;
}

/* ---- two-column (right) */
body.layout-two-column-right div#container {
    width: 780px;
}

body.layout-two-column-right div#alpha {
    float: left;
    width: 500px;
}

body.layout-two-column-right div#alpha-inner {
    border: 0;
    padding: 0;
}

body.layout-two-column-right div#beta {
    width: 190px;
    float: right;
}

body.layout-two-column-right div#beta-inner {
    border: 0;
    padding: 0;
}

/* ---- three-column*/
body.layout-three-column #container {
    width: 780px;
}

body.layout-three-column #alpha {
    float: left;
    width: 190px;
}

body.layout-three-column #alpha-inner {
    padding: 0;
}

body.layout-three-column #beta {
    width: 330px;
}

body.layout-three-column #beta-inner {
    padding: 0 0 0 30px;
}

body.layout-three-column #gamma {
    float: right;
    width: 190px;
}

body.layout-three-column #gamma-inner {
    padding: 0;
}

/* -------- mixed media */
/* ---- timeline layout */
body.layout-timeline div#container {
    width: 780px;
}

body.layout-timeline #alpha {
    float: left;
    width: 310px;
}

body.layout-timeline #beta {
    float: right;
    width: 400px;
}

body.layout-timeline #beta #gamma {
    float: left;
    width: 190px;
}

body.layout-timeline #beta #delta {
    float: right;
    width: 190px;
}

/* ---- moblog (type-a) */
body.layout-moblog1 div#container {
    width: 780px;
}

body.layout-moblog1 div#alpha {
    float: left;
    width: 190px;
}

body.layout-moblog1 div#alpha-inner {
    padding: 0;
}

body.layout-moblog1 div#beta {
    width: 330px;
}

body.layout-moblog1 div#beta-inner {
    padding: 0 0 0 30px;
}

body.layout-moblog1 div#gamma {
    float: right;
    width: 190px;
}

body.layout-moblog1 div#gamma-inner {
    padding: 0;
}

div.module-recent-photos div.module-content {
    padding: 10px 0 0 0;
}

div.module-recent-photos li.module-list-item {
    margin: 0 5px 10px 5px;
    padding: 0;
    background: none;
}

/* ---- moblog (type-b) */
body.layout-moblog2 div#container {
    width: 780px;
}

body.layout-moblog2 div#alpha {
    width: 60px;
    float: left;
    margin-right: 20px;
}

body.layout-moblog2 div#alpha-inner {
    padding: 0;
}

body.layout-moblog2 div#beta {
    width: 300px;
    margin-right: 20px;
}

body.layout-moblog2 div#beta-inner {
    padding: 0;
}

body.layout-moblog2 div#gamma {
    width: 170px;
}

body.layout-moblog2 div#gamma-inner {
    padding: 0;
}

body.layout-moblog2 div#delta {
    float: right;
    width: 150px;
}

body.layout-moblog2 div#delta-inner {
    padding: 0;
}

body.layout-moblog2 div.module-photo img {
    width: 100px;
    height: auto;
    margin: 0;
    padding: 0;
}

/* ---- artistic tweaks */
body.layout-artistic div#container {
    width: 780px;
}

body.layout-artistic div#alpha {
    float: left;
    width: 310px;
}

body.layout-artistic div#beta {
    float: right;
    width: 400px;
}

body.layout-artistic div#beta div#gamma {
    float: left;
    width: 190px;
}

body.layout-artistic div#beta div#delta {
    float: right;
    width: 190px;
}

/* ---- calendar tweaks */
body.layout-calendar div#container {
    width: 780px;
}

body.layout-calendar div#alpha {
    float: left;
    width: 310px;
}

body.layout-calendar div#beta {
    float: right;
    width: 400px;
}

body.layout-calendar div#beta div#gamma {
    float: left;
    width: 190px;
}

body.layout-calendar div#beta div#delta {
    float: right;
    width: 190px;
}


/* ------------ Theme Styles (Theme Name) */

html {
    background: #F3F1E3 url(container_back.gif) center top repeat-y;
}

body {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    background: #F3F1E3 url(body_back.gif) left top repeat-x;
    color: #666;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
}

a {
    color: #00A4D4;
}

a:hover {
    color: #6db0f3;
}

a:visited {
    color: #00A4D4;
}

/* ------------ container */
div#container {
    background: white url(container_back.gif) center top repeat-y;
    text-align: center;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 20px;
    background: transparent url(container-inner_back.gif) center top no-repeat;
    text-align: left;
}

/* ------------ banner */
#banner {
    margin: 0 0 20px 0;
    padding: 15px 0;
    background: white url(banner_title.gif) no-repeat center bottom;
    text-align: center;
}

div#banner-inner {
    height: 170px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

div#banner a {
    color: #6B6D6F;
    text-decoration: none;
}

div#banner a:hover {
    text-decoration: underline;
}

div#banner a:visited {
    text-decoration: none;
}

h1#banner-header {
    margin: 0;
    padding: 120px 0 0 25px;
    color: #6B6D6F;
    font-size: 200%;
    font-weight: normal;
}

h2#banner-description {
    margin: 0;
    padding: 0 0 0 25px;
    color: #6B6D6F;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

/* ------------ entry */
div.entry {
    overflow: hidden;
}

h2.date-header {
    height: 37px;
    line-height: 45px;
    margin: 5px 0 15px 0;
    padding-left: 80px;
    background: white url(date-header_back.gif) no-repeat 0 0;
    color: #D0AF61;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 110%;
    text-transform: uppercase;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0;
    padding: 0 0 10px 0;
    color: #D0AF61;
    font-size: 140%;
    font-weight: bold;
}

p.entry-footer {
    margin: 10px 0 20px 0;
    padding: 5px 0 20px 0;
    background: transparent url(entry-footer_btm.gif) no-repeat bottom left;
    color: #666;
    font-size: 90%;
    font-weight: normal;
    text-align: right;
}

/* ---- comment, trackback */
h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    height: 33px;
    line-height: 40px;
    padding-left: 40px;
    background: white url(module-header_back.gif) top left no-repeat;
    color: white;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* ------------ module */
div.module {
    margin: 0 0 20px 0;
    padding: 0;
    color: #6B6D6F;
}

/* -------- module-header */
h2.module-header {
    height: 33px;
    line-height: 40px;
    padding-left: 40px;
    background: white url(module-header_back.gif) top left no-repeat;
    color: #D0AF61;
    font-size: 110%;
    font-weight: normal;
}

h2.module-header a,
div.module-widget h2.mosule-header a {
    color: #D0AF61;
    text-decoration: underline;
}

h2.module-header a:hover,
div.module-widget h2.mosule-header a:hover {
    text-decoration: none;
}

h2.module-header a:visited,
div.module-widget h2.mosule-header a:visited {
    text-decoration: underline;
}

div.module-about h2.module-header {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 100%;
    text-align: center;
}

div.module-about h2.module-header a {
    color: #00A4D4;
}

div.module-about h2.module-header a:hover {
    color: #6db0f3;
}

div.module-about h2.module-header a:visited {
    color: #00A4D4;
}

/* -------- module-content */
div.module-content {
    margin: 15px 0;
    padding: 0 15px;
    background-color: white;
}

div.module-content a {
    color: #00A4D4;
}

div.module-content a:hover {
    color: #54C9E5;
}

div.module-content a:visited {
    color: #00A4D4;
}

/* -------- module-powered */
div.module-powered div.module-content {
    padding: 10px 0;
    border: 1px solid #6B6D6F;
    text-align: center;
}

/* -------- module-recent-photos */
div.module-recent-photos div.module-content {
     padding: 10px 0 0 19px;
}

div.module-recent-photos ul.module-list {
     margin: 0;
}

div.module-recent-photos li.module-list-item {
    width: 64px; /* mac ie fix */
    margin: 0 10px 10px 0;
    padding: 0;
    background: none;
}

body.layout-moblog2 div.module-recent-photos div.module-content {
    padding: 0;
}

body.layout-moblog2 div.module-recent-photos li.module-list-item {
    margin: 0;
}

/* -------- module-calendar */
div.module-calendar {
    background-color: #6B6D6F ! important;
    background-image: url(calendar_top_190.gif);
    background-position: left top ! important;
    background-repeat: no-repeat ! important;
}

/* ---- one-column */
body.layout-one-column div.module-calendar {
    background-image: url(calendar_top_560.gif);
    background-position: left top ! important;
    background-repeat: no-repeat ! important;
}

div.module-calendar h2.module-header {
    margin: 0 10px 10px 10px ! important;
    padding: 0 ! important;
    border-bottom: 1px solid white ! important;
    background: none ! important;
    color: white ! important;
    text-align: center ! important;
}

div.module-calendar div.module-content {
    margin: 0 ! important;
    padding: 0 5px 10px 5px ! important;
    background-color: transparent ! important;
    background-image: url(calendar_btm_190.gif);
    background-position: left bottom ! important;
    background-repeat: no-repeat ! important;
}

/* ---- one-column */
body.layout-one-column div.module-calendar div.module-content {
    background-image: url(calendar_btm_560.gif);
    background-position: left bottom ! important;
    background-repeat: no-repeat ! important;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

div.module-calendar div.module-content th,
div.module-calendar div.module-content td a {
    color: white;
}

div.module-calendar div.module-content td {
    color: white;
}

/* -------- other style module */
div.module-about div.module-content,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 100%;
    text-align: center;
}

/* -------- module-list */
ul.module-list {
    margin: 0;
    padding: 0;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}

/* -------- mmt-calendar */
div.module-mmt-calendar {
    width: 400px;
    background-color: #6B6D6F;
}

div.module-mmt-calendar h2.module-header {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid white;
    background: transparent url(calendar_top_400.gif) no-repeat left top;
    color: white;
    text-align: center;
}

div.module-mmt-calendar h2.module-header a {
    color: white;
}

div.module-mmt-calendar div.module-content {
    margin: 0;
    padding: 10px 0;
    background: transparent url(calendar_btm_400.gif) no-repeat left bottom;
 }

div.module-mmt-calendar table {
    width: 400px;
    margin: 0;
    padding: 0;
}

div.module-mmt-calendar th,
div.module-mmt-calendar td {
    padding: 2px;
    text-align: center;
}

div.module-mmt-calendar td {
    height: 70px;
    color: white;
    text-align: center;
}

div.module-mmt-calendar th,
div.module-mmt-calendar td a {
    color: white;
}

div.day-photo {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    padding: 0;
}

div.day-photo a img{
    width: 45px;
    height: 45px;
}

   </content>
</entry>
<entry>
   <title>airplane</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/airplane.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.5</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-19T13:53:00Z</updated>
   
   <summary> クリエイター名：kuroneko ...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/airplane/thumbnail-large.gif" alt="スクリーンショット">

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=4726">kuroneko</a>
]]>
      /*
name: Airplane
designer: kuroneko
designer_url: http://www.loftwork.com/portfolio.aspx?cid=4726
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* ---------- one-column layout ---------- */

body.layout-one-column div#container {
  width: 780px;
  text-align: center;
}

body.layout-one-column div#alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

body.layout-one-column div#alpha-inner {
  padding: 0;
}



/* ---------- two-column (left) ---------- */

body.layout-two-column-left div#container {
  width: 780px;
}

body.layout-two-column-left div#alpha {
  width: 190px;
  float: left;
}

body.layout-two-column-left div#alpha-inner {
  padding: 0;
}

body.layout-two-column-left div#beta {
  width: 530px;
  float: right;
}

body.layout-two-column-left div#beta-inner {
  padding: 0;
}



/* ---------- two-column (right)  ---------- */

body.layout-two-column-right div#container {
  width: 780px;
}

body.layout-two-column-right div#alpha {
  width: 530px;
  float: left;
}

body.layout-two-column-right div#alpha-inner {
  border: 0;
  padding: 0;
}

body.layout-two-column-right div#beta {
  width: 190px;
  float: right;
}

body.layout-two-column-right div#beta-inner {
  border: 0;
  padding: 0;
}



/* ---------- three-column ---------- */

.layout-three-column #container {
    width: 780px;
}

.layout-three-column #alpha {
    width: 190px;
    float: left;
}

.layout-three-column #alpha-inner {
    padding: 0;
}

.layout-three-column #beta {
    width: 335px;
}

.layout-three-column #beta-inner {
    padding: 0 0 0 20px;
}

.layout-three-column #gamma {
    width: 190px;
    float: right;
}

.layout-three-column #gamma-inner {
    padding: 0;
}

html {
	background: #E5E5E5 url(bgptn_line.gif) left top repeat;
}

body {
    line-height: 1.5;
    background-color: white;
    color: #333;
    background-color: #CFEBFF;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* anchor */
a {
    color: #999;
    text-decoration: none;
}

a:hover {
    color: #5FB6FF;
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

div#banner a {
    color: #5FB6FF;
    text-decoration: none;
}

div#banner a:hover {
    color: #5FB6FF;
}

h2.module-header a {
    color: #505050;
    text-decoration: underline;
    font-weight: bold;
}

h2.module-header a:hover {
    text-decoration: none;
}

h2.module-header a:visited {
    text-decoration: underline;
}

div.module-content a,
div.module-about h2.module-header a {
    color: #004CB6;
    text-decoration: underline;
    font-weight: normal;
}

div.module-content a:hover,
div.module-about h2.module-header a:hover {
    color: #F79910;
    text-decoration: none;
}

div.module-content a:visited,
div.module-about h2.module-header a:visited {
    text-decoration: underline;
}

div#container {
    text-align: center;
    border-left:solid 1px #5FB6FF;
    border-right:solid 1px #5FB6FF;
    background-color: white;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 20px 50px 20px;
    text-align: left;
}

div.module-about a,
div.module-about h2.module-header a,
div.module-email a,
div.module-photo a,
div.module-syndicate a,
div.module-subscribe a,
div.module-powered a{
    background: transparent url(ico-orange.gif) no-repeat left top;
    padding-left: 15px;
}

/* banner */

#banner {
    margin: 0 -20px;
    padding:  0;
    background: white url(topimage.gif) no-repeat center;
    text-align: center;
}

div#banner-inner {
    height: 143px;
    margin: 0;
    padding: 0;
    text-align: left;
}

h1#banner-header {
    padding: 40px 0 0 20px;
    margin: 0;
    color: #5FB6FF;
    font-size: 200%;
    font-weight: bold;
}

#banner-description {
    padding: 0 0 0 20px;
    color: #5FB6FF;
    font-size: 100%;
    font-weight: normal;
}


/* entry */

div.entry {
    overflow: hidden;
}

h2.date-header {
    margin: 0 0 10px 0;
    padding: 3px 0 3px 7px;
    border-bottom: 1px dashed #666;
    border-left: 5px solid #5FB6FF;
    color: #666;
    font-family: &apos;Trebuchet MS&apos;, Verdana, sans-serif;
    font-size: 120%;
    text-align: left;
    font-weight: bold;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    height:25px;
    line-height: 25px;
    margin: 10px 0 25px 0;
    padding-left: 25px;
    border-bottom: 1px dashed #666;
    background: transparent url(entry-title.gif) no-repeat left center;	
    color: #666;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}

p.entry-footer,
p.trackback-footer,
p.comment-footer {
    margin: 30px 0 10px 0;
    color: #666;
    font-size: 12px;
    text-align: left;	
}

/* -------- comment, trackback */

div.comments,
div.trackbacks {
    overflow: hidden;
    padding: 20px 0;
    border: 1px solid #DEDEDE;
}

div.comments-content,
div.trackbacks-content {
    padding: 0 20px;
}

h3.trackbacks-header,
h3.comments-header {
  padding-left: 20px;
}

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    margin: 0 0 10px 0;
    padding: 3px 0 3px 7px;
    border-bottom: 1px dashed #666666;
    border-left: 5px solid #5FB6FF;
    color: #666;
    font-family: &apos;Trebuchet MS&apos;, Verdana, sans-serif;
    font-size: 120%;
    text-align: left;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* -------- module */

div.module {
    margin: 0;
    padding: 0;
    background-color: transparent;
    background: #D4F1FF url(menu-middle.gif) repeat-y top left;
}

body.layout-one-column div.module {
    padding-bottom: 35px;
    background-image: url(menu-bottom1col.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
}

div.module-about,
div.module-about h2.module-header,
div.module-email,
div.module-photo,
div.module-syndicate,
div.module-subscribe,
div.module-powered {
    border: 0;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
}

body.layout-one-column div.module-about,
body.layout-one-column div.module-about,
body.layout-one-column div.module-email,
body.layout-one-column div.module-photo,
body.layout-one-column div.module-syndicate,
body.layout-one-column div.module-subscribe,
body.layout-one-column div.module-powered {
    background: none;
}

h2.module-header {
    height: 48px;
    line-height: 52px;
    color: #505050;
    font-size: 100%;
    font-weight: bold;
    background: transparent url(menu-title.gif) no-repeat top left;
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
}

body.layout-one-column h2.module-header {
    height: 72px;
    line-height: 98px;
    margin: 0;
    background-image: url(menu-top1col.gif);
}

div.module-about h2.module-header {
    background: none;
    padding: 0 8px;
    margin: 0;
    font-size: 95%;
    font-weight: normal;
}

div.module-content {
    margin: 0;
    padding: 0 8px 20px 8px;
    font-size: 95%;
}

body.layout-one-column div.module-content {
    padding: 10px 8px;
    background-image: url(menu-middle1col.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

div.module-powered div.module-content {
    padding: 10px 0;
    text-align: center;
}

div.module-about div.module-content,
div.module-about h2.module-header,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    border: 0;
}

body.layout-one-column div.module-about div.module-content,
body.layout-one-column div.module-about h2.module-header,
body.layout-one-column div.module-email div.module-content,
body.layout-one-column div.module-photo div.module-content,
body.layout-one-column div.module-syndicate div.module-content,
body.layout-one-column div.module-subscribe div.module-content,
body.layout-one-column div.module-powered div.module-content {
    background: none;
    padding: 0;
    margin: 10px 0 0 0;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

ul.module-list {
    margin: 0 15px;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
    list-style-image: url(ico-blue.gif); 
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
    list-style-image: none;
}

body.layout-two-column-left div#alpha,
body.layout-two-column-right div#beta,
body.layout-three-column div#alpha,
body.layout-three-column div#gamma {
    background: #D4F1FF url(menu-top.gif) no-repeat left top;
    padding-top: 20px;
}

body.layout-two-column-left div#alpha div#alpha-inner,
body.layout-two-column-right div#beta div#beta-inner,
body.layout-three-column div#alpha div#alpha-inner,
body.layout-three-column div#gamma div#gamma-inner {
    background: #D4F1FF url(menu-bottom.gif) no-repeat left bottom;
    padding-bottom: 50px;
}


   </content>
</entry>
<entry>
   <title>apple</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/apple.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.6</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-19T13:56:57Z</updated>
   
   <summary> 全体を赤系の配色にしたデザインはあたたかく、記事にユーザーの体温が伝わっていき...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/apple/thumbnail-large.gif" alt="スクリーンショット">

全体を赤系の配色にしたデザインはあたたかく、記事にユーザーの体温が伝わっていきます。

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=4029">メトロノミック</a>
 ]]>
      /*
name: Apple
designer: akinakano
designer_url: http://www.loftwork.com/portfolio.aspx?cid=3598
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* ---------- one-column layout ---------- */

body.layout-one-column div#container {
  width: 720px;
  text-align: center;
}

body.layout-one-column div#alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

body.layout-one-column div#alpha-inner {
  padding: 0;
}



/* ---------- two-column (left) ---------- */

body.layout-two-column-left div#container {
  width: 720px;
}

body.layout-two-column-left div#alpha {
  width: 170px;
  float: left;
}

body.layout-two-column-left div#alpha-inner {
  padding: 0;
}

body.layout-two-column-left div#beta {
  width: 440px;
  float: right;
}

body.layout-two-column-left div#beta-inner {
  padding: 0;
}



/* ---------- two-column (right)  ---------- */

body.layout-two-column-right div#container {
  width: 720px;
}

body.layout-two-column-right div#alpha {
  width: 440px;
  float: left;
}

body.layout-two-column-right div#alpha-inner {
  border: 0;
  padding: 0;
}

body.layout-two-column-right div#beta {
  width: 170px;
  float: right;
}

body.layout-two-column-right div#beta-inner {
  border: 0;
  padding: 0;
}



/* ---------- three-column ---------- */

.layout-three-column #container {
    width: 780px;
}

.layout-three-column #alpha {
    width: 170px;
    float: left;
}

.layout-three-column #alpha-inner {
    padding: 0;
}

.layout-three-column #beta {
    width: 320px;
}

.layout-three-column #beta-inner {
    padding: 0 0 0 15px;
}

.layout-three-column #gamma {
    width: 170px;
    float: right;
}

.layout-three-column #gamma-inner {
    padding: 0;
}

body {
    line-height: 1.5;
    background: white url(pagebody.jpg) repeat-y center top;
    color: black;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* ancor */
a {
    color: #f30;
    text-decoration: none;
}

a:hover {
    color: white;
    text-decoration: none;
    background-color:#f30;
}

a:visited {
    color: #60c;
}

#banner a {
    color: white;
    text-decoration: none;
}

#banner a:visited {
    color: white;
}

#banner a:hover {
    color: white;
    background-color: transparent;
}

h2.module-header a,
h2.module-header a:visited {
    text-decoration: underline;
}

h2.module-header a:hover,
div.module-about h2.module-header a:hover {
    text-decoration: none;
}

div.module-content a,
div.module-about h2.module-header a {
    text-decoration: underline;
}

div.module-content a:hover,
div.module-about h2.module-header a:hover {
    text-decoration: none;
}

div.module-content a:visited,
div.module-about h2.module-header a:visited {
    text-decoration: underline;
}

div#container {
    text-align: center;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 40px 50px 40px;
    text-align: left;
}

body.layout-three-column div#container-inner {
    padding: 0 50px 50px 50px;
}

/* banner */

div#banner {
    margin: 0 -40px;
    padding: 15px 0 0 0;
    background: transparent url(banner.jpg) no-repeat center top;
    text-align: center;
}

body.layout-three-column div#banner {
    margin: 0 -50px;
}

div#banner-inner {
    height: 280px;
    margin: 0;
    padding: 0;
    text-align: left;
}

h1#banner-header {
    position: relative;
    top: 60px;
    left: 80px;
    color: white;
    font-size: 200%;
    font-weight: normal;
}

#banner-description {
    position: relative;
    top: 50px;
    left: 80px;
    color: white;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: normal;
}

/* entry */

div.entry {
    overflow: hidden;
}

h2.date-header {
    margin: 5px 0 15px 0;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 100%;
    padding: 0;
    color: #f30;
    text-transform: uppercase;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0 0 15px 0;
    padding: 0 0 0 25px;
    color:#f30;
    background: transparent url(entry-header.jpg) center left no-repeat;
    font-size: 150%;
    font-weight: bold;
}

p.entry-footer {
    margin: 20px 0;
    padding: 0;
    text-align: right;
    color: #f30;
    font-weight: normal;
    font-size: 95%;
}

/* -------- comment, trackback */

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    padding: 0 0 0 20px;
    color: #f30;
    background:url(module-header.jpg) center left no-repeat;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* -------- module */

div.module {
    margin: 0;
    padding: 0 0 20px 0;
    background-color: transparent;
}

body.layout-one-column div.module {
    background: none;
}

div.module-about,
div.module-about h2.module-header,
div.module-email,
div.module-photo,
div.module-syndicate,
div.module-subscribe,
div.module-powered {
    border: 0;
    font-size: 100%;
    font-weight: normal;
    padding: 0 0 10px 0;
    text-align: center;
}

h2.module-header {
    color:#f30;
    font-size: 100%;
    font-weight: normal;
    background:url(module-header.jpg) center left no-repeat;
    margin: 0 0 0 15px;
    padding: 0 0 0 20px;
}

div.module-about h2.module-header {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-weight: normal;
}

div.module-content {
    margin: 0;
    padding: 10px 0;
    font-size: 95%;
}

div.module-powered div.module-content {
    padding: 10px 0;
    text-align: center;
    color:#f30;
    background-color:#eee;
    border:1px solid #f30;
}

div.module-about div.module-content,
div.module-about h2.module-header,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    border: 0;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

ul.module-list {
    margin: 0 15px;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}
   </content>
</entry>
<entry>
   <title>blooming</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/blooming.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.7</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-19T14:00:40Z</updated>
   
   <summary> 摘んだ花たちと、空を仰ぐ木々たちが出会う風。ブログユーザーや、ブログを訪れた人...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/blooming/thumbnail-large.gif" alt="スクリーンショット">

摘んだ花たちと、空を仰ぐ木々たちが出会う風。ブログユーザーや、ブログを訪れた人が、同じ空気を感じて対話出来るようイメージされたデザインです。

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=3419 ">Akiko Nishizawa</a>]]>
      /*
name: Blooming
designer: Akiko Nishizawa
designer_url: http://www.loftwork.com/portfolio.aspx?cid=3419
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* ---------- one-column layout ---------- */

body.layout-one-column div#container {
  width: 780px;
  text-align: center;
}

body.layout-one-column div#alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

body.layout-one-column div#alpha-inner {
  padding: 0;
}



/* ---------- two-column (left) ---------- */

body.layout-two-column-left div#container {
  width: 780px;
}

body.layout-two-column-left div#alpha {
  width: 190px;
  float: left;
}

body.layout-two-column-left div#alpha-inner {
  padding: 0;
}

body.layout-two-column-left div#beta {
  width: 500px;
  float: right;
}

body.layout-two-column-left div#beta-inner {
  padding: 0;
}



/* ---------- two-column (right)  ---------- */

body.layout-two-column-right div#container {
  width: 780px;
}

body.layout-two-column-right div#alpha {
  width: 500px;
  float: left;
}

body.layout-two-column-right div#alpha-inner {
  border: 0;
  padding: 0;
}

body.layout-two-column-right div#beta {
  width: 190px;
  float: right;
}

body.layout-two-column-right div#beta-inner {
  border: 0;
  padding: 0;
}



/* ---------- three-column ---------- */

.layout-three-column #container {
    width: 780px;
}

.layout-three-column #alpha {
    width: 190px;
    float: left;
}

.layout-three-column #alpha-inner {
    padding: 0;
}

.layout-three-column #beta {
    width: 330px;
}

.layout-three-column #beta-inner {
    padding: 0 0 0 30px;
}

.layout-three-column #gamma {
    width: 190px;
    float: right;
}

.layout-three-column #gamma-inner {
    padding: 0;
}

body {
    line-height: 1.5;
    background: #D87593 url(bodyback.gif) repeat-x top left;
    color: #666;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* ancor */
a {
    color: #64C0B2;
}

a:visited {
    color: #64C0B2;
}

a:hover {
    color: #03b95e;
}

div#banner a {
    color: #D77593;
    text-decoration: none;
}

div#banner a:hover {
    text-decoration: underline;
}

div#banner a:visited {
    text-decoration: none;
}

h2.module-header a,
h2.module-header a:visited {
    color: white;
    text-decoration: underline;
}

h2.module-header a:hover,
div.module-about h2.module-header a:hover {
    text-decoration: none;
}

div.module-content a,
div.module-about h2.module-header a {
    color: #C82D81;
    text-decoration: underline;
}

div.module-content a:hover,
div.module-about h2.module-header a:hover {
    text-decoration: none;
}

div.module-content a:visited,
div.module-about h2.module-header a:visited {
    text-decoration: underline;
}

div#container {
    background: white url(container_back.gif) repeat-y left top;
    text-align: center;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

/* banner */

#banner {
    margin: 0 -18px;
    padding: 15px 0 0 0;
    background: white url(header.gif) no-repeat center top;
    text-align: center;
}

div#banner-inner {
    height: 170px;
    margin: 0;
    padding: 0;
    text-align: left;
}

h1#banner-header {
    position: relative;
    top: 10px;
    left: 50px;
    color: white;
    font-size: 200%;
    font-weight: normal;
}

#banner-description {
    position: relative;
    left: 50px;
    color: #D77593;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: normal;
}

/* entry */

div.entry {
    overflow: hidden;
}

h2.date-header {
    margin: 5px 0 15px 0;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 110%;
    padding: 0;
    color: #D87492;
    background: #fff url(date_back.gif) no-repeat right center;
    font-weight: bold;
    text-transform: uppercase;
}

body.layout-three-column h2.date-header {
    background-image: url(date_back_150.gif);
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0;
    padding: 0 0 10px 0;
    color: #D87492;
    font-size: 140%;
    font-weight: bold;
}

p.entry-footer {
    margin: 20px 0;
    padding: 0;
    text-align: right;
    color: #666;
    font-weight: normal;
}

/* -------- comment, trackback */

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    color: #D87492;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* -------- module */

div.module {
    margin: 0;
    padding: 0 0 20px 0;
    background-color: transparent;
    background-image: url(module_back.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

body.layout-one-column div.module {
    background: none;
}

div.module-about,
div.module-about h2.module-header,
div.module-email,
div.module-photo,
div.module-syndicate,
div.module-subscribe,
div.module-powered {
    font-size: 100%;
    font-weight: normal;
    padding: 0 0 10px 0;
    text-align: center;
}

h2.module-header {
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    background: transparent url(module_title.gif) no-repeat left top;
    color: white;
    font-size: 100%;
    font-weight: bold;
}

body.layout-one-column h2.module-header {
    height: 48px;
    line-height: 48px;
    padding-left: 30px;
    background: transparent url(module_header.gif) no-repeat left top;
    color: white;
    font-size: 100%;
    font-weight: bold;
}

div.module-about h2.module-header {
    background: none;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 95%;
    font-weight: normal;
}

div.module-content {
    margin: 0;
    padding: 0 5px;
    font-size: 95%;
}

div.module-powered div.module-content {
    padding: 10px 0;
    text-align: center;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

ul.module-list {
    margin: 0 15px;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}

body.layout-two-column-left div#alpha,
body.layout-two-column-right div#beta,
body.layout-three-column div#alpha,
body.layout-three-column div#gamma {
    background: #EC90AC url(module_top.gif) no-repeat left top;
    padding-top: 10px;
}

body.layout-two-column-left div#alpha div#alpha-inner,
body.layout-two-column-right div#beta div#beta-inner,
body.layout-three-column div#alpha div#alpha-inner,
body.layout-three-column div#gamma div#gamma-inner {
    background: black url(module_btm.gif) no-repeat left bottom;
    padding-bottom: 10px;
}

   </content>
</entry>
<entry>
   <title>brighten</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/brighten.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.8</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-21T01:25:44Z</updated>
   
   <summary> カッコいいデザイン、かわいいデザインはいろいろありますが、これは出会うチャンス...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/brighten/thumbnail-large.gif" alt="スクリーンショット">

カッコいいデザイン、かわいいデザインはいろいろありますが、これは出会うチャンスが少ないキレイなデザインのひとつです。ブログを書いたり読む人に、心華やぐ瞬間を提供できたら素敵ですね。

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=3598">akinakano</a>
]]>
      /*
name: Brighten
designer: akinakano
designer_url: http://www.loftwork.com/portfolio.aspx?cid=3598
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);

/* basic page elements */

body {
    font-family: &apos;trebuchet ms&apos;, helvetica, arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: &apos;trebuchet ms&apos;, helvetica, arial, sans-serif;
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 0;
    padding: 0 30px;
}

hr { margin: 20px 0 0 0; }

img {
height: auto;
}


/* -------------------- Links -------------------- */

a { color: #A2BB31; text-decoration: none; }
a:visited { color: #A2BB31; text-decoration: none; }
a:hover { color: #77796A; text-decoration: underline; }

#banner a { color: #E75C00; text-decoration: none; }
#banner a:visited { color: #E75C00; }
#banner a:hover { color: #A2BB31; }

.module-content a { color: #77796A; }
.module-content a:visited { color: #77796A; }
.module-content a:hover { color: #AEC349; text-decoration: underline; }

.module-calendar .module-content a { color: #AEC349;}
.module-calendar .module-content a:visited { color: #AEC349; }
.module-calendar .module-content a:hover { color: #77796A; text-decoration: underline; }


.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
color: #ADCB25;
text-decoration: none;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited {
color: #ADCB25;
text-decoration: none;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #77796A;
text-decoration: underline;
}



/* -------------------- Headers -------------------- */

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;
margin: 0 0 20px 30px;
padding: 0;
color: #ADCB25;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
text-transform: uppercase;
}

.layout-artistic .module-header,
.layout-artistic .trackbacks-header,
.layout-artistic .comments-header,
.layout-artistic .comments-open-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;
margin: 0 0 20px 20px;
padding: 0;
color: #ADCB25;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
text-transform: uppercase;
}

.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
margin: 0;
padding: 0 15px;
color: #77796A;
background: transparent;
font-size: 13px;
font-weight: bold;
text-align: left;
}

.archive-header {
margin-top: 0;
margin-left: 0;
padding: 0 0 0 30px;
background: url(dot_main.gif) left bottom no-repeat;
color: #E75C00;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
}

.layout-one-column .archive-header {
margin-top: 25px;
margin-left: 0;
padding: 0 0 0 30px;
background: url(dot_main1col.gif) left bottom no-repeat;
color: #E75C00;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
}

.layout-artistic .archive-header {
margin: 10px 0 0 0;
padding: 0 0 0 30px;
background: url(dot_main.gif) left bottom no-repeat;
color: #E75C00;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
}

.layout-moblog2 .archive-header {
margin-top: 10px;
margin-left: 0;
padding: 0 0 0 30px;
background: url(dot_main1col.gif) left bottom no-repeat;
color: #E75C00;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
color: #E75C00;
padding: 20px 0 0 0;
margin: 0;
}

.module,
.module-about, 
.module-archives, 
.module-calendar, 
.module-presence, 
.module-recent-comments,
.module-typelist,
.module-categories,
.module-update-list,
.module-recent-trackbacks,
.module-galleries {
padding: 0 0 30px 0;
background: #fff url(dot_sub.gif) left 0.5em no-repeat;
}

.layout-moblog2 .module-about {
padding: 0 0 18px 0;
background: #fff url(dot_sub.gif) left 0.5em no-repeat;
}

.layout-moblog1 .module-recent-photos {
padding: 0 0 30px 0;
background: #fff url(dot_sub.gif) left 0.5em no-repeat;
}

.layout-one-column .module {
    padding: 0 0 30px 0;
    background: #fff url(dot_sub1col.gif) left 0.5em no-repeat;
}

.layout-artistic .module-about, 
.layout-artistic .module-archives, 
.layout-artistic .module-calendar, 
.layout-artistic .module-presence, 
.layout-artistic .module-recent-comments,
.layout-artistic .module-typelist,
.layout-artistic .module-categories,
.layout-artistic .module-update-list,
.layout-artistic .module-recent-trackbacks,
.layout-artistic .module-galleries,
.layout-calendar .module-about, 
.layout-calendar .module-archives, 
.layout-calendar .module-calendar, 
.layout-calendar .module-presence, 
.layout-calendar .module-recent-comments,
.layout-calendar .module-typelist,
.layout-calendar .module-categories,
.layout-calendar .module-update-list,
.layout-calendar .module-recent-trackbacks,
.layout-calendar .module-galleries,
.layout-timeline .module-about, 
.layout-timeline .module-archives, 
.layout-timeline .module-calendar, 
.layout-timeline .module-presence, 
.layout-timeline .module-recent-comments,
.layout-timeline .module-typelist,
.layout-timeline .module-categories,
.layout-timeline .module-update-list,
.layout-timeline .module-recent-trackbacks,
.layout-timeline .module-galleries {
    padding: 0 0 30px 0;
    background: #fff url(dot_subart.gif) left 0.5em no-repeat;
}

.layout-one-column .module-galleries {
    padding: 0 0 30px 0;
    background: #fff url(dot_sub1col.gif) left 0.5em no-repeat;
}

.layout-artistic .module-galleries,
.layout-calendar .module-galleries {
    padding: 0 0 30px 0;
    background: #fff url(dot_subart.gif) left 0.5em no-repeat;
}



/* -------------------- Contents -------------------- */

.trackbacks p {
margin: 0;
padding: 0;
line-height: 20px;
}

.trackbacks-info, 
.comment-content, 
.comment-footer {
margin: 0;
padding: 0;
}

.trackbacks-info p {
margin: 20px 0 0 0;
padding: 0;
}

.trackback-content, 
.comment-content {
margin: 20px 0 0 0;
padding: 0 0 5px 0;
background: #fff url(dot_top.gif) left top no-repeat;
}

.trackback-content p, 
.comment-content p {
margin: 0;
padding: 20px 0 0 0;
}

.trackbacks-content {
margin: 0 0 0 20px;
padding: 0;
}

.trackback-content p,
.comment-content p,
.trackbacks-info p {
overflow: auto;
word-break:break-all;/* Only for IE */
}

.comment {
margin: 0 0 0 20px;
padding: 0;
line-height: 20px;
}

.entry-more-link,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 11px;
}

.entry-footer {
font-size: 11px;
line-height: 1.5em;
}

.entry-more-link {
font-size: 12px;
}

.trackback-footer, .comment-footer {
color: #C6C8B4;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
background: #fff url(dot_btm.gif) left 2.0em no-repeat;
height: 31px;
}

.comments-open-content {
margin: 20px 0 0 20px;
}

#comments-open-footer {
margin: 0 0 0 20px;
}

.layout-one-column #comments-open-footer {
margin: 0 0 50px 20px;
}

#comment-text {
width: 400px;
}

.layout-three-column #comment-text,
.layout-moblog1 #comment-text {
width: 300px;
}

.layout-artistic #comment-text,
.layout-artistic #comment-author,
.layout-artistic #comment-email,
.layout-artistic #comment-url,

.layout-calendar #comment-text,
.layout-calendar #comment-author,
.layout-calendar #comment-email,
.layout-calendar #comment-url,

.layout-moblog2 #comment-text,
.layout-moblog2 #comment-author,
.layout-moblog2 #comment-email,
.layout-moblog2 #comment-url,

.layout-timeline #comment-text,
.layout-timeline #comment-author,
.layout-timeline #comment-email,
.layout-timeline #comment-url {
width: 210px;
}


.trackback-content, .trackback-footer, .comment-content, .comment-footer {
background-color: #FDFEFB;
} 

.archive {
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 0;
}

.archive-content {
margin: 5px 0 0 0;
padding: 0 0 30px 0;
}



/* -------------------- page layout -------------------- */

body {
color: #36372D;
background: #fff url(bg_ptn.jpg) left top repeat-x;
}

.layout-one-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container,
.layout-three-column #container,
.layout-artistic #container,
.layout-calendar #container,
.layout-moblog1 #container,
.layout-moblog2 #container,
.layout-timeline #container { 
width: 810px; 
background: #fff url(body_btm.jpg) left bottom no-repeat; 
margin-top: 0; 
margin-bottom: 30px; 
}

#container-inner { 
margin: 0; 
padding: 0 0 70px 0;
}

#banner { margin: 0; }

#banner-inner {
width: 810px; 
height: 219px;
background: url(banner_bg.jpg) top left no-repeat;	
}

.banner-user {
width: 70px;
margin-top: 4px;
font-size: 10px;
}

.banner-user-photo { 
border: 3px double #fff; 
}

#banner-header {
margin: 0;
padding: 155px 15px 0 160px;
color: #E75C00;
font-size: 40px;
font-weight: normal;
line-height: 1;
}

#banner-description {
margin: 0;
padding: 5px 15px 0 160px;
color: #B5C471;
font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1.125;
}

#pagebody {
background: url(bodybg_ptn.jpg) top left repeat-y;
}

#pagebody-inner {
background: url(bodybg_top.jpg) top left no-repeat;	
}

#alpha, #beta, #gamma, #delta {
float: left;
margin: 0;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
padding: 0;
}

#alpha { width: 255px; }
#beta { width: 445px; }

#gamma, #delta { width: 200px; }

.date-header {
margin-top: 0;
padding: 10px 0 5px 0;
color: #E75C00;
background: transparent;
font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.layout-one-column .date-header {
margin-top: 0;
padding: 30px 0 5px 0;
color: #E75C00;
background: transparent;
font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.entry {
margin: 0;
padding: 0;
}

.entry-header {
margin: 0 0 20px 0;
padding: 20px 0 0 30px;
background: url(dot_main.gif) left bottom no-repeat;
color: #E75C00;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
}

.layout-one-column .entry-header {
margin-top: 25px;
padding: 0 0 0px 30px;
background: url(dot_main1col.gif) left bottom no-repeat;
color: #E75C00;
font-size: 17px;
font-weight: bold;
line-height: 1.4;
}

.entry-content { 
margin: 0;
}

.entry-body p,
.archive-content p {
margin: 20px 0 0 0;
padding: 0;
line-height: 23px;
overflow: auto;
word-break:break-all;/* Only for IE */
}


.entry-body ul {
padding-top: 10px;
}

.entry-body ul li {
margin: 0;
padding: 0;
}

.entry-body ul li img {
margin: 0;
padding: 0 5px;
}

.entry-more-link { 
font-weight: normal; 
}

.entry-footer {
margin: 0 0 30px 0;
padding: 20px 0 0 0;
color: #C6C8B4;
font-weight: normal;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}

.layout-calendar .entry-footer {
margin: 0;
padding: 20px 0 10px 0;
color: #C6C8B4;
font-weight: normal;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}

.content-nav { 
margin: 0; 
padding: 20px 0 20px 0;
text-align: left;
color: #C6C8B4;
font-size: 10px;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}

.layout-one-column .content-nav { 
margin: 0; 
padding: 40px 0 0 0;
text-align: left;
color: #C6C8B4;
font-size: 10px;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}

.layout-three-column .content-nav,
.layout-moblog1 .content-nav { 
margin: 0; 
padding: 10px 0 20px 0;
text-align: left;
color: #C6C8B4;
font-size: 10px;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}



/* -------------------- modules -------------------- */

.module { color: #77796A; }

.module-content { 
margin: 0;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
font-size: 11px;
}

.module-calendar .module-content { margin: 10px 5px 0 20px; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 11px; }
.module-calendar .module-content td { padding: 3px 0 0 0; }

.module-powered { margin: 0; padding: 0; }
.module-powered .module-content {margin: 0 10px 30px 25px; padding: 0;}

.module-photo { border: 0; background: none; }

.module-photo .module-content { margin: 0 10px 30px 10px; }

.layout-one-column .module-photo .module-content { margin: 0 10px 30px 30px; text-align: left;}

.layout-artistic .module-photo .module-content,
.layout-calendar .module-photo .module-content,
.layout-timeline .module-photo .module-content { margin: 0 10px 30px 20px; text-align: left;}

.module-photo img { border: 0; }

.module-content { 
margin: 0 10px 30px 25px; 
}

.module-archives .module-content,
.module-update-list .module-content,
.module-recent-trackbacks .module-content,
.module-categories .module-content,
.module-typelist .module-content,
.module-recent-comments .module-content { margin: 5px 0 0 0; }
.module-presence .module-content { margin: 10px 10px 0 23px; }

.module-list-item {
padding: 5px 0 0 35px;
background: url(arrow.gif) 23px 0.6em no-repeat;
margin: 0 10px 0 0;
line-height: 1.2;
}

.layout-artistic .module-list-item,
.layout-calendar .module-list-item,
.layout-timeline .module-list-item {
padding: 5px 20px 0 35px;
background: url(arrow.gif) 23px 0.6em no-repeat;
margin: 0 10px 0 0;
line-height: 1.2;
}

.archive-list-item {
padding: 5px 0 0 40px;
background: url(arrow.gif) 20px 0.65em no-repeat;
margin: 0 10px 0 0;
line-height: 1.2;
}


/* ----- TypeList ----- */

.typelist-plain .module-list-item {
padding: 5px 0 0 0;
background: none;
}

.layout-artistic .typelist-plain .module-list,
.layout-calendar .typelist-plain .module-list,
.layout-timeline .typelist-plain .module-list {
padding: 5px 30px 0 0;
background: none;
}

.module-typelist .typelist-plain .module-list-item {
padding: 10px 0 0 25px;
background: none;
}

.typelist-thumbnailed { 
margin: 0 0 20px 0; 
}

.typelist-thumbnailed .module-list-item {
margin: 1px 0 0 20px;
border: 1px solid #F4F8E1;
padding: 5px 0 0 0;
background: transparent;
}

.layout-artistic .typelist-thumbnailed .module-list-item,
.layout-calendar .typelist-thumbnailed .module-list-item,
.layout-timeline .typelist-thumbnailed .module-list-item {
margin: 1px 30px 0 20px;
border: 1px solid #F4F8E1;
padding: 5px 0 0 0;
background: transparent;
}

.typelist-thumbnail { 
background: #e2ecf3; 
}

.module-featured-photo { width: 445px; }
.module-featured-photo .module-content { margin: 15px 0 5px 15px; }
.module-featured-photo img { width: 415px; }

.module-recent-photos { 
border: 0; 
padding: 10px 0 0 0; 
}

.module-recent-photos .module-content { margin-left: 15px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item {
width: 64px; /* mac ie fix */
margin: 0 6px 6px 0;
padding: 0;
background: none;
}

.layout-moblog1 .module-recent-photos .module-list-item {
width: 64px; /* mac ie fix */
margin: 0 0 6px 5px;
padding: 0;
background: none;
}

.module-recent-photos .module-list-item a {
border: #DDE69D 1px solid;
padding: 1px;
background: #FFF;
}

.module-recent-photos .module-list-item a:hover {
border-color: #77796A;
background: #FFF;
}



/* -------------------- one-column -------------------- */

.layout-one-column #alpha {
margin: 0;
padding: 0;
overflow: hidden;
}

.layout-one-column #alpha-inner {
border: none;
padding: 0 60px 0 120px;
margin: 0;
}



/* -------------------- two-column-left -------------------- */

.layout-two-column-left #alpha { 
width: 280px; 
}

.layout-two-column-left #alpha-inner {
margin: 30px 10px 0 90px;
padding: 0;
}

.layout-two-column-left #beta { 
width: 530px; 
}

.layout-two-column-left #beta-inner {
margin: 20px 50px 0 20px;
padding: 0;
}



/* -------------------- two-column-right -------------------- */

.layout-two-column-right #alpha {
width: 600px;
}

.layout-two-column-right #alpha-inner {
margin: 30px 30px 0 110px;
padding: 0;
}

.layout-two-column-right #beta {
width: 210px;
}

.layout-two-column-right #beta-inner {
margin: 0 30px 0 0;
padding: 0;
}



/* -------------------- three-column -------------------- */

.layout-three-column #alpha {
width: 250px;
}

.layout-three-column #alpha-inner {
border: none;
padding: 0;
margin: 30px 10px 0 90px;
}

.layout-three-column #beta {
width: 370px;
}

.layout-three-column #beta-inner {
border: none;
padding: 0;
margin: 20px 20px 0 20px;
}

.layout-three-column #gamma {
width: 190px;
}

.layout-three-column #gamma-inner {
border: none;
padding: 0;
margin: 0 30px 0 0;
}



/* -------------------- artistic tweaks -------------------- */

.layout-artistic #alpha {
width: 350px;
}

.layout-artistic #alpha-inner {
padding: 0;
margin: 30px 10px 0 100px;
}

.layout-artistic #beta {
width: 460px;
}

.layout-artistic #beta-inner {
padding: 0;
margin: 0;
}

.layout-artistic #gamma{
margin: 0;
padding: 10px 0 0 0;
width: 210px;
}

.layout-artistic #gamma-inner { 
margin: 0;
padding: 0;
}

.layout-artistic #delta {
margin: 0;
padding: 10px 0 0 0;
width: 210px;
}

.layout-artistic #delta-inner { 
margin: 0;
padding: 0;
}



/* -------------------- calendar tweaks -------------------- */

.layout-calendar #alpha {
width: 350px;
}

.layout-calendar #alpha-inner {
padding: 0;
margin: 30px 10px 0 100px;
}

.layout-calendar #beta {
width: 460px;
}

.layout-calendar #beta-inner {
padding: 0;
margin: 0;
}

.layout-calendar #gamma{
margin: 0;
padding: 10px 0 0 0;
width: 210px;
}

.layout-calendar #gamma-inner { 
margin: 0;
padding: 0;
}

.layout-calendar #delta {
margin: 0;
padding: 10px 0 0 0;
width: 210px;
}

.layout-calendar #delta-inner { 
margin: 0;
padding: 0;
}

.module-mmt-calendar { 
width: 440px; 
margin: 0; 
padding-top: 0;
}

.module-mmt-calendar .module-content { 
margin: 15px 0 15px 15px; 
}

.module-mmt-calendar table {
width: 405px;
background: #fff;
}

.module-mmt-calendar th {
color: #9BB72B;
border-top: 1px solid #fff;
border-right: 1px solid #F4F8E1;
border-bottom: 1px solid #D8E28D;
padding: 2px;
text-align: right;
font-weight: bold;
}

.module-mmt-calendar td {
border-top: 1px solid #fff;
border-right: 1px solid #F4F8E1;
border-bottom: 1px solid #D8E28D;
padding: 2px;
text-align: right;
font-weight: normal;
background: #fff url() left top repeat-x;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
border-right: none;
}

.day-photo a {
border: #bbb 1px solid;
padding: 1px;
background: #e7e7ec;
}

.day-photo a:hover {
border-color: #235961;
background: #e7e2c6;
}



/* -------------------- moblog1 tweaks -------------------- */

.layout-moblog1 #alpha {
width: 250px;
}

.layout-moblog1 #alpha-inner {
border: none;
padding: 0;
margin: 30px 10px 0 90px;
}

.layout-moblog1 #beta {
width: 370px;
}

.layout-moblog1 #beta-inner {
border: none;
padding: 0;
margin: 20px 20px 0 20px;
}

.layout-moblog1 #gamma {
width: 190px;
}

.layout-moblog1 #gamma-inner {
border: none;
padding: 0;
margin: 0 30px 0 0;
}

.layout-moblog1 .module-recent-photos { margin: 0; }
.layout-moblog1 .module-recent-photos .module-content { margin: 10px 0 0 15px; }



/* -------------------- moblog2 tweaks -------------------- */

.layout-moblog2 #alpha {
width: 175px;
}

.layout-moblog2 #alpha-inner {
border: none;
padding: 30px 0 0 0;
margin: 0 0 0 90px;
}

.layout-moblog2 #beta {
width: 305px;
}

.layout-moblog2 #beta-inner {
border: none;
padding: 0;
margin: 25px 10px 0 10px;
}

.layout-moblog2 #gamma {
width: 155px;
}

.layout-moblog2 #gamma-inner {
border: none;
padding: 0;
margin: 0;
}

.layout-moblog2 #delta {
width: 175px;
}

.layout-moblog2 #delta-inner {
border: none;
padding: 0;
margin: 0 20px 0 0;
}

.layout-moblog2 .module-photo .module-content { margin: 10px; }
.layout-moblog2 .module-photo .module-content img { width: 100px; height: auto; }

.layout-moblog2 .module-recent-photos { margin: 0; }
.layout-moblog2 .module-recent-photos .module-content { margin: 10px 0 0 10px; }



/* -------------------- timeline tweaks -------------------- */

.layout-timeline #alpha {
width: 350px;
}

.layout-timeline #alpha-inner {
padding: 0;
margin: 30px 10px 0 100px;
}

.layout-timeline #beta {
width: 460px;
}

.layout-timeline #beta-inner {
padding: 0;
margin: 0 30px 0 0;
}

.layout-timeline #beta #gamma{
margin: 0;
padding: 10px 0 0 0;
width: 210px;
}

.layout-timeline #beta #gamma-inner { 
margin: 0;
padding: 0;
}

.layout-timeline #beta #delta {
margin: 0;
padding: 10px 0 0 0;
width: 210px;
}

.layout-timeline #beta #delta-inner { 
margin: 0;
padding: 0;
}

.layout-timeline .module-recent-photos .module-content {
    margin: 10px 0 0 15px;
}

.layout-timeline .module-recent-photos .module-list-item {
    margin: 0 10px 10px 0;
}

div.module-widget,
div.module-widget h2.module-header,
div.module-widget div.module-content,
div.module-widget div.module-content ul.module-list 
div.module-widget div.module-content ul.module-list li.module-list-item,
div.module-widget div.module-content ul.module-list li.module-list-item a {
    background: none ! important;
    text-align: center;
    padding-right: 0 ! important;
    padding-left: 0 ! important;
    margin-left: 0 ! important;
    margin-right: 0 ! important;
    list-style-type: none ! important;
}
   </content>
</entry>
<entry>
   <title>busypeople</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/busypeople.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.9</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-19T14:07:42Z</updated>
   
   <summary> ビジネス向けのブログ クリエイター名：mam  ...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/busypeople/thumbnail-large.gif" alt="スクリーンショット">

ビジネス向けのブログ

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=79">mam</a>
 ]]>
      /*
name: Busy People
designer: mam
designer_url: http://www.loftwork.com/portfolio.aspx?cid=79 
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* ---------- one-column layout ---------- */

body.layout-one-column div#container {
  width: 780px;
  text-align: center;
}

body.layout-one-column div#alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

body.layout-one-column div#alpha-inner {
  padding: 0;
}



/* ---------- two-column (left) ---------- */

body.layout-two-column-left div#container {
  width: 780px;
}

body.layout-two-column-left div#alpha {
  width: 190px;
  float: left;
}

body.layout-two-column-left div#alpha-inner {
  padding: 0;
}

body.layout-two-column-left div#beta {
  width: 500px;
  float: right;
}

body.layout-two-column-left div#beta-inner {
  padding: 0;
}



/* ---------- two-column (right)  ---------- */

body.layout-two-column-right div#container {
  width: 780px;
}

body.layout-two-column-right div#alpha {
  width: 500px;
  float: left;
}

body.layout-two-column-right div#alpha-inner {
  border: 0;
  padding: 0;
}

body.layout-two-column-right div#beta {
  width: 190px;
  float: right;
}

body.layout-two-column-right div#beta-inner {
  border: 0;
  padding: 0;
}



/* ---------- three-column ---------- */

.layout-three-column #container {
    width: 780px;
}

.layout-three-column #alpha {
    width: 190px;
    float: left;
}

.layout-three-column #alpha-inner {
    padding: 0;
}

.layout-three-column #beta {
    width: 320px;
}

.layout-three-column #beta-inner {
    padding: 0 0 0 15px;
}

.layout-three-column #gamma {
    width: 190px;
    float: right;
}

.layout-three-column #gamma-inner {
    padding: 0;
}

body {
    line-height: 1.5;
    background-color: white;
    color: #5D5D5D;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    background: transparent url(bg_ptn.jpg) left top repeat;
    margin: 0;
    padding: 0;
}

/* anchor */
a {
    color: #36c;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

div#banner a {
    color: #D50000;
    text-decoration: none;
}

div#banner a:hover {
    color: #350000;
}

h2.module-header a {
    color: #505050;
    text-decoration: underline;
    font-weight: bold;
}

h2.module-header a:hover {
    text-decoration: none;
}

h2.module-header a:visited {
    text-decoration: underline;
}

div.module-content a,
div.module-about h2.module-header a {
    text-decoration: underline;
    font-weight: normal;
}

div.module-content a:hover,
div.module-about h2.module-header a:hover {
    text-decoration: none;
}

div.module-content a:visited,
div.module-about h2.module-header a:visited {
    text-decoration: underline;
}

div#container {
    text-align: center;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 10px solid #FF0000;
    background-color: white;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 30px 50px 30px;
    text-align: left;
    background: url(bodybg_ptn.gif) left 300px repeat-y;
}


/* banner */

#banner {
    margin: 0 -30px;
    padding: 15px 0 0 0;
    background: transparent url(banner_bg.jpg) no-repeat center top;
    text-align: center;
}

div#banner-inner {
    height: 356px;
    margin: 0;
    padding: 0;
    text-align: left;
}

h1#banner-header {
    padding: 75px 160px 0 160px;
    color: #350000;
    font-size: 200%;
    font-weight: bold;
}

#banner-description {
    padding: 0 160px;
    color: #350000;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
}


/* entry */

div.entry {
    overflow: hidden;
    padding: 20px 0;
    border: 1px solid #DEDEDE;
}

div.entry-content {
    padding: 0 20px;
}

h2.date-header {
    margin: 5px 0 15px 0;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 100%;
    padding: 0;
    color: #505050;
    font-weight: bold;
    text-transform: uppercase;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0 0 15px 0;
    padding: 0 0 0 25px;
    color: #36c;
    font-size: 120%;
    font-weight: bold;
}

p.entry-footer {
    margin: 20px 0 0 0;
    padding: 0 20px;
    text-align: right;
    color: #3C8CA7;
    font-weight: normal;
    font-size: 95%;
}

/* -------- comment, trackback */

div.comments,
div.trackbacks {
    overflow: hidden;
    padding: 20px 0;
    border: 1px solid #DEDEDE;
}

div.comments-content,
div.trackbacks-content {
    padding: 0 20px;
}


h3.trackbacks-header,
h3.comments-header {
  padding-left: 20px;
}

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    color: #505050;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* -------- module */

div.module {
    margin: 0 0 30px 0;
    padding: 0;
    background-color: transparent;
}

div.module-calendar {
    padding: 0;
    border: 1px solid #DEDEDE;
}

div.module-about,
div.module-about h2.module-header,
div.module-email,
div.module-photo,
div.module-syndicate,
div.module-subscribe,
div.module-powered {
    border: 0;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
    text-align: center;
}

h2.module-header {
    color: #505050;
    font-size: 100%;
    font-weight: bold;
    background: transparent url(dot_line.gif) left bottom repeat-x;
    margin: 0 0 15px 0;
    padding: 0;
}

div.module-about h2.module-header {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-weight: normal;
}

div.module-calendar h2.module-header {
    margin: 5px 5px 0 5px;
    padding: 6px;
    background-color: #F2F2F2;
    background-image: none;
    text-align: center;
}

div.module-content {
    margin: 0;
    padding: 0;
    font-size: 95%;
}

div.module-powered div.module-content {
    padding: 10px 0;
    text-align: center;
}

div.module-calendar div.module-content {
    margin: 0 5px 5px 5px;
    padding: 0;
    background-color: #F2F2F2;
}

div.module-calendar div.module-content th {
    background-color: #E1E1E1;
    border-right:2px solid #F2F2F2;
}

div.module-calendar div.module-content td {
    padding: 3px;
}

div.module-about div.module-content,
div.module-about h2.module-header,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    border: 0;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

ul.module-list {
    margin: 0 15px;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}

   </content>
</entry>
<entry>
   <title>butterfly</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/butterfly.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.10</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2007-03-12T05:14:01Z</updated>
   
   <summary> クリエイター名：友瀬翔得 ...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/butterfly/thumbnail-large.gif" alt="スクリーンショット">

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=4237">友瀬翔得</a>
]]>
      /*
name: Butterfly
designer: Shotoku Tomose
designer_url: http://www.loftwork.com/portfolio.aspx?cid=4237
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* basic page elements */

body
{
	font-family: &apos;trebuchet ms&apos;, helvetica, arial, sans-serif;
	font-size: 10px;
	color:#666666;
	border:0px;
	marigin: 0px;
	padding: 0px;
}

a {
	color: #58a80a;
	text-decoration:none;
}
a:visited {
	color: #58a80a;
	text-decoration:none;
}

a:hover {
	color: #148298;
	text-decoration:none;
}

#banner a {
	color: #ffffff;
	text-decoration:none;
}
#banner a:visited  {
	color: #ffffff;
	text-decoration:none;
}
#banner a:hover {
	color: #ffac0f;
	text-decoration:none;
}

.module-content a {
	color: #148298;
	text-decoration:none;
}
.module-content a:visited {
	color: #58a80a;
	text-decoration:none;
}
.module-content a:hover {
	color: #58a80a;
	text-decoration:none;
}
.module-syndicate
{
	padding:0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: &apos;georgia&apos;, verdana, sans-serif;
}

.module{
	background:url(theme-images/module-header-left.gif) top left no-repeat;
}

/*サイドバーメニューのタイトル*/
.module-header
{
		height:24px;
    margin: 0;
    border: 0;
    padding: 5px 5px 0px 15px;
    color: #ffffff;
    background: url(theme-images/module-header-right.gif) top right no-repeat;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/*トラバ内の通常文字色*/
.trackbacks
{
	margin:0px;
	padding:10px 0px 0px 0px;
    color: #666666;
}

/*トラバ・コメントののタイトル*/
.comments-open-header,.comments-header,.trackbacks-header
{
    margin: 0;
	padding: 6px 0px 0px 20px;
    border: 0px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
	height:24px;
	text-align:left;
}

/*サイドバーメニューのプロフィール・アーカイブのリンク文字色1*/
.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a
{
	color: #ffffff;

}

/*サイドバーメニューのプロフィール・アーカイブのリンク文字色2*/
.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited
{
	color: #6db0f3;
}

/*サイドバーメニューのプロフィール・アーカイブのリンク文字色3*/
.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover
{
	color: #ffac0f;
}

.layout-two-column-right
{
	border:0px;
	marigin:0px;
	padding: 0px 0px 0px 0px;
}

/*背景画像*/
div#pagebody-inner
{
	width:736px;
	border:0px;
	margin:0px;
	padding: 20px 0px 20px 0px;
	background: url(theme-images/body-bg.gif) left top repeat-y;
}

/*本文のタイトル装飾の蝶画像*/
.entry
{
	margin:0px 0px 0px 0px;
	padding:0;
	background:url(theme-images/entry-footer-left.gif) left bottom no-repeat;
}

.entry-more-link,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
	font-size: 10px;
}


/* page layout */

#container {
	width:736px;
	border:0px;
	margin: 0px auto;
	padding: 10px 0px 95px 0px;
	background:url(theme-images/footer-bg.gif) center bottom no-repeat;
}

/*ブログタイトル*/
#banner {
	background: url(theme-images/header-bg.jpg) center top no-repeat;
	width:736px;
	height:138px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.banner-user-photo { border: 0px double #fff; }

/*ブログタイトル文字*/
#banner-header
{
	margin: 0;
	padding: 50px 15px 5px 70px;
	color: #69c;
	font-size: 30px;
	font-weight: normal;
	line-height: 1;
}

/*ブログ説明の補助文字*/
#banner-description
{
	margin: 0;
	padding: 0px 0px 5px 70px;
	color: #ffffff;
	font-size:10px;
}

/*全体調整マージン*/
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	padding: 0 0 0 30px;
}

/*本文タイトル*/
.entry-header,
.archive-header
{
	height:25px;
	margin: 0px 0px 0px 10px;
  padding: 10px 0px 0px 40px;
	color: #ebab00;
	font-size: 18px;
	font-weight: bold;
	background: url(theme-images/entry-head.gif) left top no-repeat;
}
/*本文枠*/
.entry-content
{
	padding: 0px;
	margin: 0px;
	text-align:center;
}

.archive-content
{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	border: 0px;
	color:#666666;
	text-align:left;
	word-break:break-all;
	overflow-x:hidden;
}
.archive-content .archive-list{
	margin-left:40px;
}


/*本文*/
.entry-body
{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	border: 0px;
	color:#666666;
	text-align:left;
	word-break:break-all;
	overflow-x:hidden;
}

.entry-more-link { font-weight: bold; }

/*本文日付等箇所*/
.entry-footer
{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color: #58a80a;
	background:url(theme-images/entry-footer-right.gif) right top no-repeat;
	text-align:center;
	height:19px;
}



/* modules */

/* カレンダー枠 */
.module-calendar
{
	margin: 0px;
 	padding: 0px;
}

/* サイドバーメニューの文字位置 */
.module-content
{
	margin: 0px;
 	padding: 5px 2px 15px 15px;
}

.module-mmt-calendar .module-content table,
.module-calendar .module-content table
{

	font-family: &apos;trebuchet ms&apos;, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #666666;
}


.module-email,
.module-subscribe,
.module-syndicate
{
	background:transparent;
}

.module-email .module-content,
.module-subscribe .module-content,
.module-syndicate .module-content
{
	background:url(theme-images/module-point.gif) left 8px no-repeat;
	margin-left:10px;
	padding-left:10px;
}

.module-powered{
	background: url(theme-images/powerdby-left.gif) left top no-repeat;
}
.module-powered .module-content
{
	height:31px;
  line-height: 1;
	margin: 0;
	border: ;
	color:#58a80a;
	background: url(theme-images/powerdby-right.gif) right top no-repeat;
  text-align: center;
}

.module-photo { border: 0; background: none; }
.module-photo .module-content { margin: 10px; }
.module-photo img { border: 0; }


.module-list-item
{
	margin: 5px 0px 0px 10px;
}


UL,li { list-style-type:disc;list-style-image: url(theme-images/module-list-head.gif); }

.typelist-thumbnailed li
{
	list-style-type:none;
	list-style-image:none;
}

.module-featured-photo { width: 445px; }
.module-featured-photo .module-content { margin: 15px 0 5px 15px; }
.module-featured-photo img { width: 415px; }

.module-recent-photos { border: 0; }
.module-recent-photos .module-content { margin-left: 15px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
	width: 64px; /* mac ie fix */
	margin: 0 6px 6px 0;
	padding: 0;
	background: none;
}

.module-recent-photos .module-list-item a
{
	border: #bbb 1px solid;
	padding: 1px;
	background: #e7e7ec;
}

.module-recent-photos .module-list-item a:hover
{
	border-color: #c00;
	background: #e7e2c6;
}


/* calendar tweaks */

	.layout-calendar #gamma { padding-top: 0; }
	.layout-calendar #beta-inner { padding-top: 0; }
	.layout-calendar #gamma-inner { padding-top: 0; }
	.layout-calendar #delta-inner { padding-top: 0; }

	.module-mmt-calendar { margin: 0; }
	.module-mmt-calendar .module-header,
	.layout-timeline .module-recent-photos .module-header
	{
		margin: 0;
		padding: 0px;
	}

	.module-mmt-calendar .module-content { margin: 0px; }

	.module-mmt-calendar table
	{
		width: 415px;
		background: #fff;
	}

	.module-mmt-calendar th
	{
		color: #6db0f3;
		border-top: 1px solid #fff;
		border-right: 1px solid #e7e7ec;
		border-bottom: 1px solid #bbb;
		padding: 0px;
		text-align: right;
		font-weight: bold;
	}

	.module-mmt-calendar td
	{
		border-top: 1px solid #fff;
		border-right: 1px solid #e7e7ec;
		border-bottom: 1px solid #bbb;
		padding: 0px;
		text-align: right;
		font-weight: normal;
	}

	th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
	{
		border-right: none;
	}

	.day-photo a
	{
		border: #bbb 1px solid;
		padding: 1px;
		background: #e7e7ec;
	}

	.day-photo a:hover
	{
		border-color: #235961;
		background: #e7e2c6;
	}

/* artistic tweaks */
	.layout-artistic #gamma, .layout-artistic #delta {
		margin-left: 0px;
	}

  	.layout-artistic #gamma-inner, .layout-artistic #delta-inner { padding-top: 0; }

/* moblog1 tweaks */

	.layout-moblog1 #alpha { width: 190px; }
	.layout-moblog1 #beta { width: 325px; }
	.layout-moblog1 #gamma { width: 165px; }

	.layout-moblog1 #alpha-inner { padding-top: 0; }
	.layout-moblog1 #gamma-inner { padding-top: 0; }

	.layout-moblog1 .module-recent-photos { margin: 0; }
	.layout-moblog1 .module-recent-photos .module-content { margin: 10px 0 0 15px; }

/* moblog2 tweaks */

	.layout-moblog2 #alpha { width: 85px; }
	.layout-moblog2 #beta { width: 280px; }
	.layout-moblog2 #gamma { width: 194px; }
	.layout-moblog2 #delta
	{
      width: 120px;
      margin-left: 1px;
	}

	.layout-moblog2 #alpha-inner { padding: 0; }
	.layout-moblog2 #gamma-inner { padding-top: 0; }
	.layout-moblog2 #delta-inner { padding-top: 0; }

	.layout-moblog2 .module-photo .module-content { margin: 10px; }
	.layout-moblog2 .module-photo .module-content img { width: 100px; height: auto; }

	.layout-moblog2 .module-recent-photos { margin: 0; }
	.layout-moblog2 .module-recent-photos .module-content { margin: 10px 0 0 10px; }



/* timeline tweaks */

	.layout-timeline #gamma, .layout-timeline #delta { margin-left: 15px; }

	.layout-timeline #beta-inner { padding-top: 0; }
	.layout-timeline #gamma-inner { padding-top: 0; }
	.layout-timeline #delta-inner { padding-top: 0; }

	.layout-timeline .module-recent-photos .module-content { margin: 10px 0 0 15px; }
	.layout-timeline .module-recent-photos .module-list-item { margin: 0 10px 10px 0; }


/* one-column tweaks */

	.layout-one-column #alpha-inner{
		width:670px;
	}



/*頁全体の幅指定*/
/* two-column-right tweaks */

	.layout-two-column-right #alpha
	{
		width: 470px;
		border: 0px;
		margin: 0px;
		padding:0px 0px 0px 0px;
	}

	.layout-two-column-right #beta
	{
		width: 228px;
		border: 0px;
		margin: 0px;
		padding:0px;
	}

	.layout-two-column-right #beta-inner {padding-top: 0; }

/* two-column-left tweaks */
	.layout-two-column-left #alpha
	{
		width: 228px;
		border: 0px;
		margin: 0px;
		padding:0px;
	}

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

	.layout-two-column-left #beta-inner {padding-top: 0;padding-left:20px;}

.layout-three-column #alpha{
		width: 218px;
		border: 0px;
		margin: 0px;
		padding:0px;
}
.layout-three-column #alpha-inner{
	padding-left:20px;
}
.layout-three-column #beta{
		width: 280px;
		border: 0px;
		margin: 0px;
		padding:0px;
}

.layout-three-column #beta-inner{
	padding-left:10px;
	padding-top:0;
	width:270px;
}

.layout-three-column #beta-inner .entry-footer,
.layout-three-column #beta-inner .entry-footer a:link
{
	font-size:7px;
}

.layout-three-column #gamma{
		width: 208px;
		border: 0px;
		margin: 0px;
		padding:0px;
}

.layout-three-column #gamma-inner{
	padding-left:10px;
}

div.module-widget,
div.module-widget h2.module-header,
div.module-widget div.module-content {
    background: none ! important;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

   </content>
</entry>
<entry>
   <title>careerwomen</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/careerwomen.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.11</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-19T14:11:15Z</updated>
   
   <summary> Power the Women! クリエイター名：mam...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/careerwomen/thumbnail-large.gif" alt="スクリーンショット">

Power the Women!

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=79">mam</a>

]]>
      /*
name: Career Women
designer: mam
designer_url: http://www.loftwork.com/portfolio.aspx?cid=79 
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* ---------- one-column layout ---------- */

body.layout-one-column div#container {
  width: 780px;
  text-align: center;
}

body.layout-one-column div#alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

body.layout-one-column div#alpha-inner {
  padding: 0;
}



/* ---------- two-column (left) ---------- */

body.layout-two-column-left div#container {
  width: 780px;
}

body.layout-two-column-left div#alpha {
  width: 190px;
  float: left;
}

body.layout-two-column-left div#alpha-inner {
  padding: 0;
}

body.layout-two-column-left div#beta {
  width: 500px;
  float: right;
}

body.layout-two-column-left div#beta-inner {
  padding: 0;
}



/* ---------- two-column (right)  ---------- */

body.layout-two-column-right div#container {
  width: 780px;
}

body.layout-two-column-right div#alpha {
  width: 500px;
  float: left;
}

body.layout-two-column-right div#alpha-inner {
  border: 0;
  padding: 0;
}

body.layout-two-column-right div#beta {
  width: 190px;
  float: right;
}

body.layout-two-column-right div#beta-inner {
  border: 0;
  padding: 0;
}



/* ---------- three-column ---------- */

.layout-three-column #container {
    width: 780px;
}

.layout-three-column #alpha {
    width: 190px;
    float: left;
}

.layout-three-column #alpha-inner {
    padding: 0;
}

.layout-three-column #beta {
    width: 320px;
}

.layout-three-column #beta-inner {
    padding: 0 0 0 15px;
}

.layout-three-column #gamma {
    width: 190px;
    float: right;
}

.layout-three-column #gamma-inner {
    padding: 0;
}

html {
	background: #E5E5E5 url(bgptn_line.gif) left top repeat;
}

body {
    line-height: 1.5;
    background-color: white;
    color: #5D5D5D;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    background: transparent url(bg_ptn.gif) left top repeat-x;
    margin: 0;
    padding: 0;
}

/* anchor */
a {
    color: #36c;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

div#banner a {
    color: #350000;
    text-decoration: none;
}

div#banner a:hover {
    color: #D50000;
}

h2.module-header a {
    color: #505050;
    text-decoration: underline;
    font-weight: bold;
}

h2.module-header a:hover {
    text-decoration: none;
}

h2.module-header a:visited {
    text-decoration: underline;
}

div.module-content a,
div.module-about h2.module-header a {
    text-decoration: underline;
    font-weight: normal;
}

div.module-content a:hover,
div.module-about h2.module-header a:hover {
    text-decoration: none;
}

div.module-content a:visited,
div.module-about h2.module-header a:visited {
    text-decoration: underline;
}

div#container {
    text-align: center;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 10px solid #DEDEDE;
    background-color: white;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 30px 50px 30px;
    text-align: left;
    background: transparent url(bodybg_mid.gif) top left repeat-y;	
}

#pagebody {
    margin-top: -90px;	
}


/* banner */

#banner {
    margin: 0 -30px;
    padding: 15px 0 0 0;
    background: transparent url(banner_bg.gif) no-repeat center top;
    text-align: center;
}

div#banner-inner {
    height: 313px;
    margin: 0;
    padding: 0;
    background: url(bodybg_top.gif) bottom center no-repeat;
    text-align: left;
}

h1#banner-header {
    padding: 65px 135px 0 135px;
    color: #350000;
    font-size: 200%;
    font-weight: bold;
}

#banner-description {
    padding: 0 135px;
    color: #350000;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
}


/* entry */

div.entry {
    overflow: hidden;
    padding: 20px 0;
    border: 1px solid #DEDEDE;
    background-color: white;
}

div.entry-content {
    padding: 0 20px;
}

h2.date-header {
    margin: 5px 0 15px 0;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 100%;
    padding: 0;
    color: #505050;
    font-weight: bold;
    text-transform: uppercase;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0 0 15px 0;
    padding: 0 0 0 25px;
    color: #36c;
    font-size: 120%;
    font-weight: bold;
}

p.entry-footer {
    margin: 20px 0 0 0;
    padding: 0 20px;
    text-align: right;
    color: #3C8CA7;
    font-weight: normal;
    font-size: 95%;
}

/* -------- comment, trackback */

div.comments,
div.trackbacks {
    overflow: hidden;
    padding: 20px 0;
    border: 1px solid #DEDEDE;
}

div.comments-content,
div.trackbacks-content {
    padding: 0 20px;
}


h3.trackbacks-header,
h3.comments-header {
  padding-left: 20px;
}

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    color: #505050;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* -------- module */

div.module {
    margin: 0 0 30px 0;
    padding: 0;
    background-color: transparent;
}

div.module-calendar {
    padding: 0;
    border: 1px solid #DEDEDE;
}

div.module-about,
div.module-about h2.module-header,
div.module-email,
div.module-photo,
div.module-syndicate,
div.module-subscribe,
div.module-powered {
    border: 0;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
    text-align: center;
}

h2.module-header {
    color: #505050;
    font-size: 100%;
    font-weight: bold;
    background: transparent url(dot_line.gif) left bottom repeat-x;
    margin: 0 0 15px 0;
    padding: 0;
}

div.module-about h2.module-header {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-weight: normal;
}

div.module-calendar h2.module-header {
    margin: 5px 5px 0 5px;
    padding: 6px;
    background-color: #F2F2F2;
    background-image: none;
    text-align: center;
}

div.module-content {
    margin: 0;
    padding: 0;
    font-size: 95%;
}

div.module-powered div.module-content {
    padding: 10px 0;
    text-align: center;
}

div.module-calendar div.module-content {
    margin: 0 5px 5px 5px;
    padding: 0;
    background-color: #F2F2F2;
}

div.module-calendar div.module-content th {
    background-color: #E1E1E1;
    border-right:2px solid #F2F2F2;
}

div.module-calendar div.module-content td {
    padding: 3px;
}

div.module-about div.module-content,
div.module-about h2.module-header,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    border: 0;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

ul.module-list {
    margin: 0 15px;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}

   </content>
</entry>
<entry>
   <title>chidorigara</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/chidorigara.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.12</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2007-03-12T05:15:12Z</updated>
   
   <summary> ブログにも和室があったらくつろげるだろうなとの思いからデザインされました。日本...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/chidorigara/thumbnail-large.gif" alt="スクリーンショット">

ブログにも和室があったらくつろげるだろうなとの思いからデザインされました。日本の伝統文様である「青海波に千鳥」がモチーフ。穏やかな気持ちで書き綴れそうです。

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=4116">アゲマキ</a>
 ]]>
      @charset &quot;utf-8&quot;;
/*
name: Chidori-gara
designer: Agemaki
designer_url: http://www.loftwork.com/portfolio.aspx?cid=4116
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(base-weblog.css);



/* portal css */


/* theme css 
@import url(http://loftwork.typepad.jptheme-layout-only.css);*/


/* user css */
/* basic page elements */


body
{
	font-family: &quot;ＭＳ Ｐゴシック&quot;, &quot;Osaka&quot;,sans-serif;
	font-size: 11px;
}

a { color: #c98d72; }
a:visited { color: #888; }
a:hover { color: #ccccb7; text-decoration: none; }

#banner a { color: #d8d9c4; text-decoration: none; }
#banner a:visited { color: #d8d9c4; }
#banner a:hover { color: #d8d9c4; }

.module-content a { color: #c98d72; }
.module-content a:visited { color: #a6a6a6; }
.module-content a:hover { color: #ccccb7; text-decoration: none; }

h1, h2, h3, h4, h5, h6
{
	font-family: &quot;ＭＳ Ｐゴシック&quot;, &quot;Osaka&quot;,sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative; 
    width: 100%;
    w\idth: auto;
   
    margin: 0 ;
    border: 1px solid #d8d9c4;
    padding: 7px 10px 7px 35px;
    color: #7f7f7f;
    background:  url(icon-module-header-bg.gif) 7px no-repeat;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height:1em;
}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a
{
	color: #7f7f7f;
	text-decoration: underline ;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited
{
	color: #7f7f7f;
	text-decoration: underline;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover
{
	color: #ccccb7;
	text-decoration: none;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
	font-size: 11px;
}


/* page layout */

body
{
	color: #666;
	background: #d8d9c4 center top repeat-y ;
	line-height:1.5em;
}

#banner 
{
	margin: 0;
	background: #666 url(banner-bg.gif) ;
}

#banner-inner
{
	margin: 0;
	background: url(plover.gif) right no-repeat  ;
}

.banner-user
{
	width: 70px;
	margin-top: 4px;
	font-size: 10px;
}

.banner-user-photo { border: 1px solid #d8d9c4; }

#banner-header
{
	margin: 0;
	padding: 35px 0px 10px 50px;
	color: #d8d9c4;
	font-family: &quot;ＭＳ Ｐゴシック&quot;, &quot;Osaka&quot;,sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1;
}

#banner-description
{
	margin: 0;
	padding: 0 0 45px 50px;
	color: #d8d9c4;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.125;
}

.date-header
{
	margin-top: 5px;
	padding: 2px 0 2px 0;
	color: #c98d72;
	background: none;
	font-family: &quot;ＭＳ Ｐゴシック&quot;, &quot;Osaka&quot;,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.entry-header
{
	margin-top: 5px;
        padding: 2px 0 2px 30px;
        background: url(entry-header-bg.gif) 2px 0 no-repeat;
	color: #c98d72;
	font-size: 14px;
	font-weight: bold;
}

.entry-content { margin: 5px 0 0 15px; }

.entry-content blockquote
{
	padding:5px 5px 5px 25px;
	border:solid 1px #d8d9c4;
	color: #888;
}

.entry-more-link { font-weight: normal; }

.entry-footer
{
	border-top: solid 1px #d8d9c4;
	margin: 10px 0 20px 15px;
	padding: 5px 0;
	color: #666;
	font-weight: normal;
}

.content-nav { margin: 10px 15px; }


/* modules */

.module { color: #666; margin-bottom: 15px; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 11px; }
.module-powered { margin: 0; padding: 0; }
.module-powered .module-content
{
	margin: 15px 0;
	padding: 12px 0 12px 35px;
	border: 1px solid #d8d9c4;
	background: #fff url(powered-bg.gif) 7px no-repeat;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height:1em;
}

.module-photo { border: 0; background: none; }
.module-photo img { border: 0; }

.module-list-item
{
	padding-left: 20px;
	background: url(li-bg.gif) 5px 0.5em no-repeat;
}

.typelist-thumbnailed { margin: 0 0 10px 0; }

.typelist-thumbnailed .module-list-item
{
	margin: 1px 0;
	border: 1px solid #d8d9c4;
	padding: 1px;
	background: none;
}

.typelist-thumbnail { background: #fff; }

.module-featured-photo { width: 415px; }
.module-featured-photo img { width: 360px; height: auto;}
.module-featured-photo .module-content { margin-left: 4px; }

.module-recent-photos { border: 0; }
.module-recent-photos .module-content { margin-left: 2px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
	width: 64px; /* mac ie fix */
	margin: 0 6px 6px 0;
	padding: 1px;
	background: none;
}

.module-recent-photos .module-list-item a
{
	border: #d8d9c4 1px solid;
	padding: 1px;
	background: none;
}

.module-recent-photos .module-list-item a:hover
{
	border-color: #fff 1px solid;
	background: none;
}
/* layout-one-column tweaks */

	.layout-one-column #container { background: url(body-bg-4.gif); width: 780px; }
	.layout-one-column #banner { width: 760px; margin-left:10px; }
	.layout-one-column #alpha { width: 760px;  margin-left:10px; }

	.layout-one-column #banner-inner { padding: 0;}
	.layout-one-column #alpha-inner { padding: 20px 15px 50px 15px; }

	
/* two-column-left tweaks */

	.layout-two-column-left #container { background-image: url(body-bg-2.gif); width: 780px; }
	.layout-two-column-left #banner { width: 760px; margin-left:10px; }
	.layout-two-column-left #alpha { width: 240px;  margin-left:10px; }
	.layout-two-column-left #beta { width: 520px;  margin-left:10px; }   

	.layout-two-column-left #banner-inner { padding: 0;}
	.layout-two-column-left #alpha-inner { padding: 20px 15px 50px 15px; }
	.layout-two-column-left #beta-inner { padding: 15px 25px 50px 5px; }


/* two-column-right tweaks */

	.layout-two-column-right #container { background-image: url(body-bg.gif); width: 780px; }
	.layout-two-column-right #banner { width: 760px; margin-left:10px; }
	.layout-two-column-right #alpha	{ width: 520px; margin-left:10px; }
	.layout-two-column-right #beta	{ width: 240px; margin-left:10px; }

	.layout-two-column-right #banner-inner { padding: 0;}
	.layout-two-column-right #alpha-inner { padding: 15px 15px 50px 15px; }
	.layout-two-column-right #beta-inner { padding: 20px 25px 50px 5px; }


/* three-column tweaks */

	.layout-three-column #container {  background-image: url(body-bg-3.gif); width: 780px; }
	.layout-three-column #banner { width: 760px; margin-left:10px;}
	.layout-three-column #alpha { width: 200px;  margin-left:6px; }
	.layout-three-column #beta { width: 312px;  margin-left:28px; margin-right: 28px; }
	.layout-three-column #gamma { width: 200px;  margin-left:6px; }

	.layout-three-column #banner-inner { padding: 0;}
	.layout-three-column #alpha-inner { padding: 20px 10px 50px 19px; }
	.layout-three-column #beta-inner { padding: 15px 19px 50px 7px; }
	.layout-three-column #gamma-inner { padding: 20px 25px 50px 5px; }

form#comment-form {
  margin-bottom: 40px;
}

   </content>
</entry>
<entry>
   <title>clover</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/clover.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.13</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2007-03-12T05:15:45Z</updated>
   
   <summary> クリエイター名：jobin ...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/clover/thumbnail-large.gif" alt="スクリーンショット">

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=4417">jobin</a> ]]>
      @charset &quot;UTF-8&quot;;
/*
name: Clover
designer: jobin
designer_url: http://www.loftwork.com/portfolio.aspx?cid=4417
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* ---------- one-column layout ---------- */

body.layout-one-column div#container {
  width: 780px;
  text-align: center;
}

body.layout-one-column div#alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

body.layout-one-column div#alpha-inner {
  padding: 0;
}



/* ---------- two-column (left) ---------- */

body.layout-two-column-left div#container {
  width: 780px;
}

body.layout-two-column-left div#alpha {
  width: 190px;
  float: left;
}

body.layout-two-column-left div#alpha-inner {
  padding: 0;
}

body.layout-two-column-left div#beta {
  width: 500px;
  float: right;
}

body.layout-two-column-left div#beta-inner {
  padding: 0;
}



/* ---------- two-column (right)  ---------- */

body.layout-two-column-right div#container {
  width: 780px;
}

body.layout-two-column-right div#alpha {
  width: 500px;
  float: left;
}

body.layout-two-column-right div#alpha-inner {
  border: 0;
  padding: 0;
}

body.layout-two-column-right div#beta {
  width: 190px;
  float: right;
}

body.layout-two-column-right div#beta-inner {
  border: 0;
  padding: 0;
}

/* ---------- three-column ---------- */

.layout-three-column #container {
    width: 780px;
}

.layout-three-column #alpha {
    width: 190px;
    float: left;
}

.layout-three-column #alpha-inner {
    padding: 0;
}

.layout-three-column #beta {
    width: 330px;
}

.layout-three-column #beta-inner {
    padding: 0 0 0 30px;
}

.layout-three-column #gamma {
    width: 190px;
    float: right;
}

.layout-three-column #gamma-inner {
    padding: 0;
}


body {
    line-height: 1.5;
    background: transparent url(htmlback.gif) top left repeat;
    color: #336633;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* anchor */
a {
    color: #3A6D3B;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

div#banner a {
    color: #B2D32B;
}

h2.module-header a,
h2.module-header a:visited {
    color: #3A6D3B;
    text-decoration: underline;
}

h2.module-header a:hover {
    text-decoration: none;
}

div.module-about h2.module-header a,
div.module-content a,
p.entry-footer a {
    color: #B2D32B;
    text-decoration: underline;
}

div.module-about h2.module-header a:hover,
div.module-content a:hover,
p.entry-footer a:hover {
    text-decoration: none;
}

div.module-about h2.module-header a:visited,
div.module-content a:visited,
p.entry-footer a:visited {
    text-decoration: underline;
}

div#container {
    background: white url(container_back.gif) repeat-y center;
    text-align: center;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

/* banner */

#banner {
    margin: 0 -30px 20px -30px;
    padding: 15px 0;
    background: transparent url(header.gif) no-repeat center top;
    text-align: center;
}

div#banner-inner {
    width: 780px;
    height: 152px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

h1#banner-header {
    position: relative;
    top: -10px;
    left: 80px;
    color: white;
    font-size: 200%;
    font-weight: normal;
}

#banner-description {
    position: relative;
    top: -20px;
    left: 80px;
    color: #B2D32B;
    font-family: &apos;Trebuchet MS&apos;, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: normal;
}

/* entry */

div.entry {
    overflow: hidden;
}

h2.date-header {
    height: 50px;
    line-height: 50px;
    margin: 5px 0 15px 0;
    padding-left: 40px;
    color: #B2D32B;
    background: #fff url(entry_head.gif) no-repeat left center;
    font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
    font-size: 160%;
    text-transform: uppercase;
}

h3.entry-header,
h3.archive-header,
h2.archive-header {
    margin: 0;
    padding: 0 0 10px 0;
    color: #3A6D3B;
    font-size: 140%;
    font-weight: bold;
}

p.entry-footer {
    margin: 20px 0 0 0;
    padding: 5px 0 10px 0;
    text-align: right;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #B2D32B;
}

/* -------- comment, trackback */

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    height: 22px;
    color: #3A6D3B;
    line-height: 25px;
    padding-left: 25px;
    margin-bottom: 20px; 
    background: #fff url(module_title.gif) top left no-repeat;
    color: #3A6D3B;
    font-size: 100%;
    font-weight: bold;
}

form#comment-form {
    margin-bottom: 40px;
}

/* -------- module */

div.module {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: white;
    background-image: url(side_top.gif);
    background-position: top left;
    background-repeat: no-repeat;
    color: #3A6D3B;
}

div.module-about,
div.module-about h2.module-header,
div.module-email,
div.module-photo,
div.module-syndicate,
div.module-subscribe,
div.module-powered {
    background: none;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
    text-align: center;
}

h2.module-header {
    height: 22px;
    line-height: 25px;
    padding-left: 25px;
    background: #fff url(module_title.gif) top left no-repeat;
    color: #3A6D3B;
    font-size: 110%;
    font-weight: bold;
}

div.module-content {
    margin: 0;
    padding: 0;
    background-color: white;
}

div.module-powered div.module-content {
    padding: 10px 0;
    background: #F0F9C8;
    text-align: center;
}

div.module-calendar {
    background: #F0F9C8 url(calendar_top.gif) no-repeat left top;
}

div.module-calendar h2.module-header {
    padding: 0;
    text-align: center;
}

div.module-calendar div.module-content {
    background: transparent url(calendar_btm.gif) no-repeat left bottom ;
    padding: 0 5px 10px 5px;
    margin: 0;
}

div.module-calendar div.module-content th {
    padding-bottom: 5px;
}

div.module-calendar div.module-content th,
div.module-calendar div.module-content td a {
    color: #3A6D3B;
}

.module-calendar h2.module-header {
	background: none;
	border-bottom: 1px solid #fff;
	margin: 0 10px 10px 10px;
	}

div.module-about div.module-content,
div.module-email div.module-content,
div.module-photo div.module-content,
div.module-syndicate div.module-content,
div.module-subscribe div.module-content {
    background: none;
    margin: 0;
    padding: 0;
}

ul.module-list {
    margin: 0 15px;
}

ul.module-list li.module-list-item {
    margin: 0;
    padding: 0 0 2px 0;
}

div.module-galleries ul.module-list li.module-list-item {
    padding: 0;
    background: none;
}

/* one-column */
body.layout-one-column div.module-calendar {
    background: #F0F9C8 url(calendar_top1col.gif) no-repeat left top;
}

body.layout-one-column div.module-calendar div.module-content {
    background: transparent url(calendar_btm1col.gif) no-repeat left bottom;
}

   </content>
</entry>
<entry>
   <title>curves</title>
   <link rel="alternate" type="text/html" href="http://stylecatcher.loftwork.com/2006/08/curves.html" />
   <id>tag:stylecatcher.loftwork.com,2006://1.14</id>
   
   <published>2006-08-31T06:16:15Z</published>
   <updated>2006-09-19T14:24:45Z</updated>
   
   <summary> シンプルでビジネス向けでありながら、センスの良さもあわせもつ素敵なデザインです...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://stylecatcher.loftwork.com/">
      <![CDATA[<img src="/themes/curves/thumbnail-large.gif" alt="スクリーンショット">

シンプルでビジネス向けでありながら、センスの良さもあわせもつ素敵なデザインです。

クリエイター名：<a href="http://www.loftwork.com/portfolio.aspx?cid=3598">akinakano</a>


]]>
      /*
name: Curves
designer: akinakano
designer_url: http://www.loftwork.com/portfolio.aspx?cid=3598
developer: loftwork
developer_url: http://www.loftwork.com/
*/
/* base css */
@import url(theme-layout-only.css);


/* -------------------- basic page elements -------------------- */

body {
font-family: &apos;trebuchet ms&apos;, helvetica, arial, sans-serif;
font-size: 12px;
letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6 {
font-family: &apos;trebuchet ms&apos;, helvetica, arial, sans-serif;
margin: 0;
padding: 0;
}

blockquote {
margin: 0;
padding: 0 30px;
}

hr { margin: 20px 0 0 0; }

img {
/*height: auto;*/
}


/* -------------------- Links -------------------- */

a { color: #9BB72B; text-decoration: none; }
a:visited { color: #9BB72B; text-decoration: none; }
a:hover { color: #484A3C; text-decoration: none; }

#banner a { color: #484A3C; text-decoration: none; }
#banner a:visited { color: #484A3C; }
#banner a:hover { color: #CEDB70; }

.module-content a { color: #AEC349; }
.module-content a:visited { color: #AEC349; }
.module-content a:hover { color: #484A3C; text-decoration: none; }

.module-calendar .module-content a { color: #AEC349;}
.module-calendar .module-content a:visited { color: #AEC349; }
.module-calendar .module-content a:hover { color: #484A3C; text-decoration: none; }

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
color: #77796A;
text-decoration: none;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited {
color: #77796A;
text-decoration: none;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #AEC349;
text-decoration: none;
}


/* -------------------- Headers -------------------- */

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;

margin: 0 0 0 0;
padding: 20px 0 5px 0;
color: #77796A;
background: transparent url(dot_sub.gif) left bottom repeat-x;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.archive-header {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
color: #525546;
padding: 20px 0 7px 0;
}



/* -------------------- Contents -------------------- */

.trackbacks p {
margin: 0;
padding: 0;
line-height: 20px;
}

.trackbacks-info, 
.comment-content, 
.comment-footer {
margin: 0;
padding: 0;
}

.trackbacks-info p {
margin: 20px 0 0 0;
padding: 0;
}

.trackback-content, 
.comment-content {
margin: 0;
padding: 0 0 5px 0;
background: #fff url(dot.gif) left bottom repeat-x;
}

.trackback-content p,
.comment-content p {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
}

.trackback-content p,
.comment-content p,
.trackbacks-info p {
overflow: auto;
word-break:break-all;/* Only for IE */
}

.trackbacks-content {
margin: 0 0 0 20px;
padding: 0;
}

.comment {
margin: 0 0 0 20px;
padding: 0;
line-height: 20px;
}

.entry-more-link,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 10px;
}

.entry-footer {
font-size: 10px;
line-height: 1.5em;
}

.entry-more-link {
font-size: 12px;
}

.trackback-footer, .comment-footer {
color: #C6C8B4;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}

.comments-open {
padding-bottom: 20px;
}

.comments-open-content {
margin: 20px 0 0 20px;
}

#comments-open-footer {
margin: 0 0 0 20px;
}

#comment-text {
width: 400px;
}

.layout-three-column #comment-text,
.layout-moblog1 #comment-text {
width: 320px;
}

.layout-artistic #comment-text,
.layout-artistic #comment-author,
.layout-artistic #comment-email,
.layout-artistic #comment-url,
.layout-calendar #comment-text,
.layout-calendar #comment-author,
.layout-calendar #comment-email,
.layout-calendar #comment-url,
.layout-timeline #comment-text,
.layout-timeline #comment-author,
.layout-timeline #comment-email,
.layout-timeline #comment-url  {
width: 230px;
}

.layout-moblog2 #comment-text {
width: 270px;
}


.archive {
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 0;
}

.archive-content {
margin: 5px 0 0 0;
padding: 0 0 20px 0;
}



/* -------------------- page layout -------------------- */

body {
color: #484A3C;
background: #F5F5EF url(bg_ptn.jpg) left top repeat-x;
}

.layout-one-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container,
.layout-three-column #container,
.layout-artistic #container,
.layout-calendar #container,
.layout-moblog1 #container,
.layout-moblog2 #container,
.layout-timeline #container { 
width: 760px; 
background: #fff url(body_btm.gif) left bottom no-repeat; 
margin-top: 20px; 
margin-bottom: 30px;
}

#container-inner { 
margin: 0; 
padding: 0 0 3px 0;
}

#banner { margin: 0; }

#banner-inner {
width: 760px; 
height: 144px;
background: url(banner_bg.jpg) left top no-repeat;	
}

.banner-user {
width: 70px;
margin-top: 4px;
font-size: 10px;
}

.banner-user-photo { 
border: 3px double #fff; 
}

#banner-header {
margin: 0;
padding: 45px 15px 0 30px;
color: #525546;
font-size: 38px;
font-weight: normal;
line-height: 1;
}

#banner-description {
margin: 0;
padding: 10px 15px 0 30px;
color: #B0B3A0;
font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1.125;
}

#alpha, #beta, #gamma, #delta {
float: left;
margin: 0;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
padding: 0;
}

#alpha { width: 255px; }
#beta { width: 445px; }

#gamma, 
#delta { width: 200px; }

.date-header {
margin: 0;
padding: 20px 0 5px 0;
color: #9BB72B;
background: transparent;
font-family: &quot;trebuchet ms&quot;, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.entry {
margin: 0;
padding: 0;
}

.entry-header {
margin-top: 25px;
padding: 0 0 7px 0;
background: url(dot_main.gif) left bottom repeat-x;
color: #5B5D4D;
font-size: 17px;
font-weight: bold;
}

.entry-content { 
margin: 0;
}

.entry-body p,
.archive-content p {
margin: 20px 0 0 0;
padding: 0;
line-height: 23px;
overflow: auto;
word-break:break-all;/* Only for IE */
}


.entry-body ul {
padding-top: 10px;
}

.entry-body ul li {
margin: 0;
padding: 0;
}

.entry-body ul li img {
margin: 0;
padding: 0 5px;
}

.entry-more-link { 
font-weight: normal; 
}

.entry-footer {
margin: 0 0 20px 0;
padding: 20px 0 0 0;
color: #C6C8B4;
font-weight: normal;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}

.content-nav { 
margin: 0; 
padding-top: 20px;
text-align: left;
color: #C6C8B4;
font-size: 10px;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
}



/* -------------------- modules -------------------- */

.module { color: #77796A; }

.module-content { 
margin: 0;
font-family: &apos;Hiragino Kaku Gothic Pro W3&apos;, Osaka, &apos;MS PGothic&apos;, geneva, verdana, sans-serif;
font-size: 11px;
}

.module-calendar .module-content { margin: 10px 0 0 0; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 11px; }
.module-calendar .module-content td { padding: 3px 0 0 0; }

.module-powered { margin: 0; padding: 0; }
.module-powered .module-content {margin: 20px 0 0 0; padding: 0;}

.module-photo { border: 0; background: none; }
.layout-two-column-left .module-photo { border: 0; background: none; margin: 10px 0 0 0;}

.module-photo .module-content { margin: 10px 0; }

.layout-one-column .module-photo .module-content,
.layout-artistic .module-photo .module-content,
.layout-calendar .module-photo .module-content,
.layout-timeline .module-photo .module-content,
.layout-two-column-left .module-photo .module-content { margin: 10px 0; text-align: left;}

.layout-moblog2 .module-photo .module-content { margin: 10px 0; text-align: center;}

.module-photo img { border: 0; }

.module-content { margin: 20px 0 0 0; }
.module-archives .module-content, 
.module-presence .module-content,
.module-update-list .module-content,
.module-recent-trackbacks .module-content,
.module-categories .module-content,
.module-typelist .module-content,
.module-recent-comments .module-content { margin: 5px 0 0 0; padding: 0;}

.module-list-item, .archive-list-item {
padding: 5px 0 0 15px;
background: url(arrow.gif) 0 0.65em no-repeat;
margin: 0;
line-height: 1.2;
}



/* ----- TypeList ----- */

.typelist-plain .module-list-item {
padding: 5px 0 0 0;
background: none;
}

.typelist-thumbnailed { 
margin: 0 0 5px 0; 
}

.typelist-thumbnailed .module-list-item {
margin: 1px 0;
border: 1px solid #F4F8E1;
padding: 0;
background: transparent url() left top repeat-x;
}

.typelist-thumbnail { 
background: #e2ecf3; 
}

.module-featured-photo { width: 445px; }
.module-featured-photo .module-content { margin: 15px 0 5px 15px; }
.module-featured-photo img { width: 415px; }

.module-recent-photos { 
border: 0; 
margin: 20px 0 0 0; 
}

.module-recent-photos .module-content { margin-left: 15px; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item {
width: 64px; /* mac ie fix */
margin: 0 6px 6px 0;
padding: 0;
background: none;
}

.module-recent-photos .module-list-item a {
border: #D8E28D 1px solid;
padding: 1px;
background: #FFF;
}

.module-recent-photos .module-list-item a:hover {
border-color: #484A3C;
background: #FFF;
}



/* -------------------- one-column -------------------- */

.layout-one-column #alpha {
margin: 0;
padding: 0;
overflow: hidden;
}

.layout-one-column #alpha-inner {
border: none;
padding: 0 30px;
margin: 0;
}

.layout-one-column #pagebody {
padding-bottom: 80px;
background: transparent;	
}



/* -------------------- two-column-left -------------------- */

.layout-two-column-left #alpha { 
width: 200px; 
}

.layout-two-column-left #alpha-inner {
margin: 0 10px 0 20px;
padding: 0;
}

.layout-two-column-left #beta { 
width: 560px; 
}

.layout-two-column-left #beta-inner {
margin: 20px 30px 0 40px;
padding: 0;
}

.layout-two-column-left #pagebody {
padding-bottom: 80px;
background: url(bodybg_ptn2.jpg) left top repeat-y;	
}



/* -------------------- two-column-right -------------------- */

.layout-two-column-right #alpha {
width: 560px;
}

.layout-two-column-right #alpha-inner {
margin: 20px 30px 0 30px;
padding: 0;
}

.layout-two-column-right #beta {
width: 200px;
}

.layout-two-column-right #beta-inner {
margin: 0 20px 0 20px;
padding: 0;
}

.layout-two-column-right #pagebody {
padding-bottom: 80px;
background: url(bodybg_ptn.jpg) left top repeat-y;	
}



/* -------------------- three-column -------------------- */

.layout-three-column #alpha {
  width: 180px;
}

.layout-three-column #alpha-inner {
  border: none;
  padding: 0;
  margin: 0 20px;
}

.layout-three-column #beta {
  width: 400px;
}

.layout-three-column #beta-inner {
  border: none;
  padding: 0;
  margin: 0 20px;
}

.layout-three-column #gamma {
  width: 180px;
}

.layout-three-column #gamma-inner {
  border: none;
  padding: 0;
  margin: 0 20px;
}

.layout-three-column #pagebody {
padding-bottom: 80px;
background: url(bodybg_ptn3col.jpg) left top repeat-y;	
}



/* -------------------- artistic tweaks -------------------- */


.layout-artistic #alpha {
width: 300px;
}

.layout-artistic #alpha-inner {
padding: 0;
margin: 0 20px;
}

.layout-artistic #beta {
width: 460px;
}

.layout-artistic #beta-inner {
padding: 0;
margin: 0 10px 0 0;
}

.layout-artistic #gamma{
margin: 0;
padding: 0;
width: 230px;
}

.layout-artistic #gamma-inner { 
margin: 0 15px 0 15px;
padding: 0;
}

.layout-artistic #delta {
margin: 0;
padding: 0;
width: 220px;
}

.layout-artistic #delta-inner { 
margin: 0 10px 0 10px;
padding: 0;
}

.layout-artistic #pagebody {
padding-bottom: 80px;
background: url(bodybg_ptnart.jpg) left top repeat-y;	
}



/* -------------------- calendar tweaks -------------------- */

.layout-calendar #alpha {
width: 300px;
}

.layout-calendar #alpha-inner {
padding: 0;
margin: 0 20px;
}

.layout-calendar #beta {
width: 460px;
}

.layout-calendar #beta-inner {
padding: 0;
margin: 0 10px 0 0;
}

.layout-calendar #gamma{
margin: 0;
padding: 0;
width: 230px;
}

.layout-calendar #gamma-inner { 
margin: 0 15px 0 15px;
padding: 0;
}

.layout-calendar #delta {
margin: 0;
padding: 0;
width: 220px;
}

.layout-calendar #delta-inner { 
margin: 0 10px 0 10px;
padding: 0;
}

.layout-calendar #pagebody {
padding-bottom: 80px;
background: url(bodybg_ptnart.jpg) left top repeat-y;	
}


.module-mmt-calendar { 
width: 450px; 
margin: 0; 
padding-top: 20px;
}

.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
margin: 0;
padding: 5px 15px;
color: #77796A;
background: #FFF;
font-size: 13px;
font-weight: bold;
text-align: left;
}

.module-mmt-calendar .module-content { 
margin: 15px 0 15px 15px; 
}

.module-mmt-calendar table {
width: 415px;
background: