@charset "UTF-8";
/**
 * みるくCocoa　スタイルシート
 * Date: 2009.9.19
 * Create by しましま.
 */
 
/**
 * 基本スタイル
 */
body
{
	background-color: #fff;
	color: #330;
	font-family: "HiraKakuPro-W3", "HiraKakuPro-W6", "Courier", "Courier-Bold";
	font-size: 16px;
	line-height: 1em;
	padding: 8px;
}

p, div
{
	margin: 0px;
	padding: 0px;
}

img
{
	margin: 8px 0px;
}

hr
{
	margin: 16px 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: solid 1px #666;
}

pre
{
	border-top: solid 16px #aaa;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 8px;
}

table{
	font-size: 0.8em;
	margin: 8px;
	background-color: #fff;
	border: 1px solid #330;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

table th{
	color: #fff;
	background-color: #330;
	padding: 2px 8px;
}

table td{
	border: 1px solid #330;
	height: 1.5em;
	padding: 2px 2em 2px 8px;
	margin: 1px;
}

table td.label{
	color: #fff;
	background-color: #330;
}

dl {
	margin: 16px 0px;
}

dt {
	margin: 0;
	padding: 8px 0px;
	font-weight: bold;
}

dd {
	font-size: 0.8em;
	line-height: 1.5em;
	text-indent: 1em;
	padding-bottom: 8px;
}

.hide
{
	display: none;
}

.small
{
	font-size: 0.8em;
}

.error
{
	color: #f00;
}



/**
 * ページ構造
 */
body h1
{
	background-color: #665;
	/*background-image: url(images/snow/title-header.png);*/
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/title-header.png);
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 96px;
	width: 880px;
}

#counter
{
	background-color: #ddd;
	/*background-image: url(images/snow/sub-header.png);*/
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/sub-header.png);
	background-repeat: repeat-y;
	color: #663;
	font-size: 14px;
	margin: 0px auto;
	padding: 4px 24px 4px 192px;
	width: 664px;
}

#linkpath
{
	color: #663;
	font-size: 14px;
	background-color: #ddd;
	/*background-image: url(images/snow/header.png);*/
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/header.png);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 22px 24px 6px 24px;
	height: 18px;
	width: 832px;
}

#contents
{
	background-color: #eee;
	/*background-image: url(images/snow/body.png);*/
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/body.png);
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 0px 16px 0px 16px;
	width: 848px;
}

#menu-contents
{
	background-color: #eee;
	/*background-image: url(images/snow/menu-body.png);*/
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/menu-body.png);
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 0px 16px 0px 16px;
	width: 848px;
}

#menu
{
	background-color: #666;
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/menu.png);
	background-repeat: repeat-y;
	color: #ccc;
	float: left;
	padding: 16px 6px 16px 6px;
	width: 160px;
}

#blog
{
	float: right;
	padding: 16px 8px 16px 8px;
	width: 640px;
}

#column
{
	float: left;
	padding: 8px;
	width: 160px;
}

#document
{
	float: right;
	margin: 4px 0px;
	padding: 16px 32px 16px 16px;
	border-left: solid 1px #999;
	width: 616px;
}

#floatEnd{
	clear: both;
	height: 0;
}

body address
{
	background-color: #ddd;
	/*background-image: url(images/snow/footer.png);*/
	background-image: url(http://homepage.mac.com/stripe/cocoa/images/snow/footer.png);
	background-repeat: no-repeat;
	color: #663;
	font-size: 14px;
	font-style: normal;
	margin: 0px auto;
	padding: 6px 24px 6px 192px;
	height: 34px;
	width: 664px;
}



/**
 * メニュー
 */
#menu a
{
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 16px;
}

#menu a:hover
{
	color: #9ce;
	text-decoration: underline;
}

#menu .submenu
{
	margin-top: 16px;
	margin-bottom: 16px;
}

#menu .submenu h3
{
	font-size: 12px;
	margin: 0px;
	padding: 4px 0px;
}

#menu .submenu a
{
	font-size: 12px;
	padding-bottom: 4px;
}



/**
 * ブログ
 */
#blog a
{
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

#blog a:hover
{
	color: #9ce;
	text-decoration: underline;
}

.grayheader
{
	color: #669;
	font-weight: bold;
	margin-top: 32px;
	margin-bottom: 16px;
}

.blogentry
{
	margin-left: 16px;
	margin-bottom: 32px;
	width: 600px;
}

.blogentry h3
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 16px;
	border-bottom: solid 2px;
	width: 100%;
}

.blogentry .subheader
{
	color: #669;
	font-size: 14px;
}

.blogentry .footer
{
	color: #669;
	font-size: 14px;
}

.blogentry .text
{
	font-size: 14px;
	line-height: 20px;
	margin: 16px 0px 16px 0px;
}

.blogentry .text a
{
	border-bottom: 1px dashed;
}

.blogauxentry
{
	font-size: 12px;
	line-height: 20px;
	margin-top: 16px;
	margin-left: 16px;
	margin-bottom: 16px;
	width: 584px;
	border: solid 1px;
	padding: 8px;
}

.blogauxentry h4
{
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	padding-bottom: 8px;
	border-bottom: solid 1px;
}

.blogauxentry .subheader
{
	color: #669;
}

.blogauxentry div
{
	margin-top: 16px;
}

.blogauxentry form input
{
	margin-left: 16px;
}

.blogauxentry form textarea
{
	margin-left: 16px;
}

.trackbackurl
{
	font-size: 10px;
	padding-left: 16px;
}

.note
{
	color: #00f;
	font-size: 10px;
}

.commentform
{
	margin-left: 16px;
	margin-bottom: 32px;
	width: 600px;
}



/**
 * リンクパス
 */
#linkpath a
{
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

#linkpath a:hover
{
	color: #0cc;
	text-decoration: underline;
}



/**
 * ドキュメント
 */
#document h2
{
	font-size: 24px;
	margin: 24px 0px;
}

#document a
{
	color: inherit;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#document a:hover
{
	color: #0cc;
	text-decoration: underline;
}

#document p
{
	line-height: 1.5em;
	text-indent: 1em;
}

#document li
{
	padding: 8px 0px;
	line-height: 1.5em;
}

#document .entry
{
	font-size: 14px;
	border: solid 1px;
	margin: 16px 0px;
	padding: 8px;
}

#document .entry h3
{
	font-size: 18px;
	margin: 8px 0px 16px 0px;
}

#document .entry .date
{
	color: #666;
	text-indent: 0em;
}

#document .entry .text
{
	margin: 16px 0px;
}

#document .tips
{
	background-color: #eef;
	border-top: 4px solid #999;
	padding: 8px;
	font-size: 0.8em;
	margin: 16px 0px;
}


/**
 * 掲示版
 */
#document .form
{
	/*border: 1px solid #999;*/
	padding: 4px;
	margin: 16px 0px;
}

#document .form p
{
	font-size: 0.8em;
	text-indent: 0em;
}

#document .navi
{
	text-align: right;
	font-size: 0.8em;
	color: #666;
	padding: 16px 0px;
}

#document .thread
{
	border: 1px solid #999;
	padding: 4px;
	margin: 16px 0px;
}

#document .thread h3
{
	margin: 4px 0px;
	padding: 4px 4px 8px 4px;
	border-bottom: 1px solid #999;
}

#document .thread .subheader
{
	color: #666;
	font-size: 0.8em;
	margin: 0px;
	padding: 4px;
	text-indent: 0em;
}

#document .thread .text
{
	margin: 8px 0px;
	padding: 4px;
	font-size: 0.8em;
	line-height: 1.5em;
	text-indent: 0em;
}