@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:	http://www.livelabo.com/
File name:	layout_touch.css
Summary:	base styles
Created:	2009-10-05
Last update:	2009-10-05 by Sadaoka
Author:	Sadaoka(admin), Kaito
Copyright:	(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* Contents */
/* ------------------------------------------------------------ */
#contents {
	clear: both;
	background-color: #787878;
	width: 920px;
	margin: 0px;
	padding: 0px 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.salon_button a {
	background: url(../images/salon_button.gif) left top no-repeat;
	width: 250px;
	height: 26px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.salon_button a:hover {
	background: url(../images/salon_button.gif) left bottom no-repeat;
}

.contents_width670_s {
	width: 670px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: auto;
	border: 0px #f0f solid;
}

.crosshl {
	clear: both;
	background-color: #3c3c3c;
	width: 487px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.touch_button {
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.touch_button li {
	list-style: none;
	float: left;
	border: 0px #0ff solid;
}

.button_back a {
	background: url(../images/touch_button_back.gif) left top no-repeat;
	width: 47px;
	height: 22px;
	margin: 4px 4px 4px 0px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.button_back a:hover {
	background: url(../images/touch_button_back.gif) left bottom no-repeat;
}

.button_next a {
	background: url(../images/touch_button_next.gif) left top no-repeat;
	width: 47px;
	height: 22px;
	margin: 4px 4px 4px 0px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.button_next a:hover {
	background: url(../images/touch_button_next.gif) left bottom no-repeat;
}

.touch_menu01 a {
	background: #787878 url(../images/touch_menu01.gif) left top no-repeat;
	height: 100px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.touch_menu01 a:hover {
	background: #606060 url(../images/touch_menu01.gif) left bottom no-repeat;
}

.touch_menu01 a.select {
	background: #606060 url(../images/touch_menu01.gif) left bottom no-repeat;
}

.touch_menu02 a {
	background: #787878 url(../images/touch_menu02.gif) left top no-repeat;
	height: 100px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.touch_menu02 a:hover {
	background: #606060 url(../images/touch_menu02.gif) left bottom no-repeat;
}

.touch_menu02 a.select {
	background: #606060 url(../images/touch_menu02.gif) left bottom no-repeat;
}

.touch_menu03 a {
	background: #787878 url(../images/touch_menu03.gif) left top no-repeat;
	height: 100px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.touch_menu03 a:hover {
	background: #606060 url(../images/touch_menu03.gif) left bottom no-repeat;
}

.touch_menu03 a.select {
	background: #606060 url(../images/touch_menu03.gif) left bottom no-repeat;
}

.touch_menu04 a {
	background: #787878 url(../images/touch_menu04.gif) left top no-repeat;
	height: 100px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.touch_menu04 a:hover {
	background: #606060 url(../images/touch_menu04.gif) left bottom no-repeat;
}

.touch_menu04 a.select {
	background: #606060 url(../images/touch_menu04.gif) left bottom no-repeat;
}

.touch_menu05 a {
	background: #787878 url(../images/touch_menu05.gif) left top no-repeat;
	height: 100px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.touch_menu05 a:hover {
	background: #606060 url(../images/touch_menu05.gif) left bottom no-repeat;
}

.touch_menu05 a.select {
	background: #606060 url(../images/touch_menu05.gif) left bottom no-repeat;
}