@charset "utf-8";
/* ----------------------------------------------------------------------------------
基本設定
---------------------------------------------------------------------------------- */
div#contentsAria {
	margin: 0px;
	width: 910px;
	padding: 0px;
	font-size: 12px;
	line-height: 20px;
	color: #6F6142;
	background-image: url(images/content_bg.gif);
}
div#contentsAria div#mainContentsWrapper {
	width: 900px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	background-image: url(images/common_background.jpg);
	background-repeat: repeat;
	background-position: left top;
	border: 1px solid #E0BB9C;
}
div.endBlock {
	margin: 0px;
	padding: 0px;
	clear: both;
}
div#contentsAria h3 {
	margin: 0px;
	padding: 0px;
}
div#contentsAria div,
div#contentsAria h4,
div#contentsAria h5,
div#contentsAria h6,
div#contentsAria p,
div#contentsAria table,
div#contentsAria th,
div#contentsAria td,
div#contentsAria ul,
div#contentsAria ol,
div#contentsAria li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#contentsAria a {
	text-decoration: none;
}
div#contentsAria p.ancPageTop {
	clear: both;
	height: 40px;
	width: 80px;
	background-image: none;
	background-repeat: no-repeat;
	padding-left: 820px;
}
div#contentsAria p.ancPageTop a {
	display: block;
	height: 40px;
	width: 80px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(images/common_anc_pageTop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#contentsAria p,
div#contentsAria dd {
	color: #6F6142;
}
div#contentsAria ul,
div#contentsAria li {
	list-style: none;
}



/* ----------------------------------------------------------------------------------
#####################################################################################
各ページ
#####################################################################################
---------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------
トップページ
---------------------------------------------------------------------------------- */

div#contentsAria	{}
div#contentsAria div#topHgroup ul	{
	padding-left: 15px;
}
div#contentsAria div#topHgroup li	{
	list-style: none;
	float: left;
	margin: 0;
	height: 400px;
}
div#contentsAria div#topHgroup h2	{
	clear: both;
	background-image: url(images/top_hgroup_bg.jpg);
	background-repeat: no-repeat;
	height: 114px;
	margin: 0;
		text-indent: -9999px;
	}

div#contentsAria #mainNav	{
	clear: both;
	height: 185px;	
	background-image: url(images/main_nav_bg.gif);
	background-repeat: no-repeat;
	}
div#contentsAria #mainNav ul	{
	list-style: none;
	padding-left: 30px;
	}
div#contentsAria #mainNav ul li	{
	float: left;
	height: 90px;
	}
div#contentsAria #mainNav ul li a	{
	display: block;
	height: 81px;
		text-indent: -9999px;
		text-decoration: none;
	background-image: url(images/top_nav.gif);
	}
div#contentsAria #mainNav ul li#topBobNav	{
	width: 435px;
	}
div#contentsAria #mainNav ul li#topBobNav a	{
	width: 420px;
	background-position: 0 0;
	}
div#contentsAria #mainNav ul li#topBobNav a:hover	{
	background-position: 0 bottom;
	}
div#contentsAria #mainNav ul li#topMediumNav	{
	width: 435px;
	background-position: -450px 0;
	}
div#contentsAria #mainNav ul li#topMediumNav a	{
	width: 420px;
	background-position: -450px 0;
	}
div#contentsAria #mainNav ul li#topMediumNav a:hover	{
	width: 420px;
	background-position: -450px bottom;
	}
div#contentsAria #mainNav ul li#topQandaNav	{
	width: 615px;
	}
div#contentsAria #mainNav ul li#topQandaNav a	{
	width: 600px;
	background-position: -900px 0;
	}
div#contentsAria #mainNav ul li#topQandaNav a:hover	{
	width: 600px;
	background-position: -900px bottom;
	}
div#contentsAria #mainNav ul li#topNextNav	{
	width: 255px;
	}
div#contentsAria #mainNav ul li#topNextNav a	{
	width: 235px;
	background-position: -1550px 0;
	}
div#contentsAria #mainNav ul li#topNextNav a:hover	{
	width: 235px;
	background-position: -1550px bottom;
	}

#gnaviSection	{
	clear: both;
	height: 245px;	
	background-image: url(images/gnavi_bg.jpg);
	background-repeat: no-repeat;
	}
#gnaviSection h3	{
	height: 85px;
		text-indent: -9999px;
	}
div#contentsAria #gnaviSection p	{
	height:  90px;
	width: 430px;
	padding-right: 30px;
	float: right;
	}
div#contentsAria #gnaviSection ul	{
	list-style: none;
	clear: both;
	}
div#contentsAria #gnaviSection ul li	{
	height: 90px;
	padding-left: 545px;
	}
div#contentsAria #gnaviSection ul li a	{
	display: block;
	height: 32px;
	width: 305px;
		text-indent: -9999px;
		text-decoration: none;
	background-image: url(images/information_nav.gif);
	background-position: -300px 0;
	}
div#contentsAria #gnaviSection ul li a:hover	{
	background-position: -300px bottom;
	}


/* ----------------------------------------------------------------------------------
haistyle common
---------------------------------------------------------------------------------- */
#weddingstyleLeftSection {
float: left;
height: 990px;
width: 340px;
}
#weddingstyleLeftSection h3 {
height: 130px;
width: 340px;
		text-indent: -9999px;
}


#weddingstyleRightSection {
float: left;
width: 340px;
height: 990px;
}
.fullbodyPht {
	float: left;
	padding: 0;
	margin: 0;
	width: 200px;
}
#stylistSection {
height: 130px;
}

#stylistSection dl {
margin: 0;
height: 105px;
		text-indent: -9999px;
}
#stylistSection ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#contentsAria #stylistSection li {
	float: right;
	width: 210px;
	height: 40px;
}
div#contentsAria #stylistSection  li a {
	display: block;
	height: 21px;
	width: 195px;
	text-indent: -9999px;
}
div#contentsAria #stylistSection  li a:hover {
	background-position: 0 bottom;
}
div#contentsAria #weddingstyleLeftSection p {
	font-size: 10px;
	line-height: 18px;
	padding: 0 0 0 20px;
	width: 180px;
	height: 100px;
}
#hirouenArticle dl {
	padding: 0;
	margin: 0;
	width: 260px;
	height: 530px;
	_height: 515px;
}
#hirouenArticle dt {
}
#hirouenArticle dd {
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 0 20px;
	margin: 0;
}
div#contentsAria #hirouenArticle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#contentsAria #hirouenArticle li {
	padding-left: 20px;
	height: 40px;
}
div#contentsAria #hirouenArticle li a {
	display: block;
	height: 21px;
	width: 195px;
		background-position: -200px 0;
	text-indent: -9999px;
}
div#contentsAria #hirouenArticle li a:hover {
		background-position: -200px bottom;
}
#kyoshikiArticle dl {
	padding: 0;
	margin: 0;
	width: 320px;
	height: 500px;
}
#kyoshikiArticle dt {
}
#kyoshikiArticle dd {
	height: 0px;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 0 20px;
	margin: 0;
}
#kyoshikiArticle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#contentsAria #kyoshikiArticle li {
	padding-left: 80px;
	height: 40px;
}
div#contentsAria #kyoshikiArticle li a {
	display: block;
	height: 21px;
	width: 195px;
		background-position: -200px 0;
	text-indent: -9999px;
}
div#contentsAria #kyoshikiArticle li a:hover {
		background-position: -200px bottom;
}
div#contentsAria #noneveilArticle p {
	height: 390px;
}

/* ----------------------------------------------------------------------------------
bob
---------------------------------------------------------------------------------- */

#bobstyleSection #weddingstyleLeftSection {
	background-image: url(images/bob_left_section_bg.jpg);
	background-repeat: no-repeat;
}

#bobstyleSection #weddingstyleRightSection {
	background-image: url(images/bob_right_section_bg.jpg);
	background-repeat: no-repeat;
}
div#contentsAria #bobstyleSection  #stylistSection  li a,
div#contentsAria #bobstyleSection #hirouenArticle li a,
div#contentsAria #bobstyleSection #kyoshikiArticle li a {
	background-image: url(images/bob_nav.gif);
	background-repeat: no-repeat;
}


/* ----------------------------------------------------------------------------------
medium
---------------------------------------------------------------------------------- */

#mediumstyleSection #weddingstyleLeftSection {
	background-image: url(images/medium_left_section_bg.jpg);
	background-repeat: no-repeat;
}

#mediumstyleSection #weddingstyleRightSection {
	background-image: url(images/medium_right_section_bg.jpg);
	background-repeat: no-repeat;
}
div#contentsAria #mediumstyleSection  #stylistSection  li a,
div#contentsAria #mediumstyleSection #hirouenArticle li a,
div#contentsAria #mediumstyleSection #kyoshikiArticle li a {
	background-image: url(images/medium_nav.gif);
	background-repeat: no-repeat;
}


/* ----------------------------------------------------------------------------------
Q&A
---------------------------------------------------------------------------------- */

#qandaHgroup {
	background-image: url(images/qanda_hgroup_bg.jpg);
	background-repeat: no-repeat;
	height: 205px;
}
#qandaHgroup h3 {
	height: 60px;
	text-indent: -9999px;
}
#qandaHgroup #stylistSection {
	width: 340px;
	padding-left: 290px;
}
#qandaHgroup #stylistSection li a {
	background-image: url(images/bob_nav.gif);
}
#qandaSection {
	background-image: url(images/qanda_section_bg.jpg);
	background-repeat: no-repeat;
	height: 690px;
}
#qandaSection .qandaArticle {
	width: 500px;
	margin: 0;
	padding: 36px 0 0 115px;
}
#qandaSection .qandaArticle dt {
	height: 64px;
	color: #ec9a9f;
	font-weight: bold;
}
#qandaSection .qandaArticle dd {
	height: 64px;
color: #6F6142;
}
#qandaBnr{
clear: both;
text-align: center;
}
#qandaBnr img{
margin: 2em 0;
}
#weddingplanSection {
	background-image: url(images/weddingplan_section_bg.jpg);
	background-repeat: no-repeat;
	height: 245px;
}
#weddingplanSection h3	{
height: 60px;
	text-indent: -9999px;
}

#weddingplanSection dl.article {
float: left;
width: 270px;
padding-left: 25px;
}
#weddingplanSection dl.article dt {
height: 60px;
	text-indent: -9999px;
}
#weddingplanSection dl.article dd {
color: #6F6142;
font-size: 12px;
line-height: 20px;
}


/* ----------------------------------------------------------------------------------
#####################################################################################
共通
#####################################################################################
---------------------------------------------------------------------------------- */

div#salonInformationSection	{
	width: 910px;
}
div#salonInformationSection .article h3	{
	height: 60px;
	text-indent: -9999px;
}
div#salonInformationSection .article h4	{
	height: 60px;
	text-indent: -9999px;
}
div#salonInformationSection .article .salondata	{
	height: 85px;
	width: 240px;
	float: right;
}
div#salonInformationSection .article dl	{
	clear: both;
	padding: 0;
	margin: 0;
	width: 210px;
}
div#salonInformationSection .article dt	{
	width: 40px;
	float: left;
	text-indent: -9999px;
}
div#salonInformationSection .article dd	{
	width: 160px;
	float: right;
	padding: 0;
	margin: 0;
}
div#salonInformationSection .article p {
	clear: both;
	padding: 0;
	margin: 0;
	height: 85px;
	width: 235px;
	float: right;
}
div#salonInformationSection .article p a {
	display: block;
	height: 32px;
	width: 205px;
	background-image: url(images/information_nav.gif);
}
div#salonInformationSection .article p a:hover {
	background-position: 0 bottom;
}
#salonInformationSection	{
	clear: both;
	width: ;
}
#salonInformationSection #beautriumArticle	{
	background-image: url(images/beautrium_article_bg.jpg);
	background-repeat: no-repeat;
	height: 256px;
	float: left;
	width: 455px;
}
#salonInformationSection #lazyArticle	{
	background-image: url(images/lazy_article_bg.jpg);
	background-repeat: no-repeat;
	height: 256px;
	float: right;
	width: 445px;
	padding-right: 10px;
}

#topHeadNav {
	clear: both;
	background-image: url(images/content_nav_bg.gif);
	background-repeat: no-repeat;
	width: 910px;
	height: 100px;
}
#topFootNav {
	clear: both;
	background-image: url(images/content_nav_bg.gif);
	background-repeat: no-repeat;
	width: 910px;
	height: 72px;
}
#topHeadNav h2,
#topFootNav h2 {
	width: 120px;
	float: left;
		text-indent: -9999px;
}
#topHeadNav ul,
#topFootNav ul {
	float: right;
	width: 595px;
}
#topHeadNav ul li,
#topFootNav ul li {
	margin-top: 15px;
	float: left;
	width: 166px;
}
#topHeadNav li#topHeadTopNav,
#topFootNav li#topFootTopNav {
	width: 85px;
	background-image: url(images/content_nav.gif);
}
#topHeadNav li a,
#topFootNav li a {
	display: block;
	height: 52px;
		text-indent: -9999px;
		text-decoration: none;
	background-image: url(images/content_nav.gif);
}
li#topHeadTopNav,
li#topHeadTopNav a,
li#topFootTopNav,
li#topFootTopNav a {
	width: 82px;
	background-position: 0px 0;
}
li#topHeadTopNav a:hover,
li#topFootTopNav a:hover {
	width: 82px;
	background-position: 0px bottom;
}
li#topHeadBobNav,
li#topHeadBobNav a,
li#topFootBobNav,
li#topFootBobNav a {
	width: 163px;
	background-position: -200px 0;
}
li#topHeadBobNav a:hover,
li#topFootBobNav a:hover {
	background-position: -200px bottom;
}
li#topHeadMediumNav,
li#topHeadMediumNav a,
li#topFootMediumNav,
li#topFootMediumNav a {
	width: 163px;
	background-position: -400px 0;
}
li#topHeadMediumNav a:hover,
li#topFootMediumNav a:hover {
	background-position: -400px bottom;
}
li#topHeadQandaNav,
li#topHeadQandaNav a,
li#topFootQandaNav,
li#topFootQandaNav a {
	width: 163px;
	background-position: -600px 0;
}
li#topHeadQandaNav a:hover,
li#topFootQandaNav a:hover {
	background-position: -600px bottom;
}

.pagePrevNextNav{
	list-style: none;
	padding-left: 30px;
	}
div#contentsAria .pagePrevNextNav li {
	height: 48px;
	background-image: url(images/prev_next_nav.gif);
}
div#contentsAria .pagePrevNextNav li a {
	display: block;
	height: 50px;
	width: 160px;
		text-indent: -9999px;
	background-image: url(images/prev_next_nav.gif);
}
#prevNav {
	float: left;
	width: 180px;
}

div#contentsAria #bobstyleSection .pagePrevNextNav li#prevNav,
div#contentsAria #bobstyleSection .pagePrevNextNav li#prevNav a {
	background-position: 0 0;
}

div#contentsAria #bobstyleSection .pagePrevNextNav li#prevNav a:hover {
	background-position: 0 bottom;
}
div#contentsAria #bobstyleSection .pagePrevNextNav li#nextNav,
div#contentsAria #bobstyleSection .pagePrevNextNav li#nextNav a {
	background-position: -200px 0;
}
div#contentsAria #bobstyleSection .pagePrevNextNav li#nextNav a:hover {
	background-position: -200px bottom;
}


div#contentsAria #mediumstyleSection .pagePrevNextNav li#prevNav,
div#contentsAria #mediumstyleSection .pagePrevNextNav li#prevNav a {
	background-position: -400px 0;
}

div#contentsAria #mediumstyleSection .pagePrevNextNav li#prevNav a:hover {
	background-position: -400px bottom;
}
div#contentsAria #mediumstyleSection .pagePrevNextNav li#nextNav,
div#contentsAria #mediumstyleSection .pagePrevNextNav li#nextNav a {
	background-position: -600px 0;
}
div#contentsAria #mediumstyleSection .pagePrevNextNav li#nextNav a:hover {
	background-position: -600px bottom;
}

div#contentsAria #qandaNav .pagePrevNextNav li#prevNav,
div#contentsAria #qandaNav .pagePrevNextNav li#prevNav a {
	background-position: -800px 0;
}

div#contentsAria #qandaNav .pagePrevNextNav li#prevNav a:hover {
	background-position: -800px bottom;
}
div#contentsAria #qandaNav .pagePrevNextNav li#nextNav,
div#contentsAria #qandaNav .pagePrevNextNav li#nextNav a {
	background-position: -1000px 0;
}
div#contentsAria #qandaNav .pagePrevNextNav li#nextNav a:hover {
	background-position: -1000px bottom;
}

#nextNav {
	float: right;
	width: 160px;
}