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

	common

--------------------------------------------------------------------*/
/* UNIVERSAL RESET */
* {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin:0;
}

/* BASIC ELEMENTS */
html, body {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  font-size: 100%;
  color:#333333;
  background-color:#D9D9D9;
}


h1, h2, h3, h4, h5, h6, address {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
 
table, caption, th, td {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

hr {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  padding: 0;
  font-size: 100%;
  display:none;
}

iframe {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

span, em, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object {
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: inherit;
  font-size: 100%;
}

a { text-decoration:none; color:#000000; }
a:link { text-decoration:none; color: #000000; }
a:visited { text-decoration:none; color: #666666; }
a:hover { text-decoration:underline; color: #666666; }
a:active { text-decoration:underline; color: #666666; }


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

	main contents

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

body > #container { height:auto; }

#container { width:1000px; margin:auto; min-height:100%; background-color:#FFFFFF }

/* copyright */
#copy { height:25px; margin-right:10px; text-align:center; font-size:65%; padding-top:10px}

/* select menu */
#select { }

/* header */
#header { width:1000px; height:101px; clear:left; }
.logo-ysp { width:255px; height:81px; float:left; background:url(../img/ysp-logo.jpg) no-repeat; text-indent:-9999px; }
.logo-ysp a {display:block; width:255px; height:81px;}
.title-bg { width:725px; background:url(../img/title-bg2.jpg) repeat-x; height:81px; float:left; padding-left:20px}
.title-bg h1 { float:left; }
.title-bg h2 { float:right; padding:23px 10px 0 0; color:#fff; font-size:75%; }
.h-bottom { width:1000px; height:20px; background:url(../img/h-bottom.jpg) repeat-x; clear:both; }

/* center body */
#centerbody { clear:both; padding: 18px 10px 0px 10px; }
.centerbody-inner { padding:8px 20px 0 20px; clear:left;}
#center-box { background:url(../img/box_bg.gif) repeat-x; clear:left;}

/* fotter */
#close { text-align:center; padding:10px 0 20px 0; font-size:75%; border-bottom:1px solid #cccccc; clear:both; }
.pagetop { width:100px; background:url(../img/pagetop.gif) no-repeat left center; padding:2px 13px 0 10px; clear:both; font-size:70%; color:#666666; float:right; }


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

	shoplist index

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

h5 { border-bottom:4px solid #CCCCCC; font-size:100%; height:100%; padding:4px 0px 4px 4px; clear:left; font-weight:bold; color:#000; }

.select h3 { width:121px; height:19px; background:url(../../img/h3_01.gif) no-repeat; text-indent:-9999px; padding:0 0 13px 0;}
.select { float:left; padding:0 0 0 12px;}
.select-goods { background:url(../img/icon_search.gif) no-repeat left center; padding:0 0 0 20px;font-size:75%;}
#goods-img { width:432px; height:66px; background:url(../img/img_shopimg.jpg) no-repeat; float:right; text-indent:-9999px; margin:0 13px 15px 0;}

#search-area { padding:30px 20px 0 12px; clear:left; background:url(../img/box_bg.gif) repeat-x; font-size:75%;}
#area-l { float:left; }
.area { background:url(../img/icon_search.gif) no-repeat left center; padding:0 0 0 20px; }
#area-l h3 { width:137px; height:19px; background:url(../../img/h3_02.gif) no-repeat; text-indent:-9999px; padding:0 0 13px 5px;}

#area-r { float:right; width:610px; }
#area-r  h3 { width:106px; height:19px; background:url(../../img/h3_03.gif) no-repeat; text-indent:-9999px; padding:0 0 35px 0; }


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

	shoplist area

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

#picup { width:450px;}
#picup h3 { width:176px; height:16px; background:url(../img/area_h2_01.gif) no-repeat left center; text-indent:-9999px; float:left; margin:5px 0 0 0; }
#picup-btn { width:162px; height:27px; background:url(../img/area_btn_01.gif) no-repeat; text-indent:-9999px; float:right; margin:0 0 5px 0; }
#picup-btn a {display:block; width:162px; height:27px; text-indent:-9999px; }
#picup-box { clear:both; width:432px; border:3px solid #CCCCCC; padding:6px; }
#picup-box img { vertical-align:bottom; border-right:1px solid #CCCCCC; padding:0 10px 0 0; float:left; }
#picup-box p { margin:0; padding:0 0 0 10px; font-size:75%; float:right; width:320px; float:right; line-height:130%; }

#picup-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#picup-l { width:450px; float:left; padding:0 0 30px 10px;}
#picup-r { width:432px; height:66px; background:url(../img/img_shopimg.jpg) no-repeat; text-indent:-9999px; float:right; margin:25px 10px 0 0; }

#h3-zone { width:191px; height:16px; background:url(../img/area_h2_02.gif) no-repeat; text-indent:-9999px; padding:0 0 13px 0; margin:0 0 0 10px; }
#zone-ttl { padding:30px 10px 0 13px; }
#zone-ttl h4 { width:107px; height:19px; background:url(../img/area_title_01.gif) no-repeat; text-indent:-9999px; padding:0; float:left; } 
#zone-ttl ul { float:right; margin:0; padding:0; list-style-type:none; }
#zone-ttl li { float:left; padding:0 0 0 10px; margin:0;}

.zone { padding:20px 13px 5px 0; margin:0 0 20px 13px; background:url(../img/area_line.gif) repeat-x left bottom;}
.zone ul { list-style-type:none; margin:15px 10px; padding:0; width:907px; font-size:75%; clear:left; }
.zone li { width:181px; float:left; padding:0 0 10px 0; margin:0; }

.zone:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

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

	shoplist shop

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

#shop-ttl { padding:10px 0 40px 10px; background:url(../../shared/img/contents_bg2.gif) no-repeat;}
#shop-ttl h3 { width:80px; height:16px; background:url(../img/shop_h2_01.gif) no-repeat; text-indent:-9999px; padding:0; float:left; } 
#shop-ttl ul { float:right; margin:0; padding:0; list-style-type:none; }
#shop-ttl li { float:left; padding:0 0 0 10px; margin:0; }

#shop-contents { padding:0 0 0 10px; }

/* left box */
#shop-box {
	float:left;
	width:686px;
	padding: 0 0 20px 0;
}
#shop-box h5 { margin:0;}
#shop-box h5 p { float:left; padding:3px 0 0 0; width:360px; height:35px; }
#area-box { float:right; width:250px; }
.shop-icon { text-align:right; }
.shop-icon img { padding:0 0 0 4px; }

#shop-ad { padding:12px 0 0 0; }
#shop-ad ul { list-style-type:none; clear:left; padding:0 0 6px 0; font-size:75%; }
#shop-ad li { float:left; padding:0 20px 0 0; }
#shop-ad li p { padding:3px 0 0 0; }
#shop-ad li.shop-boxl2 { width:130px; }

#shop-item { clear:both; margin-bottom:35px; padding:15px 0 18px 0; background:url(../../img/area_line.gif) repeat-x left bottom; }
#item-ttl { background-color:#EBEBEB; padding:10px; font-size:75%; text-align:right; }
#item-ttl img { vertical-align:bottom; padding:0;}

* html div#item-ttl img { float:left; }
*+html div#item-ttl img { float:left; }

#item-box { background-color:#EBEBEB; margin:1px 0 0 0;} 
#item-box img { vertical-align:bottom; }
#item-box ul { list-style-type:none; background-color:#ebebeb; }
#item-box li { padding:4px; float:left; }
*+html div#item-box { overflow:auto; }
#item-box :after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

/*right box */
#area-box h4 { width:95px; height:19px; background:url(../img/title_03.gif) no-repeat; text-indent:-9999px; padding:0 0 13px 0; } 
#area { border:1px solid #e3e3e3; padding:10px 10px 0 10px; font-size:75%; }
*+html div#area { padding:10px; }
#area-name { font-weight:bold; background:url(../img/shoplist-arrow.gif) no-repeat left center; padding:0 0 0 13px;}
#area ul { list-style-type:none; clear:both; margin:20px 0 10px 0; }
#area li { float:left; width:110px; padding:0 0 10px 0; }

#area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

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

	itemlist shop

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

#itemlist-contents { padding:0 0 0 10px; }

#itemlist-ttl { padding:5px 0 40px 10px; }
#itemlist-ttl h3 { width:159px; height:16px; background:url(../../itemlist/img/h2_01.gif) no-repeat; text-indent:-9999px; padding:0; float:left; } 
#itemlist-ttl ul { float:right; margin:0; padding:0; list-style-type:none; }
#itemlist-ttl li { float:left; padding:0 0 0 10px; margin:0; }

/* left box */
#itemlist-box { float:left; width:100%; padding:0 0 40px 0; }
#itemlist-box h5 { margin:0;}
#itemlist-box h5 p { float:left; padding:3px 0 0 0; width:360px; height:35px; }
#itemlist-box li { padding:20px 0 0 0; }
#area-box { float:right; width:250px; }
.itemlist-ttl { font-size:75%; font-weight:bold; margin-bottom:5px; }
.itemlist-text { font-size:75%; margin-bottom:15px; line-height:120%; }
.text { margin:20px 0px 0 0px; font-size:75%; color:#333333; }

#anker { padding-bottom:10px; border-bottom:4px solid #EBEBEB; clear:left; }
#anker ul { font-size:75%; padding-bottom:10px; list-style-type:none;}
#anker li { float:left; padding:0 10px 0 13px; background:url(../../itemlist/img/arrow.gif) no-repeat left center; }

#itemlist-ad { width:309px; float:left; padding:0 0 20px 0; }
#itemlist-ad .left { width:95px; text-align:center; }
#itemlist-ad ul { list-style-type:none; clear:left; padding:0 0 10px 0; }
#itemlist-ad li { float:left; padding-right:5px; list-style-type:none; width:185px; }
#itemlist-ad li p { padding:3px 0 0 0; }

#itemlist-ad2 { width:309px; float:left; padding:0 0 20px 0; margin:0 10px; }
#itemlist-ad2 .left { width:95px; text-align:center; }
#itemlist-ad2 ul { list-style-type:none; clear:left; padding:0 0 10px 0; }
#itemlist-ad2 li { float:left; padding-right:5px; list-style-type:none; width:185px; }
#itemlist-ad2 li p { padding:3px 0 0 0; }

.itemlist-line01 { clear:both; padding:1px 0 0 0; margin:0; background:url(../../itemlist/img/line01.gif) no-repeat left center; }
.itemlist-line02 { clear:both; padding:1px 0 0 0; margin:0; background:url(../../itemlist/img/line02.gif) no-repeat left center; }
.itemlist-line03 { clear:both; padding:1px 0 0 0; margin:0; background:url(../../itemlist/img/line03.gif) no-repeat left center; }

#shop-item { clear:both; margin-bottom:35px; padding:15px 0 18px 0; background:url(../../area/img/line.gif) repeat-x left bottom; }
#item-ttl { background-color:#EBEBEB; padding:10px; font-size:75%; text-align:right; }

.list-title { font-size:75%; font-weight:bold; margin-top:20px; color:#338BCC}
.pagetop-list { width:100px; background:url(../img/pagetop.gif) no-repeat left center; margin-top:10px; padding:2px 13px 0 10px; clear:both; font-size:70%; color:#666666; float:right; }