/* ---------------------------------------------------------------------- */
/* ¥Ü¥Ç¥£ */
body
{
	font-family: verdana,arial,Roboto,"¥á¥¤¥ê¥ª",Meiryo,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",sans-serif; /* ¥Õ¥©¥ó¥È¥Õ¥¡¥ß¥ê¤òÍ¥Àè½ç¤Ë»ØÄê */
	color: #696969;		/* Çö¤¤¹õ¿§¤Ë¤¹¤ë */
	background-color: #ffffff;
	margin: 0 ;		/* ¥¹¥Ú¡¼¥¹ */
	padding: 0 ;		/* ;Çò */
	font-size: 15px ;	/* ʸ»ú¥µ¥¤¥º */
	line-height: 1.4 ;	/* ¹Ô¤Î¹â¤µ */
}

/* ¥¿¥Ö¥ì¥Ã¥È¤À¤±¤ËŬÍѤ¹¤ëCSS (0¡Á767px) */
@media screen and ( max-width:767px )
{
	/* ¥Ü¥Ç¥£ */
	body
	{
		font-size: 14px ;	/* ʸ»ú¥µ¥¤¥º */
		color: darkgreen ;	/* Ç»¤¤Îп§¤Ë¤¹¤ë */
	}

}

/* ¥¹¥Þ¥Û¤À¤±¤ËŬÍѤ¹¤ëCSS */
@media screen and ( max-width:479px )
{
	/* ¥Ü¥Ç¥£ */
	body
	{
		font-size: 13px ;	/* ʸ»ú¥µ¥¤¥º */
		color: #252525 ;	/* ¹õ¿§¤Ë¤¹¤ë */
	}
}

/* iPhone ²£¸þ¤­¤À¤±¤ËŬÍѤ¹¤ëCSS */
@media only screen
	and (min-device-width:320px)
	and (max-device-width:479px)
	and (orientation:landscape)
{
	body
	{
		-webkit-text-size-adjust: 100%;
		font-size: 13px ;	/* ʸ»ú¥µ¥¤¥º */
		color: #252525 ;	/* ¹õ¿§¤Ë¤¹¤ë */
	}
}
/* ---------------------------------------------------------------------- */
/* Á´ÂΤËŬÍѤ¹¤ëCSS */
.wrapper
{
	width: 1000px ;
	margin: 0 auto ;	/* º¸±¦¤Ë[auto]¤ò»ØÄꤹ¤ë¤³¤È¤Ç¡¢¿¿¤óÃæ¤Ë´ó¤ë */
	padding: 0 ;		/* ¾å²¼º¸±¦¤Î;Çò¤ò0¤Ë¤·¤Æ¤ª¤¯ */
}

/* ¥¿¥Ö¥ì¥Ã¥È¤À¤±¤ËŬÍѤ¹¤ëCSS (0¡Á767px) */
@media screen and ( max-width:767px )
{
	.wrapper
	{
		width: auto ;
		padding: 0 16px ;		/* º¸±¦¤Î;Çò */
	}
}

/* ¥¹¥Þ¥Û¤À¤±¤ËŬÍѤ¹¤ëCSS */
@media screen and ( max-width:479px )
{
	.wrapper
	{
		width: auto ;
		padding: 0 5px ;		/* º¸±¦¤Î;Çò */
	}
}

/* ---------------------------------------------------------------------- */
/* ¥Ø¥Ã¥À¡¼¥¤¥á¡¼¥¸ */
.header
{
	text-align: center ;			/* ¥Æ¥­¥¹¥È¡¢²èÁü¤Î¿¿¤óÃæ´ó¤» */
	margin-bottom: 0em ;			/* ¾¤Î¥Ö¥í¥Ã¥¯¤È¤Î¥¹¥Ú¡¼¥¹ */
}

/* ¥í¥´²èÁü¤ò°Ï¤à[h1] */
.logo-wrapper
{
	margin: 0 ;		/* ¥¹¥Ú¡¼¥¹ */
	padding: 0 ;		/* ;Çò */
	line-height: 1 ;	/* ¹Ô¤Î¹â¤µ */
}

/* ¥í¥´²èÁü */
.logo1
{
	width: 180px ;		/* ²£Éý */
	height: auto ;		/* ¹â¤µ */
}
.logo2
{
	width: 600px ;		/* ²£Éý */
	height: auto ;		/* ¹â¤µ */
}

/* ¥¿¥Ö¥ì¥Ã¥È¤À¤±¤ËŬÍѤ¹¤ëCSS (0¡Á767px) */
@media screen and ( max-width:767px )
{
	/* ¥í¥´²èÁü */
	.logo1
	{
	width: 150px ;		/* ²£Éý */
	height: auto ;		/* ¹â¤µ */
	}
	.logo2
	{
	width: 400px ;		/* ²£Éý */
	height: auto ;		/* ¹â¤µ */
	}
}

/* ¥¹¥Þ¥Û¤À¤±¤ËŬÍѤ¹¤ëCSS (0¡Á479px) */
@media screen and ( max-width:479px )
{
	.header
	{
	display: none ;		/* Èóɽ¼¨¤Ë¤¹¤ë */
	}
}

/* iPhone ²£¸þ¤­¤À¤±¤ËŬÍѤ¹¤ëCSS */
@media only screen
	and (min-device-width:320px)
	and (max-device-width:479px)
	and (orientation:landscape)
{
	.header
	{
	display: none ;		/* Èóɽ¼¨¤Ë¤¹¤ë */
	}
}

/* ---------------------------------------------------------------------- */
/* Á´ÂΤËŬÍѤ¹¤ëCSS */
.main
{
	width: 740px ;
	padding: 0 ;		/* ¾å²¼º¸±¦¤Ë0px¤Î;Çò */
	border: none ;		/* ÏÈÀþ */
}

.side
{
	width: 230px ;
}

/* ¥¿¥Ö¥ì¥Ã¥È¤À¤±¤ËŬÍѤ¹¤ëCSS (0¡Á767px) */
@media screen and ( max-width:767px )
{
	.main
	{
		width: auto ;
		padding: 0 ;		/* ;Çò */
		border: none ;		/* ÏÈÀþ */
	}

	.side
	{
		display: none ;		/* Èóɽ¼¨¤Ë¤¹¤ë */
		width: auto ;
	}
}

/* ¥¹¥Þ¥Û¤À¤±¤ËŬÍѤ¹¤ëCSS */
@media screen and ( max-width:479px )
{
	.main
	{
		width: auto ;
		padding: 0 ;		/* ;Çò */
		border: none ;		/* ÏÈÀþ */
	}

	.side
	{
		display: none ;		/* Èóɽ¼¨¤Ë¤¹¤ë */
		width: auto ;
	}
}

/* ---------------------------------------------------------------------- */
/* ¥Õ¥Ã¥¿¡¼ */
.footer
{
	border-top: 3px solid orange ;		/* ÏÈÀþ */
	text-align: center ;			/* ¥Æ¥­¥¹¥È¡¢²èÁü¤Î¿¿¤óÃæ´ó¤» */
	margin-top: 2em ;			/* ¾¤Î¥Ö¥í¥Ã¥¯¤È¤Î¥¹¥Ú¡¼¥¹ */
	padding: 1em 0 ;			/* ¾å²¼¤Î;Çò */
	background: #ffffff ;
}

/* ---------------------------------------------------------------------- */
/* Á´ÂΤËŬÍѤ¹¤ëCSS */
.main
{
	float: right ;		/* º¸¤Ë´ó¤»¤ë */
}

.side
{
	float: left ;		/* ±¦¤Ë´ó¤»¤ë */
}

/* ¥¿¥Ö¥ì¥Ã¥È¤À¤±¤ËŬÍѤ¹¤ëCSS (0¡Á767px) */
@media screen and ( max-width:767px )
{
	.main , .side
	{
		float: none ;
	}
}

/* ¥¹¥Þ¥Û¤À¤±¤ËŬÍѤ¹¤ëCSS */
@media screen and (max-width:479px)
{
	.main , .side
	{
		float: none ;
	}
}

.wrapper
{
	overflow: hidden ;
}