@CHARSET "UTF-8";

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


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

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

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*ページレベル【h2】*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/

/*==================================================*/
/*ページレベル要素
/*--------------------------------------------------*/
/*標準
/*==================================================*/
h2.page-title
{
	display : block;
	position : relative;
	float : right;

	right : 0;
	top : 0;
	
	width : 600px;
	height : 350px;

	overflow: hidden;
	
	text-indent : -9999px;
}


div.topicpath
{
	margin-top : 10px;
	margin-bottom : 10px;
	
	width : 600px;
	
	line-height : 30px;
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;	
}

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

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

/*==================================================*/
/*パラグラフレベル要素【h3】
/*--------------------------------------------------*/
/*標準
/*==================================================*/
div.pcenter h3.title
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;	
	
	width : 100%;

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

	text-indent : -9999px;
}

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

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

	/*flex param*/	
	height : 30px;
	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/bottom.jpg);
*/	
}

div.pcenter 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/main.jpg);
	*/
}

div.pcenter ul.main
{
	float : none;
	clear : both;
	
	width : 100%; /*ULでwidth100%をとり、ILでpaddingをとる */

	/*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/main.jpg);
	*/
}

div.pcenter li.main
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;
	
	/*flex param*/	
	padding-left : 0px;	/*for IE6 (ULでwidth100%をとり、ILで左右paddingをとる) */
	padding-right :0px; /*for IE6 (ULでwidth100%をとり、ILで左右paddingをとる) */
	
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;
}

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

div.pcenter 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.pcenter 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.pcenter h4.contents-title
{
	display : block;
	position : relative;

	float : none;
	clear : both;

	width : 100%;
	
	/*flex param*/
	height : 30px;
	
	padding-bottom : 0px;
	margin-bottom : 10px;
	
	background-repeat : no-repeat;
	background-position : left center;
	background-image : url(http://www.katuko.com/images/contents-title.jpg);

	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.pcenter h4.contents-title a
{
	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.pcenter div.contents-bottom
{
	float : none;
	clear : both;
	
	width : 100%;
	
	font-size : 0;   /*for IE6*/
	line-height : 0; /*for IE6*/
	
	/*flex param*/
	height : 20px;
}

div.pcenter div.contents-main
{
	float : none;
	clear : both;
	
	width : 100%;
	
	/*flex param*/
	line-height : 30px;
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : lighter;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;	
}


/*Unused*/
div.pcenter div.contents-main div.container
{	
	float : none;
	clear : both;
	
	/*flex param*/
	padding-left : 0px;
	padding-ringt :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;
}

/* イメージリストタイプ (イメージフラグを使用する) */
div.pcenter ul.contents-main
{
	float : none;
	clear : both;

	/* ULで左paddingをとり、子要素LIでwidth100%をとる */
	padding-left : 30px;
}

div.pcenter ul.contents-main li.contents-main
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;

	width : 100%;

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

/* ナンバーリストタイプ (ナンバーフラグを使用する) */
div.pcenter ol.contents-main
{
	float : none;
	clear : both;

	/* 左paddingをとり、子要素<li>でwidth100%をとる */
	padding-left : 30px;
}

div.pcenter ol.contents-main li.contents-main
{
	display : block;
	position : relative;
	
	float : none;
	clear : both;
	
	width : 100%;

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

/*==================================================*/
/*コンテンツレベル要素【h5】
/*--------------------------------------------------*/
/*マルチパラグラフ
/*==================================================*/
div.pcenter h5
{
	color       : rgb(96, 56, 19);
font-size   : 13px;
font-weight : bold;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
line-height : 30px;	
}

div.pcenter h5 a
{
	color       : rgb(96, 56, 19);
font-size   : 13px;
font-weight : bold;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
line-height : 30px;	
}
/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*ブロック*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/

/*==================================================*/
/*ブロックレベル要素
/*--------------------------------------------------*/
/*標準
/*==================================================*/

.block-container
{
	display : block;
	clear : both;
	position : relative;

	width : 100%
}

.block
{
	display : block;
	position : relative;

	float : left;
}

.block-left
{
	display : block;
	position : relative;

	float : left;
}
.block-right
{
	display : block;
	position : relative;

	float : right;
}
　


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

/* インラインナンバーリスト */
ol.contents-list
{
	float : none;
}

ol.contents-list li
{
	/* 純粋なリストアイテム要素として処理する (margin-letの使用の為)*/
	display : list-item;

	/*リストフラグを一緒に移動させる為にmarginを指定*/
	/*(リストフラグを移動させない様にするにはpadding-leftを指定)*/
	margin-left : 30px;

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

/* インラインイメージリスト*/
ul.contents-list
{
	float : none;
}

ul.contents-list li
{
	/* 純粋なインライン要素として処理する (margin-letの使用の為)*/
	display : list-item;
	
	/*リストフラグを移動させない為にpadding-leftを指定*/	
	padding-left : 30px;
	background-repeat : no-repeat;
	background-position : left top; /*topにすることで２行表示でも自然なフラグに*/
	background-image : url(http://www.katuko.com/images/flg-list-30px.jpg);

/*
	リストフラグを一緒に移動させる為にmarginを指定
	margin-left : 30px;
	list-style-type : image;
	list-style-image : url(http://www.katuko.com/images/flg-list-30px.jpg);
	list-style-position : outside;
*/

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

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*リーダー
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
p.leader
{
	display : block;
	position : relative;
	float : right;
}

p.leader a
{
	display : block;
	position : relative;

	float : left;
}

span.leader-flg
{
	display : block;
	position : relative;
	
	float : right;
	width : 20px;
	height : 30px;

	background-repeat : no-repeat;
	background-position : left center;
	background-image : url(http://www.katuko.com/images/flg-anchor-30px.jpg);
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*セパレータ
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
div.contents-separator
{
	float : none;
	clear : both;
	
	height : 10px; 
	width : 100%;
		
	background-repeat : repeat-x;
	background-position : left center;
	background-image : url(http://www.katuko.com/images/separator.jpg);
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*コンタクト
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
div.contact
{
	float : none;
	
	width : 100%;
}

div.contact ul.contents-list
{
	float : right;
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*日付リスト
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
div.date
{
	width : 150px;
	
	/*
	background-color : rgb(179, 179, 179);
	background-repeat : no-repeat;
	background-position : left center;
	background-image : url(http://www.katuko.com/images/date-bg.jpg);	
	*/
}

div.date-row
{
	width : 400px;
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*テーブル*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
ul.main table.contents-table
{
	width : 100%;
}

ul.main table.contents-table th
{
	padding-left	: 5px;
	padding-right	: 5px;

	padding-top		: 5px;
	padding-bottom	: 5px;
	
	border-width	: 1px;
	border-color	: rgb(227, 227, 227);
	border-style	: solid;
	border-collapse	: collapse;
	border-spacing	: 0px;

	background		: rgb(245, 245, 245);
	
	text-align		: center;
}

ul.main table.contents-table td
{
	padding-left	: 5px;
	padding-right	: 5px;

	padding-top		: 5px;
	padding-bottom	: 5px;
			
	border-width	: 1px;
	border-color	: rgb(227, 227, 227);
	border-style	: solid;
	border-collapse	: collapse;
	border-spacing	: 0px;
		
	text-align		: left;
}

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

/*==================================================*/
/*フォームテーブル
/*--------------------------------------------------*/
/*
/*==================================================*/

table.form
{
	position : relative;
	float : none;
	
	width : 100%;
}

table.form tr
{
	/*
	background-repeat : repeat-x;
	background-position : left bottom;
	background-image : url(http://www.katuko.com/images/separator.jpg);
	*/
}
table.form td
{
	padding-top    : 5px;
	padding-bottom : 5px;
	padding-left   : 5px;
	padding-right  : 5px;
}

table.form th,
table.form td.headcol
{
	color       : rgb(255, 249, 238);
font-size   : 12px;
font-weight : bold;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
line-height : 20px;
	
	background-repeat   : repeat-x;
	background-position : left top;
	background-image    : url(http://www.katuko.com/images/form-table-th-bg.jpg);
	background-color    : rgb(224, 177, 177);
}

table.form td.col
{
	color       : rgb(96, 56, 19);
font-size   : 12px;
font-weight : bold;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
line-height : 20px;

	background-repeat   : repeat-x;
	background-position : left top;
	background-image    : url(http://www.katuko.com/images/form-table-td-bg.jpg);
	background-color    : rgb(251, 242, 215);	
}

table.form div.form-input
{
	width : 100%;
}

/*==================================================*/
/*フォームテーブル内コンテンツ
/*--------------------------------------------------*/
/*
/*==================================================*/
div.form-error
{
	/* エラー出力時にform-errorタグは自動付加生成される */
	width : 100%;

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

/* フォームサブフォント */
span.form-sub
{
	font-size : 90%;
}

/* フォームピックアップフォント */
span.form-pickup
{
	color       : rgb(147, 39, 143);
font-size   : 12px;
font-weight : bold;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
}

/*==================================================*/
/*フォームテーブル内インナーコンテナ
/*--------------------------------------------------*/
/*名字と名前などに定義タグを使用する
/*==================================================*/

table.form dl
{
	display : block;		
	position : relative;
	clear : both;
}

table.form dl dt
{
	display : block;		
	position : relative;
	float : left;

	text-align : center;
}

table.form dl dd
{
	display : block;		
	position : relative;
	float : left;
}

/*==================================================*/
/* フォームテーブル内インナーテーブル
/*--------------------------------------------------*/
/*テーブル内のテーブル（フォームテーブルの影響をキャンセル）
/*==================================================*/
table.form table.inner
{
	background-image : none;
}

table.form table.inner tr
{
	background-image : none;	
}

table.form table.inner td,
table.form table.inner th
{
	background-image : none;	
}

/*==================================================*/
/*フォームテーブル内スマートテーブル
/*--------------------------------------------------*/
/*テーブルの外枠と中枠の色を変えるセット*/
/*==================================================*/
table.form table.smart
{
	border-width: 2px;
	border-style : solid;
	border-collapse : collapse;
	border-spacing : 0px;
	
	border-color: rgb(96, 56, 19);
}

table.form table.smart td
{
	border-width: 0px;
	border-style : solid;
	border-collapse : collapse;
	border-spacing : 0px;
}

table.form table.smart tr
{
	border-width: 0px;
	border-style : solid;
	border-collapse : collapse;
	border-spacing : 0px;
}

table.form table.smart tr.headrow td
{
	border-top-width: 0px;
}

table.form table.smart tr.row td
{
	border-top-width: 1px;
	
	border-color: rgb(179,179,179);
}

table.form table.smart td.headcol
{
	border-left-width: 0px;
}

table.form table.smart td.col
{
	border-left-width: 1px;
	
	border-color: rgb(179,179,179);
}

/*==================================================*/
/*サブミット
/*--------------------------------------------------*/
/*
/*==================================================*/

div.submit-container
{
	float : none;
	clear : both;
	
	width : 100%;

	height : 100%;
	
	margin-top    : 10px;
	margin-bottom : 10px;
}

div.submit-container div.submit-div3
{
	float : left;
	width : 33.3%;

	line-height : 30px;
	text-align : center;
	
	/*flex param*/
	height : 40px;
}

div.submit-container div.submit-div1
{
	float : left;
	width : 100%;

	line-height : 30px;
	text-align : center;
	
	/*flex param*/
	height : 40px;
}

/*======================================================================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*フォームコンテンツ*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*======================================================================================*/
h3#error
{
	background:url(http://www.katuko.com/images/pcenter-title_error.jpg) no-repeat left top;
}