@charset "utf-8";

/* KOBE_STYLE_KITCHEN BLOG.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*		00_00.COMMON
*		00_01.COMMON_CONTENTS_MAIN
*		00_02.COMMON_CONTENTS_SUB
*	01.INDEX
*		01_00.INDEX_COMMON
*		01_01.INDEX_ENTRIES
*		01_02.INDEX_COMMON
*		01_03.INDEX_COMMON
*		01_04.INDEX_COMMON
*	02.PICKUP
*	03.MONTHLY
*	04.ENTRY
*
*	MODULE
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

/*====== 00_00.COMMON ======*/

div#header
{
	background: url(../../common/images/header_bg_blog.jpg) no-repeat;
}

div#contents
{
	width: 900px;
	background: url(../images/blog_contents_bg.gif) repeat-y;
}


/*====== 00_01.COMMON_CONTENTS_MAIN ======*/

div#contentsMain
{
	float: left;
	margin-bottom: 1px;
	width: 600px;
}

div#contentsMain h3
{
	margin-bottom: 32px;
}

div#contentsMain div#entries
{
	margin: 0 0 0 30px;
	width: 540px;
}

div#contentsMain div#entries div.entryBox
{
	margin-bottom: 64px;
}

div#contentsMain div#entries div.entryBox div.entryHeader
{
	margin-bottom: 30px;
}

div#contentsMain div#entries div.entryBox div.entryHeader p
{
	margin-bottom: 1px;
	color: #ABABAB;
	font-size: 77%;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#contentsMain div#entries div.entryBox div.entryHeader h2
{
	font-size: 152%;
	font-weight: 800;
	line-height: 1.4em;
}

div#contentsMain div#entries div.entryBox div.entryHeader h2 a
{
	font-weight: 800;
	color: #202020;
	text-decoration: none;
}

div#contentsMain div#entries div.entryBox div.entryHeader h2 a:hover
{
	background-color: #FFFFFF;
	color: #2D5602;
	text-decoration: underline;
}

div#contentsMain div#entries div.entryBox div.entryBody
{
	font-size: 92%;
	line-height: 1.6em;
}

div#contentsMain div#entries div.entryBox div.entryBody img
{
	margin: 1.6em 0;
	padding: 4px;
	border: 1px solid #B6B6B6;
}

div#contentsMain  div#prevNextNav
{
	position: relative;
	width: 600px;
	height: 60px;
	background-color: #CBCBCB;
}

div#contentsMain  div#prevNextNav p#prevBtn
{
	position: absolute;
	top: 10px;
	left: 30px;
	width: 80px;
	height: 40px;
}

div#contentsMain  div#prevNextNav p#nextBtn
{
	position: absolute;
	top: 10px;
	left: 490px;
	width: 80px;
	height: 40px;
}

div#contentsMain  div#prevNextNav p a
{
	display: block;
	width: 80px;
	height: 40px;
}


/*====== 00_02.COMMON_CONTENTS_SUB ======*/

div#contentsSub
{
	float: left;
	margin-bottom: 1px;
	padding-left: 1px;
	width: 299px;
	background-color: #DBDBDB;
}

div#contentsSub div#recentEntries ul li
{
	margin-bottom: 1px;
	width: 299px;
	height: 75px;
	background-color: #FFFFFF;
}

div#contentsSub div#recentEntries ul li.hover
{
	background-color: #FFFFFF;
	cursor: pointer;
}

div#contentsSub div#recentEntries ul li.hover dl dt
{
	color: #2D5602;
}

div#contentsSub div#recentEntries ul li dl
{
	position: relative;
}

div#contentsSub div#recentEntries ul li dl dt
{
	width: 70px;
	color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

div#contentsSub div#recentEntries ul li dl dt span.yearMonth
{
	display: block;
	position: absolute;
	top: 48px;
	left: 0;
	width: 70px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.0em;
}

div#contentsSub div#recentEntries ul li dl dt span.dot
{
	display: none;
}

div#contentsSub div#recentEntries ul li dl dt span.date
{
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 70px;
	height: 40px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.0em;
}

div#contentsSub div#recentEntries ul li dl dd
{
	position: absolute;
	top: 29px;
	left: 72px;
	width: 229px;
	font-size: 92%;
}

div#contentsSub div#recentEntries ul li dl dd a
{
	color: #202020;
	text-decoration: none;
}

div#contentsSub div#recentEntries ul li dl dd a:hover
{
	color: #202020;
	text-decoration: none;
	background-color: #FFFFFF;
}

div#contentsSub div#pickUp h3
{
	margin-bottom: 1px;
}

div#contentsSub div#pickUp ul li
{
	margin-bottom: 1px;
	width: 299px;
	height: 74px;
}

div#contentsSub div#monthlyArchive
{
	background-color: #FFFFFF;
}

div#contentsSub div#monthlyArchive h3
{
	margin-bottom: 20px;
}

div#contentsSub div#monthlyArchive div.yearlyBox
{
	clear: both;
	padding: 0 0 20px 10px;
}

div#contentsSub div#monthlyArchive div.yearlyBox h4
{
	margin-bottom: 5px;
	color: #000000;
	font-size: 92%;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#contentsSub div#monthlyArchive div.yearlyBox ul
{
	padding: 0 0 0 2px;
	width: 250px;
}

div#contentsSub div#monthlyArchive div.yearlyBox ul li
{
	float: left;
	margin-right: 3px;
	width: 20px;
	height: 20px;
	font-family:"Trebuchet MS","Verdana";
}

div#contentsSub div#monthlyArchive div.yearlyBox ul li a
{
	display: block;
	padding: 3px 0 0 0;
	width: 18px;
	height: 15px;
	border: 1px solid #999999;
	background-color: #CCCCCC;
	color: #404040;
	font-size: 92%;
	text-decoration: none;
	text-align: center;
}

div#contentsSub div#monthlyArchive div.yearlyBox ul li a:hover
{
	background-color: #EBEBEB;
	border-color: #CDCDCD;
	color: #B4B4B4;
}



/**-------------------------------------
	01.INDEX
---------------------------------------**/


/**-------------------------------------
	02.PICKUP
---------------------------------------**/


/**-------------------------------------
	03.MONTHLY
---------------------------------------**/


/**-------------------------------------
	04.ENTRY
---------------------------------------**/


/**-------------------------------------
	MODULE
---------------------------------------**/

div.yearlyBox:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

div.yearlyBox
{display:inline-block;}

/* \*/
* html div.yearlyBox
{height:1%;}
/* */