@charset "utf-8";
/* ---------------------------------------------------*/
/* システムアウトラインの設定 */
/* ---------------------------------------------------*/
/* アウトライン領域 */
#sys_outline
{
	width:						972px;
	margin:						auto;
	background-color:	#FFFFFF;
}

#sys_outline_pop
{
	width:						600px;
	margin:						auto;
	background-color:	#FFFFFF;
}

/* ヘッダ領域 */
#sys_outline_header
{
	position:					relative;
	width:						970px;
	height:						70px;
	border:						1px solid #AAAAAA;
	background-color:	#FFFFFF;
	padding:					0px;
}

#sys_outline_header h1
{
	position:					absolute;
	top:							0px;
	right:						5px;
	font-size:				0.9em;
	font-weight:			normal;
	text-align:				right;
	padding:					7px 3px 0px 0px;
	z-index:					10;
}

#sys_outline_header #logo
{
	position:					absolute;
	left:							0px;
	bottom:						0px;
	z-index:					1;
}

#sys_outline_header #header_menu
{
	position:					absolute;
	right:						10px;
	bottom:						10px;
}

#sys_outline_header #header_menu li
{
	float:						left;
	width:						100px;
	height:						24px;
	margin-left:			7px;
}

/* メイン領域 */
#sys_outline_main
{
	position:					relative;
	width:						970px;
	background-color:	#FFFFFF;
	border-left:			1px solid #AAAAAA;
	border-right:			1px solid #AAAAAA;
	padding:					0px;
}

#sys_outline_main:after
{
	content:					"";
	display:					block;
	height:						0px;
	clear:						both;
}

#sys_outline_main_pop
{
	position:					relative;
	width:						598px;
	background-color:	#FFFFFF;
	border:						1px solid #AAAAAA;
	padding:					0px;
}

/* フッタ領域 */
#sys_outline_footer
{
	position:					relative;
	width:						962px;
	height:						25px;
	background-color:	#FFFFFF;
	border:						1px solid #AAAAAA;
	text-align:				right;
	padding:					10px 8px 0px 0px;
}

#sys_outline_footer #copy
{
	font-size:				0.9em;
}

#sys_outline_footer #footer_menu
{
	position:					absolute;
	left:							10px;
	top:							10px;
}

#sys_outline_footer #footer_menu li
{
	float:						left;
	margin-right:			12px;
}

#sys_outline_footer #footer_menu li a:link
{
	color:						#000000;
	text-decoration:	none;
	background-image:	url(../_img/common/ico_arrow_off.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:					0px 0px 0px 12px;
}

#sys_outline_footer #footer_menu li a:visited
{
	color:						#000000;
	text-decoration:	none;
	background-image:	url(../_img/common/ico_arrow_off.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:					0px 0px 0px 12px;
}

#sys_outline_footer #footer_menu li a:active
{
	color:						#000000;
	text-decoration:	none;
	background-image:	url(../_img/common/ico_arrow_off.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:					0px 0px 0px 12px;
}

#sys_outline_footer #footer_menu li a:hover
{
	color:						#B10026;
	text-decoration:	underline;
	background-image:	url(../_img/common/ico_arrow_on.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:					0px 0px 0px 12px;
}

/* ---------------------------------------------------*/
/* メイン領域内の設定 */
/* ---------------------------------------------------*/
/* 左サイド領域 */
#sys_outline_left_area
{
	width:						180px;
	float:						left;
	padding:					0px 10px 10px 10px;
}

/* コンテンツ領域 ～販売系～ */
#sys_outline_contents_area
{
	width:						550px;
	float:						left;
}

/* コンテンツ領域 ～ステップ系～ */
#sys_outline_contents_area_stp
{
	width:						750px;
	padding:					20px 0px 10px 0px;
	margin-left:			auto;
	margin-right:			auto;
}

/* コンテンツ領域 ～MyPage系～ */
#sys_outline_contents_area_myp
{
	width:						760px;
	float:						left;
}

/* コンテンツ領域 ～POPUP系～ */
#sys_outline_contents_area_pp
{
	width:						600px;
	padding:					20px 0px 10px 0px;
}

/* 右サイド領域 */
#sys_outline_right_area
{
	width:						200px;
	float:						left;
	padding:					0px 10px 10px 10px;
}