@CHARSET "UTF-8";
@IMPORT url("/css/common.css");
@IMPORT url("/search/css/search.css");

/******************************************************************************
 * introduce
 *****************************************************************************/
#introduce { width: 750px; margin: 0px; padding: 0px; border: solid 1px #cccccc; background-color:#F0F0FF; }
	#introduce div.introducelist {  width: 100%; }
			#introduce .pic    { float:left; width: 500px; border-right:#cccccc solid 1px; }
			#introduce .detail { float:right; width: 249px; }
				#introduce .detail table{ width:245px; }
				#introduce .detail table td {border-top:#CCCCCC 1px solid; width:134px; font-size:14px; font-weight:bold; color:#333333;  text-align:right; padding-right:45px;}
				#introduce .detail table th.tsubo { text-align:left; width:91px; height:36px; padding:12px 5px; *padding:10px 5px; border-top:#CCCCCC 1px solid;}
				#introduce .detail table td.up    { background:url(/search/images/area/arrow-up.gif) no-repeat right;}
				#introduce .detail table td.down  { background:url(/search/images/area/arrow-down.gif) no-repeat right;}
				#introduce .detail table td.flat  { background:url(/search/images/area/arrow-flat.gif) no-repeat right;}
			#introduce h2	{ color:#000096; font-weight:bold; font-size:14px; text-align:left; padding: 7px 0px 1px 0px;}
				*html #introduce h2 { padding: 6px 0 1px 0; }
				*:first-child+html #introduce h2 { padding: 6px 0 1px 0; }
			#introduce .introducelist p	{ text-align:right; margin:0px; padding:0 5px 1px 0; font-size:10px; }
			#introduce .area { clear:both;}
			#introduce .area h2	{ color:#000096; font-weight:bold; font-size:14px; padding:5px 10px; }
			#introduce .area .cell	{ width:199px; float:left; padding:0 25px 10px 25px; }
				#introduce .area .cell span { background-image:url(../images/top/arrow.gif); background-repeat:no-repeat; padding-left:20px; padding-bottom:3px; }


/******************************************************************************
 * RECOMMENDS
 *****************************************************************************/
#area-recommends { font-size: 12px; width: 750px; border:1px solid #cccccc; }
#area-recommends h2 { color: #000096; font-size: 14px; font-weight: bold; margin: 15px 0 10px 10px; }
#area-recommends p  { border: 1px solid #CCCCCC; font-size: 11px; line-height: 20px; margin: 10px 0 0; padding: 10px 0 10px 90px; }
#area-recommends .list { padding: 4px 5px; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #FFFFFF #CCCCCC #CCCCCC; border-right: 1px solid #CCCCCC; border-style: solid; border-width: 0 1px 1px; clear: left; height: 215px; }
* html #area-recommends .list { height: 1px; padding: 4px 5px; }
#area-recommends .list .cell { background-color: #F0F0FF; border: 1px solid #C5C5C7; display: inline; float: left; margin-right: 3px; text-align: left; width: 241px; height:200px; }
#area-recommends .list .cell .name { color: #000096; font-weight: bold; padding-top: 5px; text-align: center; }
#area-recommends .list .cell .address { border-bottom: 1px solid #C5C5C7; text-align: center; }
#area-recommends .list .cell .context { height: 155px; width: 234px; padding: 4px; }
#area-recommends .list .cell .context th { height: 155px; vertical-align: top; width: 115px; }
#area-recommends .list .cell .context td { font-size: 10px; padding: 0 5px; vertical-align: top; }
#area-recommends .list .cell .context td.detail { color: #000096; font-size: 10px; padding-bottom: 5px; text-align: right; vertical-align: bottom; }
#area-recommends .list .cell .context td.detail span { background-image: url("/images/top/arrow.gif"); background-repeat: no-repeat; padding-bottom: 3px; padding-left: 20px; }
#area-recommends .list .cell .context .subtitle { color: #000000; font-size: 10px; font-weight: bold; margin-top: 2px; }
#area-recommends .list .cell .context .text { color: #000096; font-size: 10px; line-height: 12px; margin-bottom: 5px; margin-left: 6px; }
#area-recommends .list .cell .context img { height: 155px; width: 115px; }

/******************************************************************************
 * NEWCOMMER
 *****************************************************************************/
#newcommer { width: 748px; height: 128px; margin: 10px 5px; border: solid 1px #cccccc; background: url(/images/top/back_newcommer.gif) no-repeat ; }
	#newcommer .ctrl { padding:4px 2px 0 0; text-align: right; margin-bottom:6px;}
	#newcommer-list  { width:748px;	padding:0; }
	#newcommer-list li{float:left; list-style:none; height: 90px;	}
	#newcommer-list .jq-ss-crop{ margin:0px 0px; border:1px solid #FFFFCC; float:left; }
	#newcommer-view{ margin:0px 5px; width:735px; height:90px; overflow:hidden; }
		#newcommer-images { width:2000px !important; width:1998px; padding: 0px 5px; height: 100px; }
			ul#newcommer-images li   { width: 100px; height: 100px; background-color: #F0F0FF;  margin: 0px 4px; overflow: hidden; }
				ul#newcommer-images li .image { width: 80px; text-align: center; height: 60px; }
				ul#newcommer-images li .name  { width: 80px; height: 32px; text-align: center; }