@charset "utf-8";

/* CSS Information *************************************
Description: layout littleartist
Last created date: 2010/1/26
***************************************************** */


/* index of contents
----------------------------------------

* content
* left
  -vi
  -wrapper
   -primary
    -article
	 -bgTop,bgBtm
	-pageNavi
	-pagetop
   -secondary
    -section
	-newEntry
	-photo
	-profile
	-calendar

----------------------------------------*/

/* content
-------------------------------------------------------------------------------------------------------*/
body#blog #content {
	background: url(../img/content_bg_01.gif) left top repeat-y;
}


/* left
-------------------------------------------------------------------------------------------------------*/
body#blog #content #left {
	width: 740px;
	margin-left: 5px;
	color: #666;
}

body#blog #content #left a {text-decoration: underline;color: #666;}
body#blog #content #left a:hover {text-decoration: none;}

/* vi
----------------------------------------------------------------------------------------*/
body#blog #content #left #vi {
	margin-bottom: 10px;
}

body#blog #content #left #vi h2 {
}

/* wrapper
----------------------------------------------------------------------------------------*/
body#blog #content #left #wrapper {
}

/* primary
-------------------------------------------------------------------------*/
body#blog #content #left #wrapper #primary {
	width: 540px;
	float: right;
	display: inline;
	margin-right: 10px;
}

* html body#blog #content #left #wrapper #primary {
	margin-right: 13px;
}

/* article
----------------------------------------------------------*/
body#blog #content #left #wrapper #primary .article {
	width: 480px;
	margin-bottom: 10px;
	padding: 50px 30px;
	background: #fff;
}

body#blog #content #left #wrapper #primary .article dl {
	color: #996600;
}

body#blog #content #left #wrapper #primary .article dl dt,
body#blog #content #left #wrapper #primary .article dl dd {
	margin-bottom: 15px;
}

body#blog #content #left #wrapper #primary .article dl dt {
}

body#blog #content #left #wrapper #primary .article dl dd {
	font-size: 14px;
}

body#blog #content #left #wrapper #primary .article img {
	padding: 5px;
	background: #E5DDBD;
}

body#blog #content #left #wrapper #primary .article p {
	line-height: 1.4;
}

/* bgTop, bgBtm
-------------------------------------------*/
/*
body#blog #content #left #wrapper #primary .article .bgTop {
	padding: 42px 0 0 35px;
	background: url(../img/entry_img_01.gif) left top no-repeat;
	text-align: center;
}

body#blog #content #left #wrapper #primary .article .bgBtm {
	padding: 0 35px 42px 0;
	background: url(../img/entry_img_02.gif) right bottom no-repeat;
}
*/

body#blog #content #left #wrapper #primary .article .bgTop {
	display: table;
	margin: 0 auto;
	padding: 40px 0 0 35px;
	background: url(../img/entry_img_01.gif) left top no-repeat;
}

body#blog #content #left #wrapper #primary .article .bgBtm {
	display: table;
	padding: 0 35px 40px 0;
	background: url(../img/entry_img_02.gif) right bottom no-repeat;
}

* html body#blog #content #left #wrapper #primary .article .bgWrapper {
	text-align: center;
}

* html body#blog #content #left #wrapper #primary .article .bgTop,
* html body#blog #content #left #wrapper #primary .article .bgBtm {
	display: inline;
	zoom: 1;
}

* + html body#blog #content #left #wrapper #primary .article .bgWrapper {
	text-align: center;
}

* + html body#blog #content #left #wrapper #primary .article .bgTop,
* + html body#blog #content #left #wrapper #primary .article .bgBtm {
	display: inline;
	zoom: 1;
}


/* pageNavi
----------------------------------------------------------*/
body#blog #content #left #wrapper #primary .pageNavi {
	margin-bottom: 10px;
}

body#blog #content #left #wrapper #primary .pageNavi table {
}

body#blog #content #left #wrapper #primary .pageNavi table td {
}

body#blog #content #left #wrapper #primary .pageNavi table td a {
	margin: 0 3px;
	color: #996600;
}

body#blog #content #left #wrapper #primary .pageNavi table td.page {
	text-align: center;
}

body#blog #content #left #wrapper #primary .pageNavi table td.prev {
}

body#blog #content #left #wrapper #primary .pageNavi table td.next {
	text-align: right;
}

/* pagetop
----------------------------------------------------------*/
body#blog #content #left #wrapper #primary #pagetop {
	margin-bottom: 60px;
	text-align: right;
}


/* secondary
-------------------------------------------------------------------------*/
body#blog #content #left #wrapper #secondary {
	width: 168px;
	float: left;
	padding: 20px 6px 10px;
	background: #E5DDBD;
}

/* section
----------------------------------------------------------*/
body#blog #content #left #wrapper #secondary .section {
	margin-bottom: 10px;
	border-bottom: 1px dashed #996600;
}

body#blog #content #left #wrapper #secondary .section h3 {
	margin-bottom: 5px;
}

body#blog #content #left #wrapper #secondary .section ul {
	margin-left: 5px;
}

body#blog #content #left #wrapper #secondary .section ul li {
	margin-bottom: 10px;
	line-height: 1.4;
	
}

body#blog #content #left #wrapper #secondary .section p {
	padding-bottom: 10px;
}

/* newEntry
----------------------------------------------------------*/
body#blog #content #left #wrapper #secondary #newEntry li {
	font-size: 10px;	
}

/* photo
----------------------------------------------------------*/
body#blog #content #left #wrapper #secondary #photo {
	text-align: center;
}

/* profile
----------------------------------------------------------*/
body#blog #content #left #wrapper #secondary #profile {
}

body#blog #content #left #wrapper #secondary #profile ul {
	margin-left: 0;
}

body#blog #content #left #wrapper #secondary #profile ul li {
	margin-bottom: 5px;
	font-size: 11px;
}

body#blog #content #left #wrapper #secondary #profile ul li img {
	margin-right: 5px;
	vertical-align: middle;
}

body#blog #content #left #wrapper #secondary #profile p {
	line-height: 1.4;
	font-size: 11px;
}

/* calendar
----------------------------------------------------------*/
body#blog #content #left #wrapper #secondary #calendar {
	margin-bottom: 0;
	border-bottom: none;
}

body#blog #content #left #wrapper #secondary #calendar table {
	margin-bottom: 10px;
}

body#blog #content #left #wrapper #secondary #calendar table th,
body#blog #content #left #wrapper #secondary #calendar table td {
	text-align: center;
	vertical-align: middle;
}

body#blog #content #left #wrapper #secondary #calendar table th {
}

body#blog #content #left #wrapper #secondary #calendar table td {
}

body#blog #content #left #wrapper #secondary #calendar table .saturday {color: #006699;}
body#blog #content #left #wrapper #secondary #calendar table .saturday a {color: #006699;}

body#blog #content #left #wrapper #secondary #calendar table .holiday {color: #FF0033;}
body#blog #content #left #wrapper #secondary #calendar table .holiday a {color: #FF0033;}

/* tableCalendar
-------------------------------------------*/
body#blog #content #left #wrapper #secondary #calendar table.tableCalendar {
}

body#blog #content #left #wrapper #secondary #calendar table.tableCalendar th,
body#blog #content #left #wrapper #secondary #calendar table.tableCalendar td {
	font-size: 10px;
}

body#blog #content #left #wrapper #secondary #calendar table.tableCalendar th {
	font-weight: normal;
}

body#blog #content #left #wrapper #secondary #calendar table.tableCalendar td {
}