@charset "utf-8";
@import url("./common.css");

/* ==================================================
  INDEX index.css
 ----------------------------------------------------
  1.main_img		メインイメージ
  	1-1.header
  2.left_box_top	レフトボックス
  3.center_box_top	センターボックス
  4.right_box_top	ライトボックス
================================================== */

/* 1.index
================================================== */

	/* 1-1.header
	--------------------------------------*/
	#header{
	 	padding		: 0 10px;
		background	: url("../img/common/bg_header.jpg") no-repeat center top;
		}
	
	#header_left{
		height		: 383px;
		width		: 212px;
		float		: left;
		background	: url("../img/eagle/bg_side_header.gif");
		}
	
	#logo{
		margin		: 20px 0;
		}
	
	#main_img{
		float		: left;
		}
	
	#menu li{
		margin		: 0 0 5px 0;
		}


	/* 1-2.contents		コンテンツ
	--------------------------------------*/
	#contents{
		background	: url("../img/eagle/bg_space.jpg") no-repeat top center;
		}
	
	
	/* 1-3.shop_box
	--------------------------------------*/
	.shop_info p{
		line-height	: 1.2em;
		}
	
	.shop_name{
		width		: 250px;
		float		: left;
		letter-spacing	: 0em;
		}
	
	#right .shop_name p{
		margin		: 8px 0 8px 0;
		line-height	: 1.2em;
		}


	/* 1-4.footer
	--------------------------------------*/
	#footer{
		background	: url("../img/eagle/bg_footer.jpg") no-repeat top center;
		}
	
	
/* 2.sub
================================================== */
#sub_main{
	background	: url("../img/common/bg_header.jpg") no-repeat center top;
	}

.sub_box{
	}

#left_sub{
	width		: 210px;
	float		: left;
	background	: url("../img/eagle/bg_side_header.gif");
	}

#left_sub object{
	margin		: 0 0 0 18px;
	}

#left_sub .bnr_side{
	margin		: 10px 0 0 29px;
	}


#sub_mobile01{
	width		: 170px;
	margin		: 15px 0 0 30px;
	_margin		: 15px 0 0 20px;
	padding		: 5px;
	background	: url("../img/common/bg_mobile.gif") repeat-y;
	}

#sub_mobile01 p{
	text-align	: left;
	padding		: 5px;
	}

#sub_mobile02{
	width		: 160px;
	padding		: 5px 0 25px 0;
	background	: #FFF;
	}

#logo_sub{
	height		: 50px;
	width		: 780px;
	margin		: 0 0 0 10px;
	_margin		: 0;
	border-top	: solid #2c54cd 11px;
	background	: url("../img/eagle/bg_logo.gif");
	}
	
#logo_sub img{
	margin		: 0 8px;
	float		: right;
	}

.navi{
	width		: 540px;
	margin		: -15px 0 20px 0;
	padding		: 2px 0;
	text-indent	: 0.5em;
	font-size	: 90%;
	clear		: both;
	letter-spacing	: 0;
	background	: #e5f1f1;
	}

	/* 2-1.access_box
	--------------------------------------*/
	.access_box{
		margin		: 30px auto;
		padding		: 15px;
		background	: #A4D4EF;
		border		: solid 5px #e5f1f1;
		}
	
	.access_box img{
		margin		: 0 10px 0 0;
		float		: left;
		border		: solid 1px #F5FAEC;
		}
	
	.access_box p{
		padding		: 0;
		line-height	: 1.2;
		}
	
	.access_box strong{
		letter-spacing	: 0;
		}

	/* 2-2.menu_box
	--------------------------------------*/
	.menu_box table{
		clear		: both;
		}

	.menu_box table th,
	.menu_box table td{
		padding		: 5px 10px;
		}
		
	table.rank{
		width		: 542px;
		margin		: 0 0 15px 0;
		}
	
	table.rank th,
	table.rank td{
		border-bottom	: dotted 1px #CCC;
		}
	
	table.rank th{
		background	: #e5f1f1;
		}
	
	
	ul.menulist{
		}
	
	ul.menulist li{
		margin		: 10px 15px 0 0;
		float		: left;
		}
	
	
	ul.menulist_mens{
		padding		: 0 0 80px 25px;
		}
	
	ul.menulist_mens li{
		margin		: 10px 35px 0 0;
		float		: left;
		}
	
	#cut,#perm01,#perm02,#straight,#color,
	#set,#make,#exte,#scalp,#spa,#treat{
		padding		: 30px 0 0 0;
		clear		: both
		}
	
	table.tbl_menu{
		width		: 530px;
		margin		: 0 0 15px 10px;
		}

	table.tbl_menu th,
	table.tbl_menu td{
		
		}

	table.tbl_menu th{
		text-align	: center;
		background	: #e5f1f1;
		border-bottom	: solid 1px #CCC;
		}
	
	table.tbl_menu td{
		text-align	: center;
		border-bottom	: dotted 1px #CCC;
		}
	
	table.tbl_menu td.menu_name{
		padding-left: 20px;
		text-align	: left;
		}