@charset "utf-8";

/*************************************************

 共通スタイル用CSS
 
 Date : 2011.02.28
 Auth : D.Nishi
 
*************************************************/

/*--------------------------------------
 Header Menu
--------------------------------------*/

#header-menu li
{
	float: left;
}



/*--------------------------------------
 コンテナ
--------------------------------------*/

.container
{
	clear: both;
	
	width: 900px;
	
	margin: 0 auto;

	background-color: #FFF;
	
	border-left: solid 1px #666;
	border-right: solid 1px #666;
}



/*--------------------------------------
 Navigation
--------------------------------------*/

#navigation
{
	color: #666;
	font-size: 12px;
	
	background-color: #FFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;

	list-style-type: none;
	
	border-top: 1px solid #DDD;
	border-bottom: 2px solid #C30;
	
	clear: both;
}

#navigation li
{
	float: left;
}

#navigation img
{
	vertical-align: middle;
}



/*--------------------------------------
 Header Menu
--------------------------------------*/

#advertise
{
	border-top: double 2px #666;
	border-bottom: solid 1px #666;
}

.footer
{
	color: #666;
	font-size:12px;
	line-height: 150%;
	
	height: 96px;
	
	background-color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
	border-top: 1px solid #666;

	background-image: url(/img/common/footer.jpg);

	clear: both;
}



/*--------------------------------------
 メルマガフォーム
--------------------------------------*/

#mail-magazine
{
	background: url("/img/common/mail_magazine.jpg") no-repeat;
	background-color: #FFC;

	padding-bottom: 16px;
	margin-bottom: 24px;	
	border: 3px double #666;
	
	clear: both;
}

#mail-magazine h3
{
	padding: 0px;
	margin: 0px;
	border: none;
}

#mail-magazine p
{
	margin-left: 36px;
	border: none;
}

#mail-magazine form
{
	margin-top: 8px;
	margin-left: 36px;
}

#mail-magazine input
{
	min-height: 18px;
}

#mail-magazine form p
{
	margin: 0px;
	float: left;
}