@charset "UTF-8";
/*
 *      Ellie var 1.0  <produce-web.com original STYLE SEET>
 */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
 * (c) 2009-2010, Tachikawa Inc.
 */
/*
 *
 * CSS Reset
 *
 */
html {overflow-y:scroll;height:100%;}
html:first-child body{min-height:100%;padding-bottom:1px;}
:focus {outline:0;}
/*
 *
 * Common CSS
 *
 */
html {
    background-color:#E18F76;
}
body {
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
    font-size:87.5%;
    line-height:136%;
    color:#444444;
    letter-spacing:1px;
    /zoom:1;/* IE6,IE7 */
}
/*
 *
 * Layout Style
 *
 */
#overAll {
    width:840px;
    margin:0 auto;
    padding:8px 0;
}
#canvas {
/*    width:774px; */
    padding:18px 33px;
    background-color:#FFFFFF;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}
#logo {
    padding:8px 0 9px;
}
#main {
/*    width:710px; */
    border-left:2px solid #F2C5B7;
    border-right:2px solid #F2C5B7;
    border-bottom:2px solid #F2C5B7;
    padding:30px 30px 20px;
}
#main h1 {
    font-size:21px;
    color:#F24A5C;
    margin-bottom:20px;
    padding-top:0.2em;
}
#footer {
    margin:30px 2px 0;
    padding-top:4px;
    border-top:1px solid #CCCCCC;
    color:#AAAAAA;
    font-size:8px;
    line-height:1.2em;
    text-align:right;
}
/*
 *
 * gNavi
 *
 */
#gNavi {
    overflow:hidden;
}
#gNavi li {
    float:left;
    display:block;
    width:86px;
    height:31px;
    background-color:#F24A5C;
}
#gNavi li a {
    display:block;
    height:100%;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    letter-spacing:0;
    color:#FFFFFF;
}
#gNavi li div {
    height:22px;
    margin:5px 0 4px;
    line-height:22px;
    border-left:1px solid #FFFFFF;
}
#gNavi li div.farst {
    border-left:none;
}
/*
 *
 * contents area common
 *
 */
.contents {
    width:640px;
    margin:0 auto;
    overflow:hidden;
}
.contents h2 {
    font-size:15px;
    font-weight:bold;
    margin:1em 0;
}
.contents p {
    margin:1em 0;
}
.contents img {
    vertical-align: middle;
}

.contents ul {
    margin: 1em;
}

.contents ul li {
    padding-left: 18px;
    background: url(../../share/icon/silk/bullet_red.png) no-repeat;
}

.contents ol, .contents blockquote {
    margin: 1em;
}

.contents ol li {
    padding-left: 18px;
    background: url(../../share/icon/silk/bullet_blue.png) no-repeat;
}

.contents dl {
    margin: 1em 0;
}

.contents dt {
    clear: left;
    float: left;
    width: 8em;
    padding: 0.6em 0 0.4em 0;
}

.contents dd {
    padding: 0.6em 0 0.4em 8em;
    border-bottom: dotted 1px #444444;
}

.contents strong {
    font-weight: bold;
}

.contents em {
    font-style: italic;
}

.contents abbr, .contents acronym {
    border-bottom:1px dotted #;
    cursor:help;
}

.contents fieldset, .contents table, .contents pre {
    margin-bottom:1em;
}

.contents p.posted, .contents p.more, p.goTop {
    text-align: right;
    font-size: 0.857em;
}
.goTop {
    margin:1em 0 2em;
    padding-bottom:6px;
    text-align:right;
}
#pagination ul {
    padding:1em 0;
    text-align:center;
    height:18px;
}
#pagination ul li {
    font:bold 14px/18px Verdana,Arial,Helvetica,sans-serif;
    display:inline;
}
#pagination ul li a {
    font:bold 14px/18px Verdana,Arial,Helvetica,sans-serif;
    padding:2px;
    color:#444444;
    border:solid 1px #444444;
    text-decoration:none;
    letter-spacing:0;
}
#pagination ul li a:hover {
    background-color:#444444;
    color:#FFFFFF;
    text-decoration:none;
}
/*
 *
 * home page
 *
 */
#home_news, #whats_new {
    overflow:hidden;
    margin-top:10px;
}
#newly, #whatsly {
    float:left;
    font-size:17px;
    letter-spacing:0;
    color:#E8947A;
    font-weight:bold;
}
#newry, #whatsry {
    width:100%;
    text-align:right;
    font-size:11px;
    color:#E8947A;
    font-weight:bold;
}
#newly_text {
    margin-top:3px;
    height:21px;
    padding:5px 40px;
    color:#445533;
    font-size:11px;
    line-height:21px;
    background:url('../img/common/newly.png') no-repeat;
}
#whats_text {
    font-size:11px;
}
#whats_text dl {
    margin:0 40px;
}
#whats_text dt {
    clear: left;
    float: left;
    width: 8em;
    padding: 0.6em 0 0.4em 0;
}
#whats_text dd {
    padding: 0.6em 0 0.4em 8em;
    border-bottom: dotted 1px #444444;
}
#home #footer {
    margin-top:11px;
}
/*
 *
 * news page
 *
 */
#info0 .date {
    float:left;
    color:#CC0066;
    letter-spacing:0;
}
#info0 h2 {
    width:100%;
    text-align:right;
    margin-top:0;
}
#info0 .goTop {
    border-bottom:2px solid #F2C5B7;
}
/*
 *
 * shop page
 *
 */
/*
 *
 * MENU page
 *
 */
#menu0 .contents ul, #menu1 .contents ul {
    margin: 1em 1em;
}

#menu0 .contents li, #menu1 .contents li {
    margin: 1em 0 0.4em 0;
    padding: 0;
    position: relative;
    border-bottom: dotted 2px #444444;
    background-image: none;
}

#menu0 .contents li.summary, #menu1 .contents li.summary {
    margin: 0.4em 0 0.5em 2em;
    padding: 0;
    font-size: 85.7%;
    position: static;
    border-bottom: none;
}

#menu0 .contents li span.name, #menu1 .contents li span.name {
    background: #FFFFFF;
    padding: 0 0.4em 0 0;
    position: relative;
    top: 0.5em;
    left: 0;
}

#ie7 #menu0 .contents li span.name, #ie7 #menu1 .contents li span.name {
    position: absolute;
}

#menu0 .contents li span.rights, #menu1 .contents li span.rights {
    background: #FFFFFF;
    padding: 0 0 0 0.4em;
    position: absolute;
    top: 0.5em;
    right: 0;
}

#ie6 #menu0 .contents li span.rights, #ie6 #menu1 .contents li span.rights {
    right: 3em;
}

#ie7 #menu0 .contents li span.rights, #ie7 #menu1 .contents li span.rights {
    white-space: nowrap;
}
/*
 *
 * recommend page
 *
 */
#recomm0 h2 {
    color:#7A785A;
    font-size:19px;
    font-weight:bold;
    padding:0.3em 0.6em;
    border-left:5px solid #7A785A;
    border-bottom:1px solid #7A785A;
}
/*
 *
 * gallery page
 *
 */
#photos {
    margin:0 auto;
}
/*
 *
 * CONTACT
 *
 */
#contact0 .contents {
    overflow: hidden;
}

#contact0 .contents div.warning {
    color: #FF0066;
    background-color: #FFFFCC;
    padding: 0.5em 1em;
    margin: 1em 0;
    border: 1px solid #FF0066;
}

#contact0 .contents form fieldset {
    border: solid 1px #0E0B0B;
}

#contact0 .contents form legend {
    margin: 0 1em;
    padding: 0 0.5em;
}

#contact0 .contents dl {
    margin: 1em 1.5em;
    overflow: hidden;
}

#contact0 .contents dt {
    float: left;
    clear: left;
    width: 13em;
    margin: 0 0.5em 0 0;
    padding: 0;
    text-align: right;
}

#contact0 .contents dd {
    float: left;
    margin: 0 0 1em;
    padding: 0;
    border: none;
}

#contact0 .contents dd.error {
    margin: 0 0 1em 12.5em;
    color: red;
}

#contact0 .contents form #name {
    width: 7em;
    ime-mode: active;
    padding: 2px;
    border: 1px solid #0E0B0B;
    background-color: #FFFFFF;
}

#contact0 .contents form #name:focus {
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: none;
    border-bottom: none;
    background-color: #ffffee;
}

#contact0 .contents form #addr {
    width: 20em;
    ime-mode: active;
    padding: 2px;
    border: 1px solid #0E0B0B;
    background-color: #FFFFFF;
}

#contact0 .contents form #addr:focus {
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: none;
    border-bottom: none;
    background-color: #ffffee;
}

#contact0 .contents form #mail {
    width: 20em;
    ime-mode: disabled;
    padding: 2px;
    border: 1px solid #0E0B0B;
    background-color: #FFFFFF;
}

#contact0 .contents form #mail:focus {
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: none;
    border-bottom: none;
    background-color: #ffffee;
}

#contact0 .contents form #text {
    width: 27em;
    height: 6em;
    ime-mode: active;
    overflow-y: scroll;
    padding: 2px;
    border: 1px solid #0E0B0B;
    background-color: #FFFFFF;
}

#contact0 .contents form #text:focus {
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: none;
    border-bottom: none;
    background-color: #ffffee;
}

#contact0 .contents form #check {
    margin-left: 14em;
}

#contact0 .contents form #cancel {
    margin: 0 0 1em 3em;
}

#contact0 .contents form #post {
    margin-left: 3em;
}
/*
 *
 * BLOG
 *
 */
#column_title {
    display:block;
    margin:0 auto;
}

#blog0 .contents h2 {
    font-size:18px;
    color:#FF6600;
}

#blog0 .contents .blogheader {
    text-align: right;
}

#blog0 .contents .blogarticle {
    margin-top: 1em;
    overflow: hidden;
}

#blog0 .contents .blogfooter {
    margin-top: 0.3em;
    padding: 0.2em 0.8em;
    text-align: right;
    background-color: #FF9966;
}

#blog0 #comments, #blog0 #trackbacks {
    padding: 14px 0 14px 14px;
    overflow: hidden;
}

#blog0 #comments h3, #blog0 #trackbacks h3 {
    border-left: 0.8em solid #666666;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
<?php if ($cell === 0): ?>
    background-color:#0A50A1;
<?php elseif ($cell === 1): ?>
    background-color:#5E0901;
<?php else: ?>
    background-color:#5E0901;
<?php endif; ?>
    margin: 1em 0;
    padding: 0.4em 1em;
}

#blog0 #comments h4 {
    font-size: 1.286em;
    font-weight: bold;
    margin-left: 20px;
}

#blog0 #comments h4 img {
    vertical-align: bottom;
}

#blog0 #comments p {
    margin: 1em 40px;
}

#blog0 #comments .commentfooter {
    background-color: #DEDEDE;
    text-align: right;
    font-size: 0.857em;
    margin-left: 20px;
    margin-bottom: 2em;
}

#blog0 #comments #commform {
    float: left;
    width: 380px;
    padding-left: 20px;
}

#blog0 #comments #commatend {
    float: left;
    width: 198px;
    color: #FFFFFF;
<?php if ($cell === 0): ?>
    background-color:#0A50A1;
<?php elseif ($cell === 1): ?>
    background-color:#5E0901;
<?php else: ?>
    background-color:#5E0901;
<?php endif; ?>
    font-size: 0.857em;
    padding: 14px;
}

#blog0 #comments #commatend p {
    margin: 1em 0;
}

#blog0 #comments #commform #name {
    width: 23em;
    ime-mode: active;
}

#blog0 #comments #commform #mail {
    width: 23em;
    ime-mode: disabled;
}

#blog0 #comments #commform #url {
    width: 23em;
    ime-mode: disabled;
}

#blog0 #comments #commform #auth_code {
    width: 4em;
    ime-mode: disabled;
}

#blog0 #comments #commform #message {
    font: 1em sans-serif;
    width: 23em;
    ime-mode: active;
    overflow-y: scroll;
}

#blog0 #archive h2 {
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1em 0;
}

#blog0 #archive li {
    margin: 1em;
    padding: 0 0.5em;
    border-bottom: dotted 1px #0E0B0B;
}

#blog0 #warning {
    background-color: #FFFFDD;
    margin: 1em;
    padding: 0.5em 48px;
    border: solid 1px #FFBB00;
}

#blog0 #complete {
    background-color: #DDFFFF;
    margin: 1em;
    padding: 0.5em 48px;
    border: solid 1px #0033FF;
}

#feed {
    margin-bottom: 0.8em;
}

#sidebar #searchbox {
    margin-bottom: 0.8em;
    overflow: hidden;
}

#sidebar #searchbox #searchword {
    width: 134px;
}

#sidebar #searchbox a {
    float: right;
}

#newarticle {
    margin-bottom: 0.8em;
}

#archive {
    margin-bottom: 0.8em;
}