@charset "utf-8";


/* ==========================================================================================================

	 1. Universal Selector + body
 
============================================================================================================*/


* {
	/*background-color	: transparent;*/
	margin				: 0;
	padding				: 0;
	font-size			: 100%;
	font-style			: normal;
}


html{overflow-y: scroll;}


body {
	font-size		: 12px;
	color			: #585858;
	background		: #ffffff;
	letter-spacing	: 0.1em;
	line-height		: 1.5;
}



hr {
	height	: 1px;
}


h1, h2, h3, h4, h5, h6{
font-size:100%;
font-weight:normal;
}


p, ul, dl{
margin: 0;
padding: 0;

}

/* ==========================================================================================================

	  2. List Module

============================================================================================================*/

ul {
	list-style	: none;
}

dt {
	display	: block;
	width	: auto;
}

ol {
	list-style-type: decimal;
}

/* ==========================================================================================================

	  3. Tables Module

============================================================================================================*/

table {
	border			: none;
	border-collapse	: collapse;

}

td, th { 
	vertical-align	: top;
}


caption {
	text-align		: left;
}




/* ==========================================================================================================

	  4. Image Module

============================================================================================================*/

img { 
	vertical-align	: bottom;
}

a img {
	border	: none;
}


.imgBorder	{
border:1px solid #ccc;
padding:1px;
}

/* ==========================================================================================================

	  5. Text Module

============================================================================================================*/
br {
	letter-spacing: normal;
}

br.both 	{clear: both;}
br.left 	{clear: left;}
br.right	{clear: right;}


/*  link
-----------------------------------*/
a 			{color: #585858;}
a:link		{color: #585858;}
a:visited	{color: #585858;}
a:hover 	{color: #e5077c;}

#primary a:link     {color:#00a0ff; text-decoration: underline;}
#primary a:visited  {color:#00a0ff; text-decoration: underline;}
#primary a:active   {color:#00a0ff; text-decoration: underline;}
#primary a:hover    {color:#585858; text-decoration: underline;}

#campaignprimary a:link     {color:#00a0ff; text-decoration: underline;}
#campaignprimary a:visited  {color:#00a0ff; text-decoration: underline;}
#campaignprimary a:active   {color:#00a0ff; text-decoration: underline;}
#campaignprimary a:hover    {color:#585858; text-decoration: underline;}


/* ==========================================================================================================

	  6. common

============================================================================================================*/

span.red	{color:#E50012}

/* ==========================================================================================================

	  7. layout

============================================================================================================*/

.dotX		{background:url(../_img/dotX.gif) left repeat-x;}