/*reset
------------------------------------------------------------*/
html, body {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}

div, blockquote, p, pre, dt, dd {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

ul {
    padding-left: 0em;
    margin-left:1em;
}

ol {
    padding-left: 1em;
    margin-left:1em;
}
   
table, caption, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}

hr {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

form, fieldset, input, button, select, optgroup, option, textarea,
label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br,
ins, del, a, img, object {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: inherit;
    font-size: 100%;
}

/*��{�ݒ�
------------------------------------------------------------*/
body {
    background-color: #FFFFFF;
    background-image: url(image/common/bg_body.jpg);
    background-repeat: repeat;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
    font-size: 72.5%;
    color: #666666;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    margin: 0px auto;
}

a {
    color: #CC0000;
    text-decoration: none
}

a:hover {
    color: #FF0000;
    text-decoration: none
}

a:visited {
    color: #CC0000;
    text-decoration: none
}

img {
    border: none;
}

.picture-right {
    float: right;
    margin: 0px 10px 5px 5px;
    text-align:center;
    display:inline;
    font-size:0.9em;
}

.picture-left {
    float: left;
    margin: 0px 5px 5px 5px;
    text-align:center;
    display: inline;
    font-size:0.9em;
}

.picture-center {
    display: block;
    margin: 5px auto;
    text-align: center;
    font-size:0.9em;
}

strong {
    font-size: 1.1em;
	font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.text-red {
	color: #CC0000;
}

.paragraph {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 1.5em;
}   

.clear {
	clear:both;
}

.small {
	font-size: 0.85em;
	line-height: 1.2em;
}	

/*�X�g���N�`��
------------------------------------------------------------*/
#header {
    width: 900px;
    height: 116px;
	background-image:url(image/common/bg_header.jpg);
	background-repeat:no-repeat;
    background-color: #FFFFFF;
    margin: 0px auto;
    display: block;
    position:relative;
}   

#mainmenu {
    width: 900px;
    height: 42px;
    background-image: url(image/common/b_mainmenu.jpg);
    background-color: #FFFFFF;
    margin: 0px auto;
    display: block;
    position: relative;
}

#pagebody {
    width: 850px;
    min-height: 670px;
    background-color: #FFFFFF;
    padding: 20px 25px;
    margin: 0px auto;
    display: block;
    position: relative;
    overflow:auto;
}

.content_container {
	width:830px;
	margin: 0px 10px;
	display: block;
}

*html .content_container {
	width:830px;
	margin: 0px auto;
	display: block;
}	

.content_3c {
	width:276px;
	background-image:url(image/common/bg_container_3c.jpg);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	position:relative;
}

.content_3c div.top {
	width: 236px;
	margin:20px 20px 0px;
}
	
.content_3c div.bottom {
	width:276px;
	height:22px;
	background-image:url(image/common/bg_container_3c_bottom.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin: 0px;
}

.content_2c {
	width:415px;
	background-image:url(image/common/bg_container_2c.jpg);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	position:relative;
	display: block;
}

.content_2c div.top {
	width: 375px;
	padding:20px 20px 0px;
}
	
.content_2c div.bottom {
	width:415px;
	height:22px;
	background-image:url(image/common/bg_container_2c_bottom.jpg);
	background-repeat:no-repeat;
	padding:0px;
}

.content {
	width:830px;
	background-image:url(image/common/bg_container.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}

.content div.top {
	width: 790px;
	padding:20px 20px 0px;
}
	
.content div.bottom {
	width:830px;
	height:22px;
	background-image:url(image/common/bg_container_bottom.jpg);
	background-repeat:no-repeat;
	padding:0px;
}	

#footer {
    width: 850px;
    height: 50px;
    background-color: #FFFFFF;
	text-align: center;
    display: block;
    margin: 0px auto;
    padding: 10px 25px;
    position: relative;
    clear: both;
	border-top: solid 1px #999999;
}  

/*�w�b�_�[
------------------------------------------------------------*/
#header h1 a {
    width: 237px;
    height: 58px;
    text-indent: -1000em;
    display: block;
    position: absolute;
    left: 29px;
    top: 29px;
}

#header p#inquiry a {
    width: 165px;
    height: 24px;
    text-indent: -1000em;
    display: block;
    position: absolute;
    right: 21px;
    top: 66px;
}

/*���C�����j���[
------------------------------------------------------------*/
#mainmenu ul {
    margin: 0px;
    padding: 0px;
}   

#mainmenu li {
    font-size: 0.9em;
    line-height: 1em;
    margin: 0px;
    list-style-type: none;  
    float:left;
}

#mainmenu li a {
    background-image: url(image/common/b_mainmenu.jpg);
    height: 42px;
    text-indent: -1000em;
    text-decoration: none;
    display: block;
    margin-left:6px;
}

#mainmenu li.home a {   background-position: -46px 0px; width: 69px; margin-left: 46px;} 
#mainmenu li.menu a {  background-position: -216px 0px; width: 48px; margin-left: 101px;} 
#mainmenu li.gallery a { background-position: -365px 0px; width: 60px; margin-left:101px;} 
#mainmenu li.salon a {    background-position: -524px 0px; width: 42px; margin-left:99px;}
#mainmenu li.staff a {  background-position: -666px 0px; width: 47px; margin-left: 100px;}
#mainmenu li.blog a {  background-position: -817px 0px; width: 37px; margin-left: 104px;}

#mainmenu li.home a:hover {   background-position: -46px -42px;} 
#mainmenu li.menu a:hover {  background-position: -216px -42px;} 
#mainmenu li.gallery a:hover { background-position: -365px -42px;} 
#mainmenu li.salon a:hover {    background-position: -524px -42px;}
#mainmenu li.staff a:hover {  background-position: -666px -42px;}
#mainmenu li.blog a:hover {  background-position: -817px -42px;}

/*�C���f�b�N�X
------------------------------------------------------------*/
#indeximage {
    width: 830px;
	margin-bottom:10px;
}

#pagebody.index h2.menu {
	width:236px;
	height:43px;
	background-image: url(image/index/title_index_menu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	text-indent: -1000em;
	margin:0px auto 10px;
}   

#pagebody.index h2.gallery {
	width:236px;
	height:43px;
	background-image: url(image/index/title_index_gallery.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	text-indent: -1000em;
	margin:0px auto 10px;
}

#pagebody.index h2.salon {
	width:236px;
	height:43px;
	background-image: url(image/index/title_index_salon.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	text-indent: -1000em;
	margin:0px auto 10px;
}   

#pagebody.index h2.topics {
	width:236px;
	height:31px;
	background-image: url(image/index/title_index_topics.jpg);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-indent: -1000em;
	margin:0px auto 10px 0px;
}   

#pagebody.index h3 {
	color: #CC0000;
	font-size: 1.1em;
	font-weight: bold;
}     

#pagebody.index .post {
	width: 790px;
	margin-top:5px;
}	

#pagebody.index .entry {
	color: #333333;
	font-size: 0.9em;
	font-weight: normal;
} 

/*���j���[
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.menu h2 {
	width:75px;
	height:41px;
	background-image: url(image/menu/title_menu.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.menu h3.gelcoat {
	width:355px;
	height:77px;
	background-image: url(image/menu/title_menu_gelcoat.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 10px;
}

#pagebody.menu h3.geloff {
	width:355px;
	height:77px;
	background-image: url(image/menu/title_menu_geloff.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 10px;
}

#pagebody.menu h3.extention {
	width:355px;
	height:77px;
	background-image: url(image/menu/title_menu_extention.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 10px;
}

#pagebody.menu h3.maintenance {
	width:355px;
	height:77px;
	background-image: url(image/menu/title_menu_maintenance.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 10px;
}

#pagebody.menu h3.art {
	width:355px;
	height:77px;
	background-image: url(image/menu/title_menu_art.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 10px;
}

#pagebody.menu h3.polish {
	width:355px;
	height:77px;
	background-image: url(image/menu/title_menu_polish.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 10px;
}

#pagebody.menu table {
	width: 355px;
	margin:10px;
}	

#pagebody.menu table th {
	width: 190px;
	text-align:left;
	padding:5px;
	border-bottom: dotted 1px #999999;
}	

#pagebody.menu table td.number {
	width: 50px;
	padding:5px;
	border-bottom: dotted 1px #999999;
}	

#pagebody.menu table td.price {
	width: 50px;
	color:#CC0000;
	text-align:right;
	padding:5px;
	border-bottom: dotted 1px #999999;
}	

#pagebody.menu table td.reset {
	width: 340px;
	text-align:left;
	font-size:0.85em;
	line-height:1.2em;
	padding:5px;
	border-bottom: dotted 1px #999999;
}
    
/*�M�������[
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.gallery h2 {
	width:86px;
	height:42px;
	background-image: url(image/gallery/title_gallery.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.gallery .entry{
	width:760px;
	margin:20px 0px 0px 20px;
	display: block;
}	

#pagebody.gallery img{
	margin: 0px 10px 10px 0px;
	float:left;
}

#pagebody.gallery .ngg-gallery-thumbnail {
	width: 180px;
	height:135px;
	float:left;
	margin:0px 10px 10px 0px;
}

#pagebody.gallery .ngg-gallery-thumbnail img {
	margin:0px;
	float:none;
}

#lbCaption span {
	color: #CC0000;
}

/*�T����
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.salon h2 {
	width:86px;
	height:42px;
	background-image: url(image/salon/title_salon.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.salon p {
	line-height: 130%;
}	

#pagebody.salon p.nohea img {
	width:181px;
	height:44px;
	background-image: url(image/salon/p_salon_nohea.jpg);
	margin:20px 0px 10px;
}

#pagebody.salon .map {
	width: 292px;
	height:293px;
	background: url(image/salon/p_salon_map_base.jpg) no-repeat;
	padding: 17px;
	margin:0px 10px 0px 100px;
	float:left;
}
	
/*�X�^�b�t
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.staff h2 {
	width:95px;
	height:42px;
	background-image: url(image/staff/title_staff.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.staff p {
	line-height: 130%;
}

#pagebody.staff p.picture-left {
	margin-right: 20px;
}

#pagebody.staff p.name img {
	margin:5px 0px 20px;
}

/*���₢���킹
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.inquiry h2 {
	width:252px;
	height:42px;
	background-image: url(image/etc/title_inquiry.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.inquiry h3.reserve {
	width:790px;
	height:54px;
	background-image: url(image/etc/title_inquiry_reservation.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 0px 10px;
}	

#pagebody.inquiry h3.inquiry {
	width:790px;
	height:54px;
	background-image: url(image/etc/title_inquiry_inquiry.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 0px 10px;
}

#pagebody.inquiry h3.form {
	width:790px;
	height:54px;
	background-image: url(image/etc/title_inquiry_form.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin:0px 0px 10px;
}

#pagebody.inquiry table {
	width: 790px;
	margin:20px;
}	

#pagebody.inquiry table th {
	width: 190px;
	text-align:left;
	padding:5px;
	border-bottom: dotted 1px #999999;
}	

#pagebody.inquiry table td {
	width: auto;
	padding:5px;
	border-bottom: dotted 1px #999999;
}	

#pagebody.inquiry table td input, #pagebody.inquiry table td textarea {
	padding:3px;
	border:solid 1px #CCCCCC;
}	

/*�v���C�o�V�[�|���V�[
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.privacy h2 {
	width:276px;
	height:41px;
	background-image: url(image/etc/title_privacypolicy.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.privacy dt {
	font-size:1.2em;
	margin:10px auto 3px 0px;
	display:block;
}	

/*�v���C�o�V�[�|���V�[
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.link h2 {
	width:276px;
	height:41px;
	background-image: url(image/etc/title_link.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

/*�T�C�g�}�b�v
------------------------------------------------------------*/
/*�^�C�g��*/
#pagebody.sitemap h2 {
	width:146px;
	height:41px;
	background-image: url(image/etc/title_sitemap.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -1000em;
	margin-bottom:10px;
}

#pagebody.sitemap ul li {
	list-style: none;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 5px;
	display: block;
}

/*�t�b�^�[
------------------------------------------------------------*/
#footer p#copyright {
	width: 309px;
	height: 17px;
	background-image:url(image/common/p_footer_copyright.jpg);
	background-repeat: no-repeat;
	text-indent: -1000em;
	position: relative;
	display: block;
	margin: 0px auto 5px;
	clear:both;
	font-size:0.9em;
}

#footer ul {
	width: 263px;
	height: 11px;
	background-image: url(image/common/b_footer_menu.jpg);
	background-repeat:no-repeat;
	position: relative;
	list-style-type: none;
	margin: 5px auto;
	padding: 0px;
	display: block;
}

#footer ul li {
	height: 11px;
	text-indent: -1000em;
	display: block;
	font-size: 0.8em;
	line-height: 0.8em;
	float: left;
}

#footer ul li a {
	height: 11px;
	background-image: url(image/common/b_footer_menu.jpg);
	background-repeat:no-repeat;
	text-indent: -1000em;
	display: block;
	font-size: 0.8em;
	line-height: 0.8em;
}

#footer ul li.privacy a {width: 109px;	background-position: 0px 0px;}
#footer ul li.sitemap a {width: 66px;	background-position: -135px 0px; margin-left: 26px;}
#footer ul li.links a {width: 31px;	background-position: -232px 0px; margin-left: 31px;}