@CHARSET "UTF-8";

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


/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*コンテナ
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
div.pleft
{
	float : none;
	clear : both;
	
	width : 300px;

	/*flex param*/
	padding-top    :  0px;
	padding-bottom :  0px;
	margin-top     :  0px;
	margin-bottom  :  0px;	
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*パラグラフレベル【h3】*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/

/*==================================================*/
/*パラグラフレベル要素【h3】
/*--------------------------------------------------*/
/*標準
/*==================================================*/

div.pleft h3.title
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;
	
	width : 100%;

	/*flex param*/	
	height : 50px;
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;

	text-indent : -9999px;
}

div.pleft div.bottom
{
	float : none;
	clear : both;
	
	width : 100%;

	font-size   : 0; /*for IE6*/
	line-height : 0; /*for IE6*/

	/*flex param*/	
	height : 10px;
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;
	
/*
	background-repeat : no-repeat;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/pleft-bottom.jpg);
*/
}

div.pleft div.main
{
	float : none;
	clear : both;
	
	width : 100%;

	/*flex param*/	
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;

/*
	background-repeat : repeat-y;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/pleft-main.jpg);
*/
}

/*==================================================*/
/*パラグラフレベル要素【h3】
/*--------------------------------------------------*/
/*枠付【type2】
/*==================================================*/

div.pleft div.spacer
{
	float : none;
	clear : both;
	
	padding-left   : 20px;
	padding-right  : 20px;
}

div.pleft div.main-type2
{
	float : none;
	clear : both;
	
	width : 100%; /*for IE6 (通常divでwidth100%をとり、コンテナdivで左右paddingをとる)*/
	
	/*flex param*/	
	/*
	background-repeat : repeat-y;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/main.jpg);
	*/
}

div.pleft div.main-type2 div.container
{
	float : none;
	clear : both;
	
	/*flex param*/	
	padding-left   : 9px; /*for IE6 (通常divでwidth100%をとり、コンテナdivで左右paddingをとる)*/
	padding-right  : 9px; /*for IE6 (通常divでwidth100%をとり、コンテナdivで左右paddingをとる)*/

	padding-top    : 9px;
	padding-bottom : 9px;		
	margin-top     : 0px;
	margin-bottom  : 0px;	
	
	border-color : rgb(96, 56, 19);
	border-width : 1px;
	border-style : solid;	
}


/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*コンテンツレベル【h4〜h5】*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/

/*==================================================*/
/*コンテンツレベル要素【h4】
/*--------------------------------------------------*/
/*[マルチパラグラフ]標準
/*==================================================*/

div.pleft h4.contents-title
{
	display : block;
	position : relative;

	float : none;
	clear : both;
	
	width : 100%;
	
	/*
	width : 280px;	/*IE7 親が100％指定している子要素として100％はバグ*/

	/*flex param*/
	height : 40px;
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;
		
	background-repeat : no-repeat;
	background-position : left center;
	background-image : url(http://www.katuko.com/images/pleft-contents-title-bg.jpg);

	text-indent : 30px;
	color       : rgb(145, 39, 39);
font-size   : 14px;
font-weight : bold;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
line-height : 30px;
text-indent : 45px;	
}

div.pleft div.contents-main
{
	float : none;
	clear : both;
		
	width : 100%;
	
	/*flex param*/
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;
	
	line-height : 20px;
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
	
	/*
	background-repeat : repeat-y;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/main.jpg) ;		
	*/
}

/*Unused*/
div.pleft div.contents-main div.container
{
	float : none;
	clear : both;

	padding-left : 0px;
	padding-ringt :0px;
	
	/*flex param*/
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;
		
	line-height : 20px;
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
}

/*==================================================*/
/*コンテンツレベル要素【h4】
/*--------------------------------------------------*/
/*[マルチパラグラフ]標準イメージナビゲーション
/*==================================================*/

ul.imgnavi
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;
}

ul.imgnavi li
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;

}

 ul.imgnavi li a
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;
	
	height : 100%;
	width : 100%;

	text-decoration: none;
	text-indent : -9999px;
}

/*==================================================*/
/*パラグラフレベル要素【h3】
/*--------------------------------------------------*/
/*[マルチパラグラフ]標準テキストナビゲーション
/*==================================================*/

ul.txtnavi
{
	display : block;
	position : relative;

	float : none;
	clear : both;
	
	width : 100%;	
				
	/*flex param*/
	background-repeat : repeat-y;
	background-position : left top;
	background-image : url(http://www.katuko.com/images/main.jpg) ;	
}

ul.txtnavi li
{
	display : list-item;
	
	padding-left : 30px; /*リストフラグを移動させない為にpadding-leftを指定*/
	background-repeat : no-repeat;
	background-position : left top; /*topにすることで２行表示でも自然なフラグに*/
	background-image : url(http://www.katuko.com/images/flg-anchor-20px.jpg);

	line-height : 20px;
	color       : rgb(153, 0, 0);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
}

ul.txtnavi li a
{			
	line-height : 20px;
	color       : rgb(153, 0, 0);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
}

.txtnavi li a:link,
.txtnavi li a:visited
{
	text-decoration: none;
}

.txtnavi li a:hover
{
	text-decoration: underline;	
}


/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*フォーム
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

div.pleft div.submit-container
{
	width : 100%;
}

div.pleft div.submit-container div.submit-div1
{	
	text-align : center;
}


/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* リスト */

/* インラインナンバーリスト */
div.container ol.contents-list
{
}

div.container ol.contents-list li
{
	line-height : 20px;
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
}

/* インラインイメージリスト*/
div.container ul.contents-list
{
}

div.container ul.contents-list li
{
	line-height : 20px;
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
	
	background-image : url(http://www.katuko.com/images/flg-list-20px.jpg);

}


/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*その他
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

div.container div.contents-separator
{
	height : 10px; 
	width : 100%;
		
	background-repeat : repeat-x;
	background-position : left center;
	background-image : url(http://www.katuko.com/images/separator.jpg);
}