@charset "UTF-8";

/* -------------------------------------------------------------------
ガーデンスタジオ 小手毬 since 2007/02/05
design.css
------------------------------------------------------------------- */


/*  ─────────────────────────────────
■ 共通
─────────────────────────────────  */
html {
}

body {
	background           : #ddb url("/sozai/bg_body.gif") top center repeat-y;
	color                : #333333;
}

div#container {
	background           : #FFFFFF;
	background-image     : url("/sozai/bg_side_002.png");
	background-repeat    : repeat-y;
}

div#sub-container {
/*	padding-bottom       : 6em; */
}

img {
	border-style         : none;
}

a {
	color                : #00A400;
	text-decoration      : none;
}

a:hover	{
	color                : #00A400;
	text-decoration      : underline;
}

/* ─────────────────────────────────
ヘッダ
────────────────────────────────── */
#header {
	background-color     : #FBF49C;
	border-bottom        : #666666 1px solid;
	font-size            : 0.75em;
}

#header div#description {
	font-size            : 90%;
	color                : #006600;
}

#header a {
	color                : #006600;
}

#header #inquiry a:hover	{
	text-decoration      : underline;
}

#header img {
	border               : solid #0000cc;
	border-width         : 0px;
}

/* お問い合わせ */
#inquiry {
	position             : absolute;
	top                  : 20px;
	right                : 20px;
	padding              : 0;
	margin               : 0; /* need for IE Mac */
	text-align           : right; /* need for IE Mac */
	white-space          : nowrap; /* for Opera */
	font-size            : 0.75em;
}

/* カテゴリナビ */
#navi {
	position             : absolute;
	top                  : 90px;
	left                 : 0px;
	padding              : 0px;
	margin               : 0; /* need for IE Mac */
	text-align           : left; /* need for IE Mac */
	white-space          : nowrap; /* for Opera */
	width                : 780px;
	background           : #00A400;
	font-size            : 0.75em;
}

body#blog #navi {
	background           : #1E577F;
}

#navi ul {
	margin               : 0px;
	padding              : 5px 3px 5px 3px;
}

#navi li {
	display              : inline;
	font-size            : 1.2em;
	border               : solid #006600;
	border-width         : 0 1px 0 0;
}

#navi a {
	color                : #FFFFFF;
	text-decoration      : none;
	padding              : 5px 3px 5px 3px;
}

#navi a:hover {
	color                : #FFFFFF;
	background-color     : #ADD6AD;
}

body#blog #navi a:hover {
	background-color     : #ADADD6;
}


/*  ─────────────────────────────────
■ トップページ
─────────────────────────────────  */
/* lead ----------------------------------------------------------- */
#lead {
	background           : #00A400;
	margin               : 12px 0 12px 0;
	padding              : 7px;
	color                : #FFFFFF;
	line-height          : 140%;
}

/* Hot Topix, What's New ------------------------------------------ */
#main .info {
	clear                : both;
	margin               : 0 0 25px 0;
}

#main .info h2 {
	margin-top           : 1.5em;
	font-size            : 150%;
	color                : #c63;
}

#main .info dt {
	padding              : 0;
}

#main .info dd {
	line-height          : 140%;
	margin               : -1.4em 0 0.4em 6.5em;
	border               : dotted #CCCCCC;
	border-width         : 0 0 1px 0;
}

/* banner --------------------------------------------------------- */
.banner {
/*	float                : left; */
	width                : 230px;
	margin               : 5px 10px 5px 0;
	padding              : 0;
}

.banner h2 {
	margin               : 0;
	padding              : 0;
	font-size            : 1.2em;
	color                : #006600;
}

.banner p {
	margin               : 3px 0 0 0;
	padding              : 0;
}

h2#flowerpark, dt#flowerpark {
	background           : url(/sozai/h2_flowerpark.jpg) no-repeat 0 0;
	height               : 72px;
}

h2#gallery, dt#gallery {
	background           : url(/sozai/h2_gallery.jpg) no-repeat 0 0;
	height               : 72px;
}

h2#flowerpark a, h2#gallery a,
dt#flowerpark a, dt#gallery a {
	border               : 1px solid #000000;
	display              : block;
	width                : 220px;
	height               : 72px;
	text-indent          : -100000px;
}

/* counter -------------------------------------------------------- */
#counter {
	margin               : 1em 0 1em 0;
}

/*  ─────────────────────────────────
■ メイン
─────────────────────────────────  */
#main {
	word-break: break-all; /* 半角文字折り返し対処 */
}

body.archive #main h2 {  /* カテゴリ・タイトル */
	font-family          : 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size            : 1.5em;
	font-weight          : bolder;
	color                : #666666;
	border               : solid #00A400;
	border-width         : 0 0 3px 0;
	margin               : 1em 0px 1em 0px;
	padding              : 3px 3px 3px 50px;
	text-align           : left;
	background           : #FFFFFF left;
	background-image     : url("/sozai/bg_h2.gif");
	background-repeat    : no-repeat;
}

body#blog #main h2 {
	border               : solid #1E577F;
	border-width         : 0 0 3px 0;
}

body.archive #main h3 { /* タイトル */
	font-size            : 1.1em;
	color                : #336699;
	margin               : 24px 12px 12px 0px;
	border               : dotted #6798C2;
	border-width         : 0 0 1px 0;
}

body.archive #main h4 {
	font-size            : 1.1em;
	margin               : 12px;
}

body.archive #main h4 span.extra {
	font-size            : 0.9em;
}

#main p {
	margin               : 0.3em 0 0.3em 0;
}

span.posted {
	font-weight          : normal;
	color                : #999999;
	font-family          : Verdana, Arial, sans-serif;
	font-size            : 0.8em;
}

#main h3, #main h4 {
	color                : #c63;
	margin               : 1.2em 0 0.5em 0;
}

#main div.property, span.posta {
	font-size            : 80%;
	color                : #666666;
}

#main ul, #main ol {
	margin-left          : 2.5em;
}

#main dl {
	margin-left          : 1em;
}

#main dl dd {
	margin-left          : 2em;
}

#main dl.category dt {
	margin-top           : 1em;
}

#main h2#comments, #main h2#trackbacks {
	border               : 1px dashed #666666;
	border-width         : 1px 0 0 0;
	padding              : 1em 0 0.5em 0;
}

#main .commentform {
	margin-top           : 2em;
	background           : url(/sozai/side_line.png) repeat-x left top;
}

#main #pankuzu {
	margin-top           : 1em;
}

body#link #main ul {
	margin               : 0 0 20px 0;
	list-style           : none;
}

body#link #main ul ul {
	margin               : 0 0 20px 2em;
	list-style           : none;
}

body#link #main ul li {
	margin               : 0;
	padding              : 3px 0;
}

body#link #main ul li a {
	display              : block;
	padding-left         : 20px;
	background           : url(http://www.kodemari-gd.com/sozai/icon_link.png) no-repeat 1px 0.3em;
}

/* お問い合わせ */
#main div.comments-open-content dt {
	padding              : 0;
}

#main div.comments-open-content dd {
	line-height          : 140%;
	margin               : -1.4em 0 0.4em 8.5em;
	border               : dotted #CCCCCC;
	border-width         : 0 0 1px 0;
}

/* ─────────────────────────────────
メニュー（左側カラム）
────────────────────────────────── */
#sub-contents .navBox, #sub-contents .module {
	margin               : 12px 0 12px 0;
}

#sub-contents h3 {
	font-size            : 14px;
	margin               : 3em 0 8px 0;
	color                : #c63;
	border-bottom        : 1px dotted #ddd0b9;
}

#sub-contents ul#recent {
	margin               : 0 0 30px 0;
	list-style           : none;
	font-size            : 11px;
}

#sub-contents ul#recent li {
	margin               : 0px;
	padding              : 3px 0;
	background           : url(/sozai/side_line.png) repeat-x left bottom;
}

#sub-contents ul#recent li a{
	display              : block;
	padding-left         : 20px;
	background           : url(/sozai/icon_recent.png) no-repeat 1px 0.3em;
}

dt#flowerpark dd {
	padding-bottom       : 1em;
}

/* ─────────────────────────────────
■エントリ 個別設定
───────────────────────────────── */
div.pic {
	float                : right;
	margin               : 8px;
	padding              : 8px;
	border               : 1px solid #999999;
}



/*  ─────────────────────────────────
■ フッタ
─────────────────────────────────  */
#footer {
}

address {
	color                : #999999;
	background           : #000000;
	background-image    : url(/sozai/bg_footer.png);
}