/*共通*/
body{font-size:11px;line-height:14px;margin:0;padding:0;font-family: "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";}
td  {font-size:11px;line-height:14px;margin:0;color:#333;font-family: "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";}
img{border:0;}
a{margin:0;padding:0;}

a:link		{color:#f66;text-decoration:none;}
a:visited	{color:#f66;text-decoration:none;}
a:active	{color:#f66;text-decoration:none.;}
a:hover		{color:#f33;text-decoration:underline;background:#fcc;}



/*container
===================================*/
#container			{background:#fff url(images/page/header/bg.jpg) repeat-x;}

/*header
===================================*/

#header				{height:110px;background:url(images/page/header/bgleft.jpg) no-repeat;}
#header p			{margin:0;padding:0;}
#logoArea			{float:left;padding:8px 0 0 100px;color:#fb345b;}
#logoArea #logo		{}
#logoArea h1		{margin:0;padding:0 0 0 5px;color:#fb345b;font-size:11px;line-height:13px;font-weight:normal;}
#addArea			{float:left;width:200px;height:110px;text-align:right;background:url(images/page/topbar/uesakafamily.gif) no-repeat right bottom;}
#addArea #add		{color:#fff;}

#contentsContainer	{clear:both;background:#fff;padding:5px 0 0 0;}
#subContent			{width:170px;float:left;}
#mainContent		{margin:0 0 0 180px;}

/*subContent
===================================*/
#indexNav					{width:170px;height:20px;background:url(images/page/topbar/emptybutton_s_light.gif) no-repeat;margin:0 0 2px 0;padding:0;}
#indexNav a					{display:block;padding:2px 0 0 7px;}

#indexNav a:link			{color:#600;text-decoration:none;}
#indexNav a:visited			{color:#600;text-decoration:none;}
#indexNav a:active			{color:#600;text-decoration:none;}
#indexNav a:hover			{color:#fff;text-decoration:none;background:none;}

#featureNav					{margin:0 0 2px 0;}

#pulldownNav				{width:170px;margin:0;padding:0;background:url(images/page/topbar/emptybutton_l.gif) no-repeat;}
#pulldownNav ul				{width:160px;margin:0;padding:10px 0 10px 4px;list-style-type:none;}
#pulldownNav li				{width:160px;margin:0;padding:0;list-style-type:none;}
#pulldownNav a				{width:160px;margin:0;padding:0;display:block;background:none;}
#pulldownNav a:hover		{background:none;}
#pulldownNav ul li			{position:relative;width:160px;height:20px;}
#pulldownNav ul li table	{border-collapse: collapse;border:none;font-size:90%;padding:0;position:absolute;top:0;left:0;}
#pulldownNav ul li ul		{visibility:hidden;overflow:hidden;position:absolute;top:20px;left:0px;width:150px;height:0;z-index:100;padding:0;}
#pulldownNav ul li ul li	{margin-bottom:0;width:150px;height:20px;background:#fee;border-left:1px solid #fcc;border-right:1px solid #fcc;border-bottom:1px solid #fcc;padding:0 0 0 5px;}
#pulldownNav ul li a		{display:block;text-decoration:none;height:20px;line-height:20px;}			
#pulldownNav ul li a:hover	{position:relative;z-index:100;}			
#pulldownNav ul li:hover ul ,
#pulldownNav ul li a:hover ul{visibility:visible;overflow:visible;height:auto;z-index:10;}
#pulldownNav ul li:hover ul li:hover{background:#fbb;}
#pulldownNav a:link			{color:#600;text-decoration:none;}
#pulldownNav a:visited		{color:#600;text-decoration:none;}
#pulldownNav a:active		{color:#600;text-decoration:none;}
#pulldownNav a:hover		{color:#fff;text-decoration:none;background:none;}
#pulldownNav form select	{margin:7px 0 0 7px;padding:0;font-size:11px;line-height:13px;background:#fcc;}

#categoryNav				{margin:0 0 20px 0;padding:0;list-style-type:none;}
#categoryNav li				{margin:0 0 2px 0;padding:0;}
#categoryNav a:link			{color:#600;text-decoration:none;}
#categoryNav a:visited		{color:#600;text-decoration:none;}
#categoryNav a:active		{color:#600;text-decoration:none;}
#categoryNav a:hover		{color:#fff;text-decoration:none;background:none;}
#categoryNav .catShort		{width:170px;height:20px;background:url(images/page/topbar/emptybutton_s.gif) no-repeat;}
#categoryNav .catShort a	{display:block;padding:2px 0 0 7px;}
#categoryNav .catHigh		{width:170px;height:40px;background:url(images/page/topbar/emptybutton_l.gif) no-repeat;}
#categoryNav .catHigh a		{display:block;padding:5px 0 0 7px;}
#categoryNav .infoShort		{width:170px;height:20px;background:url(images/page/topbar/emptybutton_s_light.gif) no-repeat;}
#categoryNav .infoShort a	{display:block;padding:2px 0 0 7px;}
#categoryNav .infoHigh		{width:170px;height:40px;background:url(images/page/topbar/emptybutton_l_light.gif) no-repeat;}
#categoryNav .infoHigh a	{display:block;padding:5px 0 0 7px;}

#addFav						{margin:0 0 10px 10px;}
#addFav p					{margin:0;padding:0;}

#presentCampaign			{margin:0 0 10px 10px;color:#de355c;}
#presentCampaign p			{margin:0;padding:0;}

#linkMoemon					{border:1px solid #6c0;margin:0 10px 10px 10px;padding:5px;text-align:center;color:#390;}
#linkMoemon p				{margin:0;padding:0;}


/*footer
===================================*/
#footer						{clear:both;padding:20px 0 0 0;}

#goTop						{margin:0 20px 5px 20px;padding:0 0 5px 0;text-align:right;color:#f66;border-bottom:1px solid #f66}
#goTop a:link				{color:#f66;text-decoration:underline;}
#goTop a:visited			{color:#f66;text-decoration:underline;}
#goTop a:hover				{color:#f33;text-decoration:none;}
#goTop a:active				{color:#f66;text-decoration:underline;}

#attentionBox				{margin:20px;background:#fcc;}
#attentionBox p				{margin:0 0 10px 0;padding:0 0 0 10px;}
#attentionBox .title		{background:#f66;padding:10px;color:#fff;}
#attentionBox .askme		{background:#f66;padding:10px;color:#fff;}
#attentionBox a:link		{color:#fff;text-decoration:underline;}
#attentionBox a:visited		{color:#fff;text-decoration:underline;}
#attentionBox a:hover		{color:#fff;text-decoration:none;}
#attentionBox a:active		{color:#fff;text-decoration:underline;}


#copyright					{margin:0 20px 5px 20px;text-align:right;color:#666;}
#produced					{margin:0 20px 5px 20px;text-align:right;color:#666;}
address						{margin:0 20px 5px 20px;text-align:right;color:#666;font-style:normal;}

/*サイドナビのイベントアイコンのページ
===================================*/
#eventicon{body:margin:0;padding:0;}

/*ファックス用紙のページ
===================================*/
#faxSheet{body:margin:0;padding:0;}



/*mainContent
===================================*/
#breadcrumb{font-size:11px;margin:0 0 5px 0;}



/*カテゴリトップページ
===================================*/
body#bag_cloth h2.category{font-size:14px;font-weight:bold;background:#fcc;color:#f66;margin:0 0 5px 0;padding:5px;width:600px;}
body#bag_cloth h3.category{font-size:11px;font-weight:normal;background:url(images/page/pink/barbg.jpg) no-repeat;color:#fff;margin:0 0 5px 0;padding:5px;}

body#bag_cloth .categorylist{border:0;border-collapse:separate;border-spacing:5px;}
body#bag_cloth .categorylist td{padding:5px;width:80px;vertical-align:top;border-right:1px dotted #ccc;}

/*商品一覧
===================================*/
body#bag_cloth h2.category{font-size:14px;font-weight:bold;background:#fcc;color:#f66;margin:0 0 5px 0;padding:5px;width:600px;}
body#bag_cloth h3.category{font-size:11px;font-weight:normal;background:url(images/page/pink/barbg.jpg) no-repeat;color:#fff;margin:10px 0 5px 0;padding:5px;}



body#bag_cloth .tab{background:url(images/page/pink/tab.gif) no-repeat bottom left;width:600px;height:25px;margin:0;padding:0 0 0 12px;font-size:11px;line-height:25px;color:#fff;}
body#bag_cloth .productbox{width:600px;padding:5px 5px 25px 5px;border-top:2px solid #f99;border-bottom:2px solid #f99;margin:0 0 20px 0;}
body#bag_cloth .productbox .catchcopy{color:#f66;padding:0 0 5px 5px;margin:0 0 5px 0;border-bottom:1px dotted #ddd;}
body#bag_cloth .productbox .cartbutton{border:0;background:url(images/page/pink/line_s.gif) no-repeat top right;}
body#bag_cloth .productbox .cartbutton td{background:url(images/page/pink/line_s.gif) no-repeat bottom right;padding:10px 3px;}
body#bag_cloth .productbox form{margin:0;padding:0;}
body#bag_cloth .productbox hr{height:1px;border:none;border-top:1px dotted #ccc;}
body#bag_cloth .productbox .kakomiwaku{background:#fee;border:2px solid #fcc;margin:5px 0 0 0;clear:both;}
body#bag_cloth .productbox .kakomiwaku td{padding:10px;vertical-align:top;}
body#bag_cloth .productbox .kakomiwaku td.kakomititle{font-size:12px;background:#fcc;font-weight:bold;}





/*=========================================================================================================*/


.breadcrumb        {font-size:11px;margin:0 0 5px 0;}
.imagepict       {padding:0;margin:0;}/*バレンタインリボン付きシール*/
.productname     {font-weight:bold;font-size:12px;padding:0;margin:0 0 15px 0;}
.productname-narrow{font-weight:bold;font-size:12px;padding:0;margin:0 0 5px 0;}/*バレンタインシール*/
.productdata     {padding:0;margin:0 0 5px 0;}
.price			 {font-size: 16px;font-weight: bold;line-height: 18px;margin-top: 0px;margin-bottom: 0px;	color: #c00;}
.note            {color:#f66;}

















/*===================================*/
/*未確定*/
.formline-top    {background:url(images/page/pink/line_s.gif) no-repeat top right;}
.formline-bottom {background:url(images/page/pink/line_s.gif) no-repeat bottom right;padding:12px 3px 0 0;}

/*ピンク色のページ*/
#pink .tab td      {background:url(images/page/pink/tab.gif) no-repeat top left;width:200px;height:25px;padding:5px 0 0 12px;font-size:11px;color:#fff;}
#pink p.tab      {background:url(images/page/pink/tab.gif) no-repeat bottom left;padding:10px 0 5px 12px;margin:0;font-size:11px;color:#fff;}
#pink .tab td.related{background-image:none;color:#666;width:400px;}
#pink .linebox  {width:600px;border:1px solid #fcc;padding:5px;}
#pink .catchcopy{color:#f66;padding:0 0 5px 0;margin:0;}

/*黄（オレンジ）色のページ*/
#yellow .tab td	{background:url(images/page/halloween/tab.gif) no-repeat top left;width:200px;height:25px;padding:5px 0 0 12px;font-size:11px;color:#fff;}
#yellow p.tab	{background:url(images/page/halloween/tab.gif) no-repeat bottom left;padding:10px 0 5px 12px;margin:0;font-size:11px;color:#fff;}

#yellow .tab td.related{background-image:none;color:#666;width:400px;}
#yellow .linebox  {width:600px;border:1px solid #FF9900;padding:5px;}
#yellow .catchcopy{color:#f60;padding:0 0 5px 0;margin:0;}


/*クリスマスのページ*/
#christmas-red              {background:    url(images/page/christmas/red/body.jpg) repeat-y top left;}
#christmas-red .top         {background:    url(images/page/christmas/red/top.jpg) no-repeat top left;}
#christmas-red .bottom      {background:    url(images/page/christmas/red/bottom.jpg) no-repeat bottom left; padding:0 0 150px 0;}
#christmas-red .body        {padding:0 0 0 50px;}
#christmas-red a:link       {color:#f00;text-decoration:underline;}
#christmas-red a:visited    {color:#f00;text-decoration:underline;}
#christmas-red a:active     {color:#f00;text-decoration:underline;}
#christmas-red a:hover      {color:#f00;text-decoration:none;background-color:#F2A190;}
#christmas-red .breadcrumb  {margin:0 0 130px 0;padding:5px;}
#christmas-red .tab         {background:#F2A190;width:590px;height:25px;}
#christmas-red .tab td      {padding:5px 0 0 10px;font-size:11px;color:#333;}
#christmas-red .linebox     {width:590px;border:1px solid #F2A190;}
#christmas-red .linebox td  {padding:5px;}
#christmas-red .catchcopy   {color:#F2A190;margin:0;padding:0 0 5px 0;}
#christmas-red hr          {border-bottom:#F2A190 1px dotted;border-top:none;height:1px}

#christmas-gold             {background:    url(images/page/christmas/gold/body.jpg) repeat-y top left;}
#christmas-gold .top        {background:    url(images/page/christmas/gold/top.jpg) no-repeat top left;}
#christmas-gold .bottom     {background:    url(images/page/christmas/gold/bottom.jpg) no-repeat bottom left; padding:0 0 150px 0;}
#christmas-gold .body       {padding:0 0 0 50px;}
#christmas-gold a:link      {color:#8C6433;text-decoration:underline;}
#christmas-gold a:visited   {color:#8C6433;text-decoration:underline;}
#christmas-gold a:active    {color:#8C6433;text-decoration:underline;}
#christmas-gold a:hover     {color:#8C6433;text-decoration:none;background-color:#FDEB99;}
#christmas-gold .breadcrumb {margin:0 0 130px 0;padding:5px;}
#christmas-gold .tab        {background:#BF924F;width:590px;height:25px;}
#christmas-gold .tab td     {padding:5px 0 0 10px;font-size:11px;color:#fff;}
#christmas-gold .linebox    {width:590px;border:1px solid #BF924F;}
#christmas-gold .linebox td {padding:5px;}
#christmas-gold .catchcopy  {color:#BF924F;margin:0;padding:0 0 5px 0;}
#christmas-gold hr          {border-bottom:#BF924F 1px dotted;border-top:none;height:1px}

#christmas-black            {background:    url(images/page/christmas/black/body.jpg) repeat-y top left;}
#christmas-black .top       {background:    url(images/page/christmas/black/top.jpg) no-repeat top left;}
#christmas-black .bottom    {background:    url(images/page/christmas/black/bottom.jpg) no-repeat bottom left; padding:0 0 150px 0;}
#christmas-black .body      {padding:0 0 0 50px;}
#christmas-black a:link     {color:#6C9DC6;text-decoration:underline;}
#christmas-black a:visited  {color:#6C9DC6;text-decoration:underline;}
#christmas-black a:active   {color:#6C9DC6;text-decoration:underline;}
#christmas-black a:hover    {color:#6C9DC6;text-decoration:none;background-color:#0C2039;}
#christmas-black .breadcrumb{margin:0 0 130px 0;padding:5px;}
#christmas-black .tab       {background:#788A94;width:590px;height:25px;}
#christmas-black .tab2      {background:#788A94;width:610px;height:25px;}
#christmas-black .tab td    {padding:5px 0 0 10px;font-size:11px;color:#fff;}
#christmas-black .linebox   {width:590px;border:1px solid #788A94;}
#christmas-black .linebox td{padding:5px;color:#ccc}
#christmas-black .catchcopy {color:#788A94;margin:0;padding:5px;}
#christmas-black hr          {border-bottom:#788A94 1px dotted;border-top:none;height:1px}


#christmas-brown            {background:    url(images/page/christmas/brown/body.jpg) repeat-y top left;}
#christmas-brown .top       {background:    url(images/page/christmas/brown/top.jpg) no-repeat top left;}
#christmas-brown .bottom    {background:    url(images/page/christmas/brown/bottom.jpg) no-repeat bottom left; padding:0 0 150px 0;}
#christmas-brown .body      {padding:0 0 0 50px;}
#christmas-brown a:link     {color:#987858;text-decoration:underline;}
#christmas-brown a:visited  {color:#987858;text-decoration:underline;}
#christmas-brown a:active   {color:#987858;text-decoration:underline;}
#christmas-brown a:hover    {color:#987858;text-decoration:none;background-color:#CEBCAA;}
#christmas-brown .breadcrumb{margin:0 0 130px 0;padding:5px;}
#christmas-brown .tab       {background:#987858;width:590px;height:25px;}
#christmas-brown .tab td    {padding:5px 0 0 10px;font-size:11px;color:#fff;}
#christmas-brown .linebox   {width:590px;border:1px solid #987858;}
#christmas-brown .linebox td{padding:5px;}
#christmas-brown .catchcopy {color:#987858;margin:0;padding:0 0 5px 0;}
#christmas-brown hr          {border-bottom:#987858 1px dotted;border-top:none;height:1px}

#christmas-green .tab td {background:url(images/page/christmas/tab.gif) no-repeat top left;width:200px;height:25px;padding:5px 0 0 12px;font-size:11px;color:#fff;}
#christmas-green p.tab {background:url(images/page/christmas/tab.gif) no-repeat bottom left;padding:10px 0 5px 12px;margin:0;font-size:11px;color:#fff;}
#christmas-green .tab td.related {background-image:none;color:#666;width:400px;}
#christmas-green .linebox {width:600px;border:1px solid #116600;padding:5px;}
#christmas-green .catchcopy {color:#116600;padding:0 0 5px 0;margin:0;}

.px9 {
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	line-height: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.px12 {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sidemenu {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.px11FFFFFF {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
}

.px11666666 {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666666;
}



.px11ff6666 {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #f66;
}

.px11FF6600 {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FF6600;
}

.px11006600 {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #006600;
}
.px11999999 {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #999999;
}
.px16 {
	font-size: 16px;
	font-variant: normal;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.awhite:link{color:#FFFFFF;text-decoration:underline;}
.awhite:visited{color:#FFFFFF;text-decoration:underline;}
.awhite:active{color:#FFFFFF;text-decoration:underline;}
.awhite:hover{color:#FFFFFF; text-decoration:none;background-color:#f66;}

.apink:link{color:#f66;text-decoration:underline;}
.apink:visited{color:#f66;text-decoration:underline;}
.apink:active{color:#f66;text-decoration:underline;}
.apink:hover{color:#FFFFFF; text-decoration:none;background-color:#f66;}

.abrown:link{color:#660000;text-decoration:none;}
.abrown:visited{color:#660000;text-decoration:none;}
.abrown:active{color:#660000;text-decoration:none;}
.abrown:hover{color:#FFFFFF; text-decoration:none;background-color:#f66;}

