/* ***************************************************
* CSS file For hair-spa-season.com
	FileName: common.css
	data:2009/3/13 sakurai
	
■目次 ==========================================
■[01]:ブラウザスタイル初期化
■[02]:基本スタイル
■[03]:大枠レイアウト
■[20]:ナビゲーション
■[30]:電話番号
■[40]:フッター
■[50]:サイドメニュー
**************************************************** */

/*-----------------------------------------------------------
■[01]:ブラウザスタイル初期化
------------------------------------------------------------*/
.iepngfix {
	behavior: url(/iepngfix.htc); margin: 0px; line-height: normal;
}

*{ margin:0; padding:0; }


body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-weight: normal;
	font-style: normal;
}

img,table {border: none;}

h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

ul { list-style: none; margin: 0; padding: 0; }

p { margin:0; padding:0; line-height: 143%; }

strong { line-height:110%; }

/*-----------------------------------------------------------
■[02]:基本スタイル
------------------------------------------------------------*/

a:link {color: #690; text-decoration: underline;}
a:visited {color: #690; text-decoration: underline;}
a:active {color: #690; text-decoration: none;}
a:hover {color: #690; text-decoration: none;}

.clear { clear: both; font-size: 0px; line-height: 0px; float: none; }

.left{ float: left; }
.right{ float: right; }

.x-small { font-size:x-small;line-height: 130%;}
.small { font-size: 80%;}
.large { font-size: 124%;}
.x-large { font-size: 18px;}



.green{ color: #360;}
.pgreen{ color: #690;}
.orange{ color: #e86b06;}
.dot { background: url(/img/dot.gif) repeat-x; height: 1px; font-size: 0; padding: 0px; line-height: 0;}

/*-----------------------------------------------------------
■[03]:大枠レイアウト
------------------------------------------------------------*/

body {
	width: 100%;
	font-family:/* Osaka, *//* 'ヒラギノ角ゴ Pro W3', */'ＭＳ Ｐゴシック',/* sans-serif */;
	margin: 0 auto;
	text-align: center;
	line-height: 140%;
	color: #663;
	background: #f7fbeb url(/img/cont_bg.gif);
}

/* コンテンツエリア */
div#contBg {
	width: 100%; margin: 0px; padding: 0px 0px 0px 0px; text-align: left;
}
div#contBg div.wrapper{
	width: 900px; margin: 20px auto 0px; padding: 0px 0px 0px 0px; 
}


/*-----------------------------------------------------------
■[20]:ナビゲーション
------------------------------------------------------------*/
ul#gNavi{
	width: 900px; margin: 0 auto; padding: 0px; display: block; /* background: url(/img/navi_bg.jpg) repeat-x; */ height: 45px;
}

ul#gNavi li{
	float: left; margin: 0px; width: 150px; text-align: center;
}


/*-----------------------------------------------------------
■[30]:ヘッダー・電話番号
------------------------------------------------------------*/
div#pageBg{
	width: 100%; background: url(/img/cont_bg.png) repeat-x top; behavior: url(/iepngfix.htc);
}

div#pageBg div#header{
	width :900px; height: 235px; margin: 0 auto;/* border: 1px solid #f00; */ position: relative;
}

div#pageBg div#header div#contTel{
	position: absolute; top: 0px; left:680px; z-index: 100;
}
div#pageBg div#header p{
	position: absolute; top: 2px; left:6px; z-index: 100;
}


/* div#title{
	width: 900px; margin: 0px auto; position: relative;
}
div#title div#tel{
	position: absolute; top: 0px; left:700px; z-index: 100;
} */

/*-----------------------------------------------------------
■[40]:フッター
------------------------------------------------------------*/
div#footer {
	width: 100%;
	height: 170px;
	background: url(/img/footer_bg.png) repeat-x top;
	padding: 82px 0px 30px 0px;
	color: #fff;
}

div#footer div.wrapper{ width: 910px; margin: 0 auto; color: #ffffcc;}
div#footer a:link {color: #ffffcc;; text-decoration: underline;}
div#footer a:visited {color: #ffffcc;; text-decoration: underline;}
div#footer a:active {color: #ffffcc; text-decoration: none;}
div#footer a:hover {color: #ffffcc; text-decoration: none;}

div#footer div.wrapper img{ display: block; margin: 0px 0px 5px 0px;}
div#footer div.wrapper .right{ text-align: right;}

div#footer div.wrapper p{
	margin: 23px 0px 0px 5px;
}
div#footer div.wrapper ul{
	width: 600px; clear: both; display: block; text-align: left; color: #d5f1ad;
}
div#footer div.wrapper  li{
	margin: 0px 0px 3px 0px;
}

div#footer div.wrapper .copyright{
	margin: 23px 0px 0px 0px;
}

div#footer div.wrapper div.staff{
	clear: both; text-align: left;
}
div#footer div.wrapper div.staff div.left{
	text-align: left; line-height: 140%;
}
div#footer div.wrapper div.staff img{
	display: block;  width: 126px; margin: 0px 5px 0px 0px;
}
/*-----------------------------------------------------------
■[50]:テーブル ex.メニューリスト
------------------------------------------------------------*/
table.menuList{
	/* width: 395px; */ background: url(/img/dot.gif) repeat-x top; margin: 0px 0px 30px;
}
table.menuList th{
	/* width: 295px; */ padding: 5px 0px 0px 5px; text-align: left;
}
table.menuList td{
	text-align: right; color: #690; padding: 5px 5px 0px 0px;
}
table.menuList th.odd, table.menuList td.odd{
	background: #eaeac6 url(/img/dot.gif) repeat-x bottom;
}
table.menuList th.even,table.menuList td.even{
	background: #ededd5 url(/img/dot.gif) repeat-x bottom;
}

/*-----------------------------------------------------------
■[60]:フッター各サービス
------------------------------------------------------------*/
div#footerService ul{
	width: 870px;	margin: 30px auto 20px; padding: 0px 0px 0px 15px;
}
div#footerService  li{
	float: left; width: 270px;
}
div#footerService  li img{
	margin: 0px; display: block;
}
div#footerService  li.default{
	display: none;
}
div#footerService  li.reserve{
	margin: 0px 20px 0px;
}

/* div#footerService li #Service2{
	width: 225px; height: 115px; margin: 0px auto; background: url(/img/footer_service.png) bottom; text-align: left; padding: 10px 15px 15px 30px; line-height: 150%;
} */
div#footerService li #Service2{
	width: 225px; height: 115px; margin: 0px auto; background: url(/img/footer_service.png) bottom; text-align: left; padding: 10px 15px 15px 30px; line-height: 150%; 
}
div#footerService li #Service2 p.x-small{
	color: #848484; margin: 5px 0px 0px 0px;
}

div#footerService li #Service3{
	width: 225px; height: 115px; margin: 0px auto; background: url(/img/footer_service.png) bottom; text-align: left; padding: 10px 15px 15px 30px; line-height: 150%;
}
div#footerService li #Service3 p.x-small{
	color: #848484; margin: 5px 0px 0px 0px;
}

div#footerService li #Service4{
	width: 225px; height: 115px; margin: 0px auto; background: url(/img/footer_service.png) bottom; text-align: left; padding: 10px 15px 15px 30px; line-height: 150%;
} 

/* div#footerService li #Service4{
	width: 225px; height: 115px; margin: 0px auto; background: url(/img/footer_service.png) bottom; text-align: left; padding: 10px 15px 15px 30px; line-height: 150%; 
}
div#footerService li #Service4 p.x-small{
	color: #848484; margin: 5px 0px 0px 0px;
} */