/* Base Weblog (base-weblog.css) */

/* basic elements */

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

body {
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family:"Verdana, Arial,ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 80%;
	line-height:1.4;
	color:#666;
	text-align:center;
}

img {
	vertical-align:bottom;
}

form { margin: 0; padding: 0; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac ¥*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* page layout */

#container {
	width: 760px;
	margin: 0 auto; 
	padding:0;
	text-align:left;
	background:url(/life/images/container_bg.gif) repeat-y;
	border-bottom:1px solid #999;
}

#pagebody{
	width: 740px;
	margin: 0 5px; 
	background:#FFF;
}

#banner-header{
	margin:0;
	padding:25px 0 0 20px;;
}

#banner-header a{
	width:220px;
	height:45px;
	margin: 0 5px; 
	background:url(/life/images/site_logo.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
}

#banner-inner{
	width: 758px;
	margin: 0 1px; /* center on everything else */
	padding:0;
	background:#FFF url(/life/images/header_bg.jpg) repeat-x;
	border-bottom:2px solid #CCC;
}

#banner-description{
	font-size:100%;
}

#header {
	width: 758px;
	margin: 0 1px; /* center on everything else */
	padding:0;
	background:#FFF url(/life/images/header_bg.jpg) repeat-x;
	border-bottom:2px solid #CCC;
}

#header-logo{
	margin:10px 0 0 20px;
	padding:0;
	float:left;
	display:inline;
}

#header-description{
	font-size:70%;
}

#header-menu{
	margin:10px 20px 0 0;
	padding:0;
	float:right;
	display:inline;
	text-align:right;
}

#header-menu ul{
	text-align:left;
	padding:0;
	margin:10px 0 10px 0;
}

#entry-one {
	padding:0 0 40px 0;
	margin:0;
	background:url(/life/images/entry_one.gif) no-repeat bottom right;
	border-bottom:1px dotted #CCC;
}

#entry-one h2{
	padding:5px;
	color:#666;
	background:#D7D7D7 url(/life/images/entry_one_bg.jpg) no-repeat;
	font-size:100%;
	border:1px solid #CCC;
}

#archive-title{
	padding:5px;
	color:#666;
	background:#D7D7D7 url(/life/images/entry_one_bg.jpg) no-repeat;
	font-size:100%;
	border:1px solid #CCC;
}

#header-menu li{
	margin:10px 0 0 10px;
	display:inline;
}

#header-menu input{
	vertical-align:middle;
	color:#999;
}

#main {
	width: 550px;
	margin: 0 10px 0 0;
	display:inline;/*IE*/
	float:right;
}

#item-area{
	width: 540px;
	margin:0 0 0 10px;
	background:url(/life/images/item_area.gif) repeat-y;
}

#item-area-title{
	padding:5px;
	color:#666;
	background:#D7D7D7 url(/life/images/entry_one_bg.jpg) no-repeat;
	font-size:100%;
	border:1px solid #CCC;
}

.color{
	width:125px;
	height:150px;
	margin:0 10px 0 0;
	padding:0;
	display:inline;/*IE*/
	font-size:12px;
	float:left;
}

.color a img { border: 2px solid #FFF;}
.color a:hover img { border: 2px solid #F6BBA8;}


.new{
	width:125px;
	height:230px;
	margin:0 10px 0 0;
	padding:0;
	display:inline;/*IE*/
	font-size:12px;
	float:left;
}

.new h2{height:60px;}
.new h2 a { color: #333;}
.new h2 a:hover { color: #666;}

.new p{
	margin:2px 0
}

.note{
	margin: 5px;
	font-size:90%;
}

.new a img { border: 2px solid #FFF;}
.new a:hover img { border: 2px solid #F6BBA8;}

.category-all{
	width:250px;
	height:190px;
	margin:0 10px;
	padding:0;
	display:inline;/*IE*/
	font-size:12px;
	float:left;
}

.category-all { border-bottom: 1px dotted #CCC; }
.category-all h2{
	padding:5px 0 5px 20px;
	background:url(/life/images/category_all_bg.jpg) no-repeat left center;
}

#entry-one a img { border: 2px solid #FFF; }
#entry-one a:hover img { border: 2px solid #F6BBA8; }

.category-all a img { border: 2px solid #FFF; }
.category-all a:hover img { border: 2px solid #F6BBA8; }

#pick-up a img { border: 2px solid #FFF; }
#pick-up a:hover img { border: 2px solid #F6BBA8; }

#main-menu{
	width:370px;
	margin: 20px 10px 20px 0;
	text-align:left;
	float:left;
	clear:both;
}

#main-menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#main-menu li{
	padding:0;
}

#main-menu-about{
	width:180px;
	margin:0 10px 10px 0;
	float:left;
}

#main-menu-shop{
	width:180px;
	margin:0 0 10px 0;
float:left;
}

#main-menu-book{
	width:370px;
	margin:0 0 10px 0;
	clear:both;
}

#main-menu-designer{
	width:370px;
	margin:0;
}

#pick-up{
	width:170px;
	height:200px;
	margin: 20px 0;
	text-align:center;
	float:right;
	background:url(/life/images/main_pickup.jpg) no-repeat;
}

#pick-up h3{
	margin: 0;
	padding:0;
}

#pick-up ul{
	margin: 0;
	padding:0;
}

#pick-up li{
	margin: 0 3px 5px 3px;
	padding:0;
	list-style-type:none;
	display:inline;
}


#amazon{
	margin: 20px 0;
	text-align:center;
}

#beta {
	width: 180px; 
	margin: 0 0 0 10px;
	display:inline;
	float:left;
}

#beta-color ul{
list-style-type:none;
padding:0;
margin:0 5px;
}

#beta-color li{
	display:inline;
margin:0 10px 0 0;
}

#beta-book ul{
list-style-type:none;
}

#beta-book li{
	display:inline;
}

#footer {
	width: 758px;
	margin: 10px 1px 0 1px;
	clear:both;
	background:#FFF;
	border-top:1px solid #CCC;
	text-align:center;
}

#footer ul{
	list-style-type:none;
}

#footer li{
	display:inline;
	border-right:1px solid #CCC;
	padding:0 5px;
}

.b-left{
	border-left:1px solid #CCC;
}

#footer address{
	height:30px;
	background:url(/life/images/footer_img.gif) no-repeat center;
	text-indent:-9999px;
}

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#delta { float: right; }

/* content */

.content-nav {
    margin: 10px;
    text-align: center;
}

.block{
	margin:0 0 10px 0;
}

.block dt{
	border-left:3px solid #990000;
	padding-left:5px;
	font-size:110%;
}

.block dd{
	padding:0;
	margin:5px 0;
}

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

.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}

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

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

.comments-open label { display: block; }

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

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

.comments-open-header {
    clear: both;
}

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

img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}


/* modules */

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

.module-list,
.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* basic page elements */

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

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    margin: 0;
    border-left: 5px solid #36414d;
    padding: 5px;
    color: #fff;
    background: #a3b8cc;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #fff;
}

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

.commenter-profile img { vertical-align: middle; }


/* page layout */

#delta-inner {
    padding: 10px 10px 0 10px;
    border-width: 2px 2px 2px 0;
    border-style: solid;
    border-color: #fff;
}

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

.entry-header {
	margin:5px 0;
	font-size:90%;
}

.comment-content,
.trackback-content {
    margin: 0;
    line-height: 1.5;
}

.entry-tags {
    margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}

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

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

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

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

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

/* modules */


.module-content {
    margin: 0 0 10px 0;
    padding: 10px 5px 0 0;
    font-size: 90%;
    line-height: 1.2;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-list {
	margin: 0 5px;
	padding:0;
	list-style: disc;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.module-list .module-list {
	margin:5px 0 0 0;
	list-style: circle;
	border:none;
}

.module-list-item {
	border-top:1px solid #CCC;
	padding:5px 0 0 0;
	line-height: 1.2;
	list-style-type:none;
	color:#666;
	background:#D7D7D7 url(/life/images/entry_one_bg.jpg) no-repeat;
}

.module-list-item span{
	padding:3px 0;
	margin:3px 0 0 0;
}

.module-list-item .module-list-item {
	border-top:1px solid #CCC;
	padding: 3px 0;
	background:#FFF;
}

.module-list-item .module-list-item  a{
	padding: 5px 0 5px 20px;
	background:url(/life/images/icon_category.gif) no-repeat left center;
}

.module-list-item .module-list-item .module-list-item  a{
	margin-left: 20px;
	padding: 5px 0 5px 20px;
	background:url(/life/images/icon_category.gif) no-repeat left center;
}

.center{
text-align:center;
}

.post-footers{
	display:none;
}

.site-map-header{
	padding:5px;
	color:#666;
	background:#D7D7D7 url(/life/images/entry_one_bg.jpg) no-repeat;
	font-size:100%;
	border:1px solid #CCC;
}

.mpage{
	margin:5px 0;
	clear:both;
	text-align:right;
}

#category-description{
margin:0 0 10px 0;
}

/* ---Designer ---*/

.designer-one{
	border:1px solid #CCC;
	background:url(/life/images/designer_img01.gif) no-repeat top center;
}

.designer-one-inner{
	margin:20px 10px;
}

.designer-one-inner h2{
	border-bottom:1px dotted #CCC;
	font-size:120%;
	}

.designer-item{
	padding:10px;
	background:url(/life/images/designer_img02.gif) no-repeat bottom center;
}

.designer-item a img { border: 2px solid #FFF; }
.designer-item a:hover img { border: 2px solid #F6BBA8; }

#alpha-inner{
width:600px;
}

.search-results-header{
display:none;
}