@charset "UTF-8";
/*
Theme Name: BAR Le Salon
Theme URL: http://www.mec-com.co.jp
Description: meccommunications
Author: Mec
Author URI: http://www.mec-com.co.jp
*/



/*全体の設定*/
* {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-weight: normal;
}
/*リンク画像の枠を消す、テキストのセンターに配置*/
img {
	border-width: 0px;
	vertical-align: middle;
}
body {
	font-family:"Verdana","ＭＳ Ｐゴシック", Osaka;
	color: #555555;
	font-size: 12px;
	line-height: 20px;
	text-align:center;
	background:#580000 url("back.jpg") center top no-repeat; 
}
table {
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
}
em{
	font-style:italic;
}
strong,strong span{
	font-weight: bold;
}
h2, h3{
	margin:0;
}
p{
	font-size: 12px;
	line-height: 20px;
	margin:0;
}

/*標準のリンク*/
a:link {
	color: #0033FF;
	text-decoration: none;
	outline:none;
}
a:visited {
	color: #0033FF;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
	outline:none;
}
a:active {
	color: #000099;
	text-decoration: underline;
	outline:none;
}


/* 左右分けレイアウト*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*レイアウト枠：全体の枠と横幅・背景色*/
#page {
	width: 920px;
	text-align: center;
	margin:0 auto;
}
/*--------------------------------------------ヘッダー*/
#header {
	margin: 0px auto;
	text-align: left;
	width: 920px;
}
/*ヘッダーロゴ*/
#header-logo{
	float: left;
	padding-top:45px;
}
/*グローバルナビ*/
#global-nav{
	float: right;
	padding-top:45px;
}
#global-nav li {
	float: left;
	margin-left:20px;
	margin-top:42px
}
/*--------------------------------------------コンテンツ*/
#contents {
	margin: 3px auto;
	text-align: left;
	width: 920px;
}
/* --------------------------------------------フッター*/
#footer {
	margin: 0px auto;
	width: 920px;
	text-align:justify;
	letter-spacing:1px;
	word-spacing:6px;
	color:#C2907C;
}
#footer p{
	font-size:10px;
	line-height: 15px
}
#footer p a{
	color:#FF9900;
	text-decoration:underline;
}
#footer p a:hover{
	text-decoration:none;
	color:#FFFF00;
}
#footer p#copyright{
	word-spacing:0;
}
/* --------------------------------------------top*/
#top {
	background:url(images/indeximg.jpg) no-repeat;
	height:380px;
	padding-left:460px;
}
#top div{
	width:400px;
	height:320px;
	overflow:auto;
	padding:30px;
	background:#000000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	color:#FFFFFF;
}
* html #top div{height:380px;width:460px}
*:first-child+html #top div{height:320px;width:400px;overflow:auto}
#top h2{
	font-size: 21px;
	line-height: 24px;
}
#top p{
	font-size: 12px;
	line-height: 18px;
	margin-top:8px;
}
#top li{
	font-size: 12px;
	line-height: 18px;
	margin:8px 0px 8px 20px;
	list-style-type:disc
}
#top li img{
	margin:5px 5px 0 0;
}
#top a{
	color:#FFFF33
}
/* --------------------------------------------profile*/
#profile {
	background:url(images/profile.jpg) no-repeat 80px 103px ;
	height:380px;
	font-size: 12px;
	line-height: 20px;
	color:#FFFFFF;
}
#profile p{
	padding-top:115px;
	padding-left:360px;
}
/* --------------------------------------------cocktailsothers*/
#cocktails{
	text-align:center;
	color:#FFFFFF;
}
/* --------------------------------------------access*/

/* --------------------------------------------privacy*/
#privacy {
	background:#000000;
	color:#CCCCCC;
	padding:30px 70px;
}
#privacy h2{
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
#privacy h2 strong{
	border-bottom:1px #CCCCCC solid;
}
#privacy h3{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding-top:25px;
}

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

/* --------------------------------------------mobile*/
#mobile {
	background:#000000;
	color:#CCCCCC;
	height:380px;
}
#mobile p{
	text-align:center;
	padding-top:100px;
}
#mobile p img{
	margin-top:20px;
}