@charset "shift-jis";

/*====================================================================

common.css

====================================================================*/

/* 共通
------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font: normal normal normal 10pt /13pt "ＭＳ Ｐゴシック","Osaka",sans-serif;
	border: none;
}

hr {
	width: 90%;
}

img{display:block;}



/* レイアウト
------------------------------------------------------*/
body {
	font-size: 10pt;
	color: #141312;
	background: #f7f3b3 url(./common/img/bg.gif) repeat-x;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#container {
	margin: 0 auto;
	background-color: #f7f3b3;
	width: 740px;
}

#content {
	width: 740px;
}

#main {
	width: 527px;
	float: right;
	margin: 8px 0 0 0;
}

#sub {
	width: 213px;
	margin: 0;
	float: left;
	margin: 8px 0 8px 0;
	background: url(./common/img/left_bg.gif) no-repeat;
}

#foot {
	clear: both;
	width: 100%;
	height: 33px;
	background: #4f352a url(./common/img/foot_bg.gif) repeat-x;
	color: #ffffff;
	font-size: 8pt;
	padding-top: 8px;
	text-align: center;
}


/* グローバルナビ
------------------------------------------------------*/
#nav {
	width: 100%;
	height: 42px;
}

#navi {
	width: 740px;
	height: 42px;
	list-style: none;
	background: url(./common/img/navi.gif) no-repeat;
}

#navi li {
	display: inline;
}

#navi li a {
	display: inline;
	text-indent: -9999px;
	float: left;
	font-size: 0pt;
	text-decoration: none;
}

#navi li a:hover {
	background: url(./common/img/navi.gif) no-repeat;
}

#navi li.home a { width:148px; height:42px; background-position:0px 0px; }
#navi li.salon a { width:148px; height:42px; background-position:-148px 0px; }
#navi li.artmake a { width:148px; height:42px; background-position:-296px 0px; }
#navi li.eyelashes a { width:148px; height:42px; background-position:-444px 0px; }
#navi li.contact a { width:148px; height:42px; background-position:-592px 0px; }

#navi li.home a:hover { background-position:-0px -42px; }
#navi li.salon a:hover { background-position:-148px -42px; }
#navi li.artmake a:hover { background-position:-296px -42px; }
#navi li.eyelashes a:hover { background-position:-444px -42px; }
#navi li.contact a:hover { background-position:-592px -42px; }



.t-r {
	text-align: right;
}

.t-l {
	text-align: left;
}

.t-c {
	text-align: center;
}




.c-b {
	clear: both;
}

br.c-b {
	font-size:0px;height:0px;
}


a{
	text-decoration:none;
	font-weight:bold;
}

a:link{
	color:#766B28;
}

a:visited{
	color:#766B28;
}

a:hover{
	color:#C2AD4A;
}

a:active{
	color:#C2AD4A;
}




.f-l {
	float:left;
	margin-left:3px;
}

.f-r {
	float:right;
}


.M-L20 {
	margin-left: 20px;
}

.M-L10 {
	margin-left: 10px;
}

.M-R5 {
	margin-right: 5px;
}

.M-R10 {
	margin-right: 10px;
}

.M-T5 {
	margin-top: 5px;
}

.M-T10 {
	margin-top: 10px;
}