/*
-----------------------------------------------
Target:	Blog (with Flash)
Author:	Harry Nakayama
Dates:	2009/02/10
----------------------------------------------- */

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

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

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


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

/* 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;
 	font-size		:20px;
	line-height		:30px;
	font-weight		:bold;
	color			:#FFFFFF;
}
#header h1	{
 	font-size	:20px;
	line-height	:30px;
	font-weight	:bold;
	color		:#FFFFFF;
}

/* 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	:550px;
	float	:left;
}

/* subcol
----------------------------------------------- */
#subcol	{
	width	:200px;
	float	:right;
}

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

/* map
----------------------------------------------- */
#map	{
	overflow	:hidden;
	width		:550px;
}

/* media
----------------------------------------------- */
#media	{
	overflow	:hidden;
	width		:550px;
	margin-top	:10px;
}

/* log
----------------------------------------------- */
#log	{
	overflow	:hidden;
	width		:540px;
	margin-top	:10px;
}
#log	p	{
	margin-top	:6px;
	font-size	:16px;
	line-height	:24px;
	color		:#0B333C;
}
#log	ul	{
	margin-left	:40px;
	padding-left:10px;
	margin-top	:4px;
	font-size	:16px;
	line-height	:24px;
	color		:#0B333C;
}
#log a	{
	text-decoration		:none;
	font-size			:16px;
	line-height			:24px;
	font-weight			:normal;
	color				:#44747D;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#44747D;
}
#log a:hover	{
	text-decoration		:none;
	font-size			:16px;
	line-height			:24px;
	font-weight			:normal;
	color				:#03ccff;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#03ccff;
}

/* comment
----------------------------------------------- */
#comment	{
	overflow	:hidden;
	width		:540px;
	margin-top	:50px;
}
#comments	{
	font-size	:16px;
	line-height	:24px;
	color		:#0B333C;
}
#comments	p	{
	margin-top	:6px;
}
#comments	ul	{
	margin-left	:40px;
	padding-left:10px;
	margin-top	:4px;
}
#comments a	{
	text-decoration		:none;
	font-size			:16px;
	line-height			:24px;
	font-weight			:normal;
	color				:#44747D;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#44747D;
}
#comments a:hover	{
	text-decoration		:none;
	font-size			:16px;
	line-height			:24px;
	font-weight			:normal;
	color				:#03ccff;
	border-bottom-style	:dashed;
	border-bottom-width	:1px;
	border-bottom-color	:#03ccff;
}
#post_comment	{
	margin-top	:20px;
}

/* blog_widget
----------------------------------------------- */
#blog_widget	{
	clear		:both;
	width		:150px;
	margin-top	:20px;
	margin-left	:auto;
	margin-right:auto;
}

/*
-----------------------------------------------
Class
----------------------------------------------- */
.posted_comment	{
	width		:540px;
	margin-top	:30px;
}
.comment_name	{
	float	:left;
	width	:340px;
	margin-bottom:6px;
}
.comment_button	{
	float	:right;
	width	:200px;
}
.comment_comment	{
	clear	:both;
	width	:540px;
}