/*
-----------------------------------------------
Target:	Blog Index Page
Author:	Harry Nakayama
Dates:	2009/03/03
----------------------------------------------- */

/*
-----------------------------------------------
Import
----------------------------------------------- */
/* nav
----------------------------------------------- */
@import url("/runners/css/nav.css");

/* footer
----------------------------------------------- */
@import url("/css/footer.css");

/* main_menu
----------------------------------------------- */
@import url("/runners/css/blog/index_main_menu.css");

/*
-----------------------------------------------
Elements
----------------------------------------------- */
/* h1, h2, h3
----------------------------------------------- */
h1	{
 	font-size:20px;
	line-height:30px;
	font-weight:bold;
	color:#FFFFFF;
}

/* p
----------------------------------------------- */
p	{
	margin-top:10px;
	font-size:16px;
	line-height:28px;
	color:#395475;
}

/* strong
----------------------------------------------- */
strong	{
	font-weight:bold;
	color:#990000;
}

/*
-----------------------------------------------
Page Layout
----------------------------------------------- */
*			{
	margin:0;
	padding:0;
}

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

/* container
----------------------------------------------- */
#container	{
	position:relative;
	width:750px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
}

/* nav
----------------------------------------------- */
#nav		{
	position:absolute;
	left:0px;
	top:10px;
	width:740px;
	height:25px;
}

/* logo
----------------------------------------------- */
#icon		{
	position:absolute;
	left:0px;
	top:10px;
	width:25px;
	height:25px;
}

/* header
----------------------------------------------- */
#header	{
	position:absolute;
	left:0px;
	top:45px;
	width:710px;
	height:30px;
	padding:10px 20px;
	background-color:#395475;
}

/* main_menu
----------------------------------------------- */
#main_menu		{
	position	:absolute;
	left		:0px;
	top			:105px;
	width		:745px;
	height		:25px;
}

/* content
----------------------------------------------- */
#content	{
	position:absolute;
	left:0px;
	top:165px;
  	width:750px;
}

/* upper
----------------------------------------------- */
#upper	{
	width	:100%;
	margin	:0px;
}

/* main
----------------------------------------------- */
#main	{
	width		:720px;
	margin-left	:15px;
	margin-right:15px;
}

/* bottom
----------------------------------------------- */
#bottom	{
	margin-left:15px;
	margin-top:15px;
	width:720px;
}


/*
-----------------------------------------------
Class
----------------------------------------------- */
/* notice
----------------------------------------------- */
.notice	{
	font-size		:14px;
	line-height		:24px;
	color			:#999999;
}

/* Margin Top
----------------------------------------------- */
.marginTop0	{
	margin-top	:0px;
}