﻿@charset "utf-8";
/* FINESIS Inc. */

/*********** BODY ***********/

body {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-size: 12px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#5f6369;
	letter-spacing: 1px;
	line-height: 1.4;
	list-style: none;
	white-space: normal;
	background-color:#ffffff;
	background-image: url(images/bodybg.gif);
	background-repeat: repeat-x;
}

#tcontener {
	margin: 0 auto;
	padding: 0;
	width: 724px;
	text-align: left;
	border: none;
	clear:both;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 11px;
}

/*
a{ text-decoration:none;}
a:link{color:#2e5d9b;}
a:visited{color:#2e5d9b;}
a:hover{color:#856149;}
a:active{color:#e4daa7;}
*/

a:link, a:visited {
	color: #0096FF;
	text-decoration: none;
}

a:hover, a:active {
	color: #ff6000;
	text-decoration: none;
}

/*********** theader ***********/

#theader { 
	margin:0 auto;
	padding:0;
	width:724px;
	background-image: url(images/tittlebar.gif);
	height:79px;
	clear:both;
}

#theader h1 { 
	width: 200px;
	height: 79px;
	position: relative;
	left: 38px;
	float:left;
}

#tnavbar{ 
	margin:0 auto;
	padding:0;
	width:724px;
	height:30px;
	background-image: url(images/navbg.gif);
	clear:both;
}

ul#tnavb{ position:relative;
	left:19px;
	width:100%;
}

ul#tnavb li{ list-style:none;
	float:left;
	width:76px;
}

ul#tnavb a{ display:block;
	width:76px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
}

a:hover.salon{ float: left;
	background-image: url(images/bsalonh.gif);
}

a:hover.news{ float: left;
	background-image: url(images/bnewsh.gif);
}

a:hover.staff{ float: left;
	background-image: url(images/bstaffh.gif);
}

a:hover.menu{ float: left;
	background-image: url(images/bmenuh.gif);
}

a:hover.gallery{ float: left;
	background-image: url(images/bgalleryh.gif);
}

a:hover.campaign{ float: left;
	background-image: url(images/bcampaignh.gif);
}

a:hover.access{ float: left;
	background-image: url(images/baccessh.gif);
}

a:hover.reserve{ float: left;
	background-image: url(images/breserveh.gif);
}

a:hover.recruit{ float: left;
	background-image: url(images/brecruith.gif);
}

.talbum a:hover img { opacity: 0.7;
	filter:  alpha(opacity=70);
}

.talbum {font-size:80%;
	border:solid 1px;
	padding:1px;
	width:180px;
	text-align:center;
	margin:10px auto 10px auto;
	font-weight:bold;
}

.talbum img{display:block;
	margin:0 auto;
}

/*********** contents ***********/

#tcontents { 
	width: 724px;
	margin:0;
	background-image: url(images/bodyflamebg.gif);
	background-repeat: repeat-y;
	clear:both;
}

.title_mahogany { width:402px;
	height:31px;
	padding:5px 0 0 10px;
	font-size: 18px;
	font-weight:600;
	text-indent:2.5em;
	letter-spacing: 0.1em;
	color: #ffffff;
	background-image: url(images/bar1.gif);
	background-repeat: no-repeat;
	margin:15px 0 0 139px;
}

.title_underdot { font-weight:500;
	font-size:14px;
	background-image: url(images/icon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-indent: 1em;
	border-bottom:dashed 1px;
	width:600px;
	margin:5px 0 0 40px;
}

.title_gray { 
	width:80%;
	font-weight:800;
	margin:14px 0 10px 40px;
	font-size:14px;
	background-color:#cccccc;
	background-image:url(images/gra.gif);
	background-repeat:repeat-y;
	background-position:right;
	color:#ffffff;
}

.waku_st {background-image:url(images/snbase2.gif);
            width:130px;
            height:160px;
            background-repeat:no-repeat;
            margin:0px 26px 10px 0;
			text-align:center;
}

.waku_st h5{background-image:url(images/hasami.gif);
            background-repeat:no-repeat;
            background-position:left 48%;
            font-size:110%;
            margin:1px 0 2px 15px;
            width:100px;
            text-indent:0.5em;
            text-align:center;
            color:#ffffff;
}

.waku_as {background-image:url(images/snbase2.gif);
            width:130px;
            height:160px;
            background-repeat:no-repeat;
            margin:0px 26px 10px 0;
			text-align:center;
}

.waku_as h5{background-image:url(images/kushi.gif);
            background-repeat:no-repeat;
            background-position:left 48%;
            font-size:110%;
            margin:1px 0 2px 15px;
            width:100px;
            text-indent:0.5em;
            text-align:center;
            color:#ffffff;
}

#tfooter{ width:100%;
	height:100px;
	clear:both;
	background-image: url(images/footerbg.gif);
}

.box-left,

.box-right {
	overflow: hidden;
	height: auto;
}

.box-left img {
	float: left;
	margin: 0 15px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.box-right img {
	float: right;
	margin: 0 0 0 15px !important;
	padding: 0 !important;
	border: 0 !important;
}

.box-left p,

.box-right p {
	overflow: hidden;
	height: auto;
}

/*********** default styles ***********/

form, input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

table, p, ul, li {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: none;
	list-style:none;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

pre {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/************** class styles ***************/

.f_jp_go {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
}

.f_jp_got {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.f_jp_min {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.f_en_go {
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka;
}

.f_en_min {
	font-family: "Times New Roman", Times, serif;
}

.h10 {
	line-height: 1.0;
}

.h12 {
	line-height: 1.2;
}

.h16 {
	line-height: 1.6;
}

.h18 {
	line-height: 1.8;
}

.lsp00 {
	letter-spacing: 0px;
}

.lsp15 {
	letter-spacing: 1.5px;
}

.lsp20 {
	letter-spacing: 2px;
}

.feature {
	font-size: 80%;
}

.feature2 {
	font-size: 11px;
}

/*********** size ***********/

.f-jp {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.f-en {
	font-family:"Lucida Grande", Verdana, sans-serif, Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.red {
	color: #e93333;
}

.white {
	color: #ffffff;
}

.fineblue {
	color: #0096FF;
/*	color: #00a3f0;*/
}

.green {
	color: #00a3f0;
}

.orange {
	color: #FF6000;
}

.glay {
	color: #696969;
}

.black {
	color: #000000;
}

.charcoal {
	color: #bd4444;
}

.darkred {
	color: #e95555;
}

.mediumblue {
	color: #0072e6;
}

.mediumgreen {
	color: #23AC38;
}

.pink {
	color: #e05580;

}

.herbalgreen {
	color: #009496;
/*
#009496
#C8F4F0

CMYK
84
20
44
0

RGB
0
148
150
*/
}

/*********** LINKS ***********/

.linklookor a:link, .linklookor a:visited {
	color: #ff6000;
	text-decoration: underline;
}

.linklookor a:hover, .linklookor a:active {
	color: #dd0000;
	text-decoration: underline;
	background-color: #f0f0f0;
}


.linklookrd a:link, .linklookrd a:visited {
	color: #e90000;
	text-decoration: underline;
}

.linklookrd a:hover, .linklookrd a:active {
	color: #cc0000;
	text-decoration: underline;
	background-color: #f0f0f0;
}


.linklookgr a:link, .linklookgr a:visited {
	color: #00C000;
	text-decoration: underline;
}

.linklookgr a:hover, .linklookgr a:active {
	color: #ff6000;
	text-decoration: underline;
	background-color: #f0f0f0;
}


.linklookb a:link, .linklookb a:visited {
	color: #000000;
	text-decoration: underline;
}

.linklookb a:hover, .linklookb a:active {
	color: #d00000;
	text-decoration: underline;
	background-color: #f0f0f0;
}


.linklookw a:link, .linklookw a:visited {
	color: #ffffff;
}

.linklookw a:hover, .linklookw a:active {
	color: #d00000;
	text-decoration: underline;
	background-color: #f0f0f0;
}
