﻿@charset "utf-8";
/*-- レイアウト設定用スタイルシート（全ページ共通）   --*/
/*-- Copyright (C) 2009, HANIWA, All Rights Reserved. --*/
@import url(./base.css);


/*-- スクロールバー色（IE・Opera専用） --*/
* {
    scrollbar-track-color : #ffffff ;
    scrollbar-face-color : #ffffff ;
    scrollbar-shadow-color : #888888 ;
    scrollbar-darkshadow-color : #ffffff ;
    scrollbar-highlight-color : #ffffff ;
    scrollbar-3dlight-color : #888888 ;
    scrollbar-arrow-color : #000000 ;
}


/*-- 文字・背景色 --*/
body {
	color : #000000 ;
	background : #ffffff ;
}


/*-- アンカー --*/
a:link {
	color : #000000 ;
	text-decoration : underline ;
}

a:visited {
	color : #000000 ;
	text-decoration : underline ;
}

a:active {
	color : #cc0000 ;
	text-decoration : underline ;
}

a:hover {
	color : #cc0000 ;
	text-decoration : underline ;
}


/*-- ページ構成 --*/
div#header {        /*-- ヘッダー --*/
	width : 900px ;
	height : 120px ;
}

div#left_column {   /*-- メニュー部（左カラム） --*/
	width : 195px ;
	float : left ;
}

div#right_column {  /*-- コンテンツ部（右カラム） --*/
	width : 640px ;
	float : right ;
}

div#footer {        /*-- フッター --*/
	width : 900px ;
	height : 20px ;
	clear : both ;
}

div#analytics {     /*-- アクセス解析 --*/
	display : none ;
}

div.container {     /*-- 横幅・縦幅指定 --*/
	margin : 20px auto ;
	width : 900px ;
}


/*-- ヘッダー設定 --*/
div#header h1 {
	width : 900px ;
	height : 20px ;
	font-weight : normal ;
	text-align : right ;
}

div#header h1 a {
	font-size : 10px ;
	line-height : 20px ;
	color : #000000 ;
	text-decoration : none ;
}

div#header p.logo {
	margin : 0 ;
	padding : 30px 0 0 15px ;
}

div#header p.logo a {
	width : 233px ;
	height : 27px ;
	text-indent : -9999px ;
	background : url(../img/header_logo.gif) left top no-repeat ;
	display : block ;
}


/*-- メニュー部設定 --*/
div#left_column div.menu {
}

div#left_column div.menu ul.main {
	margin : 0 ;
	padding : 0 0 0 15px ;
}

div#left_column div.menu ul.main li ul.sub {
	margin : 0 ;
	padding : 0 0 0 15px ;
}

div#left_column div.menu ul.main li {
	width : 180px ;
	list-style : none ;
}

div#left_column div.menu ul.main li ul.sub li {
	width : 165px ;
	list-style : none ;
}

div#left_column div.menu ul.main li a.top {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_top.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li span.shop {
	width : 180px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_shop.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li ul.sub li a.nakasu {
	margin-bottom : 18px ;
	width : 165px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_shop_nakasu.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li ul.sub li a.hakata {
	margin-bottom : 18px ;
	width : 165px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_shop_hakata.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li ul.sub li a.tenjin {
	margin-bottom : 18px ;
	width : 165px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_shop_tenjin.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a.menu {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_salonmenu.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a.coupon {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_coupon.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a.design {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_design.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a.blog {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_blog.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li span.group {
	width : 180px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_group.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li ul.sub li a.ansarrynail {
	margin-bottom : 18px ;
	width : 165px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_group_ansarrynail.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li ul.sub li a.starnail-sc {
	margin-bottom : 18px ;
	width : 165px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_group_stargarden.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a.school {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_school.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a.favorite {
	margin-bottom : 18px ;
	width : 180px ;
	height : 32px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu_favorite.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.menu ul.main li a:hover {
	background-position : 0 -32px ;
}

div#left_column div.menu ul.main li ul.sub li a:hover {
	background-position : 0 -25px ;
}

div#left_column div.coupon {
	margin : 0 -40px 0 35px ;
}

div#left_column div.coupon ul {
	padding-top : 13px ;
}

div#left_column div.coupon ul li {
	width : 200px ;
	list-style : none ;
}

div#left_column div.coupon ul li.all {
	height : 84px ;
}

div#left_column div.coupon ul li.ex {
	height : 67px ;
}


/*-- フッター設定 --*/
div#footer p.copyright {
	padding-left : 260px ;
	width : 640px ;
	height : 20px ;
	font-family : Arial ;
	font-size : 12px ;
	line-height : 20px ;
	text-align : center ;
}

