@charset "UTF-8";

/***************************** top contents *************************/

#wrapper { clear:both;  margin:-30px 0 10px; width:980px;}

	#leftWrapper { float:left; width:735px; margin-right:10px;}
	
		#areaSpecialContents { width:735px; height:294px; margin-bottom:4px; background-color:#FFFFFF;}
		#areaSpecialContents_main { width:599px; height:294px; float:left;}
		#areaSpecialContents_menu { width:136px; height:74px; float:right;}
		
		#areaMenu { height:auto; margin-bottom:9px;}
			#areaMenu div { float:left; margin-right:10px;}
				#areaMenu .menuArticles { margin-right:0;}
					#areaMenu div ul li a {display:block; height:56px; width:238px; color:#000000; text-decoration:none; padding:0 auto;}
						.shop_1 a {background:url(../image/top_icon_shop01.jpg) no-repeat 0 0;}
						.shop_2 a {background:url(../image/top_icon_shop02.jpg) no-repeat 0 0;}
						.shop_3 a {background:url(../image/top_icon_shop03.jpg) no-repeat 0 0;}
						.service_1 a {background:url(../image/top_icon_service01.jpg) no-repeat 0 0;}
						.service_2 a {background:url(../image/top_icon_service02.jpg) no-repeat 0 0;}
						.service_3 a {background:url(../image/top_icon_service03.jpg) no-repeat 0 0;}
						.articles_1 a {background:url(../image/top_icon_articles01.jpg) no-repeat 0 0;}
						.articles_2 a {background:url(../image/top_icon_articles02.jpg) no-repeat 0 0;}
						.articles_3 a {background:url(../image/top_icon_articles03.jpg) no-repeat 0 0;}
					#areaMenu div ul li h3, #areaMenu div ul li p {margin-left:90px;}
					#areaMenu div ul li h3.marginLine1 {padding-top:5px;}
					#areaMenu div ul li h3.marginLine2 {padding-top:5px;}
					#areaMenu div ul li p {font-size:77%; margin-top:3px; color:#666666;}

			#areaMenu h2 { margin-bottom:6px; }
			#areaMenu li { padding-bottom:7px; background:url(../image/top_dotline_menu.gif) no-repeat bottom; margin-bottom:6px;}
	
		#areaWhatsNew { border:3px solid #dddddd; padding-bottom:7px;}
			#areaWhatsNew h3 { position:relative; top:10px; left:9px; width:131px; height:15px;}
			#areaWhatsNew p { position:relative; top:-9px; left:633px; width:90px; height:22px;}
			#areaWhatsNew dl { background:url(../image/top_dotline_whats.gif) top no-repeat; margin-top:-3px; padding-top:10px; zoom:1;}
				#areaWhatsNew dl dt { clear:both; width:75px; margin-left:10px; display:inline;}
				#areaWhatsNew dl dd { width:630px;}
				#areaWhatsNew dl dt, #areaWhatsNew dl dd  { float:left; font-size:93%; height:20px; margin-bottom:10px;}
				#areaWhatsNew dl dd a {color:#c06629;}
				
	#rightWrapper { float:left; width:235px;}
		#areaShopInfo { width:225px; background:#8b8b8b url(/image/areatargeting/area_bg.gif) no-repeat left top; margin-bottom:1px;padding:29px 5px 5px}
			#areaShopInfo .shopBlog{margin:1px 0 0;background:transparent url(/image/areatargeting/blog_b.jpg) no-repeat left top;width:225px;height:99px;}
				#areaShopInfo .shopBlog p{font-size:85%;padding:30px 10px 0 80px;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:normal;height:63px;}
				#areaShopInfo .shopBlog p a{color:#C06629;}
		#areaPickUp { background-color:#f5f1e9; padding:8px 0  2px 10px;}
			#areaPickUp h3 { margin-bottom:8px;}
			#areaPickUp ul li { margin-bottom:8px;}


/***************************** END top contents *****************************/