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


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-size:13px;
	*font-size: small; /* IE7およびIE6標準準拠モードに適用 */
	*font: x-small; /* IE6後方互換モードに適用 */
	line-height: 24px;
	font-family: verdana, osaka, 'trebuchet ms', sans-serif;
	background : #fff url('http://onshitsu.com/img/back.gif') top center no-repeat;
	color: #666;


}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:115%;
	line-height:100%;
}


#container {

	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 900px;
}



#alpha {
	position: absolute;
	top: 70px;
	left: 17%;
	width: 59%;
	padding: 0;
	margin: 0;
	display: inline; /* ie win bugfix */
	min-height: 1px;
}


#gamma {
	position: absolute;
	top: 40px;
	left: 0;
	width: 16%;
	padding: 0;
	margin: 0;
	display: inline; /* ie win bugfix */
	min-height: 1px;
}


#beta {
	position: absolute;
	top: 75px;
	right: 0;
	width: 21%;
	padding: 0;
	margin: 0;
	display: inline; /* ie win bugfix */
	min-height: 1px;
}




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

h1 { font-size: 129%;
	font-weight: normal;
}

h2 { 
	font-size: 114%;
	line-height: 129%;
	font-family: Courier, sans-serif ;
	margin-top: 20px;
	margin-bottom: 13px;
	padding: 0 0 0 13px;
	background: url("http://onshitsu.com/img/title.gif") top left no-repeat ;

}


form { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; }


p {
	color: #666;
	background: url(http://onshitsu.com/img/note.gif) left top repeat;
	margin: 0px;
	padding: 0px;
}


p a { text-decoration: underline; }
p a:visited { text-decoration: underline; }
p a:hover { text-decoration: none; }


p.form {
	color: #666;
	background: #FFF;
	margin: 0 ;
	padding: 0;
}


p.info { 
	font-size: 92%;
	line-height: 167%;
	color: #666;
	background: #FFF;
 	margin: 0;
	padding: 0;
}

p.info a { 
	color: #666;
	background: #FFF;
	text-decoration: underline; }
}






/* content */


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

.entry,
.trackbacks,
.comments,
.archive {
	position: static;
	overflow: hidden;
	clear: both;

	padding: 0 0px 20px 0px;
	margin: 0;
}

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




.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
	clear: both;
   background-color: #FFFFFF;

}


.archive-title {
	clear: both;
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url("http://onshitsu.com/img/title.gif") top left no-repeat ;

	width : 530px;
}



.category-title {
	margin-left: 13px;

}



.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
	font-size: 85%;
	clear: both;
	margin: 5px 0px 20px 0px;
}

.comments-open label { display: block; }

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

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

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





/* modules */

.module {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content {
	position: relative;
	padding: 10px 0px 5px 5px;
	margin: o;
}

.module-list,
.archive-list {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: disk;
	font-size: 92%;
	line-height: 152%;
	color: #666;
				background: #FFF;

}

.module-list-item {
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }



/* basic page elements */


a { color: #666; font-weight: normal; }
a:visited { color: #666; }
a:hover { color: #666;
text-decoration: underline; }


.module-content a { color: #666; }
.module-content a:visited { color: #666; }
.module-content a:hover { color: #666; }



.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-top: 1px dotted #c2c2c2;
	border-bottom: 1px dotted #c2c2c2; */
	padding: 0px 10px 5px 5px;
	color: #666;
	font-size: 100%;
	font-weight: normal;
/*	text-transform: uppercase; */
}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a
{
	color: #666;
	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: #666;
}

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

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



.date-header
{
	margin: 0;
	padding: 0px 15px 5px 0;
	color: #666;
	font-size: 85%;
}

.entry-header
{
	padding: 0px 5px 5px 10px;
	margin: 0;
	color: #9ab0bf;
	font-size: 107%;

}

.entry-content { margin: 5px 0; }

.entry-more-link {
	font-weight : bold;
	margin-top : 5px;
}

.entry-footer
{
	margin: 10px 5px 50px 0;
	padding-top: 5px;
	font-size: 85%;
	font-weight: normal;
	text-align: right;
	background: #FFF;
}

.content-nav { margin: 0; padding: 10px 15px; }


/* modules */

.module { color: #666; }

.module-content { font-size: 100%; }

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

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 100%; }

.module-powered
{
	margin: 0;
	padding: 0;
}

.module-powered .module-content
{
	margin: 0;
	padding: 10px;
	border: 1px solid #ccc;
	background: url(stripe-bg.gif) left top repeat;
	list-style: none;
}

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

.module-list-item,
.archive-list-item
{
	font-size: 100%;
	line-height: 167%;
	padding: 1px 0 1px 0;
	list-style: none;

}

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

.typelist-thumbnailed .module-list-item
{
	margin: 1px 0;
	border: 1px solid #e5e4e0;
	padding: 0;
	background: url(stripe-bg.gif) left top repeat;
}

.typelist-thumbnail { background: #e2ecf3; }

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

.module-recent-photos { border: 0; }
.module-recent-photos .module-content { margin: 0 0 0 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: #4788c9;
	background: #e7e2c6;
}



/* moblog1 tweaks */
	
	.layout-moblog1 #alpha { width: 180px; }
	.layout-moblog1 #beta { width: 335px; }
	.layout-moblog1 #gamma { width: 165px; }
	
	.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: 270px; }
	.layout-moblog2 #gamma { width: 194px; }
	.layout-moblog2 #delta { width: 120px; margin-left: 10px; }
	
	.layout-moblog2 #alpha-inner { padding: 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: 310px; }
	.layout-timeline #beta { width: 390px; }
	.layout-timeline #gamma { width: 160px; }
	.layout-timeline #delta { width: 170px; }
	
	.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; }





table.image-list {
	width : 530px;
	margin-left : auto;
	margin-right : auto;
	margin : 0px;
	padding : 10px 0px 0px 0px;
}

table.image-list tr td {
	width : 160px;
	vertical-align : top;
}

table.image-list tr td table {
	padding: 3px 0px 0px 0px;
	margin: 0;
}
table.image-list tr td table tr td.image-list-item {
	height : 120px;
	padding: 0px 0px 3px 0px;
	margin: 0;
	text-align : center;
	vertical-align : top;

}
table.image-list tr td table tr td.image-list-caption {
	text-align : left;
	font-size : 92%;
	line-height : 130%;
	vertical-align : top;
	padding : 0px;

}


table.image-list2 {
	width : 530px;
	margin-left : auto;
	margin-right : auto;
	margin : 0px;
	padding : 20px 0px 0px 0px;
}

table.image-list2 tr td {
	width : 240px;
	vertical-align : top;

}

table.image-list2 tr td table {
	padding: 10px 0px 15px 0px;
	margin: 0; 

}
table.image-list2 tr td table tr td.image-list-item {
	height : 180px;
	padding: 0px 0px 3px 0px;
	margin: 0;
	text-align : center;
	vertical-align : middle;

}
table.image-list2 tr td table tr td.image-list-caption {
	width : 530px;
	text-align : left;
	font-size : 100%;
	line-height : 130%;
	vertical-align : top;
	padding : 0px;
}


span.new {
	font-size : 77%;
	display: none;
	color: red;
	font-weight: bold;
}



div.nav {
	float: left;
	padding: 23px 0px 0px 0px;
	margin:0px;
}

ul#nav {
	padding: 0;
	margin:0;
	width: 98px;
}

#nav li {
	float: left;
	list-style: none;
	width: 98px;
	height: 15px;
	margin: 7px 0px 0px 0px;
}

#nav a {
	float: left;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}



#nav a#about_usCurrent {
background: #fff url(http://onshitsu.com/img/about_us.gif);
width: 98px;
}

#nav a#gardenCurrent {
background: #fff url(http://onshitsu.com/img/garden.gif);
width: 98px;
}

#nav a#flowerCurrent {
background: #fff url(http://onshitsu.com/img/flower.gif);
width: 98px;
}

#nav a#gakkoenCurrent {
background: #fff url(http://onshitsu.com/img/gakkoen.gif);
width: 98px;

}

#nav a#limbgreenCurrent {
background: #fff url(http://onshitsu.com/img/limbgreen.gif);
width: 98px;
}

#nav a#contactCurrent {
background: #fff url(http://onshitsu.com/img/contact.gif);
width: 98px;
}





#nav a#about_us {
background: #fff url(http://onshitsu.com/img/about_us.gif);
background-position: 0 -15px;
width: 98px;
}

#nav a#garden {
background: #fff url(http://onshitsu.com/img/garden.gif);
background-position: 0 -15px;
width: 98px;
}

#nav a#flower {
background: #fff url(http://onshitsu.com/img/flower.gif);
background-position: 0 -15px;
width: 98px;
}

#nav a#gakkoen {
background: #fff url(http://onshitsu.com/img/gakkoen.gif);
background-position: 0 -15px;
width: 98px;

}

#nav a#limbgreen {
background: #fff url(http://onshitsu.com/img/limbgreen.gif);
background-position: 0 -15px;
width: 98px;
}

#nav a#contact {
background: #fff url(http://onshitsu.com/img/contact.gif);
background-position: 0 -15px;
width: 98px;
}



#nav a#about_us:hover, #nav a#garden:hover, #nav a#flower:hover, #nav a#gakkoen:hover,#nav a#limbgreen:hover, #nav a#contact:hover
 {
background-position: 0 0;
}




.MENU {
	color:#999;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: center;
	visibility: hidden;
	z-index: 999;
}

a.MENUITEM {
	color: #999;
	cursor: default;
	display: block;
	font-size: 77%;
	font-style: normal;
	height: 17px;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
}

a.MENUITEM:link    { color:#999; text-decoration: none;}
a.MENUITEM:visited { color:#999; text-decoration: none;}
a.MENUITEM:active  { color:#999; text-decoration: none;}
a.MENUITEM:hover   { color:#999; background-color:#E5E3E3; text-decoration: none;}


.LINE_DOT_3{ background-image:url(img/line_dot_03.gif); height:1px; }



img {
	margin: 0px;

}

div.img-dec {
	background-image: url("http://onshitsu.com/img/shadow_001.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 15px 0px 6px 5px;
	padding: 0;
	position: relative;
}


div.img-dec img {
	background-color: #FFFFFF;
	margin: -5px 5px 5px -5px;
	position: relative;
	vertical-align: bottom;
}


div.shadow {
	position: relative;

}

.shadow {
    background: #fff url(http://onshitsu.com/img/shadow_001.gif) right bottom;
    left: 5px; 
    float: left; /* 回り込み制御 */
}


.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
   margin: 0px ;
   padding: 0px; 
   background: #FFFFFF;
}




