@charset "utf-8";
/* CSS Document */

/*
Site Name: Hair Salon Olive
Author: Kazuhiro Kinoshita
*/

/* font-size
-------------------------------------------------- *//*
 
12px * 84% -> 10px
12px * 92% -> 11px
12px * 100% -> 12px
12px * 109% -> 13px
12px * 117% -> 14px
12px * 125% -> 15px
12px * 134% -> 16px
12px * 142% -> 17px
12px * 150% -> 18px
12px * 159% -> 19px
12px * 167% -> 20px
12px * 175% -> 21px
12px * 184% -> 22px
12px * 192% -> 23px
12px * 200% -> 24px
12px * 209% -> 25px
12px * 217% -> 26px
 
13px * 77% -> 10px
13px * 85% -> 11px
13px * 93% -> 12px
13px * 100% -> 13px
13px * 108% -> 14px
13px * 116% -> 15px
13px * 124% -> 16px
13px * 131% -> 17px
13px * 139% -> 18px
13px * 147% -> 19px
13px * 154% -> 20px
13px * 162% -> 21px
13px * 170% -> 22px
13px * 177% -> 23px
13px * 185% -> 24px
13px * 193% -> 25px
13px * 200% -> 26px
 
14px * 72% -> 10px
14px * 79% -> 11px
14px * 86% -> 12px
14px * 93% -> 13px
14px * 100% -> 14px
14px * 108% -> 15px
14px * 115% -> 16px
14px * 122% -> 17px
14px * 129% -> 18px
14px * 136% -> 19px
14px * 143% -> 20px
14px * 150% -> 21px
14px * 158% -> 22px
14px * 165% -> 23px
14px * 172% -> 24px
14px * 179% -> 25px
14px * 186% -> 26px
 
15px * 67% -> 10px
15px * 74% -> 11px
15px * 80% -> 12px
15px * 87% -> 13px
15px * 94% -> 14px
15px * 100% -> 15px
15px * 107% -> 16px
15px * 114% -> 17px
15px * 120% -> 18px
15px * 127% -> 19px
15px * 134% -> 20px
15px * 140% -> 21px
15px * 147% -> 22px
15px * 154% -> 23px
15px * 160% -> 24px
15px * 167% -> 25px
15px * 174% -> 26px
 
16px * 63% -> 10px
16px * 69% -> 11px
16px * 75% -> 12px
16px * 82% -> 13px
16px * 88% -> 14px
16px * 94% -> 15px
16px * 100% -> 16px
16px * 107% -> 17px
16px * 113% -> 18px
16px * 119% -> 19px
16px * 125% -> 20px
16px * 132% -> 21px
16px * 138% -> 22px
16px * 144% -> 23px
16px * 150% -> 24px
16px * 157% -> 25px
16px * 163% -> 26px
 
-------------------------------------------------- */

/*===== CONTENTS ===========================================

A: デフォルト設定
B: レイアウト設定

　*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

A: デフォルト設定 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*===== リセット =================================*/
*{
margin:0;
padding:0;
color:#6f6b68;
}


/*===== ボディー＆ベース ===========================*/

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:normal;
font-size:12px;
margin: 0px;
padding: 0px;
background:url(../img/bgContents.jpg);
}


* html body {
	text-align: center;
}

body#topPage {
}

body#otherPage {
}

/* general params--------------------*/
p,pre, ul, ol, dl, dt, dd,div,h1,h2,h3,h4,h5,h6,div,
address, form, blockquote{
padding:0;/* margin&padding reset */
line-height: 2.2em;/* base line height */
text-align:left;
display: block;
margin:0;
}

li {
	list-style:none;
}

img {
border-style:none;
margin:0;
padding:0;
}

a:link {/*未訪問のリンク*/
    color:#000000;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#000000;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#000000;
    text-decoration:none;
}
a:active {/*クリック中*/
    color:#000000;
    text-decoration:none;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

B: レイアウト設定 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*===== wrapper ==========================================*/
#wrapperH {
	width:100%;
	margin:0 auto;
	background:url(../img/bgTop.png) center top repeat-x;
}


#wrapper {
	width:890px;
	margin:0 auto;
}

/*---ヘッダー----*/
#header {
	display:block;
	height:312px;
	position:relative;
	width:890px;
	margin:0 auto;
}

h1 {
	width:502px;
	height:45px;
	padding:73px 0 0 194px;
}

h2 {
	display:block;
	width:890px;
	text-align:center;
	font-size:84%;
	font-weight:bold;
	padding:9px 0 0 0;
}

#header .tell {
	position:absolute;
	top:20px;
	right:10px;
}
#header .contact {
	position:absolute;
	top:20px;
	right:114px;
}

/*ナビゲーション*/
#nav {
	margin:0;
	padding:0;
}

#nav li {
	margin:0;
	padding:50px 0 0 0;
	float:left;
}

/*---コンテンツ----*/
body#topPage #contentsBox {
	padding:10px 0 30px 2px;
}

/*トップの写真リスト*/
#boxList {
	margin:0;
}
#boxList li {
	padding:0 13px 13px 0;
	background:url(../img/bgBox.png) right bottom no-repeat;
	float:left;
	margin:2px 0 3px 0;
}
#boxList li dl {
	padding:14px;
	border:1px solid #e7e7e7;
	background:#FFF;
}
#boxList li dl dt {
}
#boxList li dl dd p.boxTxt {
	padding:15px 0 0 0;
}
#boxList li dl dd p.boxImg {
	width:100%;
	padding:15px 0 0 0;
	text-align:center;
}
.biggestBox {
	height:403px;
	width:576px;
}
.bigBox {
	height:403px;
	width:279px;
}
.normalBox {
	height:318px;
	width:279px;
}



/*下層ページ*/
body#otherPage #contentsBox {
	width:884px;
	background:#FFF url(../img/shodowRight.png) right top repeat-y;
	padding:0 6px 0 0;
}

body#otherPage #contentsBox #contentsBoxIn {
	width:778px;
	background:#FFF url(../img/contentsBar.jpg) center top no-repeat;
	padding:0 0 80px 0;
	border:1px solid #e7e7e7;
	padding:53px;
}	

.boxBottom {
	background:url(../img/shadowBottom.png) repeat-x;
	height:40px;
}
	

h3 {
	padding:0 0 30px 0;
	margin-bottom:30px;
}
h4 {
	padding:0 0 30px 0;
}

.block {
	margin-bottom:50px;
	position:relative;
}
.centerBox {
	text-align:center;
}

/*------- テーブル ver01 --------------------*/
table.contents_table {
border-collapse:separate;
border-spacing:1px 1px;
margin:0;
}

table.contents_table tr th {
padding:10px 18px;
width:140px;
}
table.contents_table tr td {
padding:10px 18px 10px 30px;
}

table.contents_table tr th {
background-color:#9f9894;
vertical-align:top;
text-align:left;
color:#fff;
font-weight:bold;
}

table.contents_table tr td {
vertical-align:top;
text-align:left;
}

.leftTable {
	position:absolute;
	top:70px;
	left:0px;
	width:340px;
}

.rightTable {
	position:absolute;
	top:70px;
	right:0px;
	width:350px;
}

.adjH {
	height:400px;
}


/*about*/
.map {
	border:1px solid #e7d6d1;
}



/*---フッター----*/
#footer {
	background:url(../img/bgFooter.png) center top repeat-x;
	height:198px;
	padding:7px 0 0 0;
	position:relative;
}

#footerIn {
	width:933px;
	padding:49px 0 0 0; 
	margin:0 auto;
	position:relative;
	background-color:#FFF;
}

#footerIn .tell {
	position:absolute;
	top:90px;
	left:0px;
}
#footerIn .contact {
	position:absolute;
	top:90px;
	left:110px;
}
#footerIn .bord01 {
	position:absolute;
	top:49px;
	right:0px;
}
#footerIn .bord02 {
	position:absolute;
	top:95px;
	right:0px;
}
#footerIn .copyLight {
	position:absolute;
	top:125px;
	left:0px;
}
#footer .pagetop {
	position: absolute;
	top: -75px;
	right: 42px;
}




/*画像のロールオーバー（透過）*/
.imgHover a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/*その他*/

.adjPadB {
	padding:10px 0 15px 0;
}

.adjCenter {
	text-align:center;
	padding:30px 0 20px 0;
}

.txtRed {
	color:#ff2400;
}

.txtBlue {
	color:#1b63e6;
	}



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

.clearfix {
  min-height: 1px;
}

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