@charset "utf-8";

/*------------------------------------------------------------------------------
眠れる街のネイル chocola - CSS Modules Import
Date: 2009-09-01
Copyright (C) 2009 癒し館. All Rights Reserved.
------------------------------------------------------------------------------*/

div#Container div#Content div.BlogCol {
	padding: 10px;
	margin-bottom: 10px;
	color: #552e31;
}


div#Container div#Content div.BlogCol a:link {
	color: #552e31;
}

div#Container div#Content div.BlogCol a:visited {
	color: #a88f93;
}

div#Container div#Content div.BlogCol a:hover,
div#Container div#Content div.BlogCol a:visited:hover {
	text-decoration: none;
	color: #e4007f;
}

div#Container div#Content div.BlogCol a:active {
	color: #e4007f;
}

/* ------ MainCol ------ */

/* -- MainCtg-- */
div#Container div#Content div.BlogCol div.MainCtg p {
	text-align: right;
}

div#Container div#Content div.BlogCol div.MainCtg p a{
	margin-right: 1em;
}


/* -- Message-- */
div#Container div#Content div.BlogCol div.MessageCol {
	margin: 0 20px;
}

div#Container div#Content div.BlogCol div.MessageCol h4.MesTiT01 {
	font-size: 166.7%;
	margin-bottom: 10px;
	color: #552e31;
	line-height: 1.25;
}

div#Container div#Content div.BlogCol div.MessageCol h4.MesTiT02 {
	font-size: 133.4%;
	margin-bottom: 5px;
}

div#Container div#Content div.BlogCol div.MessageCol p {
	margin-bottom: 20px;
}

div#Container div#Content div.BlogCol div.MessageCol strong {
	font-weight: bold;
}

div#Container div#Content div.BlogCol div.MessageCol span {
	color: #e4007f;
}

/* -- Comment -- */

div#Container div#Content div.BlogCol ul.Comment {
	text-align: right;
	color: #552e31;
}

div#Container div#Content div.BlogCol ul.Comment li {
	display: inline;
	background: url(../img/blog/ico_comment.png) 0 50% no-repeat;
	padding: 3px 0 3px 20px;

}


/* -- PageNavi -- */
div#Container div#Content div.PageNaviList,
div#Container div#Content div.PageNavi {
	border: 1px solid #a88f93;
	padding: 20px;
	text-align: center;
}

div#Container div#Content div.PageNaviList ul,
div#Container div#Content div.PageNavi ul {
	text-align: center;
}

div#Container div#Content div.PageNaviList ul li,
div#Container div#Content div.PageNavi ul li {
	display: inline;
	margin-left:  8px;
	background: url(../img/blog/li_line.png) 0 50% no-repeat;
	padding-left: 10px;
	text-align: center;
}

div#Container div#Content div.PageNaviList ul li.List a {
	background: url(../img/blog/li_line.png) 100% 50% no-repeat;
	padding-right: 15px;
}

div#Container div#Content div.PageNaviList ul li.IcoBack,
div#Container div#Content div.PageNavi ul li.IcoBack  {
	background: url(../img/blog/arrow_bak.png) 0 50% no-repeat;
	padding-left: 15px;
}

div#Container div#Content div.PageNaviList ul li.IcoNext,
div#Container div#Content div.PageNavi ul li.IcoNext  {
	background: url(../img/blog/arrow_next.png) 100% 50% no-repeat;
	padding-right: 15px;
	padding-left: 0;
}

div#Container div#Content div.PageNavi ul li.NewEntry {
	background: none;
	padding-left: 0;
}

/* ------ SubMenu ------ */

div#Container div#Content #BlogSubMnu h3 {
	background: #552e31 url(../img/common/mtit.png) 0 0 no-repeat;
	padding: 3px 15px 3px 15px;
	color: #fff;
	font-weight: bold;
}

#BlogSubMnu div.BlogSub {
	background: #f6f0f2;
	padding: 10px;
	margin-bottom: 20px;
}

#BlogSubMnu div.BlogCtg p {
	font-weight: bold;
	color: #552e31;
}

#BlogSubMnu div.BlogCtg ul {
	margin-bottom: 1.0em;
}

#BlogSubMnu div.BlogCtg ul.Lst {
	margin-bottom: 0;
}

#BlogSubMnu input#search {
	width: 130px;
}


/* Calendar */

#BlogSubMnu div.BlogCal table {
	width: 100%;
}

*html #BlogSubMnu div.BlogCal table {
	width: 185px;
}

#BlogSubMnu div.BlogCal table th,
#BlogSubMnu div.BlogCal table td {
	padding: 3px;
	line-height: 1.0;
}

#BlogSubMnu div.BlogCal table thead th {
	font-weight: bold;
	color: #552e31;
	text-align: center;
}

#BlogSubMnu div.BlogCal table thead td.Month {
	text-align: center;
	color: #552e31;
	font-weight: bold;
}

#BlogSubMnu div.BlogCal table tbody td {
	text-align: center;
}

#BlogSubMnu div.BlogCal table a.BtnBack {
	margin-right: 2.0em;
	font-weight: normal;
	text-decoration: none;
}

#BlogSubMnu div.BlogCal table a.BtnNext {
	margin-left: 2.0em;
	font-weight: normal;
	text-decoration: none;
}


/* Tag */

#BlogSubMnu div.BlogSub ul.Tag {
	line-height: 1.5;
}

#BlogSubMnu div.BlogSub ul.Tag li {
	display: inline;
	padding-right: 0.5em;
}

#BlogSubMnu div.BlogSub ul.Tag li.Tag01 {
	font-size:  183.4%;
	font-weight: bold;
}

#BlogSubMnu div.BlogSub ul.Tag li.Tag02 {
	font-size:  150%;
	font-weight: bold
}

#BlogSubMnu div.BlogSub ul.Tag li.Tag03 {
	font-size:  100%;
	font-weight: bold;
}



/* -- Comment -- */

div#Content div.BlogCol #CommentList {
	background: #fcddec;
	padding: 20px 20px 5px 20px;
	margin: 35px 20px 25px 20px;
}


div#Content div.BlogCol p.CommentTit span {
	margin-left: 1.0em;
}

div#Content div.BlogCol #CommentList  p.CommentTit  {
	padding: 0 0 1.3em 25px;
	margin-bottom: 0.3em;
	background: url(../img/blog/ico_comment02.png) 0 0 no-repeat;
	font-weight: bold;
	line-height: 1.0;
}

div#Content div.BlogCol #CommentList div.InBox {
	background: url(../img/blog/comment_dotline.png) 0 100% no-repeat;
	padding: 5px 0;
	margin-bottom: 8px;
	border-top: 1px solid #552e31;
}

div#Content div.BlogCol #CommentList div.InBox p.Name {
	color: #e4007f;
	width: 450px;
	float: left;
}

div#Content div.BlogCol #CommentList div.Com {
	clear:both;
	margin-bottom: 20px;
	line-height: 1.25;
}

div#Content div.BlogCol #CommentList div.Com p {
	margin-bottom: 1.0em;
}

div#Content div.BlogCol #CommentList div.InBox p.Date {
	width: 180px;
	float: right;
	text-align: right;
	font-size: 83.4%;
	margin-top: 0.2em;
}

div#Content div.BlogCol div#CommentEntry {
	background: #fcddec;
	padding: 20px;
	margin: 0  20px 15px 20px;
}

div#Content div.BlogCol div#CommentEntry p.CommentTit  {
	border-bottom: 1px solid #552e31;
	padding: 0 0 1.3em 25px;
	margin-bottom: 0.8em;
	background: url(../img/blog/ico_comment02.png) 0 0 no-repeat;
	font-weight: bold;
	line-height: 1.0;
}



div#Content div.BlogCol div#CommentEntry table th,
div#Content div.BlogCol div#CommentEntry table td {
	padding: 5px;
	font-size: 83.4%;
}

div#Content div.BlogCol div#CommentEntry table th span {
	color: #e4007f;
}

.c_name {
	width: 160px;
}

.c_mail {
	width: 245px;
	ime-mode:disabled;
}

.c_url {
	width: 465px;
	ime-mode:disabled;
}

div#Content div.BlogCol div#CommentEntry table textarea {
	width: 350px;
	height: 90px;
}

.FormBtn {
	margin-top: 5px;
	text-align: center;
}

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

ClearFix (基本的にクラス指定では使用しない)

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

/* -- Modern Browsers -- */
div#Content div.BlogCol #CommentList div.InBox:after,
div#Container div#Content div.PageNaviList ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */
*:first-child+html div#Content div.BlogCol #CommentList div.InBox,
*:first-child+html div#Container div#Content div.PageNaviList ul {
	display: inline-block;
}

/*  -- Legacy IE -- */
* html div#Content div.BlogCol #CommentList div.InBox, 
* html div#Container div#Content div.PageNaviList ul {
	zoom: 1;
}