* {
margin: 0;
padding: 0;
line-height: 150%;
font-family: Osaka,  "メイリオ",　"ヒラギノ角ゴ Pro W3",　"ＭＳ Ｐゴシック", sans-serif;
color: #333333;
}

body {
font-size: small;
margin: 0 auto;
text-align: center;
background: #ffdfde;
}

a:link { color: blue;}
a:visited { color: purple;}
a:hover { color: red;}
a:active { color: blue;}
img { border: none;}

#wrap {
background: url(http://www.moe-print.com/image/back.gif) repeat-y;
width: 1040px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 2px solid #009933;
border-bottom: 2px solid #009933;
}

#header {
width: 1040px;
height: 81px;
border-bottom: 1px solid #CCCCCC;
}

#banner-header { background: url(http://www.moe-print.com/image/p-title.gif) no-repeat; text-indent: -9999px; float: left;}
#banner-header a { display: block; width: 240px; height: 81px;}

#banner {
width: 800px;
height: 81px;
float: left;
}

#nav { float: right;}

#top,#orderflow,#guide,#template,#faq,#contact { text-indent: -9999px; border-left: 1px dotted #999999; float: left;}

#top a {
display: block;
width: 80px;
height: 60px;
background: url(http://www.moe-print.com/image/navtop.gif) no-repeat;
}
#top a:hover { width: 80px; background: url(http://www.moe-print.com/image/navtop_on.gif) no-repeat;}

#orderflow a {
display: block;
width: 102px;
height: 60px;
background: url(http://www.moe-print.com/image/navorderflow.gif) no-repeat;
}
#orderflow a:hover {
width: 102px;
background: url(http://www.moe-print.com/image/navorderflow_on.gif) no-repeat;
}

#guide a {
display: block;
width: 120px;
height: 60px;
background: url(http://www.moe-print.com/image/navguide.gif) no-repeat;
}
#guide a:hover {
width: 120px;
background: url(http://www.moe-print.com/image/navguide_on.gif) no-repeat;
}

#template a {
display: block;
width: 104px;
height: 60px;
background: url(http://www.moe-print.com/image/navtemplate.gif) no-repeat;
}
#template a:hover {
width: 104px;
background: url(http://www.moe-print.com/image/navtemplate_on.gif) no-repeat;
}

#faq a {
display: block;
width: 82px;
height: 60px;
background: url(http://www.moe-print.com/image/navfaq.gif) no-repeat;
}
#faq a:hover {
width: 82px;
background: url(http://www.moe-print.com/image/navfaq_on.gif) no-repeat;
}

#contact a {
display: block;
width: 84px;
height: 60px;
background: url(http://www.moe-print.com/image/navcontact.gif) no-repeat;
}
#contact a:hover {
width: 84px;
background: url(http://www.moe-print.com/image/navcontact_on.gif) no-repeat;
}

#banner-end {
width: 221px;
height: 60px;
background: url(http://www.moe-print.com/image/navspacer.gif) repeat-x;
border-left: 1px dotted #999999;
float: left;
}

#banner-end img { margin-top: 8px;}

#presslink {
width: 800px;
height: 21px;
background: #DEEDD3;
text-align: right;
font-size: x-small;
float: right;
}

#wrap-main {
width: 1040px;
margin-bottom: 10px;
}

/* sidenavi */

#sidenavi {
width: 220px;
margin: 0 20px 0 0;
padding-top: 20px;
float: left;
}

#sidenavi-header {
width: 220px;
height: 30px;
font-size: 10px;
background: url(http://www.moe-print.com/image/menu.gif) no-repeat;
text-indent: -9999px;
margin: 0;
}

#sidenavi-content { width: 210px; margin: 0; padding: 0 0 10px 0; background: #FFFFFF;}

#catlist-header,#calendar-header,#news-header { width: 220px; height: 24px; text-indent: -9999px; margin-bottom: 0.5em;}
#catlist-header { background: url(http://www.moe-print.com/image/catlist-header.gif) no-repeat;}
#calendar-header { background: url(http://www.moe-print.com/image/calendar-header.gif) no-repeat;}
#news-header { background: url(http://www.moe-print.com/image/news-header.gif) no-repeat;}

#catlist,#calendar,#news-content { width: 200px; margin-left: 20px; margin-bottom: 1em;}

#catlist h3 { font-size: small;}

#catlist h3 a { display: block; width: 200px; height: 21px; color: #006633; background: url(http://www.moe-print.com/image/catlist.gif) no-repeat; margin: 2px 0 0 0; padding: 0 0 0 0.5em;}

#catlist h3 a:hover { width: 200px; height: 21px; color: #cc3300; background: url(http://www.moe-print.com/image/catlist_on.gif) no-repeat;}

.subcat { display: block; font-weight: bold; color: #333333; background: #ccffcc; padding-left: 1em; margin: 0 5px; border: 1px solid  #CCCCCC;}
.subcat li { list-style-type: none;}

#bannerlist {
width: 200px;
margin-left: 20px;
margin-bottom: 1em;
text-align:center;
}

#news-content { width: 200px; height: 200px; overflow: auto;}

#news-content h3 { font-size: 12px;}

#news-content p { font-size: 10px; padding-left: 10px;}


/* main content */

#main {
width: 580px;
padding-top: 20px;
float: left;
}

#content-header {
width: 580px;
height: 7px;
}

#content { width: 560px; padding: 0 10px; background:}

#content-body {}

/* sidead */

#sidead { width: 200px; margin: 0 10px; padding-top: 20px; float: left;}

#sidead-header { width: 200px; height: 17px; font-size: 10px; background: url(http://www.moe-print.com/image/ad-header.gif) no-repeat; text-indent: -9999px;}
#sidead-content { width: 180px; text-align: center; padding: 0 10px 10px 10px; background: #FFFFFF;}

/* footer */

#footer {
width: 1040px;
height: 25px;
background: #FFFFFF;
text-align: center;
margin: 20px 0 0 0;
padding-top: 5px;
border-top: 1px solid #CCCCCC;
}

/* option */

.left { float: left;}
.right { float: right;}
.clear { clear: both;}

/* main */

#maincopy { width: 560px; text-align: center;}

#maincopy p { margin-bottom: 1em; padding: 0.5em;}

#maincopy-header { width: 560px; height: 120px; font-size: 18px; text-indent: -9999px; color: #FF3366; background:  url(http://www.moe-print.com/image/maincopy.gif) no-repeat;}

#copy-contact { color: #FFFFFF; background: #f08651; text-align: center;}

#copy-contact-body { text-align: center;}

#info { text-align: justify;}

#form-header {
text-indent: -9999px;
background: url(http://www.moe-print.com/image/message18.gif) no-repeat;
}

#orderflow-header {
text-indent: -9999px;
height: 40px;
background: url(http://www.moe-print.com/image/header-orderflow.gif) no-repeat;
}

#guide-header {
text-indent: -9999px;
height: 40px;
background: url(http://www.moe-print.com/image/header-guide.gif) no-repeat;
}

#template-header {
text-indent: -9999px;
height: 40px;
background: url(http://www.moe-print.com/image/header-template.gif) no-repeat;
}

#faq-header {
text-indent: -9999px;
height: 40px;
background: url(http://www.moe-print.com/image/header-faq.gif) no-repeat;
}

#contact-header {
text-indent: -9999px;
height: 40px;
background: url(http://www.moe-print.com/image/header-contact.gif) no-repeat;
}

.contact-description { padding: 1em 1em 1em 2em;}

.sub-header {
height: 30px;
color: #336633;
font-size: medium;
margin-top: 0.2em;
padding-left: 1em;
}

#archive-title {
height: 30px;
color: #FFFFFF;
background: url(http://www.moe-print.com/image/header-h2.gif) no-repeat;
font-size: 20px;
padding-top: 2px;
padding-left: 0.5em;
}

#category-description { padding: 1em;}

#category-description img { margin: 0 0.5em 0.5em 0;}

.module-header { color: #003300; font-size: medium; padding-top: 0.5em;}

p.description {
text-align: justify;
padding: 1em;
}

.item-table {
padding: 5px 0;
}

#content-body td {
text-align: left;
vertical-align: top;
padding-bottom: 0.5em;
}

#faq-body,#orderflow-body { text-align: justify; padding: 1em;}
.faq-title { font-size: small; font-weight: bold; color: #CC6600; }
.faq-title p { color: #CC6600; padding-left: 1.5em; margin-top: -1.5em;}
.faq-answer { color: #003366; margin-top: 0.5em; padding: 0 0 1em 0;}
.faq-answer-content { color: #003366; padding-left: 1.5em; margin-top: -1.5em;}

#guide-body { text-align: left;}
#guide-body h4 { padding: 0 0 0 1em;}
#guide-body p { padding: 0 0 1em 1em;}
#guide-body table { padding: 0 1em;}

.orderflow-title { font-size: small; font-weight: bold; margin-bottom: 0.5em;}
#orderflow-body p { padding: 0 0 1em 1em;}

/* shop item table */
.si-list {
width: 100%;
margin: 1em 0;
border-collapse: collapse;
border-spacing: 0;
border-top: 2px solid #CCCCFF;
border-left: 2px solid #CCCCFF;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
}

.si-list th { color: #FFFFFF; background: #0066CC; text-align: center;}
.si-list-header { border-bottom: 1px solid #666666;}
.si-list th h3 { font-size: medium; color: #FFFFFF;}
.si-list-title { padding: 0 1em;}
.si-list-var { text-align: right; padding: 0 1em;}
.si-list-price { text-align: right; padding: 0 1em;}
.cart-bt {width: 100px; text-align: center; vertical-align: middle; border: 0;}
.cart-bt input { width: 100px; margin: 3px;}

/* template */

.tmpl-list { font-size: small; background: #FFFFFF; border: 1px solid #CCCCCC;}
.tmpl-list th,td { padding: 0.2em;}
.tmpl-list th { color: #FFFFFF; background: #0066CC;}
.tmpl-des { vertical-align: top; background: #c0defa; width: 330px;}
.tmpl-il { vertical-align: middle; font-size: x-small; background: #d8e7f1;}
.tmpl-ps { vertical-align: middle; font-size: x-small; background: #e6ddc4;}
.tmpl-dl { vertical-align: middle; background: #e4ecf3;}

/* sitemap */

.sitemap-header { border-bottom: 2px solid #999999; margin-bottom: 10px;}
.sitemap { border-bottom: 1px solid #999999;}
.sitemap th { padding: 0 1em;}
.sitemap td { vertical-align: top; padding: 0 1em;}
.sitemap ul { margin-bottom: 10px;}
.sitemap td li { list-style-type: none; padding-left: 1em;}

/* sample */

#sample { width: 560px; margin: 0; padding: 0;}

.sample-container { width: 140px; height: 140px; background: #CCCCCC; float: left;}


/* mail-form */

.mailform {
}

/* law,disclaimer */

#law,#disclaimer { text-align: justify; padding: 1em;}

#law,#disclaimer h3,h4 { padding: 1em 0 0.5em 0;}

#law p { padding: 0 2em 1em 2em;}
#disclaimer p { padding: 0 1em 1em 1em;}

.l1 { padding: 0 1em 0 2em;}
.l2 { padding: 0 1em 0 3em; list-style-type: none;}

/* calendar */

table.calendar { width: 200px; padding: 0;}
table.calendar tr.headline td{}
table.calendar th { color: #777777; text-align: center;}

table.calendar td {
border-bottom: solid 1px #CCCCCC;
text-align: center;
width: 25px;
height: 20px;
vertical-align: middle;
line-height: normal;
color: #333333;
}
table.calendar td.click { cursor: pointer; background: #FFFFFF;}
table.calendar td.today { font-weight: bold; color: #009900; font-size: medium;}
table.calendar td.sat { color: #000099; background: #FCE4E4;}
table.calendar td.sun { color: #FF0000; background: #FCE4E4;}
table.calendar td.holyday { color: #FF0000; background: #FCE4E4;}
table.calendar td.xday { font-weight: bold; color: #009999; font-size: medium;}
table.calendar td.birthday { font-weight: bold; color: #990000; font-size: medium;}
table.calendar td.todaysat { font-weight: bold; color: #009900; background: #FCE4E4; font-size: medium;}
table.calendar td.todaysun { font-weight: bold; color: #009900; background: #FCE4E4; font-size: medium;}
table.calendar td.todayholyday { font-weight: bold; color: #009999; background: #FCE4E4; font-size: medium;}
table.calendar td.todayxday { font-weight: bold; color: #FFFFFF; background: #FCE4E4; font-size: medium;}


/* highslide JS */

.highslide { cursor: url(javascript/highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide img { border: 1px solid gray;}
.highslide:hover img { border: 1px solid white;}
.highslide-image { border: 10px solid #FFFFFF;}
.highslide-image-blur {}
.highslide-caption { display: none; border: 5px solid #FFFFFF; border-top: none; padding: 5px; background-color: #FFFFFF;}
.highslide-loading { display: block; color: #FFFFFF; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #000000;}
.highslide-display-block { display: block;}
.highslide-display-none { display: none;}
.red {color: red;}