@charset "UTF-8";
/* ==============================================================================
	Default Settings
============================================================================== */
* {
	margin:			0;
	padding:		0;
}

/* ==============================================================================
	Body Settings
============================================================================== */
body	{
	background-color:	#fff;
	font-family:		'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

/* ==============================================================================
	BaseHeader Settings
============================================================================== */
#BaseHeader {
	margin-left:		auto;
	margin-right:		auto;
	height:			160px;
	background:		#FADBD1;
}

/* ==============================================================================
	Header Settings
============================================================================== */
#Header {
	margin-left:		auto;
	margin-right:		auto;
	width:			976px;
	height:			160px;
	background:		url(img/logo.jpg) no-repeat 0px 19px;
}
#Header h1 a {
	float: 	                left;
	display:		block;
	margin:                 19px 0 0 0;
	width:			268px;
	height:			116px;
	text-indent:		-9999px;
	overflow:		hidden;
}

/* ==============================================================================
	HmenuArea Settings
============================================================================== */
#HmenuArea {
	float:			right;
	width:			574px;
	height:			20px;
	margin:			135px 0 0 0;
}
#HmenuArea ul {
	margin:			0 0 0 0;
	list-style: 		none;
}
#HmenuArea li {
	float:			left;
	display:		block;
	width:			80px;
 	height:			20px;
	margin:			0 0 0 2px;
}
#HmenuArea li span {
	width:			80px;
	height:			20px;
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
}
#HmenuArea li a {
	width:			80px;
 	height:			20px;
	display:		block;
	text-decoration:	none;
	overflow:		hidden;
}
#HmenuArea li#hmenu01 {
	background:		url(img/menu_a.jpg) no-repeat;
}
#HmenuArea li#hmenu02 {
	background:		url(img/menu_b.jpg) no-repeat;
}
#HmenuArea li#hmenu03 {
	background:		url(img/menu_c.jpg) no-repeat;
}
#HmenuArea li#hmenu04 {
	background:		url(img/menu_d.jpg) no-repeat;
}
#HmenuArea li#hmenu05 {
	background:		url(img/menu_e.jpg) no-repeat;
}
#HmenuArea li#hmenu06 {
	background:		url(img/menu_f.jpg) no-repeat;
}
#HmenuArea li#hmenu07 {
	background:		url(img/menu_g.jpg) no-repeat;
}
#HmenuArea li#hmenu01 a {
	background:		url(img/menu_a.jpg) no-repeat;
}
#HmenuArea li#hmenu02 a {
	background:		url(img/menu_b.jpg) no-repeat;
}
#HmenuArea li#hmenu03 a {
	background:		url(img/menu_c.jpg) no-repeat;
}
#HmenuArea li#hmenu04 a {
	background:		url(img/menu_d.jpg) no-repeat;
}
#HmenuArea li#hmenu05 a {
	background:		url(img/menu_e.jpg) no-repeat;
}
#HmenuArea li#hmenu06 a {
	background:		url(img/menu_f.jpg) no-repeat;
}
#HmenuArea li#hmenu07 a {
	background:		url(img/menu_g.jpg) no-repeat;
}
#HmenuArea li#hmenu01 a:hover {
	background:		url(img/menu_a_hover.jpg) no-repeat;
}
#HmenuArea li#hmenu02 a:hover {
	background:		url(img/menu_b_hover.jpg) no-repeat;
}
#HmenuArea li#hmenu03 a:hover {
	background:		url(img/menu_c_hover.jpg) no-repeat;
}
#HmenuArea li#hmenu04 a:hover {
	background:		url(img/menu_d_hover.jpg) no-repeat;
}
#HmenuArea li#hmenu05 a:hover {
	background:		url(img/menu_e_hover.jpg) no-repeat;
}
#HmenuArea li#hmenu06 a:hover {
	background:		url(img/menu_f_hover.jpg) no-repeat;
}
#HmenuArea li#hmenu07 a:hover {
	background:		url(img/menu_g_hover.jpg) no-repeat;
}

/* ==============================================================================
	BaseArea Settings
============================================================================== */
#BaseArea {
	margin-left:		auto;
	margin-right:		auto;
	width:			976px;
	background-color:	#FFF;
}

/* ==============================================================================
	NaviAndContentsFoundation Settings
============================================================================== */
#NaviAndContentsFoundation {
	float:			left;
	width:			976px;
	background:		url(img/contents.gif) ;
}
#Breadcrumbs {
	float:			left;
	width:			966px;
	margin:			10px 0 10px 10px;
	font-size:		75%;
}

/* ==============================================================================
	BaseFooter Settings
============================================================================== */
#BaseFooter {
	clear:			both;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		10px;
	background:		#FADBD1;
}

/* ==============================================================================
	Footer Settings
============================================================================== */
#Footer {
	margin-left:		auto;
	margin-right:		auto;
	width:			966px;
	min-height:		120px;
	padding:		20px 0 0 10px;
}
#Footer .QRArea {
	clear:			both;
	float:			left;
	width:			824px;
	height:			90px;
}
#Footer .QRArea img {
	float:			left;
	margin:			0 6px 0 0;
}
#Footer .Copyright {
	float:			left;
	width:			300px;
	height:			18px;
	margin-top:		10px;
	background:		url(img/copyright.jpg) no-repeat;
}
#Footer .Copyright span {
	font-size:		1px;
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
}

/* ==============================================================================
	Img Settings
============================================================================== */
.ImageLeft {
	float:			left;
	margin:			0 10px 0 0;
}
.ImageRight {
	float:			right;
	margin:			0 0 0 10px;
}