@charset "utf-8";

/*------------------------------------------------------------------------------
ネイルサロンK･I･N･G - CSS Modules Import
URL: http://
Date: 2009-09-03
Copyright (C) K･I･N･G. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Main

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

h2#Title {
	background: url(../img/blog/title.jpg) 0 0 no-repeat;
	width: 940px;
	height: 162px;
	text-indent: -9999px;
	margin: 0 auto;
}

/* -------- blog --------*/

#BlogSubMnu div.BlogCal a:link,
div#Container div#Content div.BlogCol a:link {
	color: #8b7746;
	text-decoration: none;
}

#BlogSubMnu div.BlogCal a:link{
	color: #8b7746;
}

#BlogSubMnu div.BlogCal a:visited,
div#Container div#Content div.BlogCol a:visited {
	color: #a88f93;
	text-decoration: none;
}

#BlogSubMnu div.BlogCal a:visited{
	color: #a88f93;
}

#BlogSubMnu div.BlogCal a:visited,
div#Container div#Content div.BlogCol a:visited {
	color: #a88f93;
	text-decoration: none;
}

#BlogSubMnu div.BlogCal a:hover,
#BlogSubMnu div.BlogCal a:visited:hover,
div#Container div#Content div.BlogCol a:hover,
div#Container div#Content div.BlogCol a:visited:hover {
	color: #8b7746;
}

#BlogSubMnu div.BlogCal a:active,
div#Container div#Content div.BlogCol a:active {
	color: #8b7746;
}


/* -- SearchDetail -- */

div#SearchDetail {
	background: #fff url(../img/blog/search_bg.png) 0 100% repeat-x;
	border: 1px solid #e4e4e4;
	padding: 15px;
	margin-bottom: 20px;
	color: #333;
}

div#SearchDetail strong {
	font-size: 116.7%;
	color: #e64609;
}

/* -- Mtit-- */
div.BlogCol h3 {
	color: #482d05;
	font-size: 116.7%;
	padding: 30px 15px 5px 15px;
	width: 630px;
}

div.BlogCol h3.Mtit01 {
	background: #fff url(../img/blog/mtit01.jpg) 0 0 no-repeat;
}

div.BlogCol h3.Mtit02 {
	background: #fff url(../img/blog/mtit02.jpg) 0 0 no-repeat;
}

div.BlogCol h3.Mtit03 {
	background: #fff url(../img/blog/mtit03.jpg) 0 0 no-repeat;
}

div.BlogCol h3.Mtit04 {
	background: #fff url(../img/blog/mtit04.jpg) 0 0 no-repeat;
}

div.BlogCol h3.Mtit05 {
	background: #fff url(../img/blog/mtit05.jpg) 0 0 no-repeat;
}

div.BlogCol h3.Mtit06 {
	background: #fff url(../img/blog/mtit06.jpg) 0 0 no-repeat;
}

div.BlogCol h3.Mtit07 {
	background: #fff url(../img/blog/mtit07.jpg) 0 0 no-repeat;
}

div.BlogCol div.InBox {
	background: #fefbea;
	border: 1px solid #ece8cf;
	padding: 25px 15px 0 15px;
	margin-bottom: 15px;
}


/* -- Message-- */

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

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

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: #ea460a;
}

div.MainPhoto img {
	border: 4px solid #e7e2c7;
}


/* -- MainCtg-- */
div#Container div#Content div.MainCtg {
	background: url(../img/blog/blog_content_dotline.png) 0 0 repeat-x;
}

div#Container div#Content div.MainCtg div.DateCol {
	float: left;
	width: 230px;
	padding-top: 5px;
}

div#Container div#Content div.MainCtg div.DateCol p.Date {
	float: left;
	width: 50px;
	padding: 5px 0 0 0;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate01,
div#Container div#Content div.MainCtg div.DateCol p.Cate02,
div#Container div#Content div.MainCtg div.DateCol p.Cate03,
div#Container div#Content div.MainCtg div.DateCol p.Cate04,
div#Container div#Content div.MainCtg div.DateCol p.Cate05,
div#Container div#Content div.MainCtg div.DateCol p.Cate06,
div#Container div#Content div.MainCtg div.DateCol p.Cate07 {
	float: right;
	width: 150px;
	height: 28px;
	padding: 4px 0 0 0;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate01 {
	background: url(../img/blog/ico_staff_s01.png) 100% 0 no-repeat;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate02 {
	background: url(../img/blog/ico_staff_s02.png) 100% 0 no-repeat;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate03 {
	background: url(../img/blog/ico_staff_s03.png) 100% 0 no-repeat;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate04 {
	background: url(../img/blog/ico_staff_s02.png) 100% 0 no-repeat;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate05 {
	background: url(../img/blog/ico_staff_s04.png) 100% 0 no-repeat;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate06 {
	background: url(../img/blog/ico_staff_s06.png) 100% 0 no-repeat;
}

div#Container div#Content div.MainCtg div.DateCol p.Cate07 {
	background: url(../img/blog/ico_staff_s07.png) 100% 0 no-repeat;
}




/* -- Comment -- */

div#Container div#Content div.BlogCol div.MainCtg ul.Comment {
	float: right;
	width: 300px;
	text-align: right;
	padding-top: 10px;
}

div#Container div#Content div.BlogCol ul.Comment li {
	display: inline;
}

div#Container div#Content div.BlogCol ul.Comment li.CommentIco {
	background: url(../img/blog/ico_comment01.png) 0 50% no-repeat;
	padding: 3px 0 3px 20px;
	margin-right: 5px;

}

li.PageTop {
	font-size: 83.4%;
}


/* -- CommentEntry -- */
div#Content div.BlogCol #CommentList {
	background: #ebe0d1;
	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;
}


/* -- PageNavi -- */

div#Content div#Main ul.PageNavi a:link,
div#Content div#Main ul.PageNaviList a:link {
	color: #333;
}


div#Content div#Main ul.PageNavi a:visited,
div#Content div#Main ul.PageNaviList a:visited {
	color: #999;
}

div#Content div#Main ul.PageNaviList a:hover,
div#Content div#Main ul.PageNaviList a:visited:hover,
div#Content div#Main ul.PageNavi a:hover,
div#Content div#Main ul.PageNavi a:visited:hover {
	color: #999;
}

div#Content div#Main ul.PageNaviList a:active,
div#Content div#Main ul.PageNavi a:active {
	color: #333;
}

div#Main ul.PageNaviList,
div#Main ul.PageNavi {
	border: 1px solid #a88f93;
	padding: 20px;
	text-align: center;
	color: #333;
	background: #fff url(../img/blog/search_bg.png) 0 100% repeat-x;
	border: 1px solid #e4e4e4;
}

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


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

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

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

div#Main ul.PageNaviList li.NewEntry {
	background: none;
	padding-left: 0;
}


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

div#Sub #BlogSubMnu h3 {
	background: #af977c;
	padding: 3px 15px 3px 15px;
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #997c5f;
}

#BlogSubMnu div.BlogSub {
	margin-bottom: 20px;
	border: 1px solid #e4e4e4;
}

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

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

#BlogSubMnu div.BlogSub ul li {
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
	padding: 5px 10px;
}

#BlogSubMnu div.BlogSub ul li a {
	background: url(../img/common/icon_arrow_01.png) 0 3px no-repeat;
	padding: 0 0 0 10px;
}

#BlogSubMnu div.BlogSub li.Lst {
	margin-bottom: 0;
	background: none;
}

#BlogSubMnu .BlogSubSearch {
	padding: 10px;
}

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


/* Calendar */

#BlogSubMnu div.BlogCal {
	padding: 10px;
}

#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;
	color: #552e31;
}

#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;
}


/* Category */
div#Container div#Sub div.BlogCtg li {
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
}

div#Container div#Sub div.BlogCtg li div {
	padding-top: 10px;
	padding-bottom: 10px;
}

body div#Container div#Sub div.BlogCtg li.Lst {
	background: none;
}

div#Container div#Sub div.BlogCtg div#Staff01 {
	background: url(../img/blog/ico_staff01.png) 0 0 no-repeat;
	padding-left:  80px;
}

div#Container div#Sub div.BlogCtg div#Staff02 {
	background: url(../img/blog/ico_staff02.png) 0 0 no-repeat;
	padding-left:  80px;
}

div#Container div#Sub div.BlogCtg div#Staff03 {
	background: url(../img/blog/ico_staff03.png) 0 0 no-repeat;
	padding-left:  80px;
}

div#Container div#Sub div.BlogCtg div#Staff04 {
	background: url(../img/blog/ico_staff04.png) 0 0 no-repeat;
	padding-left:  80px;
}

div#Container div#Sub div.BlogCtg div#Staff05 {
	background: url(../img/blog/ico_staff05.png) 0 0 no-repeat;
	padding-left:  80px;
}

div#Container div#Sub div.BlogCtg div#Staff06 {
	background: url(../img/blog/ico_staff06.png) 0 0 no-repeat;
	padding-left:  80px;
}

div#Container div#Sub div.BlogCtg div#Staff07 {
	background: url(../img/blog/ico_staff07.png) 0 0 no-repeat;
	padding-left:  80px;
}

/* Archive */
#BlogSubMnu div.BlogSub select {
	margin: 10px;
}

/* QR */
div.QRArea {
	padding: 10px;
	text-align: center;
}

p#QR {
	background: url(../img/blog/qr.png) 0 0 no-repeat;
	height: 58px;
	width: 58px;
	text-indent: -9999px;
	margin: 0 auto;
}

/* Tag */

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

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

div#Sub #BlogSubMnu div.BlogSub ul.Tag li a {
	background: none;
	padding-left: 0;
}

#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: #ebe0d1;
	padding: 20px 20px 5px 20px;
	margin: 30px 0 20px 0;
	color: #552e31;
}


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% repeat-x;
	padding: 5px 0;
	border-top: 1px solid #552e31;
}

div#Content div.BlogCol #CommentList div.InBox p.Name {
	color: #e4007f;
	width: 350px;
	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.InBoxdiv.DateCol {
	width: 180px;
	float: right;
	text-align: right;
	font-size: 83.4%;
	margin-top: 0.2em;
}

div#Content div.BlogCol div#CommentEntry {
	background: #ebe0d1;
	padding: 20px;
	margin: 0  0 15px 0;
	color: #552e31;
}

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: 270px;
	ime-mode:disabled;
}

.c_url {
	width: 415px;
	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#Container div#Content div.MainCtg div.DateCol:after,
div#Container div#Content div.BlogCol div.MainCtg:after,
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#Container div#Content div.MainCtg div.DateCol,
*:first-child+html div#Container div#Content div.BlogCol div.MainCtg,
*: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#Container div#Content div.MainCtg div.DateCol,
* html div#Container div#Content div.BlogCol div.MainCtg,
* html div#Content div.BlogCol #CommentList div.InBox, 
* html div#Container div#Content div.PageNaviList ul {
	zoom: 1;
}


h4 {
	font-weight:900;
	font-size:20px;
}

h5 {
	font-weight:900;
	font-size:18px;
}

h6 {
	font-weight:900;
	font-size:14px;
}