@charset "utf-8";

/* Wrap
---------------------------------------------*/
#wrap {
	width: 808px;
	position:  relative;
	margin: 0px auto;
	background: url(../02_wedding/images/content_back.gif) repeat-y left top;
}
/* --ClearFix-- */
#wrap:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #wrap {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* Side
-------------------------------*/
#wrap #contentHead {
	position: absolute;
	top: 0px;
	left: 7px;
}
#wrap #banner {
	position: absolute;
	top: 274px;
	left: 27px;
}
#wrap #banner h3 {
	margin-bottom: 10px;
}

#wrap #banner p {
	margin-bottom: 5px;
}


/* Content
-------------------------------*/
#content {
	position: relative;
	width: 535px;
	margin-left: 245px !important;
	margin-left /**/: 221px;
	text-align: left;
	padding-top: 39px;
}

/* Pagetop
-------------------------------*/
#content #pageTop {
	width:526px;
	margin-left: 4px;
	margin-bottom: 50px;
	text-align: right;
}



/*---------------------------------------------    
                 common End
---------------------------------------------*/


/* 01_shopguide
--------------------------------------*/
#guideHead { 
	width: 535px;
	height: 240px;
	margin-bottom: 25px;
	position: relative;
	background: url(../01_shop/images/head_image.jpg) no-repeat left top;
}
#guideHead h2 {
	position: absolute;
	top: 15px;
	left: 0px;
}
#guideHead p {
	position: absolute;
	top: 195px;
	left: 90px;
	font-weight: bold;
	line-height: 1.2;
	width: 440px;
}
/*-----------
     01
-----------*/
#guide01 {
	width: 526px;
	line-height: 1.2;
	position: relative;
	margin: 0px 0px 25px 4px;
}
#guide01 h3 {
	font-weight: bold;
	font-size: 95%;
	padding-left: 3px;
	padding-bottom: 10px;
	color: #707070;
}
#guide01 h3 span {
	font-size: 120%;
	font-weight: bold;
}
#guide01 p {
	width: 285px;
	padding-left: 3px;
}

#guide01 .address {
	padding-bottom: 10px;
}
#guide01 .course {
	font-size: 90%;
	padding-bottom: 20px;
}
#guide01 .entrance {
	position: absolute;
	top: 47px;
	right: -1px;
}
/*-----------
     02
-----------*/
#guide02 {
	position: relative;
	padding-bottom: 10px;
	margin: 0px 0px 0px 4px;
}
#ownerComment {
	line-height: 1.2;
	width: 350px;
	position: absolute;
	left: 153px;
	top: 61px;
}
#ownerComment ul {
	margin-top: 15px;
	font-size: 90%;
}




/* 02_wedding
--------------------------------------*/
#weddingHead { 
	width: 535px;
	height: 245px;
	margin-bottom: 20px;
	position: relative;
	background: url(../02_wedding/images/head_image.jpg) no-repeat left top;
}
#weddingHead h2 {
	position: absolute;
	top: 15px;
	left: 0px;
}
#weddingComment {
	position: absolute;
	top: 193px;
	left: 90px;
	line-height: 1.2;
	width: 470px;
}
#weddingComment h3 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 2px;
}
#weddingComment p {
	font-size: 85%;
}

/*-----------------
    reservation
-----------------*/
#reservation {
	position: relative;
	width: 526px;
	padding-bottom: 50px;
	margin: 0px 0px 25px 4px;
	background: url(../02_wedding/images/reservation_foot.gif) no-repeat left bottom;
}
#reservation #images {
	width: 221px;
	position: absolute;
	top: 41px;
	right: 0px;
}
#reservation h4 {
	margin-bottom: 3px;
}
#reservation p {
	width: 250px !important;
	width /**/: 270px;
	padding-left: 20px;
}
#reservation .textA {
	margin-bottom: 18px;
	background: url(../02_wedding/images/reservation_arrow.gif) no-repeat 0px 5px;
}
#reservation .textB {
	margin-bottom: 10px;
	background: url(../02_wedding/images/reservation_arrow.gif) no-repeat 0px 5px;
}
#reservation .textC {
	margin-bottom: 18px;
}
#reservation .textC span {
	font-size: 85%;
	font-weight: bold;
}
#reservation .textD {
	margin-bottom: 30px;
}

#reservationComment {
	position: absolute;
	bottom: 10px;
	right: -5px;
}

#workCollection {
	width:535px;  
	font-size: 90%;
	margin: 0px 0px 20px 4px;
	padding-bottom: 30px;
	background: url(../02_wedding/images/collection_foot.gif) no-repeat left bottom;

}
#workCollection table {
	font-size: 100%;
	line-height: 1.3;
	background: url(../02_wedding/images/collection_back.gif) repeat-y left top;
}
#workCollection h4 {
	font-size: 100%;
	padding: 7px 0px 0px 32px;
}

#workCollection .comment {
	text-align: justify;
	padding: 2px 2px 2px 4px;
	font-size: 90%;
	vertical-align: top;
	/*\*/
	letter-spacing: 0.06em;
	/**/
	
}




/* 03_school
--------------------------------------*/
#schoolHead {
	width: 535px;
	height: 245px;
	margin-bottom: 20px;
	position: relative;
	background: url(../03_school/images/head_image.jpg) no-repeat left top;
}
#schoolHead h2 {
	position: absolute;
	top: 15px;
	left: 0px;
}

#schoolHead #schoolComment {
	position: absolute;
	top: 193px;
	left: 90px;
	width: 425px;
	line-height: 1.2;
}
#schoolHead h3 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 2px;
}
#schoolHead p {
	font-size: 85%;
}

.schoolCourse {
	width: 526px;
	line-height: 1.2;
	padding-bottom: 12px;
	margin: 0px 0px 35px 4px;
	position: relative;
	background: url(../03_school/images/line.gif) no-repeat left bottom;
}
.schoolCourse:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .schoolCourse {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.schoolCourseComment {
	width: 400px;
	position: absolute;
	left: 3px;
}
.schoolCourseComment p {
	margin-top: 7px;
}
.schoolCourse h3 {
	font-size: 105%;
	font-weight: bold;
	margin: 13px 0px 5px 0px;
}
.schoolCourse .hobby   {color: #7C5E8C;}
.schoolCourse .regular {color: #AC7788;}
.schoolCourse .test    {color: #778563;}

.schoolCourseImage {
	margin: 7px 0px 15px 415px;
	width: 105px;
}

/*-----------
    table
-----------*/
.schedule{
	width:535px;  
	font-size: 90%;
	margin: 0px 0px 35px 4px;
}
.schedule p{
	margin:10px 0px 5px 0px;
	padding-left: 3px;
}
.schedule table{
	font-size: 90%;
	margin-left: 2px;
	width:520px;
	border-top: 1px solid #F3C6C5;
	border-left: 3px solid #F3C6C5;
	border-right: none;
	border-bottom: none;
	text-align:center;
}
.schedule th{
	padding: 10px 0px 10px;
	font-style: normal;
	font-weight: normal;
	border-right: 1px solid #F3C6C5;
	border-bottom: 1px solid #F3C6C5;
	border-top: none;
	border-left: none;
	background: url(../03_school/images/table_back01.gif) repeat left top;
}
.tableHead {
	width: 80px;
}
.schedule td{
	padding: 10px 0px 10px;
	border-right: 1px solid #F3C6C5;
	border-bottom: 1px solid #F3C6C5;
	border-top: none;
	border-left: none;
	background: url(../03_school/images/table_back02.gif) repeat left top;
}





/* 04_lecture
--------------------------------------*/
#lectureHead {
	width: 535px;
	height: 240px;
	margin-bottom: 25px;
	position: relative;
	background: url(../04_lecture/images/head_image.jpg) no-repeat left top;
}
#lectureHead h2 {
	position: absolute;
	top: 15px;
	left: 0px;
}
#lectureHead p {
	position: absolute;
	top: 193px;
	left: 90px;
	width: 425px;
	font-weight: bold;
	line-height: 1.2;
}

/*-------------
    reserve
-------------*/
#reserve {
	position: relative;
	width: 526px;
	padding-bottom: 50px;
	margin: 0px 0px 25px 4px;
	background: url(../04_lecture/images/lecture_foot.gif) no-repeat left bottom;
}
#reserveImages {
	position: absolute;
	width: 220px;
	top: 41px;
	right: 0px;
}
#reserve h3{
	margin-bottom: 3px;
}
#reserve p {
	margin-bottom: 18px;
	padding-left: 20px;
}
#reserve .flowA {
	background: url(../04_lecture/images/lecture_arrow.gif) no-repeat left center;
}
.reserveComment {
	position: absolute;
	bottom: -10px;
	right: -5px;
}

/*-------------
    glass
-------------*/
#glassArt{
	position: relative;
	width: 526px;
	padding-bottom: 50px;
	margin: 0px 0px 25px 4px;
	background: url(../04_lecture/images/lecture_foot.gif) no-repeat left bottom;
	text-align: justify;
}
#glassArt h3{
	font-size:110%;
	font-weight:bold;
	color: #e87f8e;
	padding-left: 3px;
}
#glassArt .glassComment {
	width: 300px;
	padding-left: 3px;
}
#glassArt .callMe{
	font-size:100%;
	font-weight:bold;
	font-style:normal;
	padding:10px 0px 40px 3px;
}
#glassArt h4 {
	color: #C8635E;
	font-size:105%;
	font-weight: bold;
	padding-left: 3px;
}
#glassArt .footCommnet {
	text-align: right;
	font-size: 95%;
}

#glassArt #glassImages {
	position: absolute;
	top: -7px;
	right: 0px;
}

/*-------------
    scenery
-------------*/
#lectureScenery {
	position: relative;
	width: 526px;
	margin: 0px 0px 20px 4px;
	background: url(../04_lecture/images/scenery_back.gif) repeat-y left center;
	text-align: justify;
}
#lectureScenery h3 {
	font-size: 95%;
	padding-left: 32px;
}
#lectureScenery h3 span {
	font-size: 85%;
	padding-left: 20px;
}

#lectureScenery .imageComment{
	text-align: center;
	padding: 3px 0px;
	font-size: 80%;
}
#lectureScenery table {
	margin-bottom: 20px;
}


#lectureScenery h4 {
	padding: 0px 0px 5px 32px;
	font-size: 100%;
}

#lectureScenery dl {
	padding: 0px 0px 30px 32px;
	line-height: 1.1;
}
#lectureScenery dt {
	float: left;
	clear: left;
	padding-bottom: 7px;
}
#lectureScenery dd {
	padding-right: 30px;
	margin-left: 105px;
	padding-bottom: 7px;
}

#lectureScenery #other {
	text-align: left;
}
#lectureScenery #other dt {
	float: left;
	clear: left;
	padding-bottom: 5px;
}
#lectureScenery #other dd {
	padding-right: 25px;
	margin-left: 200px;
	padding-bottom: 5px;
	font-size: 90%;
}




/* 05_Display
--------------------------------------*/
#displayHead {
	width: 535px;
	height: 245px;
	margin-bottom: 20px;
	position: relative;
	background: url(../05_display/images/head_image.jpg) no-repeat left top;
}
#displayHead h2 {
	position: absolute;
	top: 15px;
	left: 0px;
}

#displayHead #displayComment {
	position: absolute;
	top: 193px;
	left: 90px;
	width: 425px;
	line-height: 1.2;
}
#displayHead h3 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 2px;
}
#displayHead p {
	font-size: 85%;
}

/*-------------
   recommend
-------------*/
#recommend {
	position: relative;
	width: 526px;
	padding-bottom: 50px;
	margin: 0px 0px 50px 4px;
	background: url(../05_display/images/Recommend_line.gif) no-repeat left bottom;
}
#recommend h3 {
	width: 270px;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 3px;
}
#recommend .recommendComment {
	width: 270px;
	margin-bottom: 60px;
	text-align: justify;
	padding-left: 3px;
}
#recommend .recommendCommentFoot {
	position: absolute;
	bottom: 10px;
	right: -5px;
}
#recommendImages {
	position: absolute;
	width: 220px;
	top: 41px;
	right: 0px;
}
/*-------------
   display
-------------*/
#display {
	position: relative;
	width: 526px;
	margin: 0px 0px 20px 4px;
	padding-bottom: 50px;
	text-align: justify;
	font-size: 90%;
	background: url(../05_display/images/display_foot.gif) no-repeat left bottom;
}
#display h3 {
	font-size: 100%;
	padding: 7px 0px 0px 32px;
}
#display .imageComment {
	text-align: right;
	font-size: 90%;
	padding: 7px 32px 0px 0px;
}

#display table {
	font-size: 100%;
	line-height: 1.3;
	background: url(../05_display/images/display_back.gif) repeat-y left center;
}

#display .comment {
	text-align: center;
	padding: 2px 2px 2px 4px;
	font-size: 90%;
	vertical-align: top;
	/*\*/
	letter-spacing: 0.06em;
	/**/	
}