@charset "euc-jp";

/*===================================================================
------------------
CSS Information
------------------
 Site URL :           http://www.restaurant-w.net/
 File name :          special.css http://www.restaurant-w.net/css/module/special.css
 Summary :            module styles
 Created :            2009-04-06 by yuko aono
 Last Update :        2010-07-20 by yuko aono
 Author :             yuko aono 
===================================================================*/
/*===================================================================
------------------
Table Of Contents
------------------
 01) .special
 02) .people
 03) .real
 04) .about
 05) .premium
 
 09) Clearfix
===================================================================*/
/*-------------------------------------------------------------------
 01) .special
-------------------------------------------------------------------*/
.special { padding: 15px 20px 0;}

.splist {}

.splist h2 { margin-bottom: 15px;}

.firstBox {
	width:686px;
	margin-bottom: 15px;
	background: transparent url(../../images/special/box_first_bg.gif) left bottom no-repeat;
}

.secondBox {
	width:686px;
	margin-bottom: 15px;
	background: transparent url(../../images/special/box_second_bg.gif) left bottom no-repeat;
}

.splist .design,
.splist .guest,
.splist .interview,
.splist .restaurant {
	width: 338px;
	padding-bottom: 5px;
}

.splist .design a { color: #ff6c00;}
.splist .guest a { color: #02a959;}
.splist .interview a { color: #ff6488;}
.splist .restaurant a { color: #aa8c4d;}

.splist dl {
	margin: 0 0 0 10px;
	width: 318px;
	line-height: 1.4;
}

.splist dt { float: left;}

.splist dd { float: right;}

.firstBox dd,
.designBox dd,
.guestBox dd { width: 180px;}

.splist .secondBox dd,
.interviewBox dd,
.restaurantBox dd { width: 240px;}

.splist dd h4 {
	font-weight: bold;
	margin-bottom: 0.7em;
}

.splist dd h4 a { text-decoration: underline;}
.splist dd h4 a:hover { text-decoration: none;}

.splist dd p {
	font-size: 80%;
	margin-bottom: 0.5em;
}

.splist .more { /* override */
	text-align: right;
	margin: 0 10px 10px 0;
}

.aboutArea { margin-bottom: 20px;}

.index {
	width: 686px;
	background: transparent url(../../images/special/special_box_bg.gif) left top repeat-y;
}

.index .realArea {
	margin: 10px -30px 0 15px;
	width: 690px;
	background: transparent url(../../images/special/bg_center_dot.gif) left top repeat-y;
}


.index .realArea dl {
	margin: 0 25px 15px 0;
	padding-bottom: 15px;
	width: 310px;
	float: left;
}

.index .realArea dl dt { 
	float: left;
	width: 53px;
}

.index .realArea dl dd {
	float: right;
	width: 230px;
}

.index .realArea dl h3 {
	font-weight: bold;
	margin-bottom: 0.7em;
}

.index .realArea dl p {
	font-size: 90%;
	line-height: 1.4;
}

.indexFoot {
	height: 4px;
	margin-bottom: 10px;
	background: transparent url(../../images/special/special_box_foot.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------------
 02) .people
-------------------------------------------------------------------*/
.people { padding: 15px 20px 20px 20px;}

.people .monthly {
	width: 686px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: transparent url(../../images/parts/dot_07.gif) left bottom repeat-x;
}

.people .monthImg {
	float: left;
	width: 167px;
}

.people .monthDatail{
	float: right;
	width: 500px;
}

.people .monthDatail h3{
	padding: 5px;
	margin-bottom: 10px;
	background: transparent url(../../images/parts/dot_06.gif) repeat;
	font-weight: bold;
	color: #b09253;
}

.people .monthDatail p {
	margin: 0 10px 10px 5px;
	line-height: 1.6;
}

.people .detaileArea {
	padding-top: 5px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	width: 686px;
	background: transparent url(../../images/parts/dot_07.gif) left bottom repeat-x;
}

.people .detaileArea .imgR {
	float: right;
	margin: 0 0 5px 25px;
}
.people .detaileArea .imgL {
	float: left;
	margin: 0 25px 5px 0;
}

.people .detaileArea h3 { margin-bottom: 5px;}

.people .detaileArea p {
	margin: 0 0 1em 10px;
	line-height: 1.6;
}

.people .mustItem {
	margin: 15px 0 30px;
	width :686px;
	padding-bottom: 10px;
	background-color: #f5f5f5;
}

.people .mustItem h3 { margin-bottom: 15px;}

.people .mustItem table {:;}

.people .mustItem td {
	width: 223px;
	text-align: center;
	border-right: 1px dotted #a7a7a7;
}

.people .mustItem td.last { border-right: 0;}

.people .mustItem td p{
	text-align: left;
	margin: 5px 40px 0;
}

.people .attention {
	margin-bottom: 30px;
	background: transparent url(../../images/special/people_attention_bg.gif) left bottom no-repeat;
}

.people .attention .attDetail {
	margin: 20px 0 0 15px;
	padding-bottom: 15px;
	width: 650px;
}

.people .attention .attImg {
	float: left;
	width: 192px;
}

.people .attention .attTxt {
	float: right;
	width: 440px;
}

.people .attention .attTxt h3 {
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	background: transparent url(../../images/icon/icon_dot03.gif) left top repeat-y;
}

.people .attention .attTxt h3 a { color: #b09253;}

.people .attention .attTxt h3 .place {
	font-size: 90%;
	line-height: 1.7;
	color: #535353;
}

.people .attention .attTxt p { line-height: 1.6;}


/*-------------------------------------------------------------------
 03) .real
-------------------------------------------------------------------*/
.real { padding: 0 0 20px 20px;}


/*-------------------------------------------------------------------
 04) .about
-------------------------------------------------------------------*/
.about { padding: 15px 20px;}

.about p {
	line-height: 1.5;
	margin-bottom: 0.6em;
	letter-spacing: 0.02em;
}

.about ul.footBanner {
	margin-left: 10px;
	width: 682px;
}

.about ul.footBanner li {
	float: left;
	width: 151px;
	margin-right: 18px;
}

.about ul.footBanner li img { vertical-align: bottom;}

.about .firstSection {
	margin: 0 0 25px 10px;
	width: 676px;
}

.about .firstSection .sectionL,
.about .firstSection .sectionR { width: 310px;}

.about .firstSection h2 { margin-bottom: 15px;}

.about .firstSection dl {
	width: 309px;
	margin-bottom: 11px;
	background: #fff3ec;
}

.about .firstSection dt {
	float: left;
	width: 70px;
}

.about .firstSection dd {
	width: 227px;
	line-height: 17px;
}

.about .firstSection dd a {
	margin-right: 5px;
	padding-right: 15px;
	background: transparent url(../../images/icon/icon_arrow05.gif) right center no-repeat;
	color: #666666;
}

.about .ranking .dotBlock { padding: 13px 18px 13px 16px; /* w652 */ }

.about .ranking .dotBlock .sectionL { width: 370px;}
.about .ranking .dotBlock .sectionR { width: 239px;}

.about .ranking .dotBlock p em { color: #ff6284;}

.about .secondSection {
	margin: 15px 0 0 10px;
	width: 676px;
}

.about .secondSection .sectionL,
.about .secondSection .sectionR { width: 308px;}

.about .secondSection p { margin: 10px 0 15px;}

.about .secondSection p span {
	display: block;
	margin-top: 12px;
}

.about .charm {
	margin-left: 10px;
	width: 676px;
}

.about .charm dl { margin-bottom: 15px;}

.about .charm dt {
	float: left;
	width: 64px;
}

.about .charm dd {
	float: right;
	width: 600px;
}

.about .charm dd h3 { margin: 10px 0;}

.about .edit {
	margin-left: 20px;
	min-height: 123px;
	width: 666px;
	background: transparent url(../../images/special/about_hensyu_bg.gif) left bottom no-repeat;
}

* html .about .edit { height: 123px;}

.about .edit p {
	margin: 10px 0 10px 33px;
	width: 550px;
	letter-spacing: 0.05em;
}

.report .sticking {
	margin: 0 0 0 5px;
	padding: 0;
	width: 716px;
	height: 270px;
	background: #fff4eb;
	overflow: auto;
}

* html .report .sticking { height: 270px;}

.report .sticking #reportDetail {
	overflow: none;
	white-space: nowrap;
	/*width: 2250px;*/
	_height: 230px;
	_white-space: normal;
	_overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
}

.report .sticking #reportDetail .voice {
	position: relative;
	margin: 10px 5px 10px 0;
	padding: 0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 179px;
	height: 210px;
	vertical-align: bottom;
	background: transparent url(../../images/report/report_stick_bg.gif) no-repeat;
	white-space: normal;
}

.report .sticking #reportDetail .voice > div.block {
	width: 179px;
	display: block;
}

.report .sticking #reportDetail .voice .voiceImg {
	margin: 14px 0 5px;
	text-align: center;
}

.report .sticking #reportDetail .voice p {
	font-size: 90%;
	line-height: 1.3;
	text-align: center;
}


.report .sticking #reportDetail .voice .vDate {}

.report .sticking #reportDetail .voice .vName {
	font-weight: bold;
	color: #f56363;
}

.report .sticking #reportDetail .voice .vPlace {}


.report .sticking #reportDetail .voice .reportTxt {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 179px;
	height: 210px;
	background: transparent url(../../images/report/report_stick_on_bg.gif) left top no-repeat;
	white-space: normal;
}

.report .sticking #reportDetail .voice .reportTxt p {
	padding: 15px;
	line-height: 1.4;
	text-align: left;
}


/*-------------------------------------------------------------------
 05) .premium
-------------------------------------------------------------------*/
.premium { padding: 15px 20px 0;}

.area {
	float: left;
	padding-bottom: 10px;
}

.tokyo,
.yokohama,
.kansai {
	width: 164px;
	margin-right: 14px;
	border-right: 1px dotted #ff9999;
}

.kyusyu { width: 148px;}

.area h3 { margin-bottom: 10px;}

.area .arealink { }

.area .arealink div {
	float: left;
	margin-right: 10px;
}

.area .arealink p {
	font-weight: bold;
	line-height: 55px;
}

.pretty { padding: 15px 20px 15px 30px;}

.pretty .pr1,
.pretty .pr2,
.pretty .pr3 { float: left;}

.pretty .pr1 {
	width: 207px;
	margin-right: 20px;
}
.pretty .pr2 {
	width: 240px;
	margin-right: 20px;
}

.pretty .pr2 h3 { margin-bottom: 10px;}

.pretty .pr2 h4 { margin: 0 0 7px 5px;}

.pretty .pr2 p { margin: 0 0 12px 5px;}

.pretty .pr3 {
	width: 180px;
	padding-bottom: 5px;
	background: #fff7f7 url(../../images/parts/info_pink_foot.gif) left bottom no-repeat;
}

.planName {
	position: relative;
	padding-bottom: 25px;
}

.planName .planImg {
	position: absolute;
	top: 0;
	right: 0;
}

/* -- second place --*/

.placeArea {
	padding-top: 12px;
	padding-bottom: 10px;
	margin-left: 15px;
	width: 658px;
	background: transparent url(../../images/parts/info_gold_foot.gif) right bottom no-repeat;
}

.place {
	background: transparent url(../../images/parts/info_gold_bg.gif) right top repeat-y;
}

.place .placeImg {
	float: left;
	width: 180px;
}

.place .placeTxt {
	float: left;
	width: 273px;
	line-height: 1.4;
}

.place .placeTxt h2 {
	padding-bottom: 2px;
	margin-bottom: 10px;
	background: transparent url(../../images/icon/icon_dot06.gif) left bottom repeat-x;
	font-size: 125%;
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #764710;
}

.place .placeTxt h2 span {
	display: block;
	margin-bottom: 2px;
	font-size: 70%;
	font-weight: normal;
	color: #777777;
}

.place .placeTxt h3 {
	margin-bottom: 12px;
	padding-left: 15px;
	background: transparent url(../../images/icon/icon_dot05.gif) left top repeat-y;
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #764710;
}

.place .placeTxt .placeList { margin-bottom: 10px;}

.place .placeTxt .placeList span {
	display: inline-block;
	padding: 1px 3px;
	margin: 0 5px 3px 0;
	background: #d62a33;
	color: #ffffff;
	font-size: 80%;
}


.place .placeTxt ul.placeTokuten {}

.place .placeTxt ul.placeTokuten li {
	min-height: 16px;
	padding-left: 45px;
	margin-bottom: 6px;
}

* html .place .placeTxt ul.placeTokuten li { height: 16px;}

.place .placeTxt ul.placeTokuten li.toku1 { background: transparent url(../../images/icon/icon_tokuten1.gif) left top no-repeat;}
.place .placeTxt ul.placeTokuten li.toku2 { background: transparent url(../../images/icon/icon_tokuten2.gif) left top no-repeat;}
.place .placeTxt ul.placeTokuten li.toku3 { background: transparent url(../../images/icon/icon_tokuten3.gif) left top no-repeat;}

.place .placeTxt ul.placeTokuten li.tokuSp {
	padding-left: 57px;
	color: #764710;
	font-weight: bold;
	background: transparent url(../../images/icon/icon_special.gif) left top no-repeat;
}

.place .placeTxt p { margin-bottom: 0.5em;}

.place .placeTxt p.end { margin-bottom: 25px;}

.place .placeTxt p a { color: #764710;}

.place .placeTxt .placeEntry { margin-bottom: 5px;}

.place .placeInfo {
	float: right;
	width: 187px;
	text-align: center;
}

.place .placeTxt .placeBtn { margin-top: 15px;}

.place .placeInfo h3 { margin-bottom: 8px;}

.place .placeInfo p.placeTel {
	margin-bottom: 0.3em;
	line-height: 1.4;
	font-weight: bold;
	font-size: 130%;
	color: #b90d15;
}

.place .placeInfo .placeTel span { font-size: 80%;}

.place .placeInfo p.placeData {
	margin-bottom: 1em;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-size: 80%;
	color: #764710;
}


.place .placeInfo .placeWeb {
	padding: 18px 0 10px;
	margin: 0 5px;
	background: transparent url(../../images/icon/icon_2line.gif) left top repeat-x;
}


/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.splist .firstBox:after,
.splist .secondBox:after,
.splist dl:after,
.index:after,
.index .realArea dl:after,
.people .monthly:after,
.people .detaileArea:after,
.people .attention .attDetail:after,
.about ul.footBanner:after,
.about .firstSection:after,
.about .firstSection dl:after,
.about .secondSection:after,
.about .charm dl:after,
.area .arealink:after,
.pretty:after,
.place:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.splist .firstBox,
.splist .secondBox,
.splist dl,
.index,
.index .realArea,
.index .realArea dl,
.people .monthly,
.people .detaileArea,
.people .attention .attDetail,
.about ul.footBanner,
.about .firstSection,
.about .firstSection dl,
.about .secondSection,
.about .charm dl,
.area .arealink,
.pretty,
.place { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html .splist .firstBox,
* html .splist .secondBox,
* html .splist dl,
* html .index,
* html .index .realArea,
* html .index .realArea dl,
* html .people .monthly,
* html .people .detaileArea,
* html .people .attention .attDetail,
* html .about ul.footBanner,
* html .about .firstSection,
* html .about .firstSection dl,
* html .about .secondSection,
* html .about .charm dl,
* html .area .arealink,
* html .pretty,
* html .place { height: 1%;}
.clearfix,
.splist .firstBox,
.splist .secondBox,
.splist dl,
.index,
.index .realArea,
.index .realArea dl,
.people .monthly,
.people .detaileArea,
.people .attention .attDetail,
.about ul.footBanner,
.about .firstSection:after,
.about .firstSection dl,
.about .secondSection,
.about .charm dl,
.area .arealink,
.pretty,
.place { display: block;}
/* MacIE5 */