@charset "EUC-JP";

/******************** katsura style ********************/

h2#katsuraHead {
	background-image: url(../katsura/images/page_head.jpg);
	background-repeat: no-repeat;
	width : 602px;
	height : 90px;
	text-indent:-5000px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
}

img {
	border:0px solid white;
}


/************************/
/****** h3 elements *****/
/************************/

h3 {
	background-repeat: no-repeat;
	width : 602px;
	height : 31px;
	text-indent:-5000px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
}

h3#katsuraTitleBar-1 {
	background-image: url(../katsura/images/page_title01.gif);
}

h3#katsuraTitleBar-2 {
	background-image: url(../katsura/images/page_title02.gif);
}

h3#katsuraTitleBar-3 {
	background-image: url(../katsura/images/page_title03.gif);
}

h3#katsuraTitleBar-4 {
	background-image: url(../katsura/images/page_title04.gif);
}

h3#katsuraTitleBar-5 {
	background-image: url(../katsura/images/page_title05.gif);
}

h3#katsuraTitleBar-7 {
	background-image: url(../katsura/images/page_title07.gif);
}


/* ----------------------------------------------------------- */

#catarogueBox {
	width: 538px;
	margin-left: 31px;
	/*border: solid 1px #f00;*/
}



/* ----------------------------------------------------------- */

dl#qa {
	background-image: url(../images/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 10px;
}

/****** shop elements *****/

dl#shop {
	float: left;
	background-image: url(../images/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 6px;
	margin-top:6px;
}

dl#shop img {
	float: right;
	margin-left:15px;
	margin-bottom:3px;
}

/****** beauty elements *****/

dl#beauty {
	background-image: url(../images/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 520px;
	margin-bottom: 10px;
}

table#price {
	width: 500px;
}

table#basic {
	width: 230px;
	margin-bottom: 5px;
}

table#basic th {
	background-color: #868de5;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

table#basic th.title {
	background: none;
	padding: 5px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

table#basic td {
	padding: 5px;
}

table#basic td.fat {
	font-weight: bold;




}

table#plan {
	width: 230px;
	margin-bottom: 5px;
	border: solid 1px #ccc;
}

table#plan th {
	background-color: #868de5;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

table#plan th.title {
	background: none;
	padding: 5px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

table#plan td {
	padding: 5px;
}

table#plan td.fat {
	font-weight: bold;
}










#catarogueTop {
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	/*border: solid 1px #f00;*/
}

#catarogueTop td {

}

#catarogueTop td.text {
	padding-bottom: 20px;
	text-align: right;
}

#catarogueTop td.coordinat {
	width: 220px;
	padding-top: 10px;
	text-align: right;
}


#stitle1 {
	background-image: url(../katsura/images/sub_title_bg01.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width : 520px;
	height : 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}


#stitle2 {
	background-image: url(../katsura/images/sub_title_bg02.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width : 520px;
	height : 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}


#stitle3 {
	background-image: url(../katsura/images/sub_title_bg03.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width : 520px;
	height : 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}


#stitle4 {
	background-image: url(../katsura/images/sub_title_bg04.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width : 520px;
	height : 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}

#use {
	clear:both;
	width:466px;
	margin: 0 auto 20px;
	font-size:10px;
	border:solid 1px #999999;
	padding:5px 20px;
}

#use dt {
	padding: 0px 0px 5px 0px;
	color: #5f668e;
	font-weight: bold;
	}

#use dd {
	margin-left:20px;
}


/******************** dress_ajax ********************/


#tab {
	float: left;
	background-image:url(../katsura/images/title_bg.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	width:538px;
	height:60px;
	margin-bottom:15px;
}

#tab li {
	float: left;
	width: 248px;
	height: 60px;
	margin-left:12px;
	_margin-left:6px;
	_margin-right:6px;
}

#tab li a {
	display: block;
	width: 248px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
}

#tab li a.dressBtn01 {
	background-image:url(../katsura/images/dress_btn01.jpg);
}

#tab li a.dressBtn02 {
	background-image:url(../katsura/images/dress_btn02.jpg);
}

#tab li.present a {
	background-position: 0px -60px;
}



.dressList {
	float:left;
	width:532px;
	padding: 0 0 14px 4px;
	_margin-left:-7px;
}

.dressList li {
	float:left;
	width:115px;
	margin:0 8px;
}

.dressList li p {
	text-align:center;
	font-size:10px;
	padding:6px 0 12px;
}




.thumImg {
	position: relative;
	margin: 0 auto;
	width:115px;
	height:115px;
}

.markPup {
	position: absolute;
	top:98px;
	right:0px;
	background-image:url(../katsura/images/mark_pup.png);
	background-repeat:no-repeat;
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( SizingMethod=scale, Src="images/mark_pup.png");
	width:17px;
	height:17px;
}


/******************** map ********************/

#mapDec{
	width: 520px;
	margin: auto;
	padding: 10px 0px;
	border: solid 1px #d0c68b;
	clear:both;
}

#mapDet {
	width: 500px;
	margin: auto;
}

#mapAdd {
	float:left;
	text-align:left;
}

#mapQr {
	width:110px;
	float:right;
	text-align:center;
	border:solid 1px #e0d8ac;
	padding:3px;
}

#mapQr img {
	margin:auto;
	display:block;
}

#mapAcc {
	margin:10px auto 20px;
	text-align:left;
	width:500px;
}

#mapAcc p {
	padding:3px;
	margin-bottom:6px;
	border-bottom:solid 1px #d0c68b;
	color:#d0c68b;
	font-weight:bold;
}

/******************** plan & voice ********************/

#bgImg {
	background-image: url(../lines/images/plan_bg.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

#planBg {
	width:517px;
	background-image: url(../lines/images/plan_img03.gif);
	background-repeat: repeat-y;
	margin-bottom:20px;
}

#panLead {
	font-weight: bold;
	/*
	background-image: url(../lines/images/plan_bar.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:25px;
	*/
	padding-bottom:10px;
	margin-top:20px;
	line-height:20px;
}

#panLead p {
	margin-left:10px;
}

#planName {
	font-size:14px;
	font-weight:bold;
	color:#5f668e;
	background-color:#e8e7fb;
	padding:4px;
}

#planTime {
	color:#5f668e;
}

#planDec {
	padding:10px 24px;
}

#voiceDec img {
	margin-bottom:12px;
}

#planDetails {
	margin:15px 0px 5px;
}

#people {
	font-size:12px;
	font-weight:bold;
}

#price {
	font-size:20px;
	font-weight:bold;
}

#planList {
	border:solid 1px #9792ec;
	padding:15px;
}

#planListT {
	width:99%;
}

#planListT td {
	padding:5px;
	width:33%;
}

#planListT img {
	float:left;
}



#voiceBgImg {
	width:602px;
	background-image:url(../lines/images/voice_bg.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

#voiceDec {
	padding:0px 30px;
}

#vName {
	width:112px;
	margin-right:25px;
	margin-bottom:5px;
}

#vName li {
	border-bottom:solid 1px #bab7f2;
	padding-bottom:3px;
	margin-bottom:4px;
}

#vName li span {
	font-size:0.9em;
	font-weight:bold;
}

#vName li#date {
	border-bottom: none;
	color:#9792ec;
}

#vTxt {
	line-height:1.3em;
	padding-bottom:12px;
}

#vTxt p {
	font-weight:bold;
	color:#5f668e;
}

#vTxt2 {
	line-height:1.3em;
	padding-top:12px;
	border-top:solid 1px #e6e6e6;
}

#vTxt2 p {
	font-weight:bold;
	color:#5f668e;
}

/* ¡¦EÆ¥á¥Ã¥»¡¼¥¡¦*/
.messageDec {
	padding:0 30px;
	text-align:right;
	vertical-align:middle;
}

.messageDec img {
	display:inline;
}

.message {
	line-height:1.3em;
	padding-top:12px;
	border-top:solid 1px #e6e6e6;
}

.message p {
	font-weight:bold;
	color:#5f668e;
}

.messageTxt {
	padding:6px 0;
	border-bottom:solid 1px #e6e6e6;
}

.messageName {
	margin-bottom:10px;
}

.massageDate {
	margin-top:2px;
	text-align:right;
}

.messageBtn {
	background-color:#f4f5fa;
	text-align:center;
	margin-top:10px;
}

.messageBtn img {
	display:inline;
	margin:10px 0;
}






.newVoice {
	background-color:#e3e3f1;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
}

.newVoice a {
	display: block;
	width: 368px;
	height: 33px;
	background-image:url(../katsura/images/new_voice.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
	margin:0 auto;
}

.newVoice a:hover {
	background-position: 0px -33px;

}