/*　左側　*/

body{
font-family: "ＭＳ ゴシック",sans-serif; 
}


/* left_area.css */

input , p , h1 , h2 , h3 , ul , li , body{
margin:0;
padding:0;
}

.clear{
clear:both;
}

.wrap-Popup{
width:430px;
float:left;
border:solid 1px #CCCCCC;
padding-bottom:15px;
}


.wrap-Popup02{
width:540px;
float:left;
text-align:center;
border:1px solid #CCCCCC;
padding-bottom:15px;
}

.wrap-Popup03{
width:220px;
float:left;
text-align:center;
border:1px solid #a7d900;
padding-bottom:5px;
}

#txtarea_Search01{
width:350px;
margin-left:20px;
}

#txtarea_Search02{
width:250px;
}

#btn_Search02{
vertical-align:middle;
margin:0 0 0 10px;
}


#pupup-Header{
padding:5px 10px;
background-color:#f2ffc6;
overflow: hidden;
border-bottom:solid 1px #CCCCCC;
}

* html #pupup-Header{
height:38px;
}

#ttl-Search{
font-size:16px;
padding-top:5px;
font-weight:bold;
}




#ttl-Search02{
background:url(../img/ttl_search.gif) no-repeat;
margin:15px 20px;
height:24px;
width:501px;
font-size:16px;
font-size:2px;
text-indent:-9999px;
}

#btn-Page{
background:url(../img/btn_details.gif) no-repeat;
width:130px;
height:28px;
text-indent:-9999px;
margin-right:5px;
float:right;
}

#btn-Close a , #btn-Page a{
width:100%;
height:100%;
display:block;
}

#btn-Close{
background:url(../img/btn_close.gif) no-repeat;
width:63px;
height:28px;
text-indent:-9999px;
float:right;
}

.txt-error{
font-size:12px;
border-top:#CCCCCC dashed 1px;
margin-top:10px;
padding-top:15px;
padding-left:10px;
line-height:18px;
}

.txt-error span{
font-weight:bold;
}

.txt-Search , .txt-Search02 , .txt-Search03{
font-size:14px;
line-height:17px;
clear:both;
}

.txt-Search{
padding:10px;
font-weight:bold;
}

.txt-Search02{
padding:10px 20px;
}

.txt-Search03{
padding:0 20px;
text-align:left;

}

.txt-Search04{
padding:0 20px 15px 20px;
font-size:12px;
line-height:15px;
}

#error{
text-align:center;
}

#error span{
color:#CC0000;
font-size:14px;
font-weight:bold;
display:block;
margin-bottom:8px;
}

.wrap-List{
border-top: dashed 1px #000000;
padding:10px 0 0 20px;
width:410px;
float:left;
}

* html .wrap-List{
width:430px;
}

ul#popup-List{
font-size:14px;
line-height:17px;
list-style:none;
}

ul#popup-List li{
margin-top:10px;
}

.popup-List01{
float:left;
padding:0 20px 30px 0;
}

.popup-List02{
padding-left:20px;
}

.popup-List01 ul{
list-style:none;
}

#wrap-ShopName{
border-bottom: dashed 1px #c9c9c9;
padding:0 0 10px 20px;
width:410px;
}

* html #wrap-ShopName{
width:428px;
}

h3#shop-Name{
font-size:14px;
clear:both;
padding-top:10px;
}

#icon_Blank{
font-size:12px;
}

#btn-Homepage{
width:263px;
height:28px;
margin-left:20px;
background:url(../img/btn_homepage.gif) no-repeat;
}

#btn-Favorite001{
width:263px;
height:28px;
margin:5px 5px 0 20px;
float:left;
background:url(../img/btn_favorite001.gif) no-repeat;
}

* html #btn-Favorite001{
margin-left:10px;
}

#btn-Homepage a , #btn-Favorite001 a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
font-size:2px;
}

#confirmation{
float:left;
display:block;
margin-top:17px;
font-size:12px;
}

#wrap-Shopimg{
background:url(../img/shop_ph01.jpg) no-repeat;
height:57px;
padding-left:80px;
font-size:14px;
line-height:17px;
margin:15px 20px;
}


#wrap-Shopimg a{
font-size:12px;
display:block;
margin-top:5px;
}

#bg-Search{
background-color:#f2ffc6;
border:solid 1px #64aa00;
padding:10px 20px;
text-align:left;
font-size:14px;
width:460px;
margin:10px auto 0 auto;
}

* html #bg-Search{
width:500px;
}

#bg-Search input{
float:left;
margin:5px 0 13px 0;
padding:0;
width:250px;
}

/* html #bg-Search input{
margin-left:-10px;
}*/

#bg-Search span{
font-weight:bold;
}

#btn-Search001 , 
#btn-Search002 , 
#btn-Search003
{
width:181px;
height:30px;
margin:0px 0 0 5px;
text-indent:-9999px;
font-size:2px;
float:left;
}

#btn-Search001{background:url(../img/btn_search001.gif) no-repeat;}
#btn-Search002{background:url(../img/btn_search002.gif) no-repeat;}
#btn-Search003{background:url(../img/btn_search003.gif) no-repeat;}


#ttl_Favo{
background-color:#a7d900;
height:15px;
font-size:12px;
text-align:left;
margin:1px 1px 5px 1px;
padding:5px;
}

.wrap-Popup03 p{
text-align:left;
padding:2px 0 2px 16px;
margin-left:5px;
background-repeat:no-repeat;
font-size:12px;
}

#cion_Favo01{background-image:url(../img/icon_favo01.gif);}
#cion_Favo02{background-image:url(../img/icon_favo02.gif);}
#cion_Favo03{background-image:url(../img/icon_favo03.gif);}
#cion_Favo04{background-image:url(../img/icon_favo04.gif);}