@charset "SHIFT_JIS";

/* Common Setting (ver.1.0)
====================================================================== */
/* CSS Part Reset*/
#SWCOheader *,
#ADCOright *,
#SWCOfoot *{margin:0px;padding:0px;}

#ADCOright,
#SWCOright,
#SWCOheader{font-family: verdana, arial, helvetica, sans-serif,"‚l‚r ‚oƒSƒVƒbƒN", "Osaka�|“™•�", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";}

#SWCOheader ul,
#SWCOfoot ul{list-style:none;}

#SWCOheader img,
#ADCOright img{border:0px;}

/* Float Clear */
br.clear,
img.clearFloat {clear:both;height:0px;}
div.clearFloat {clear:both;font-size:1px;line-height:0px;height:0px;width:1px;}

/* Link Setting */
a{color:#06f;text-decoration:none;border: 0px;}
a:hover{color:#06f;}

/* CSS Reset */
img {border:0px;}
ul     {list-style:none;}
ul img {vertical-align:bottom;}


/* Contents Layout
====================================================================== */
body{
	width:100%;
	text-align:center;
	background:#FFFFFF;
	margin:0px;
	padding:0px;
	background-color:#eee8e8 !important;
	}
#SWcenter{
	width:100%;
	margin:0px auto;
	text-align:center;
}

#SWCOheader{
	background:#ccbbbb url(commonimg/top_mainbg.gif) repeat-x left top;
	position:relative;
	text-align:center;
	width:100%;
	min-width:1000px;
	}
	#SHWrapper{
		width:1000px;
		margin:0px auto;
		text-align:right;
	}
	
#SWCOctcompo,
#ADCOctcompo{
	width:1000px!important;
	margin:0px auto;
	padding:15px 0px 0px 0px !important;
	text-align:left;
	background-color:#ffffff;
	}

	#ADCOmain,
	#SWCOmain{
	width:640px;
	padding:0px 0px 0px 20px !important;
	float:left;
	}
	
#ADCOright,
#SWCOright{
	width:300px;
	padding:0px 20px 0px 0px !important;
	float:right;
	}
	
#SWCOfoot{
	background:#ccbbbb;
	width:100%;
	text-align:left;
	margin-top:20px;
	}
	.footWrapper{
	width:100%;
	margin:0px auto !important;
	padding:0px 0px 5px 0px !important;
	 border-top:1px solid #ffffff;
	}


/* Header
====================================================================== */
#SWCOheadBlock{
	height:120px;
	position:relative;
	overflow:hidden;
	}

	#SWCOheadBlock p.copy{
		position:absolute;
		left:20px;
		top:2px;
		width:400px;
		height:35px;
		overflow:hidden;
		color:#fff;
		font-size:10px;
		text-align:left;
		line-height:1.2em;
		}

	#SWCOheadBlock .SHlogoBlock{
		position:absolute;
		left:20px;
		top:14px;
		}
	#SWCOheadBlock ul.headBtnArea{
		position:absolute;
		left:20px;
		top:45px;
		width:220px;
		height:25px;
		}
		#SWCOheadBlock ul.headBtnArea li{position:absolute; height:25px; width:105px;}
		#SWCOheadBlock ul.headBtnArea li a{
		background:transparent url(commonimg/head_btn.gif) no-repeat;
		width:105px;
		height:25px;
		text-indent:-9999px;
		text-align:left;
		display:block;
		line-height:0em;
		font-size:0em;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		}
		#SWCOheadBlock ul.headBtnArea li.trialDpm           {left:0px; font-size:0px; line-height:0px;}
		#SWCOheadBlock ul.headBtnArea li.trialDpm a         {background-position:0px 0px;}
		#SWCOheadBlock ul.headBtnArea li.trialDpm a:hover   {background-position:0px -25px;}
		#SWCOheadBlock ul.headBtnArea li.memberEntry           {left:115px; font-size:0px; line-height:0px;}
		#SWCOheadBlock ul.headBtnArea li.memberEntry a         {background-position:-115px 0px;}
		#SWCOheadBlock ul.headBtnArea li.memberEntry a:hover   {background-position:-115px -25px;}



	#SWCOheadBlock ul.headSiteNavi{
		width:1000px;
		height:17px;
		text-align:right;
		overflow:hidden;
		margin:0px !important;
		padding:3px 0px 0px 0px !important;
		}
		#SWCOheadBlock ul.headSiteNavi li{font-size:10px; color:#FFFFFF; line-height:1.3em !important; display:block !important; padding:0px 0px 0px 15px !important; margin:0px !important; float:right;}
		#SWCOheadBlock ul.headSiteNavi li a{color:#FFFFFF; line-height:1.3em !important; display:block; _display:inline; background:transparent url(commonimg/head_link_icon.gif) no-repeat 0px 0.1em; padding-left:15px; min-height:10px; _height:10px;}
		#SWCOheadBlock ul.headSiteNavi li a:hover{text-decoration:underline;}


	#SWCOheadBlock .headSearchArea{
		position:absolute;
		left:20px;
		top:75px;
		width:220px;
		height:35px;
		overflow:hidden;
		background:transparent url(commonimg/head_search_bg.gif) no-repeat;
		}
	#SWCOheadBlock .headSearchArea ul li.serachInput{
		position:absolute;
		bottom:7px;
		_bottom:5px;
		left:5px;
		line-height:0px;
		font-size:0px;
		}
	#SWCOheadBlock .headSearchArea ul li.serachInput input.formItem01{border:1px solid #7f9db9; width:157px !important;}
	#SWCOheadBlock .headSearchArea ul li.serachInput input{vertical-align:middle; padding:0px 1px; line-height:1.8em !important; font-size:11px; height:20px !important;}
	#SWCOheadBlock .headSearchArea ul li.serachBtn{
		position:absolute;
		top:7px;
		right:5px;
		}


	#SWCOheadBlock p.SHBannerBlock{
		position:absolute;
		right:0px;
		top:20px;
		}

/* nagazineLINK
---------------------------------------------------------------- */
#SWCOmagazine{width:1000px; position:relative; height:25px;}

#SWCOmagazine p{
	line-height:0em;
	font-size:0em;
	position:absolute;
	top:5px;
	left:21px;
	}

#SWCOmagazine ul{
	height:25px;
	position:absolute;
	overflow:hidden;
	width:850px;
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:130px;
	}

#SWCOmagazine li{width:81px;position:absolute;}

	/* position */
	#SWCOmagazine li a{
	background:transparent url(commonimg/magazine_tab.jpg) no-repeat;
	width:80px;
	height:25px;
	text-indent:-9999px;
	text-align:left;
	display:block;
	line-height:0em;
	font-size:0em;
	text-decoration:none;
	padding:0px 1px 0px 0px;
	}
	#SWCOmagazine li#s-woman           {left:0px;}
	#SWCOmagazine li#s-woman a         {background-position:0px 0px;}
	#SWCOmagazine li#s-woman a:hover   {background-position:0px -30px;}
	#SWCOmagazine li#s-woman.on a,
  #SWCOmagazine li#s-woman.on a:hover{background-position:0px -60px;}

	#SWCOmagazine li#more              {left:81px;}
	#SWCOmagazine li#more a            {background-position:-81px 0px;}
	#SWCOmagazine li#more a:hover      {background-position:-81px -30px;}
	#SWCOmagazine li#more.on a,
	#SWCOmagazine li#more.on a:hover   {background-position:-81px -60px;}

	#SWCOmagazine li#maquia            {left:158px;}
	#SWCOmagazine li#maquia a          {background-position:-158px 0px;}
	#SWCOmagazine li#maquia a:hover    {background-position:-158px -30px;}
	#SWCOmagazine li#maquia.on a,
	#SWCOmagazine li#maquia.on a:hover {background-position:-158px -60px;}

	#SWCOmagazine li#spur              {left:235px;}
	#SWCOmagazine li#spur a            {background-position:-235px 0px;}
	#SWCOmagazine li#spur a:hover      {background-position:-235px -30px;}
	#SWCOmagazine li#spur.on a,
	#SWCOmagazine li#spur.on a:hover   {background-position:-235px -60px;}

	#SWCOmagazine li#baila             {left:312px;}
	#SWCOmagazine li#baila a           {background-position:-312px 0px;}
	#SWCOmagazine li#baila a:hover     {background-position:-312px -30px;}
	#SWCOmagazine li#baila.on a,
	#SWCOmagazine li#baila.on a:hover  {background-position:-312px -60px;}

	#SWCOmagazine li#marisol           {left:389px;}
	#SWCOmagazine li#marisol a         {background-position:-389px 0px;}
	#SWCOmagazine li#marisol a:hover   {background-position:-389px -30px;}
	#SWCOmagazine li#marisol.on a,
	#SWCOmagazine li#marisol.on a:hover{background-position:-389px -60px;}

	#SWCOmagazine li#lee               {left:466px;}
	#SWCOmagazine li#lee a             {background-position:-466px 0px;}
	#SWCOmagazine li#lee a:hover       {background-position:-466px -30px;}
	#SWCOmagazine li#lee.on a,
	#SWCOmagazine li#lee.on a:hover    {background-position:-466px -60px;}

	#SWCOmagazine li#eclat             {left:543px;}
	#SWCOmagazine li#eclat a           {background-position:-543px 0px;}
	#SWCOmagazine li#eclat a:hover     {background-position:-543px -30px;}
	#SWCOmagazine li#eclat.on a,
	#SWCOmagazine li#eclat.on a:hover  {background-position:-543px -60px;}

	#SWCOmagazine li#non-no            {left:620px;}
	#SWCOmagazine li#non-no a          {background-position:-620px 0px;}
	#SWCOmagazine li#non-no a:hover    {background-position:-620px -30px;}
	#SWCOmagazine li#non-no.on a,
	#SWCOmagazine li#non-no.on a:hover {background-position:-620px -60px;}

	#SWCOmagazine li#st                {left:697px;}
	#SWCOmagazine li#st a              {background-position:-697px 0px;}
	#SWCOmagazine li#st a:hover        {background-position:-697px -30px;}
	#SWCOmagazine li#st.on a,
	#SWCOmagazine li#st.on a:hover     {background-position:-697px -60px;}

	#SWCOmagazine li#limited           {left:774px;}
	#SWCOmagazine li#limited a         {background-position:-774px 0px;}
	#SWCOmagazine li#limited a:hover   {background-position:-774px -30px;}
	#SWCOmagazine li#limited.on a,
	#SWCOmagazine li#limited.on a:hover{background-position:-774px -60px;}
	
/* HeaderAD
====================================================================== */
#SWCOheader.ADversion #SWCOheadBlock{height:65px;}
#SWCOheader.ADversion #SWCOheadBlock .SHlogoBlock{left:20px;top:20px;}
#SWCOheader.ADversion #SWCOheadBlock ul.headBtnArea{left:250px; top:25px;}
#SWCOheader.ADversion #SWCOheadBlock .headSearchArea{left:480px; top:20px; background-image:url(commonimg/head_search_ad_bg.gif);}


								
/* Footer
====================================================================== */
/* div#chListArea */
div#chListArea{width:1000px; margin:0px auto; padding-top:7px; background:#fff; position:relative;}
div#SWCOfoot div#chListArea{width:1000px; padding-bottom:7px; background:#fff; position:relative;}

/* div#chListArea p */
#chListArea p{
	line-height:0em;
	font-size:0em;
	position:absolute;
	top:10px;
	left:23px;
	margin:0px 0px 0px 0px !important;
	padding:0px !important;
	}

/* div#chListArea ul */
#chListArea ul{
	height:20px;
	position:relative;
	overflow:hidden;
	margin:0px 0px 0px 131px !important;
	padding:0px !important;
	}
	#chListArea li{height:20px; position:absolute; font-size:0em; line-height:0em; margin:0px; padding:0px;}

	/* position */
	#chListArea li a{
	background:transparent url(commonimg/chlist.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
	text-align:left;
	display:block;
	line-height:0em;
	font-size:0em;
	text-decoration:none;
	padding:0px;
	}
	#chListArea li#listChNews               	 {left:0px; width:70px;}
	#chListArea li#listChNews a             	 {width:70px; background-position:0px 0px;}
	#chListArea li#listChNews a:hover       	 {background-position:0px -30px;}
	body#chNews #chListArea li#listChNews a    {background-position:0px -60px !important;}

	#chListArea li#listChFashion               {left:70px; width:90px;}
	#chListArea li#listChFashion a             {width:90px; background-position:-70px 0px;}
	#chListArea li#listChFashion a:hover       {background-position:-70px -30px;}
	body#chFashion #chListArea li#listChFashion a{background-position:-70px -60px !important;}

	#chListArea li#listChBeauty                {left:160px; width:80px;}
	#chListArea li#listChBeauty a              {width:80px; background-position:-160px 0px;}
	#chListArea li#listChBeauty a:hover        {background-position:-160px -30px;}
	body#chBeauty #chListArea li#listChBeauty a{background-position:-160px -60px !important;}

	#chListArea li#listChLifestyle             {left:240px; width:100px;}
	#chListArea li#listChLifestyle a           {width:100px; background-position:-240px 0px;}
	#chListArea li#listChLifestyle a:hover     {background-position:-240px -30px;}
	body#chLifestyle #chListArea li#listChLifestyle a{background-position:-240px -60px !important;}

	#chListArea li#listChGourmet               {left:340px; width:60px;}
	#chListArea li#listChGourmet a             {width:60px; background-position:-340px 0px;}
	#chListArea li#listChGourmet a:hover       {background-position:-340px -30px;}
	body#chGourmet #chListArea li#listChGourmet a{background-position:-340px -60px !important;}

	#chListArea li#listChEntertainment         {left:400px; width:120px;}
	#chListArea li#listChEntertainment a       {width:120px; background-position:-400px 0px;}
	#chListArea li#listChEntertainment a:hover {background-position:-400px -30px;}
	body#chEntertainment #chListArea li#listChEntertainment a{background-position:-400px -60px !important;}

	#chListArea li#listChShopping              {left:520px; width:93px;}
	#chListArea li#listChShopping a            {width:93px; background-position:-520px 0px;}
	#chListArea li#listChShopping a:hover      {background-position:-520px -30px;}
	body#chShopping #chListArea li#listChShopping a{background-position:-520px -60px !important;}

	#chListArea li#listChBlog                  {left:613px; width:63px;}
	#chListArea li#listChBlog a                {width:63px; background-position:-613px 0px;}
	#chListArea li#listChBlog a:hover          {background-position:-613px -30px;}
	body#chBlog #chListArea li#listChBlog a{background-position:-613px -60px !important;}

	#chListArea li#listChCommunity             {left:676px; width:93px;}
	#chListArea li#listChCommunity a           {width:93px; background-position:-676px 0px;}
	#chListArea li#listChCommunity a:hover     {background-position:-676px -30px;}
	body#chCommunity #chListArea li#listChCommunity a{background-position:-676px -60px !important;}


	/* limitedSpecialBtn */
	#limitedSpecialBtn{
		line-height:0em;
		font-size:0em;
		position:absolute;
		top:5px !important;
		left:905px !important;
		margin:0px 0px 0px 0px !important;
		padding:0px !important;
		width:75px;
		height:24px;
		}
		#limitedSpecialBtn a{
		background:transparent url(commonimg/feature_btn.gif) no-repeat;
		height:24px;
		width:75px;
		text-indent:-9999px;
		display:block;
		line-height:0em;
		font-size:0em;
		text-decoration:none;
		padding:0px;
		}
		#limitedSpecialBtn a span{
		line-height:0em;
		font-size:0em;
		display:none;
		}
		#limitedSpecialBtn a:hover{background-position:0px -26px !important;}



/*div.SWCOfootBlockA*/
#SWCOfoot div.SWCOfootBlockA{
	width:660px;
	float:left;
	margin-top:10px;
	padding-left:20px;
	}

	/*p.footMrg*/
	#SWCOfoot .SWCOfootBlockA p.footMrg{
		margin-bottom:10px;
		position:relative;
		min-height:15px;
		_height:15px;
		}
	/*p.footMrg img*/
	#SWCOfoot .SWCOfootBlockA p.footMrg img{
		position:absolute;
		left:0px;
		top:0px;
		line-height:0em;
		font-size:0em;
		}

	/*p.footMrg span*/
	#SWCOfoot .SWCOfootBlockA p.footMrg span{
		display:block;
		padding:0px 0px 0px 130px;
		width:520px;
		color:#333;
		font-size:11px;
		line-height:1.4em;
	}
	/*ul*/
	#SWCOfoot div.SWCOfootBlockA ul{
		float:left;
		width:220px;
		font-size:10px;
		}
		#SWCOfoot div.SWCOfootBlockA li,
		#SWCOfoot div.SWCOfootBlockA li a{color:#333333; display:block; margin:0px !important; text-decoration:none !important; _height:1%;}
		#SWCOfoot div.SWCOfootBlockA li a:hover{text-decoration:underline !important;}
		/*left*/
		#SWCOfoot .SWCOfootBlockA li.SFgNaviA a{
			background:transparent url(commonimg/icon_a01.gif) no-repeat 0 0.3em;
			padding:0px 0px 8px 15px !important;
			}
		#SWCOfoot .SWCOfootBlockA li.SFgNaviB a{
			background:transparent url(commonimg/icon_h01.gif) no-repeat 0 0.3em;
			padding:0px 0px 8px 15px !important;
			}

	/*dl*/
	#SWCOfoot div.relationLink{
		width:294px;
		border-left:1px #aa9999 solid;
		padding:0px 0px 20px 5px;
		margin:10px 0px 0px 0px;
		}
		#SWCOfoot div.relationLink dt{display:block; padding:0px 0px 7px 0px; font-size:0px;}
		#SWCOfoot div.relationLink dd{display:block; width:135px; padding:2px 0px 0px 10px; margin:0px 0px 0px 0px; font-size:0px; float:left;}


/*div.SWCOfootBlockB*/
#SWCOfoot div.SWCOfootBlockB{
	float:right;
	width:300px;
	padding-right:20px;
	margin:0px 0px 10px;
	}

	/*SHsearchBlock*/
	#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock{
		width:100%;
		background:#eee8e8;
		position:relative;
		}
		/*dl.footSearch*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch{padding:10px 0px 5px !important;}
		/*dl.footSearch dt*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch dt{
			position:absolute;
			left:10px;
			top:10px;
			}
		/*dl.footSearch dd*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch dd{
			padding:0px 0px 5px 95px !important;
			}
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch dd input{vertical-align:middle; line-height:1.2em; font-size:11px;}
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch dd select{vertical-align:middle; font-size:11px;}
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch dd .formItem01{width:125px; height:16px; padding:1px; border:1px solid #999999;}

		/*dl.footAttendWrd*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footAttendWrd{padding-top:5px !important; margin-bottom:10px;}
		/*dl.footAttendWrd dt*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footAttendWrd dt{
			position:absolute;
			left:10px;
			bottom:35px;
			}
		/*dl.footAttendWrd dd*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footAttendWrd dd{
		padding:0px 3px 0px 76px !important;
		font-size:11px;
		}
		/*dl.footAttendWrd dd a*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footAttendWrd dd a{
			padding:0px 0px 0px 0px !important;
			color:#ff33cc;
			text-decoration:underline;
			}
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footAttendWrd dd a:hover{text-decoration:none;}

		/*p.seachHowto*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock p.seachHowto{
		font-size:10px;
		float:left;
		padding:0px 10px 5px 10px !important;
		}

		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock p.seachHowto a{
			display:block;
			background:transparent url(commonimg/icon_h01.gif) no-repeat 0px 0.4em !important;
			padding:2px 5px 2px 15px !important;
			color:#333333;
			text-decoration:none;
			}
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock p.seachHowto a:hover{text-decoration:underline;}

		/*p.pwBy*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock p.pwBy{
		float:right;
		font-size:10px;
		color:#999999;
		padding:0px 10px 5px 0px !important;
		}

		/*p.pwBy*/
		#SWCOfoot p.swomanCopyRight{
		font-size:10px;
		color:#333;
		text-align:right;
		padding:10px 10px 5px 0px !important;
		}

		/* spotArea */
		div#spotArea{ margin:0px auto; width:960px; background:#fff;}



/*h1*/
#ADCOmain h1,
#SWCOmain h1{margin:0px; padding:0px;}
/*h2*/
#ADCOmain h2,
#SWCOmain h2{margin:0px; padding:0px;}
/*breadCrumb*/
#ADCOmain div.breadCrumb,
#ADCOmain div.breadCrumb table,
#ADCOmain div.breadCrumb table td,
#SWCOmain div.breadCrumb,
#SWCOmain div.breadCrumb table,
#SWCOmain div.breadCrumb table td{text-align:left !important; font-size:11px !important;}
#ADCOmain div.breadCrumb a,
#SWCOmain div.breadCrumb a{color:#ff33cc !important;}
#ADCOmain div.breadCrumb a:hover,
#SWCOmain div.breadCrumb a:hover{color:#ff33cc !important; text-decoration:underline !important;}
#ADCOmain div.breadCrumb a:active,
#SWCOmain div.breadCrumb a:active{color:#ff33cc !important; text-decoration:underline !important;}
#ADCOmain div.breadCrumb a:visited,
#SWCOmain div.breadCrumb a:visited{color:#ff33cc !important;}