@charset "utf-8";
/* CSS Document */


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

               idTotalShopPage

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

#idTotalShopPage #idShopLinks{
	width: 800px;
	height: 34px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	margin-bottom: 5px;
	background: url(../images/shop/title_frame.gif) no-repeat left 10px;}

#idContainer #idTotalShopPage #idShopLinks h1{
	padding-left: 8px;
	width: 240px;
	float: left;
	padding-top: 6px;
	margin-top: 0;}
#idShopLinks ul{
	float: right;
	padding-right: 25px;
	padding-top: 9px;}
#idShopLinks ul li{
	display: inline;
	line-height: 1.1;
	padding-left: 6px;
	padding-right: 5px;
	border-right: 1px solid #50a6d7;
	color: #50a6d7;}
#idShopLinks ul li a{
	text-decoration: underline;
	color: #50a6d7;}
#idShopLinks ul li.clLast{
	padding-right: 0;
	border-right: none;}




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

                 clShopInfo

-----------------------------------------------*/
.clShopInfo{
	background-color: #fef2f2;
	padding-left: 2px;
	width: 230px;
	padding-top: 7px;
	padding-bottom: 6px;
	float: left;
	margin-right: 22px;}
.clShopInfo strong{
	font-weight: bold;}
.clShopInfo h2{
	text-align: center;
	margin-bottom: 10px;}
.clShopInfo .clLogo{
	text-align: center;
	margin-bottom: 9px;
	height: 49px;}
.clShopInfo dl{
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;}
.clShopInfo dt.clPhoto{
	margin-bottom: 18px;}
.clShopInfo dd{
	line-height: 1.5;
	padding-left: 3px;}
.clShopInfo dd.clOpen{
	margin-bottom: 15px;}
.clShopInfo dd.clAccess{
	font-weight: bold;
	height: 3em;}
.clShopInfo ul{
	width: 220px;
	margin-left: 5px;}
.clShopInfo li.clMapButton{
	float: left;
	width: 70px;
	text-align: left;}
.clShopInfo li.clDetailButton{
	float: right;
	padding-top: 4px;
	width: 90px;
	text-align: right;}

/*-------------------------------------------------
                    idShop03
----------------------------------------------------*/
#idShop03{
	margin-right: 0;}
#idShop03 .clLogo img{
	padding-top: 15px;}




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

                 idSub04   idSub05

-----------------------------------------------------*/
#idShop04, #idShop05{
	margin-top: 45px;}
#idShop04 h2, #idShop05 h2{
	border-bottom: 1px solid #d8c8b9;
	padding-bottom: 2px;
	margin-bottom: 10px;}


/*----------------------------------------------------
                      idShop04
------------------------------------------------------*/
#idShop04{
	float: left;
	width: 370px;}
#idShop04 h2{
	width: 370px;}
#idShop04 dl{}
#idShop04 dt{
	float: right;
	padding-bottom: 10px;}
#idShop04 dd{
	float: left;
	line-height: 1.5;}
#idShop04 .clTextRight{
	width: 370px;
	float: none;
	clear: both;}



/*----------------------------------------------------
                      idShop05
------------------------------------------------------*/
#idShop05{
	float: right;
	width: 350px;}
#idShop05 h2{
	width: 350px;}
#idShop05 dt{
	line-height: 1.5;
	padding-bottom: 3px;}
#idShop05 dt strong{
	font-weight: bold;}
#idShop05 dd table{
	width: 100%;
	border: 1px solid #ccc;}
#idShop05 dd table th, #idShop05 dd table td{
	border: 1px solid #ccc;
	line-height: 1.5;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 2px;
	padding-bottom: 2px;}
#idShop05 dd table th{
	background-color: #eee;
	vertical-align: top;}




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

                   Shop Detail

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

#idShopBrief{
	background-color: #fef2f2;
	padding-left: 20px;
	padding-right: 15px;
	width: 705px;
	margin-bottom: 40px;}
#idShopBrief .clClear{
	width: 705px;
	border-bottom: 1px solid #fef2f2;}
#idShopBrief p#idAppeal{
	float: left;
	width: 300px;
	line-height: 1.5;
	padding-top: 10px;
	padding-bottom: 3px;}
#idShopBrief p#idAppeal strong{
	line-height: 1.5;}
#idShopBrief p#idAppeal img{
	float: right;
	vertical-align: baseline;
	padding-left: 5px;
	padding-top: 5px;}
#idShopInfomation{
	width: 385px;
	float: right;
	margin-top: 5px;
	background: url(../images/shop/map_center.gif) repeat-y left;}
#idShopInfomation dl{
	float: left;
	width: 206px;}
#idShopInfomation dl dl{
	float: none;}
#idShopInfomation dt{
	font-weight: bold;
	line-height: 1.5;}
#idShopInfomation dd{
	line-height: 1.5;}
#idShopInfomation dd em{
	font-weight: bold;}
#idSmallMap{
	float: right;}
#idShopInfoTop{
	background: url(../images/shop/map_top.gif) no-repeat left top;
	padding-top: 20px;
	padding-left: 23px;
	padding-right: 25px;}
#idShopInfoBottom{
	width: 385px;
	background: url(../images/shop/map_bottom.gif) no-repeat left bottom;
	height: 15px;
	clear: both;}

#idAppeal .clCodicil{
	font-size: 10px;
	display: block;
	clear: both;
	margin-top: 15px;
	padding-bottom: 6px;}
#idAppeal .clCodicil a{
	text-decoration: underline;}


#idSmile04AutoBank{}
#idSmile04AutoBank .clLeftBox{
	width: 330px;}
#idSmile04AutoBank .clRightBox{
	width: 343px;}
#idSmile04AutoBank .clRightBox img{
	position: static;
	right: 0;}



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



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

.clSmile{}
.clSmile h2{
	padding-bottom: 2px;
	border-bottom: 1px solid #eae1da;
	margin-bottom: 10px;}
.clSmile .clLeftBox{
	width: 505px;}
.clSmile .clLeftBox p{
	line-height: 1.5;
	margin-bottom: 15px;}
.clSmile .clRightBox{
	width: 225px;}
.clSmile .clRightBox img{
	position: relative;
	right: -7px;}