@CHARSET "UTF-8";

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*	Copylight (C) Fultex / このファイルの著作権はFultexに帰属します。無断で転用することを禁じます。
/*--------------------------------------------------------------------------------------*/
/*タイトル：枠組 - マスター
/*準拠	：Fultex Framework CSS
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*ルートコンテナ
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body
{
	background-repeat : repeat;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/root-bg.jpg);
}

#root-container-header
{
	z-index : 0;
	width : 100%;
	
	margin-right : -2px; /*for IE6 (div.absolute隣接バグ)*/
	
	background-repeat : repeat-x;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/header-bg.jpg) ;
}

#root-container-top
{
	z-index : 0;
	width : 100%;
	
	margin-right : -2px; /*for IE6 (div.absolute隣接バグ)*/
	
	background-repeat : repeat-x;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/top-bg.jpg) ;
}

#root-container-main
{
	z-index : 0;
	width : 100%;
	
	margin-right : -2px; /*for IE6 (div.absolute隣接バグ)*/
	
	background-repeat : repeat-x;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/main-bg.jpg);
}

#root-container-bottom
{
	z-index : 0;
	width : 100%;
	
	margin-right : -2px; /*for IE6 (div.absolute隣接バグ)*/
	
	background-repeat : repeat-x;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/bottom-bg.jpg) ;
}
#root-container-footer
{
	z-index : 0;
	width : 100%;
	
	margin-right : -2px; /*for IE6 (div.absolute隣接バグ)*/
	
	background-repeat : repeat-x;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/footer-bg.jpg);
}

#root-container-navi-top
{
	position : absolute;
	z-index : 100;

	top  : 0px;
	left : 0px;
	
	width : 100%;
	
	background-repeat : repeat-x;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/navi-bg.jpg) ;	
}

#root-container-navi-header
{
	position : absolute;	
	z-index : 100;
	
	top     : 50px;
	left    : 0px;
	
	width : 100%;
	
	/*
	background-repeat : repeat-x;
	background-position : top center;
	background-image : url(http://www.katuko.com/images/navi2-bg.jpg);
	*/
}


/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*フレーム
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#frame-header
{
	left : 50%;
	margin-left : -450px;
	
	width : 900px;
	height : 100px;
}

#frame-top
{
	left : 50%;
	margin-left : -450px;
	
	width : 900px;
	height : 0px;	
}

#frame-main
{
	left : 50%;
	margin-left : -450px;
	
	width : 900px;
}

#frame-bottom
{
	left : 50%;
	margin-left : -450px;
	
	width : 900px;	
	height : 0px;
}

#frame-footer
{
	left : 50%;
	margin-left : -450px;
	
	width : 900px;
	height : 100px;
}

#frame-navi-top
{
	left : 50%;
	margin-left : -450px;
	
	width : 900px;
	height : 100px;
}


#frame-navi-header
{
	
	left : 50%;
	padding-left : 250px;
}



/*--------------------------------------*/
/*メインフレーム
/*--------------------------------------*/

/*【構成図：frame-main】
/*****************************************************************************/
/*#frame-main-top                                                            */
/*←	                                                                         */
/*****************************************************************************/
/*#frame-main-center                                                         */
/*←	                                                                         */
/* ========================================================================= */
/* |#frame-main-right	                                                  →||*/
/* | ===============================================                       ||*/
/* | |#frame-main-left                             |                       ||*/
/* | |←	                                           |                       ||*/
/* | | ===================== ===================== | ===================== ||*/
/* | | |#contents          | |#contents          | | |#contents          | ||*/
/* | | | -container-left   | |  -container-center| | |   -container-right| ||*/
/* | | |←	               | |                  →| | |                  →| ||*/
/* | | ===================== ===================== | ===================== ||*/
/* | |                                             |                       ||*/
/* | ===============================================                       ||*/
/* |                                                                       ||*/
/* ========================================================================= */
/*                                                                           */
/*****************************************************************************/
/*#frame-main-bottom                                                         */
/*←	                                                                         */
/*****************************************************************************/

#frame-main-center
{
	width : 900px;
/*
	background-repeat : repeat-x;
	background-position : top;
	background-image : url(http://www.katuko.com/images/frame-main-center.jpg) ;
*/
}

#frame-main-right
{
	float : right;
	
	width : 900px;
/*		
	background-repeat : repeat-y;
	background-position : right top;
	background-image : url(http://www.katuko.com/images/main-right.jpg) ;
*/
}

#frame-main-left
{
	width : 900px;	
/*	
	background-repeat : repeat-y;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/main-left.jpg);
*/
}

#frame-main-top
{
	width : 900px;
	height : 0px;

	font-size   : 0; /*for IE6*/
	line-height : 0; /*for IE6*/
	
/*
	background-repeat : repeat-x;
	background-position : top;
	background-image : url(http://www.katuko.com/images/frame-main-top.jpg) ;
*/
}

#frame-main-bottom
{
	width : 900px;
	height : 0px;

	font-size   : 0; /*for IE6*/
	line-height : 0; /*for IE6*/
	
/*
	background-repeat : repeat-x;
	background-position : top;
	background-image : url(http://www.katuko.com/images/frame-main-bottom.jpg) ;
*/
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*セクション
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*セクションはコンテナなのでデザインを規定する内容をなるべく記述しないこと*/

/*--------------------------------------*/
/*ヘッダーフレーム内
/*--------------------------------------*/
#section-header
{
	width : 100%;
}

/*--------------------------------------*/
/*トップフレーム内
/*--------------------------------------*/
#section-top
{
	width : 100%;
}

/*--------------------------------------*/
/*メインフレーム内
/*--------------------------------------*/
#section-center
{
	float : right;

	/*フレームで幅を設定していないので必須*/
	width : 600px;
	
	padding-top		: 0px;
	padding-bottom	: 10px;
	padding-left	: 0px;
	padding-right	: 0px;	
	
}

#section-left
{
	/*
	position : absolute;
	top : 0;
	left : 0;
	*/
	
	padding-top		: 0px;
	padding-bottom	: 10px;
}

#section-right
{
	float : right;
	
	padding-top		: 0px;
	padding-bottom	: 10px;
}

/*--------------------------------------*/
/*ボトムフレーム内
/*--------------------------------------*/
#section-bottom
{
	width : 100%;
}

/*--------------------------------------*/
/*フッターフレーム内
/*--------------------------------------*/
#section-footer
{
	width : 100%;
}

/*--------------------------------------*/
/*ナビフレーム内
/*--------------------------------------*/
#section-navi-top
{
	width : 100%;
}

#section-navi-header
{
	width : 200px;
	height : 30px;
}