@charset "utf-8";

/*
THEME NAME: J-FUT MARUGAME No2
THEME URI: http://www.f-deal.jp/
DESCRIPTION: J-FUT MARUGAME(Two-column layout) is a CSS design for use with the <a href="http://www.f-deal.jp/themes/sandbox/">Sandbox</a>.
VERSION: 1.0
AUTHOR: Noda Yoshihiro
AUTHOR URI: http://www.f-deal.jp/
TEMPLATE: sandbox
*/

*{
	margin:0;
	padding:0;
	line-height:1.4;
}

html,body 
{
	height:100%;
	background: #2a2c26;
}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

#header,#access,#bottom,#main,#footer
{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* wrap header
/* ----------------------------------- */

div#wrapper 
{
	height: 143px;
	background: url(images/bg/bg.jpg) 0 0 repeat-x;
}

/* ----------------------------------- */
/* header
/* ----------------------------------- */

div#header
{
	height: 143px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

#blog-title
{
	width:300px;
	height:83px;
	position:absolute;
	top:7px;
	left:0;
	background: url(images/logo.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent:-9999px;
}
	#blog-title a
	{
		text-decoration:none;
		display:block;
		width: 300px;
		height: 83px;
	}
	
	#blog-description
	{
		position:absolute;
		top:98px;
		left:0;
		color:#ffffff;
	}
	
	.breadcrumb 
	{
		font-size:11px;
		margin:0 0 5px 0;
		text-align:right;
	}
	
	#searchbox 
	{
		position:absolute;
		top:40px;
		right:0;
		color:#333333;
	}


	/*#blog-description{
		width:100%;
		position:absolute;
		top:98px;
		left:0;
		color:#FFFFFF;
	}*/
	
	
div#access 
{
	display:none;
}

/* ----------------------------------- */
/* main
/* ----------------------------------- */

div#main-wrap 
{
	padding:0 0 15px 0;
	background: #ffffff;
}

div#container 
{
	width  : 605px;
	float  : right;
	margin : 10px 0 0 0;
	padding: 15px 0 0 0;
	background: url(images/bg/bgshadowtop.gif) 0 0 repeat-x;
	border:1px solid #cccccc;
}

	div#content 
	{
		padding:0 20px 30px 20px;
		/*background: url(images/bg/bgshadowbottom.gif) 0 100% repeat-x;*/
	}

	/* Two Column Page & Post Entry width:565px; */
	.page .entry-content,
	.post .entry-content 
	{
		padding:10px 0 10px 0;
		overflow: hidden;
		line-height:150%;
	}

	/* Two Column Page Entry */
	/*.page .entry-content 
	{
		padding:10px 0 10px 0;
		overflow: hidden;
		line-height:150%;
	}*/
	
	h2.entry-title 
	{
		margin:0 0 10px 0;
		padding:0 0 5px 3px;
		background: url(images/bg/bggreenline.gif) 0 100% no-repeat;
		font-size:14px;
		color:#396A09;
	}
	
	/* Two Column Post Entry */
	/*.post .entry-content 
	{
		padding:10px 0 10px 0;
		overflow: hidden;
		line-height:150%;
	}*/
	
div#primary 
{
	width: 185px;
	margin: 10px 0 0 0;
	float: left;
	overflow: hidden;
	text-align:left;
}

/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */
#bottom-wrap
{
	background: #ffffff;
}

#bottom
{
	text-align:right;
}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer-wrap
{
	padding: 15px 0 15px 0;
	border-top:10px solid #5F5B3E;
	background-color:#2A2C26;
}

#footer
{
	padding:0 0 30px 0;
	text-align: left;
}
