@charset "UTF-8";

/* =====================================================================
*
*    1. Reset
*
* =================================================================== */

html,body {
	width:100%;
	height:100%;
	text-align: center;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, p, blockquote, th, td {
	margin:0px;
	padding:0px;
	border:none;
	font-size: 12px;
	line-height: 1.7em;
	letter-spacing: 1px;
}

img			{ border:none; }
table		{ font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; }
ul{ list-style: none; }
/* =====================================================================
*
*    2. font
*
* =================================================================== */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
	margin:0px;
	padding:0px;
	text-align: center;
}

/* =====================================================================
*
*    3. link
*
* =================================================================== */
a { outline: none; }
a:link		{ text-decoration:none; color:#333333;outline: none; }
a:visited	{ text-decoration:none; color:#333333;outline: none; }
a:hover,
a:focus		{ text-decoration:none; color:#29A4DB;outline: none; }

/* =====================================================================
*
*    4. width,height
*
* =================================================================== */
div#Wrapper {  width:100%; }
div#Head {  width:960px; height: 100px; margin: 0px auto; }
div#Container{
	width:960px;
	margin: 0px auto;
	text-align: left;
}
div#Left { width: 157px; float:left;margin-left: 1px; display: inline; }
div#Main { float:right; margin-right: 1px; display: inline; }
div#SubContent { width: 220px; float:right; }
body#Top div#Left { width: 240px; }
body#Top div#Main { width: 717px; }


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

	99. clearFix (pkg)

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

.clearfix:after {
    content		: " ";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}
.clearfix {
	display	: block;
}
/* End hide from IE-mac */

/* for safari・IE7・IE8 */
*+html .clearfix {
    min-height: 0;
    display: inline-block;
}