/* ======================== 目次 ==========================

	[01]:会社概要 / プライバシーポリシー
	[02]:お役立ちリンク集
	[03]:サロン案内
	[04]:サイトマップ
	[05]:Q&A
	[06]:先輩花嫁からのメッセージ

	
======================================================== */

/* ******************************** [01]:会社概要 / プライバシーポリシー *********************************** */
.BgTableTop		{ width: 100%; height: 40px; background:url(/info/img/company/bg_top.gif) no-repeat left top; }
.frameBox		{ width: 100%; background:url(/info/img/bg_line.gif) repeat-y left top; margin-bottom : 40px; }
.frameBox table tr th	{ padding:10px 0 10px 45px; color: #996633; font-weight: bold; vertical-align: top; background:url(/info/img/company/point.gif) no-repeat 30px 13px; }
.frameBox table tr td	{ padding: 10px 30px 10px 0; }
.frameBox table td.dotLine{ height: 1px; padding: 0px; background:url(/info/img/dotline.gif) no-repeat center bottom; }
table.companyTable	{ width: 100%; background:url(/info/img/company/bg_bottom1.gif) no-repeat left bottom; }

table.privacyTable	{ width: 100%; background:url(/info/img/company/bg_bottom2.gif) no-repeat left bottom; }
.frameBox table.privacyTable tr td		{ padding: 10px 20px 10px 30px; }
.frameBox table.privacyTable tr td span.tab1	{ display:block; padding-left: 10px; }
.frameBox table.privacyTable tr td span.tab2	{ display:block; padding-left: 20px; }


/* ******************************** [02]:お役立ちリンク集 *********************************** */

.GoldBox		{ width: 510px; background:url(/info/img/bg_line_gold.gif) repeat-y left top; padding: 0 30px 20px 30px; border-bottom: 3px solid #dfbf7e; }
.GoldBox p.linkText	{ text-align: center; padding-bottom: 10px; }
.GoldBox dl		{ float: left; }
.GoldBox dl dt		{ width: 60px; float: left; color: #996633; font-weight: bold; }
.GoldBox dl dd		{ width: 430px; float: left; }
.GoldBox img		{ margin: 0 0 10px 0; }

.GoldBox div{ width: 100%; color: #996633; font-weight: bold; padding: 10px 0; clear:both; }

.linkBox	{ width: 530px; float: left; margin: 30px 0; padding-left: 30px; }
.linkBox dl	{ width: 510px; float: left; padding: 8px 0; background:url(/info/img/dotline.gif) no-repeat center bottom; }
.linkBox dl dt	{ width: 200px; float: left; padding-left: 38px; background:url(/info/img/link_point.gif) no-repeat 10px 3px; }
.linkBox dl dd	{ width: 260px; float: right; }
.linkBox p	{ width: 530px; float: left; margin: 30px 0 0 0; }

/* ******************************** [03]:サロン案内 *********************************** */
.salonPhoto	{ width: 260px; float: left; }
.salonInfo	{ width: 290px; float: right; background:url(/info/img/salon/bg_info.gif) repeat-y left top; }
.salonInfo p	{ text-align: center; padding: 8px 0; background:url(/info/img/salon/info_dotline.gif) no-repeat center bottom; }
.salonInfo dl	{ width: 258px; float: left; background:url(/info/img/salon/info_dotline.gif) no-repeat center bottom; padding: 10px 16px; }
.salonInfo dl dt{ width: 100px; float: left; color: #996633; font-weight: bold; }
.salonInfo dl dd{ float: left; }
.bgInfoBottom	{ width: 290px;float: left; height: 8px; background:url(/info/img/salon/bg_info_bottom.gif) no-repeat center bottom; padding-top: 18px; }

.accessBox	{ width: 570px; float: left; }
.accessBox dl	{ width: 570px; float: left; }
.accessBox dl dt{ width: 300px; float: left; padding-bottom: 5px; }
.accessBox dl dt img{  display:block;}
.accessBox dl dd{ width: 250px; float: right; }
/* これ以降Mac IE 5のみに適用される \*//*/
.accessBox dl dd{ width: 220px; }
/* これ以降Mac IE 5以外にも適用される */ 
.accessBox dl dd span{ color: #996633; font-weight: bold; }
.accessBox div	{ float: left; color: #cc0000; }

.staffTitle	{ width: 570px; line-height: 36px; color: #fff; text-align: center; font-weight: bold; background:url(/info/img/salon/bg_staff_title.gif) no-repeat center bottom; margin-bottom : 10px;}
.staffBox	{ width: 570px; float: left; background:url(/info/img/bg_line.gif) repeat-y left top; }
.staffBox dl	{ width: 510px; float: left; background:url(/info/img/salon/bg_staff_top.gif) no-repeat left top; padding: 40px 30px 0 30px; }
/* これ以降Mac IE 5のみに適用される \*//*/
.staffBox dl{ width: 530px; padding: 40px 30px 0 30px;}
/* これ以降Mac IE 5以外にも適用される */ 
.staffBox dl dt	{ width: 181px; float: left; padding-bottom: 5px; display:inline; }
.staffBox dl dt img{  display:block;}
.staffBox dl dd	{ width: 313px; float: right; padding-bottom: 10px; display:inline; }
.staffBox dl dd p{ width: 313px; line-height: 36px; color: #996633; text-indent:45px; font-weight: bold; background:url(/info/img/salon/bg_staff_name.gif) no-repeat left top; margin-bottom : 10px; }
.staffBox div	{ float: left; padding: 12px 30px; background:url(/info/img/dotline.gif) no-repeat center top; }
.bgStaffBottom	{ width: 570px; height: 10px; float: left; background:url(/info/img/bg_bottom.gif) no-repeat center top; margin-bottom : 10px; }

.salonQr { margin:0 0 40px 0; padding:15px 0 0 0; border-top:1px dotted #ccc; }
.qrImage { width:99px; margin:0 0 0 10px; border:1px solid #ccc; }
.salonQr p { padding:0 0 0 10px; }

/* ******************************** [04]:サイトマップ *********************************** */
.GoldBoxTop{ float: left; width: 570px; height: 40px; background:url(/contact/img/bg_gold_top.gif) no-repeat left top; }
.SmapBox{ float: left;  }
.SmapBox div{ padding-left: 10px; margin-bottom : 5px;  margin-top : 16px;  color: #cc9933; font-weight: bold; background:url(/info/img/dotline_smap.gif) no-repeat left bottom; }
.SmapBox ul{ float: left; width: 510px;}
.SmapBox ul li{ float: left; width: 482px; padding: 0 0 5px 28px; background:url(/info/img/smap_point1.gif) no-repeat 10px 2px; }
.SmapBox ul li.sub2{ width: 468px; padding: 0 0 5px 42px; background:url(/info/img/smap_point1.gif) no-repeat 26px 2px; }
.SmapBox ul li.sub3{ width: 430px; padding: 0 0 5px 58px; background:url(/info/img/smap_point2.gif) no-repeat 42px 2px; }


/* ******************************** [05]:Q&A *********************************** */
.QaButon	{ width: 570px; float: left; }
.QaButon ul	{ float: left; margin-left : 20px; }
.QaButon ul li	{ float: left; margin-right : 2px; }
.qaTitle	{ clear:both; margin: 20px 0 10px 0; }
.BgQaTop	{ float: left; width: 100%; height: 40px; background:url(/info/img/company/bg_top.gif) no-repeat left top; }
.QaBox		{ float: left; width: 100%; padding-bottom: 10px; margin-bottom : 30px; background:url(/info/img/bg_bottom.gif) no-repeat center bottom;}
.QaBox dl	{ padding: 0 30px 10px 30px; background:url(/info/img/bg_line.gif) repeat-y left top; }
.QaBox dl dt	{ background:url(/info/img/qa/bg_qa_title.gif) no-repeat 0px 2px; padding: 3px 0 5px 25px; color: #996633; font-weight: bold; }
.QaBox dl dd	{ padding: 8px 0 10px 0; background:url(/info/img/qa/bg_qa_dotline.gif) no-repeat left top;}


/* ******************************** [06]:先輩花嫁からのメッセージ *********************************** */
.MessageList		{ float: left; width: 538px; background:url(/info/img/message/bg_list.gif) repeat-y left top; padding: 10px 16px; }
.MessageList dl		{ float: left;  width: 170px; margin-bottom : 6px; }
.MessageList dl.mr14	{ margin-right : 14px; }
.MessageList dl dt	{ float: left; width: 96px; }
.MessageList dl dd	{ float: right; width: 70px; }
.MessageList dl img	{ float: left; display:block; }
.MessageListBottom	{ width: 570px; height: 4px; float: left; background:url(/info/img/message/bg_list_bottom.gif) no-repeat center top; margin-bottom : 10px; }

.MessageTop		{ float: left; width: 100%; height: 50px; background:url(/info/img/message/bg_message_top.gif) no-repeat left top; }
.MessageBox		{ float: left; width: 510px; background:url(/info/img/message/bg_message.gif) repeat-y left top; padding: 10px 30px; }
.MessageBox p		{ background:url(/info/img/message/point.gif) no-repeat 254px 2px; color: #cc6600; font-weight: bold; }
.MessageBox span	{ line-height: 22px; background:url(/info/img/message/dotline.gif) no-repeat bottom right;  color: #cc6600; display:block; margin : 10px 0 6px 0; }
.MessageBox img		{ float: left; margin: 0 15px 10px 0; }
.MessageBottom		{ clear:both; width: 570px; background:url(/info/img/message/bg_message_bottom.gif) no-repeat left top; height: 12px;  }