@charset "SHIFT_JIS";
@import "magazine_head.css";

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

#ADCOright,
#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:1px;}
div.clearFloat {clear:both;font-size:1px;line-height:0px;height:1px;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;
	float:right;
	}
	
#SWCOfoot{
	background:#ccbbbb;
	width:100%;
	text-align:left;
	margin-top:20px;
	}
	.footWrapper{
	width:100%;
	margin:0px auto !important;
	padding:0px !important;
	 border-top:1px solid #ffffff;
	}


/* Header
====================================================================== */
#SWCOheadBlock{
	height:95px;
	_height:99px;
	position:relative;
	padding-top:4px;
	}
	#SWCOheadBlock .SHlogoBlock{
		position:absolute;
		left:20px;
		top:12px;
		}
	#SWCOheadBlock ul{
		position:absolute;
		left:20px;
		top:55px;
		}
		#SWCOheadBlock ul li{float:left; margin-right:10px;}

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

/* nagazineLINK
---------------------------------------------------------------- */
#SWCOmagazine{width:1000px;}
#SWCOmagazine ul{
	height:25px;
	position:relative;
	overflow:hidden;
	width:1000px;
	}
#SWCOmagazine li{width:90px;position:absolute;}

	/* position */
	#SWCOmagazine li a{
	background:transparent url(commonimg/magazine_tab.jpg) no-repeat;
	width:90px;
	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#st                {left:91px;}
	#SWCOmagazine li#st a              {background-position:-91px 0px;}
	#SWCOmagazine li#st a:hover        {background-position:-91px -30px;}
	#SWCOmagazine li#st.on a,
	#SWCOmagazine li#st.on a:hover     {background-position:-91px -60px;}
	#SWCOmagazine li#non-no            {left:182px;}
	#SWCOmagazine li#non-no a          {background-position:-182px 0px;}
	#SWCOmagazine li#non-no a:hover    {background-position:-182px -30px;}
	#SWCOmagazine li#non-no.on a,
	#SWCOmagazine li#non-no.on a:hover {background-position:-182px -60px;}
	#SWCOmagazine li#more              {left:273px;}
	#SWCOmagazine li#more a            {background-position:-273px 0px;}
	#SWCOmagazine li#more a:hover      {background-position:-273px -30px;}
	#SWCOmagazine li#more.on a,
	#SWCOmagazine li#more.on a:hover   {background-position:-273px -60px;}
	#SWCOmagazine li#baila             {left:364px;}
	#SWCOmagazine li#baila a           {background-position:-364px 0px;}
	#SWCOmagazine li#baila a:hover     {background-position:-364px -30px;}
	#SWCOmagazine li#baila.on a,
	#SWCOmagazine li#baila.on a:hover  {background-position:-364px -60px;}
	#SWCOmagazine li#maquia            {left:455px;}
	#SWCOmagazine li#maquia a          {background-position:-455px 0px;}
	#SWCOmagazine li#maquia a:hover    {background-position:-455px -30px;}
	#SWCOmagazine li#maquia.on a,
	#SWCOmagazine li#maquia.on a:hover {background-position:-455px -60px;}
	#SWCOmagazine li#spur              {left:546px;}
	#SWCOmagazine li#spur a            {background-position:-546px 0px;}
	#SWCOmagazine li#spur a:hover      {background-position:-546px -30px;}
	#SWCOmagazine li#spur.on a,
	#SWCOmagazine li#spur.on a:hover   {background-position:-546px -60px;}
	#SWCOmagazine li#lee               {left:637px;}
	#SWCOmagazine li#lee a             {background-position:-637px 0px;}
	#SWCOmagazine li#lee a:hover       {background-position:-637px -30px;}
	#SWCOmagazine li#lee.on a,
	#SWCOmagazine li#lee.on a:hover    {background-position:-637px -60px;}
	#SWCOmagazine li#marisol           {left:728px;}
	#SWCOmagazine li#marisol a         {background-position:-728px 0px;}
	#SWCOmagazine li#marisol a:hover   {background-position:-728px -30px;}
	#SWCOmagazine li#marisol.on a,
	#SWCOmagazine li#marisol.on a:hover{background-position:-728px -60px;}
	#SWCOmagazine li#eclat             {left:819px;}
	#SWCOmagazine li#eclat a           {background-position:-819px 0px;}
	#SWCOmagazine li#eclat a:hover     {background-position:-819px -30px;}
	#SWCOmagazine li#eclat.on a,
	#SWCOmagazine li#eclat.on a:hover  {background-position:-819px -60px;}
	#SWCOmagazine li#roadshow          {left:910px; width:90px;}
	#SWCOmagazine li#roadshow a        {background-position:-910px 0px; width:90px;}
	#SWCOmagazine li#roadshow a:hover  {background-position:-910px -30px;}
	#SWCOmagazine li#roadshow.on a,
	#SWCOmagazine li#roadshow.on a:hover{background-position:-910px -60px;}
								
/* Footer
====================================================================== */
/* div#chListArea */
div#SWCOfoot div#chListArea{padding:7px 0px 6px 6px;}
div#SWCOheader div#chListArea{padding:7px 0px 7px 0px;}

/* div#chListArea ul */
#chListArea ul{
	height:11px;
	position:relative;
	overflow:hidden;
	}
#chListArea li{height:11px; position:absolute;}

	/* position */
	#chListArea li a{
	background:transparent url(commonimg/chlist.gif) no-repeat;
	height:11px;
	text-indent:-9999px;
	text-align:left;
	display:block;
	line-height:0em;
	font-size:0em;
	text-decoration:none;
	padding:0px;
	}
	#chListArea li#chFashion               {left:0px; width:80px;}
	#chListArea li#chFashion a             {width:80px; background-position:0px 0px;}
	#chListArea li#chFashion a:hover       {background-position:0px -20px;}
	#chListArea li#chBeauty                {left:80px; width:70px;}
	#chListArea li#chBeauty a              {width:70px; background-position:-80px 0px;}
	#chListArea li#chBeauty a:hover        {background-position:-80px -20px;}
	#chListArea li#chModel                 {left:150px; width:50px;}
	#chListArea li#chModel a               {width:50px; background-position:-150px 0px;}
	#chListArea li#chModel a:hover         {background-position:-150px -20px;}
	#chListArea li#chEntertainment         {left:200px; width:60px;}
	#chListArea li#chEntertainment a       {width:60px; background-position:-200px 0px;}
	#chListArea li#chEntertainment a:hover {background-position:-200px -20px;}
	#chListArea li#chBlog                  {left:260px; width:50px;}
	#chListArea li#chBlog a                {width:50px; background-position:-260px 0px;}
	#chListArea li#chBlog a:hover          {background-position:-260px -20px;}
	#chListArea li#chPet                   {left:310px; width:50px;}
	#chListArea li#chPet a                 {width:50px; background-position:-310px 0px;}
	#chListArea li#chPet a:hover           {background-position:-310px -20px;}
	#chListArea li#chLife                  {left:360px; width:50px;}
	#chListArea li#chLife a                {width:50px; background-position:-360px 0px;}
	#chListArea li#chLife a:hover          {background-position:-360px -20px;}
	#chListArea li#chGourmet               {left:410px; width:50px;}
	#chListArea li#chGourmet a             {width:50px; background-position:-410px 0px;}
	#chListArea li#chGourmet a:hover       {background-position:-410px -20px;}
	#chListArea li#chLiving                {left:460px; width:60px;}
	#chListArea li#chLiving a              {width:60px; background-position:-460px 0px;}
	#chListArea li#chLiving a:hover        {background-position:-460px -20px;}
	#chListArea li#chShopping              {left:520px; width:80px;}
	#chListArea li#chShopping a            {width:80px; background-position:-520px 0px;}
	#chListArea li#chShopping a:hover      {background-position:-520px -20px;}
	#chListArea li#chFortune               {left:600px; width:40px;}
	#chListArea li#chFortune a             {width:40px; background-position:-600px 0px;}
	#chListArea li#chFortune a:hover       {background-position:-600px -20px;}
	#chListArea li#chTalent                {left:640px; width:50px;}
	#chListArea li#chTalent a              {width:50px; background-position:-640px 0px;}
	#chListArea li#chTalent a:hover        {background-position:-640px -20px;}
	#chListArea li#chTravel                {left:690px; width:60px;}
	#chListArea li#chTravel a              {width:60px; background-position:-690px 0px;}
	#chListArea li#chTravel a:hover        {background-position:-690px -20px;}
	#chListArea li#chPresent               {left:750px; width:70px;}
	#chListArea li#chPresent a             {width:70px; background-position:-750px 0px;}
	#chListArea li#chPresent a:hover       {background-position:-750px -20px;}
	#chListArea li#chWanted                {left:820px; width:50px;}
	#chListArea li#chWanted a              {width:50px; background-position:-820px 0px;}
	#chListArea li#chWanted a:hover        {background-position:-820px -20px;}
	#chListArea li#chTool                  {left:870px; width:50px;}
	#chListArea li#chTool a                {width:50px; background-position:-870px 0px;}
	#chListArea li#chTool a:hover          {background-position:-870px -20px;}
	#chListArea li#chUseful                {left:920px; width:65px;}
	#chListArea li#chUseful a              {width:65px; background-position:-920px 0px;}
	#chListArea li#chUseful a:hover        {background-position:-920px -20px;}

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

	/*p.footMrg*/
	#SWCOfoot .SWCOfootBlockA p.footMrg{
		margin-bottom:10px;
		}
	/*p.footMrg img*/
	#SWCOfoot .SWCOfootBlockA p.footMrg img{
		margin-right:10px;
		}

	/*p.footMrg span*/
	#SWCOfoot .SWCOfootBlockA p.footMrg span{
		color:#ffffff;
		font-size:10px;
		line-height:1.4em;
	}
	/*ul*/
	#SWCOfoot div.SWCOfootBlockA ul{
		float:left;
		width:160px;
		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.SWCOfootBlockA dl.relationLink{
		float:left;
		width:160px;
		border-left:1px #aa9999 solid;
		padding:0px 0px 0px 5px;
		margin:0px;
		}
		#SWCOfoot div.SWCOfootBlockA dl.relationLink dt{display:block; padding:0px 0px 10px 0px; font-size:0px;}
		#SWCOfoot div.SWCOfootBlockA dl.relationLink dd{display:block; padding:7px 0px 0px 0px; margin:0px 0px 0px 5px; font-size:0px;}


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

	/*SHsearchBlock*/
	#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock{
		width:100%;
		background:#eee8e8;
		position:relative;
		}
		/*dl.footSearch*/
		#SWCOfoot div.SWCOfootBlockB div.SHsearchBlock dl.footSearch{padding-top:10px !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;
		}