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


/*-- 背景 --*/
body {
	color : #666666 ;
	background-color : #ffffff ;
	background : url(../img/background.gif) ;
}

div#outer_frame {
	margin-right : auto ;
	margin-left : auto ;
	width : 830px ;
}


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

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

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

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


/*-- ページ構成 --*/
div#header {        /*-- ヘッダー --*/
	margin-right : auto ;
	margin-left : auto ;
	width : 830px ;
	background-color : #ffffff ;
}

div#contents {      /*-- カラムなし --*/
	margin-right : auto ;
	margin-left : auto ;
}

div#left_column {   /*-- 左カラム --*/
	padding-bottom : 50px ;
	width : 160px ;
	background-color : #f2eae1 ;
	float : left ;
}

div#right_column {  /*-- 右カラム --*/
	padding-right : 5px ;
	width : 655px ;
	float : right ;
}

div#footer {        /*-- フッター --*/
	padding-top : 25px ;
	margin-right : auto ;
	margin-left : auto ;
	width : 830px ;
	background-color : #ffffff ;
	clear : both ;
}

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


div.container {     /*-- 横幅指定 --*/
	margin-right : auto ;
	margin-left : auto ;
	width : 830px ;
	background-color : #ffffff ;
	background-image : url(../img/background_container.jpg) ;
	background-repeat : repeat-y ;
}


/*-- ヘッダー専用設定 --*/
div#header h1 {
	margin : 0 ;
	padding : 0 ;
	width : 830px ;
	height : 20px ;
	font-weight : normal ;
	font-size : 11px ;
	line-height : 20px ;
	color : #666666 ;
	text-align : right ;
}

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

div#header h1 a:hover {
	color : #63a543 ;
}

div#header div.title {
	width : 830px ;
	height : 81px ;
	background-image : url(../img/background_header.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
}

div#header div.title a {
	width : 160px ;
	height : 77px ;
	text-indent : -9999px ;
	background-image : url(../img/background_header.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}


/*-- 左カラム専用設定 --*/
div#left_column ul,
div#left_column ul li ul {
	margin : 0 ;
	padding : 0 ;
}

div#left_column ul li,
div#left_column ul li ul li {
	list-style : none ;
}

div#left_column ul li.school h2 {
	margin-top : 5px ;
	border-top : solid 2px #ffffff ;
	width : 160px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_left_school.gif) ;
	background-position : left bottom ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li.salon h2 {
	margin-top : 5px ;
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_left_salon.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li.info h2 {
	margin-top : 5px ;
	border-top : solid 2px #ffffff ;
	width : 160px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_left_info.gif) ;
	background-position : left bottom ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li.product h2 {
	margin-top : 5px ;
	border-top : solid 2px #ffffff ;
	width : 160px ;
	height : 25px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_left_product.gif) ;
	background-position : left bottom ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li.home {
	width : 160px ;
	height : 38px ;
	background-image : url(../img/background_menu_home.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
}

div#left_column ul li a.home {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_home.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.news {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_news.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.philosophy {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_philosophy.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.curriculum {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_curriculum.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.tuition_fee {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_tuition_fee.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.access {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_access.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.instructor {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_instructor.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.design {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_design.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.student {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_student.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.faq {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_faq.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.request {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_request.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.salon_index {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_salon_index.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.salon_menu {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_salon_menu.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.salon_design {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_salon_design.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.salon_coupon {
	margin : 0!important ;
	padding : 0!important ;
	width : 160px!important ;
	height : 20px!important ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_salon_coupon.gif)!important ;
	background-position : left top!important ;
	background-repeat : no-repeat ;
	display : block ;
} /*-- !important処理はjQuery Lightpopの画像リンク自動アイコン対策です --*/

div#left_column ul li ul li a.privacy {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_privacy.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.pricilla {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_pricilla.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.ansarrynail {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_ansarrynail.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li ul li a.blog {
	width : 160px ;
	height : 20px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_blog.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul li a:hover,
div#left_column ul li ul li a:hover {
	background-position : 0 -20px!important ;
}  /*-- !important処理はjQuery Lightpopの画像リンク自動アイコン対策です --*/

div#left_column div.qrcode {
	padding : 10px 0 0 0 ;
}

div#left_column div.qrcode img {
	margin : 0 auto ;
	display : block ;
}

div#left_column div.ssl {
	padding : 10px 0 0 53px ;
}


/*-- 右カラム専用設定 --*/
div#right_column div.button_request {
	padding-top : 20px ;
	clear : both ;
}

div#right_column div.button_request img {
	display : block ;
}


/*-- フッター専用設定 --*/
div#footer p.copyright {
	margin : 0 ;
	padding : 0 ;
	line-height : 22px ;
	font-family : Arial ;
	text-align : center ;
}