@charset "Shift_JIS";

/*+++++++++++++++++++++++++++++++++++
全体の設定
+++++++++++++++++++++++++++++++++++*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;	/*IE用*/
	background: url(/common/bg.jpg) repeat-x top;
}

h1,h2,h3,h4,h5,h6,p,em,strong,address,form,ul,ol,li,div,object,embed{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
}

li,ol{	/* li間の隙間対策 */
	font-size: 0px; 
	line-height: 0px;
	vertical-align: bottom; /* IE5.5対策 */
}

th{
	text-align: left;
	font-weight: normal;
}

img {
	border: none;
}

/*　:: 全体的なid,classの設定 ------------------::　*/

div#wholeWrap{
	text-align: left;		/*IE用にセンタリングにしたのを強制的に戻す*/
	margin: 0 auto;			/*IE以外用-センタリング*/
	width: 950px;			/*コンテンツ横幅*/
	background: #FFF;
}

td#mainCont{
	text-align: center;	/*IE用*/
}

div#contents{
	text-align: left;		/*IE用にセンタリングにしたのを強制的に戻す*/
	margin: 0 auto;			/*IE以外用-センタリング*/
	width: 549px;			/*コンテンツ横幅*/
	position: relative;
}

table#layout{
	border: 1px solid #CBC7C8;
	border-top: none;
}

/* 価格テーブル */
table.price td,
table.price th{
	padding: 4px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: right;
}

table.price tr.top td,
table.price tr.top th{
	text-align: center;
}

table.price td.rightCell,
table.price th.rightCell{
	border-right: 1px solid #CCC;
}

table.price td.minutes{
	text-align: left;
	background: #EFEFEF;
}

table.price tr.gray td,
table.price td.gray{
	background: #EFEFEF;
	color: #990013;
}

.fcBlack {
	color: #000000;
}

.borderLeftNone {
	border-left: none!Important;
}

/* 幅固定用セル */
tr.spacer td,
tr.spacer th{
	padding:0;
	border-bottom: 1px solid #CCC;
	border-left: none;
}

div.back{
	text-align: right;
}

.block{
	display: block;
}

.ex01{
	margin-top: 2px;
}

.ex02{
	color: #765D3A;
	font-weight: bold;
	padding: 40px 0px 40px 0px;
}

.ex03{
	color: #765D3A;
	font-weight: bold;
	padding: 30px 0px 30px 0px;
}

.monospace{
	font-family: monospace;
}

/*　:: アンカースタイル ------------------::　*/

a{
	text-decoration: none;
}
/*　:: リスト制御 ------------------::　*/

ul,ol{
	list-style-type: none;
}

/*　:: フロート制御 ------------------::　*/

.left{
	float: left;
}

.right{
	float: right;
}

.clear {
	clear: both;
}

/*+++++++++++++++++++++++++++++++++++
レイアウト基本設定
+++++++++++++++++++++++++++++++++++*/
/*　:: グローバルナビ ------------------::　*/

td#gn{
	background: #990013;
}

/*　:: フッター ------------------::　*/

div#footer{
	height: 27px;
}

/*+++++++++++++++++++++++++++++++++++
トップページ
+++++++++++++++++++++++++++++++++++*/

body.top div#topBox{
	padding: 10px 0px 10px 0px;
	background: #990013;
}

body.top div#banner{
	margin-right: 19px;
}

body.top p.banner{
	margin: 103px 0 0 12px;
}

body.top iframe{
	width: 380px;
	height: 125px;
	border: none;
}

/*+++++++++++++++++++++++++++++++++++
お知らせ
+++++++++++++++++++++++++++++++++++*/

body.info {
	background: #990013;
	background-image: none;
	scrollbar-face-color: #990013;			/* 表面の色 */
	scrollbar-arrow-color: #FFF;			/* 矢印の色 */
	scrollbar-highlight-color: #990013;		/* ハイライトの色 */
	scrollbar-shadow-color: #990013;		/* 影の色 */
	scrollbar-base-color: #990013;			/* ベース色 */
	scrollbar-3dlight-color: #990013;		/* 左端と上端の色 */
	scrollbar-darkshadow-color: #990013;	/* 右端と下端の色 */
}

body.info div#wholeWrap{
	width: 350px;			/*コンテンツ横幅*/
	background: #990013;
	padding-top: 9px;
}

body.info th,
body.info td{
	color: #FFF;
	vertical-align: top;
	padding-bottom: 15px;
}

body.info th{
	padding-right: 18px;
	width: 61px;
	white-space: nowrap;
}

/*+++++++++++++++++++++++++++++++++++
メニュー
+++++++++++++++++++++++++++++++++++*/
body.menu p{
	margin-bottom: 5px;
	padding-left: 3px;
}

body.menu div.type01 p{
	width: 290px;
	margin-bottom: 5px;
}

/*　:: インデックス ------------------::　*/
body.menu#index table.box{
	height: 275px;
	border-top: 1px solid #CBB69B;
}

/* 最下部のみ下線 */
body.menu#index table#type04{
	border-bottom: 1px solid #CBB69B;
}

body.menu#index table.type01{
	background: url(/menu/images/index_pict01.jpg) left top no-repeat;
}

body.menu#index table.box#type02{
	background: url(/menu/images/index_pict02.jpg) right top no-repeat;
}

body.menu#index table.box#type03{
	background: url(/menu/images/index_pict03.jpg) left top no-repeat;
}

body.menu#index table.box#type04{
	background: url(/menu/images/index_pict04.jpg) right top no-repeat;
}

body.menu#index table.rightBox td{
	padding-left: 20px;
}

body.menu#index table.leftBox td,
body.menu#index p.leftBox{ /* type2用 */
	padding-right: 20px;
}

/*　:: フェイシャル ------------------::　*/

body.menu#facial .type01{
	height: 308px;
	background: url(/menu/images/facial_pict01.jpg) right top no-repeat;
}

/*　:: ボディケア ------------------::　*/
body.menu#body .type01{
	height: 308px;
	background: url(/menu/images/body_pict01.jpg) right top no-repeat;
}

body.menu#body div#box02,
body.menu#bridal div#box02,
body.price#index div#box02{
	background: url(/menu/images/line03.gif) repeat-x top;
	vertical-align: middle;
	height: 98px;
}

/*　:: シグネチャー ------------------::　*/
body.menu#signature .type01{
	height: 308px;
	background: url(/menu/images/signature_pict01.jpg) right top no-repeat;
}

body.menu#signature .type02{
	height: 308px;
	background: url(/menu/images/signature_pict02.jpg) right top no-repeat;
}

body.menu#signature table.price{
	margin-bottom: 30px;
}

/*　:: ブライダル ------------------::　*/
body.menu#bridal .type01{
	height: 520px;
	background: url(/menu/images/bridal_pict01.jpg) right top no-repeat;
}

body.menu#bridal table.price th,
body.price#index div#bridal table.price th{
	background: #EFEFEF;
	text-align: left;
}

body.menu#bridal table.price td,
body.price#index div#bridal table.price td{
	text-align: left;
}

body.menu#bridal table.price td.gray,
body.price#index div#bridal table.price td.gray{
	text-align: left;
}

body.menu#bridal table.price td.price,
body.price#index div#bridal table.price td.price{
	text-align: right !important;
}

/*+++++++++++++++++++++++++++++++++++
プライスリスト
+++++++++++++++++++++++++++++++++++*/

body.price#index h3.top{
	margin: 48px 0px 0px 0px;
}

body.price#index h4{
	margin: 28px 0px 7px 0px;
	font-weight: bold;
}

/*+++++++++++++++++++++++++++++++++++
サロン情報
+++++++++++++++++++++++++++++++++++*/

body.salon table#data td{
	padding-bottom: 20px;
}

body.salon table#data table td{
	padding-bottom: 0px;
}

body.salon table#data table th{
	font-family: monospace;
	white-space: nowrap;
}

/*　:: バーチャルサロン ------------------::　*/

body.salon#vertical div#wholeWrap{
	width: 694px;			/*コンテンツ横幅*/
}

body.salon#vertical div#contents{
	width: 640px;			/*コンテンツ横幅*/
}

body.salon#vertical div#quicktime{
	margin: 27px 0px 24px 0px;
}

/*　:: キャンペーンボタン ------------------::　*/

body.salon #contents .campaignBan img {
	position: absolute;
	top: 45px;
	right: 0px;
}

/*+++++++++++++++++++++++++++++++++++
お問い合わせ・ご予約
+++++++++++++++++++++++++++++++++++*/

body.contact#index table#tel th{
	white-space: nowrap;
	vertical-align: middle;
}

body.contact#index table#tel th span{
	font-weight: bold !important;
	color: #765D3A !important;
}

/* 数字画像リスト */
body.contact#index ol li{
	padding: 0px 0px 20px 25px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

/* 以下 画像の指定 */
body.contact#index ol li.no01 {
	background-image: url(/common/num_type01_01.gif);	
}

body.contact#index ol li.no02 {
	background-image: url(/common/num_type01_02.gif);
}

body.contact#index ol li.no03 {
	background-image: url(/common/num_type01_03.gif);
	padding-bottom: 48px;
}

/*+++++++++++++++++++++++++++++++++++
サイトマップ
+++++++++++++++++++++++++++++++++++*/
body.sitemap#index h3.top{
	margin-top: 48px;
	font-weight: bold;
	color: #990013;
}

body.sitemap#index li a:link{
	color: #000;
}

body.sitemap#index li a:hover{
	color: #000;
	border-bottom: 1px solid #000;
}

body.sitemap#index h3 a{
	color: #990013;
	font-weight: bold;
}

body.sitemap#index h3 a:hover{
	border-bottom: 1px solid #990013;
	padding-bottom: 1px;
}

body.sitemap#index h3.top a:hover{
	text-decoration: underline;
	border-bottom: none;
}

body.sitemap#index div#contents li{
	font-size: 12px; /* li間の隙間対策を戻す */
	line-height: 12px;
	margin: 0px 0px 10px 135px;
}

/*+++++++++++++++++++++++++++++++++++
キャンペーン
+++++++++++++++++++++++++++++++++++*/

body.campaign {
	font-size: 12px;
	line-height: 150%;
	background: #F7F2EA;
}

body.campaign #contWrap {
	width: 100%;
	background: url(../campaign/images/bg.jpg) repeat-x;
}

body.campaign #contWrap #cont {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}

body.campaign #contWrap #cont #header {
	width: 820px;
	height: 346px;
	margin-bottom: 30px;
	background: url(../campaign/images/bg_header.jpg) no-repeat;
}

body.campaign #contWrap #cont #contInner {
	width: 750px;
	margin-left: 35px;
	background: #FFF;
}

body.campaign #contWrap #cont #contInner .box01 {
	width: 750px;
}

body.campaign #contWrap #cont #contInner .box01 .boxLeft01 {
	width: 282px;
	float: left;
}

body.campaign #contWrap #cont #contInner .box01 .boxRight01 {
	width: 468px;
	float: right;
}

body.campaign #contWrap #cont #contInner .box02 {
	width: 750px;
	border: solid 1px #CBB69B;
	margin-top: 30px;
}

body.campaign #contWrap #cont #contInner .box02 ul {
	margin: 16px;
}

body.campaign #contWrap #cont #contInner .box02 ul li {
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 8px;
}

body.campaign #contWrap #cont #contInner .box03Wrap {
	width: 750px;
	background: #E7E7E7;
	margin-top: 40px;
	padding: 5px 0;
}

body.campaign #contWrap #cont #contInner .box03 {
	margin: 0 5px;
	background: #FFF;
}

body.campaign #contWrap #cont #contInner .box03Inner {
	width: 720px;
	margin: 0 10px;
}

body.campaign #contWrap #cont #contInner .box03Inner p {
	padding: 10px 0;
}

body.campaign #contWrap #cont #contInner .box01 .boxLeft02 {
	width: 485px;
	float: left;
}

body.campaign #contWrap #cont #contInner .box01 .boxRight02 {
	width: 265px;
	float: right;
	text-align: right;
}

body.campaign #contWrap #cont #contInner .box04 {
	width: 750px;
	height: 70px;
	background: url(../campaign/images/content01.gif) no-repeat;
}

body.campaign #contWrap #cont #contInner .box04 p {
	padding: 18px 20px 20px 70px;
}

.mt65 {
	margin-top: 65px;
}

.ml13 {
	margin-left: 13px;
}

body.campaign #contWrap #cont #contInner .fs1 {
	margin-top: 12px;
}

body.campaign #contWrap #cont #contInner .listStyle01 {
	padding-left: 17px;
	background: url(../campaign/images/list01.gif) repeat-y left top;
}

body.campaign #contWrap #cont #contInner .listStyle02 {
	padding-left: 12px;
	background: url(../campaign/images/list02.gif) no-repeat left 6px;
}

body.campaign #contWrap #cont #contInner .taRight {
	text-align: right;
}

body.campaign #contWrap #cont #contInner .taLeft {
	text-align: left;
}