@charset "utf-8";

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


div#Content {
	margin-top:0;
}

div#Container div#Header div.InnerSec {
	padding: 12px 0 164px 203px;
	background: url(../img/top/bg_container_01.jpg) 0 0 no-repeat;
}

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

Main

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

div#Content div#Main {
	float: left;
	width: 700px;
}

div#Content div#Main h3 {
	background: none;
	padding: 0 0 12px 0;
	height: auto;
}


div#Main div#MainVisual {
	margin-bottom: 20px;
}

/* ---- Section01 ---- */

div#Section01 {
	float: right;
	width: 470px;
}

div#Section01 h2 {
	margin-bottom: 15px;
}

div#Content div#Main div#Section01 h3 {
	margin-bottom: -15px;
}

div#Section01 ol.ThumbList {
	padding-left: 15px;
}

div#Section01 ol.ThumbList li {
	display: inline;
	float: left;
	width: 90px;
	height: 60px;
	margin-right: 18px;
	margin-top: 20px;
	overflow: hidden;
}

div#Section01 ol.ThumbList_2 {
	padding-left: 30px;
}

div#Section01 ol.ThumbList_2 li {
	display: inline;
	float: left;
	width: 70px;
	height: 80px;
	margin-right: 35px;
	margin-top: 20px;
	overflow: hidden;
}

div#Section01 ol#ExtList {
	padding-left: 35px;	
}

div#Section01 ol#ExtList li {
	width: 70px;
	height: 80px;
	margin-right: 35px;
}

div#Section01 ul.BtnStyleList {
	margin-top: 15px;
	margin-bottom: 25px;
	padding-right: 23px;
}

div#Section01 ul.BtnStyleList li {
	text-align: right;
}

/* ---- Section02 ---- */

div#Section02 {
	float: left;
	width: 210px;
}

div#Section02 h2 {
	margin-bottom: -10px;
}

div#Section02 div.BlogCat {
	margin-top: 25px;
	font-size: 91.7%;
}

div#Section02 div.BlogCat h3 {
	padding-bottom: 12px;
}

div#Section02 div.BlogCat ul.ThumbNail01 {
	float: left;
	width: 70px;
}

div#Section02 div.BlogCat div.EntryBody {
	float: right;
	width: 130px;
}

div#Section02 div.BlogCat h4.Author {
	margin-bottom: 5px;
	background-color: #f9e4ee;
	color: #552e31;
	font-weight: normal;
	font-size: 83.4%;
}

div#Section02 div.BlogCat h4 span {
	display: inline;
	float: left;
	margin-right: 3px;
	padding: 0 5px;
	background-color: #f7c6dc;
	color: #fff;
}

div#Section02 ul.ListStyleBnr {
	margin-top: 25px;
}



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

Sub

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

div#Content div#Sub {
	float: right;
	width: 260px;
}

div#Content div#Sub ul.ListStyleBnr {
	margin-top: 15px;
}

div#Content div#Sub ul.ListStyleBnr li {
	margin-bottom: 15px;
}


div#Sub div#News {
	padding: 0 12px 16px 15px;
	padding-left: 15px;
	padding-bottom: 16px;
	background: url(../img/top/bg_news_01.png) 0 100% no-repeat;
}

div#Sub div#News h2 {
	width: 260px;
	margin-right: -12px;
	margin-left: -15px;
}

div#Sub div#News ol {
	height: 284px;
	padding-right: 10px;
	overflow: auto;
	font-size: 91.7%;
}

div#Sub div#News ol li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/common/line_dotted_02.png) 0 100% repeat-x;
	color: #fff;
}


div#Sub div#News ol li div.NewsBody span {
	display: block;
}

div#Sub div#News ol li div.NewsBody a.Photo {
	float: right;
	padding-left: 10px;
}

div#Sub ul.ListStyleBnr {
	margin-top: 15px;
}

div#Sub div#ShopList02 {
	padding-bottom: 4px;
	background: url(../img/top/bg_shop_01.png) 0 100% no-repeat;
}

div#Sub div#ShopList02 ul.ShopList {
	padding: 10px 10px 0;
	line-height: 1.2;
	background: url(../img/top/bg_shop_02.png) 0 0 repeat-y;
	font-size: 91.7%;
	color: #a88f93;
}

div#Sub div#ShopList02 ul.ShopList li div.ShopInfo {
	float: right;
	width: 160px;
}

div#Sub div#ShopList02 ul.ShopList p.BtnRsv {
	position: absolute;
	top: 5px;
	right: 0;
}


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

jScrollPane

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

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../img/scroll/bg_scroll_01.png) 0 0 no-repeat;
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(../img/scroll/bg_scroll_04.png) 0 50% no-repeat;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	overflow: hidden;
	background: url(../img/scroll/bg_scroll_03.png) 0 0 no-repeat;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	overflow: hidden;
	background: url(../img/scroll/bg_scroll_02.png) 0 0 no-repeat;
}


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

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

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

/* -- Modern Browsers -- */

div#Main:after,
div#Section01 ol.ThumbList:after,
div#Section01 ol.ThumbList_2:after,
div#Section02 div.BlogCat:after,
div#Section02 div.BlogCat h4:after,
div#Sub div#News ol li:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div#Main,
*:first-child+html div#Section01 ol.ThumbList,
*:first-child+html div#Section01 ol.ThumbList_2,
*:first-child+html div#Section02 div.BlogCat,
*:first-child+html div#Section02 div.BlogCat h4,
*:first-child+html div#Sub div#News ol li {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html div#Main,
* html div#Section01 ol.ThumbList,
* html div#Section01 ol.ThumbList_2,
* html div#Section02 div.BlogCat,
* html div#Section02 div.BlogCat h4,
* html div#Sub div#News ol li {
	zoom: 1;
}