/*---------------------------------------------------------------------------/
-----------------------------------------------------------------------------/
 detailt.css
-----------------------------------------------------------------------------/
----------------------------------------------------------------------------*/

.subCon {display:inline; float:left; width:220px; margin-left:10px;}
.mainCon {display:inline; float:right; width:690px; margin-right:10px;}

.subCon .searchArea {width:220px; margin:0px; text-align:center; overflow:hidden;}
.subCon .searchArea h2 {width:220px; height:45px; text-align:left; font-size:18px; color:#FF9900; line-height:250%; text-indent:10px; background:url('../images/ttl_search.jpg') 0 0 no-repeat;}
.subCon .searchArea div.searchBox {width:220px; margin:0 auto; background:url('../images/img_searchback.jpg') 0 0 repeat-y; overflow:hidden;}
.subCon .searchArea div.searchBox dl {width:200px; margin:20px auto; text-align:left;}
.subCon .searchArea div.searchBox dl dt {width:200px; height:25px; font-size:15px; font-weight:bold; color:#FFFFFF; text-indent:10px; line-height:150%; background:url('../images/sttl_search.jpg') 0 0 no-repeat;}
.subCon .searchArea div.searchBox dl dd {padding:10px 0; margin:0 0 20px 0; border:1px solid #CCCCCC; background:#FFFFFF; text-align:center;}
.subCon .searchArea div.searchBox dl dd form {width:180px; margin:auto; text-align:center;}
.subCon .searchArea div.searchBox dl dd p {font-size:12px; font-weight:bold; background:url('../images/icon_graydisc.jpg') 0 0 no-repeat; margin:5px 0; padding-left:20px; text-align:left;}
.subCon .searchArea div.searchBox dl dd select {font-size:12px; margin:5px 0 5px 5px;}
.subCon .searchArea div.searchBox dl dd input.btn {margin-top:10px;}
.subCon span.end {display:block; width:220px; height:10px; background:url('../images/img_searchback_end.jpg') 0 0 no-repeat; overflow:hidden;}

.subCon .searchArea div.newsBox {width:220px; margin:0 auto; background:url('../images/img_searchback.jpg') 0 0 repeat-y; overflow:hidden;}
.subCon .searchArea div.newsBox ul {list-style-type:none; margin:10px 0 0 10px;}
.subCon .searchArea div.newsBox ul li {clear:both; width:210px; margin:10px 0 0 0;}
.subCon .searchArea div.newsBox ul li dl {width:210px; overflow:hidden;}
.subCon .searchArea div.newsBox ul li dl dt {float:left; width:50px; vertical-align:top;}
.subCon .searchArea div.newsBox ul li dl dd {float:right; width:140px; text-align:left;}

.subCon .adsArea {width:220px; margin:0px; text-align:center; overflow:hidden;}

.mainCon .shopPhtArea h3 {width:690px; height:25px; margin-bottom:10px; text-indent:10px; color:#666666; background:url('../images/ttl_h3.jpg') no-repeat 0 bottom;}

.mainCon .shopTtlArea {width:690px; height:90px; background:url('../images/detail/img_shopttlback.jpg') 0 0 no-repeat;}
.mainCon .shopTtlArea h3 {display:inline; float:left; font-size:20px; width:380px; height:25px; margin:15px 0 0 20px; color:#666666;}
.mainCon .shopTtlArea p.print {display:inline;  float:right; width:172px; height:27px; margin:15px 15px 15px 0 ; text-indent:-2000px; overflow:hidden;}
.mainCon .shopTtlArea p.print a {display:block; width:172px; height:27px; background:url('../images/detail/btn_print.jpg') 0 0 no-repeat;}
.mainCon .shopTtlArea p.condition {clear:both; width:680px; text-align:right;}

.mainCon .shopDataArea {width:690px; margin:20px 0 0 0;}
.mainCon .shopDataArea dl {width:690px; margin:5px auto 0 auto; text-align:left; overflow:hidden;}
.mainCon .shopDataArea dl dt {float:left; width:250px; height:202px; background:url('../images/detail/img_mainphtback.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dt img {display:block; width:240px; height:180px; margin:5px 0 0 5px;}
.mainCon .shopDataArea dl dt span.goAddr {background:url('../images/detail/img_star.jpg') 0 0 no-repeat; padding-left:20px;}
.mainCon .shopDataArea dl dd.data {float:right; width:420px;}
.mainCon .shopDataArea dl dd.data dl {width:400px; margin:5px 0;}
.mainCon .shopDataArea dl dd.data dl dt {float:left; width:40px; height:15px; background:url('../images/icon_add.jpg') 0 0 no-repeat; text-indent:-2000px;}
.mainCon .shopDataArea dl dd.data dl dt.add {background:url('../images/icon_add.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.tel {background:url('../images/icon_tel.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.time {background:url('../images/icon_time.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.holiday {background:url('../images/icon_holiday.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.note {background:url('../images/icon_note.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.price {background:url('../images/icon_price.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.p {background:url('../images/icon_p.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.lunch {background:url('../images/icon_lunch.jpg') 0 0 no-repeat;}
.mainCon .shopDataArea dl dd.data dl dt.hp {background:url('../images/icon_hp.jpg') 0 0 no-repeat;}

.mainCon .shopDataArea dl dd.data dl dd {float:right; width:350px; padding-top:4px;}
.mainCon .shopDataArea dl dd.data dl dd span.map {}

.mainCon .phtArea {width:690px;}
.mainCon .phtArea table.pht {width:690px; border-collapse:separate; border-spacing:0;}
.mainCon .phtArea table.pht td.phtBox {width:200px; height:165px; text-align:right; background:url('../images/detail/img_subphtback.jpg') 0 0 no-repeat;}
.mainCon .phtArea table.pht td.phtBox img {display:block; width:190px; height:143px; margin:5px 5px 10px 5px;}
.mainCon .phtArea table.pht td.phtBox span.caption {font-size:10px; text-align:right;}

.mainCon .phtArea table.pht td.phtBox2 {width:300px; height:240px; text-align:right; background:url('../images/detail/img_subphtback2.jpg') 0 0 no-repeat;}
.mainCon .phtArea table.pht td.phtBox2 img {display:block; width:290px; height:218px; margin:5px 5px 10px 5px;}
.mainCon .phtArea table.pht td.phtBox2 span.caption {font-size:10px; text-align:right;}

.mainCon .phtArea table.pht td.phtBox3 {width:410px; height:330px; text-align:right; background:url('../images/detail/img_subphtback3.jpg') 0 0 no-repeat;}
.mainCon .phtArea table.pht td.phtBox3 img {display:block; width:400px; height:300px; margin:5px 5px 10px 5px;}
.mainCon .phtArea table.pht td.phtBox3 span.caption {font-size:10px; text-align:right;}

.mainCon .phtArea table.pht td.nonPhtBox {width:200px; height:165px; text-align:right;}
.mainCon .commentArea {width:690px; margin:20px auto; font-size:15px; line-height:150%;}
.mainCon .commentArea img {vertical-align:bottom;}
.mainCon .commentArea p {padding:10px 0 10px 10px; border:1px solid #FF9900; overflow:hidden; background-color:#FFFFCC;}
.mainCon span.pageBack a {background:url('../images/icon_pageback.gif') 0 2px no-repeat; padding-left:20px;} 

.mainCon .closefArea {width:690px; margin:20px auto; font-size:15px; font-weight: bold; line-height:150%;}
.mainCon .closefArea p {padding:10px 0 10px 10px; border:1px solid #3333FF; overflow:hidden; background-color:#DDDDFF;}

.mainCon .closedArea {width:690px; margin:20px auto; font-size:15px; font-weight: bold; line-height:150%;}
.mainCon .closedArea p {padding:10px 0 10px 10px; border:1px solid #33DD33; overflow:hidden; background-color:#DDFFDD;}

.mainCon .mapArea {width:600px; margin:7px; background:#FFFFFF; }
.mainCon .printArea {width:690px; margin:15px auto;background:#F0F0F0; text-align: center; overflow:hidden;}
.mainCon .printArea p.print {display:inline; margin:15px 15px 15px 0; text-indent:-2000px; overflow:hidden;}
.mainCon .printArea p.print a {display:block; width:172px; height:27px; background:url('../images/detail/btn_print.jpg') 0 0 no-repeat;}

.mainCon .closeArea {width:690px; margin:15px auto; font-size:15px; line-height:150%; background:#E0E8FF; overflow:hidden;}
.mainCon .couponArea {width:690px; margin:15px auto; font-size:14px; line-height:150%; background:#FFFFFF; overflow:hidden;}
 

.mainCon .tabArea {border-right: #ccc 1px solid; padding-right: 4px; border-top: #ccc 1px solid; padding-left: 4px; float: left; padding-bottom: 4px; border-left: #ccc 1px solid; width: 50px; cursor: pointer; margin-right: 10px; padding-top: 4px; border-bottom: #ccc 0px solid; text-align: center}

/*--.mainCon .tabContentArea {width:690px; height: 160px; clear: both; border-right: #ccc 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; } --*/
.mainCon .resembleArea img {display:block; width:100px; height:100px;}
.mainCon .resembleArea span.caption {font-size:10px;}


.mainCon span.pageBack a {background:url('../images/icon_pageback.gif') 0 2px no-repeat; padding-left:20px;}