/*/////////////////////////////
html,body
/////////////////////////////*/
	
html{
	height				: 100%;
}

body{
	background			: url("http://www.katariba.net/img/kotei2/haikei.gif");
	height				: 100%;
	margin				: 0px;
}

/*/////////////////////////////
リンク色設定　ヘッダー部だけ
/////////////////////////////*/

div.header a:link {/*未訪問のリンク*/
    color:white;
    font-style:normal;
    text-decoration:none;
}
div.header a:visited {/*訪問後のリンク*/
    color:white;
    text-decoration:none;
}
div.header a:hover {/*マウスをのせたとき*/
    color:#FFFFCC;
    font-style:normal;
    text-decoration:underline;
}
div.header a:active {/*クリック中*/
    text-decoration:none;
}

a img {
    border-style:none;
}

/*/////////////////////////////
コンテンツ部分　一番外枠
高さは可変　そんなに短いコンテンツもないでしょうから
/////////////////////////////*/

.contents{
	font-size			: 12px;
	background			: url(http://katariba.net/img/kotei/back.gif);
	margin				: 0;
	padding				: 0;
	position			: relative;
	top					: 0px;
	left				: 150px;
	width				: 750px;
}

/*/////////////////////////////
ヘッダー枠　詳細部分は下で
/////////////////////////////*/

.header{
	width				: 100%;

	height				: 107px;
	margin				: 0;
	padding				: 0px;
	border				: none;
	position			: relative;
	top					: 0px;
	left				: 0px;
	height: 107px;
}

/*/////////////////////////////
ヘッダー部　黒板白文字リンク
/////////////////////////////*/

.titleLogo{
	position			: absolute;
	top					: 0px;
	left				: 10px;
}

.headerMenuVirtical{
	position			: absolute;
	top					: 90px;
	left				: 95px;
	width				: 112px;
}

.headerMenuVirticalTop{
	position			: absolute;
	top					: 117px;
	left				: 80px;
	width				: 190px;
	z-index				: 100;
}

.headerMenuHorizonical1{
	position			: absolute;
	top					: 15px;
	left				: 260px;
	width				: 85px;
}

.headerMenuHorizonical2{
	position			: absolute;
	top					: 15px;
	left				: 572px;
	width				: 195px;
}

/*/////////////////////////////
ヘッダー部　黒板内画像２ペイン
/////////////////////////////*/

.headerLeftPhoto{
	position			: absolute;
	top					: 117px;
	left				: 130px;
	width				: 137px;
	height				: 206px;
}

.headerRightPhoto{
	background			: url(http://katariba.net/img/kotei2/top-migi-waku.png);
	background-color	: rgb(255,255,255);
	position			: absolute;
	top					: 50px;
	left				: 270px;
	width				: 431px;
	height				: 249px;
	_width				: 453px;
	_height				: 275px;
	padding				: 13px 11px 13px 11px;
}

/*/////////////////////////////
ヘッダー部　黒板内画像３ペイン
/////////////////////////////*/

.header1stPhoto{
	position			: absolute;
	top					: 85px;
	left				: 210px;
}

.header2ndPhoto{
	position			: absolute;
	top					: 85px;
	left				: 390px;
}

.header3rdPhoto{
	position			: absolute;
	top					: 85px;
	left				: 570px;
}

/*/////////////////////////////
左フレーム枠（Ｍｅｎｕ）
/////////////////////////////*/

.Menu{
	line-height			: 1.8em;
	float				: left;
	width				: 175px;
	_width				: 200px;
	margin				: 0;
	height				: auto;
	padding				: 300px 0 50px 25px;
}

.MenuTop{
	line-height			: 1.8em;
	float				: left;
	width				: 225px;
	_width				: 250px;
	margin				: 0;
	height				: auto;
	padding				: 50px 0 50px 25px;
}

/*/////////////////////////////
メニューのパンくずリスト用
/////////////////////////////*/
.MenuBread{
	font-size			: 10px;
	top					: 340px;
	left				: 151px;
	height				: 10px;
	_height				: 20px;
	position			: absolute;
	z-index				: 100;
	text-align			: center;
	padding-left		: 20px;
	padding-right		: 30px;
	border-bottom		: 10px orange solid;
}

.MenuBreadBack{
	top					: 340px;
	left				: 150px;
	width				: 250px;
	height				: 10px;
	_height				: 20px;
	border-bottom		: 10px orange solid;
	position			: absolute;
	z-index				: 90;
}

/*/////////////////////////////
メインフレーム枠
各カテゴリ別の詳細は下で
/////////////////////////////*/

.mainFrameTop{
	line-height			: 1.8em;
	float				: right;
	width				: 475px;
	_width				: 485px;
	margin				: 0;
	padding				: 2px 15px 50px 0;
}

.mainFrame{
	line-height			: 1.8em;
	float				: right;
	width				: 525px;
	_width				: 535px;
	margin				: 0;
	padding				: 50px 15px 50px 0;
}

/*/////////////////////////////
メインフレーム０：そのままだと若干上が消えるのでpaddingしてやる
/////////////////////////////*/

.mainFrame2{
	width				: 100%;
	margin				: 0;
	padding				: 10px 15px 0 0;
}

/*/////////////////////////////
メインフレーム１：トップページ４フレ
/////////////////////////////*/

.divTopLeftUpper{
	float				: left;
	width				: 245px;
	_width				: 260px;
	padding				: 0 15px 0 0;
}

.divTopRightUpper{
	float				: left;
	width				: 220px;
	padding				: 0px;
}

.divTopLeftLower{
	float				: left;
	width				: 245px;
	_width				: 260px;
	padding				: 0 15px 0 0;
}

.divTopRightLower{
	float				: left;
	width				: 220px;
	padding				: 0px;
}

/*/////////////////////////////
メインフレーム２：上段３ペイン
/////////////////////////////*/

.divJoin{
	float				: left;
	width				: 160px;
	_width				: 175px;
	height				: 50px;
	padding				: 0 15px 0 0;
	border				: 0px;
}

/*/////////////////////////////
メインフレーム３：上下３ペイン
/////////////////////////////*/

.divJoin2{
	float				: left;
	width				: 160px;
	_width				: 175px;
	padding				: 0 15px 0 0;
}

.divJoin3{
	float				: left;
	width				: 160px;
	_width				: 175px;
	padding				: 0 15px 0 0;
}

.divPhoto{
	height				: 160px;
	width				: 160px;
	padding				: 10px 0 0 0;
}



.divPhotoLeft{
	float				: left;
	margin				: 0;
	padding				: 0;
	width				: 15px;
	height				: 130px;
}

.divPhotoRight{
	font-size			: 10px;
	line-height			: 1.2em;
	float				: left;
	margin				: 0;
	padding				: 0 10px 10px 5px;
	width				: 115px;
	_width				: 130px;
	height				: 150px;
	_height				: 160px;
	overflow			: hidden;
}

/*以下はカタリバに関わる人々サブカテゴリでも使う*/

.divPeopleExplanation{
	line-height			: 1.5em;
	font-size			: 12px;
	float				: left;
	margin				: 0;
	padding				: 10px 10px 0 0;
	width				: 240px;
	_width				: 250px;
	height				: 210px;
	_height				: 220px;
}

.divPhoto2{
	font-size			: 10px;
	line-height			: 1.2em;
	float				: left;
	padding				: 0 5px 0 0;
	width				: 115px;
	_width				: 120px;
	height				: 180px;
	overflow			: hidden;
}

.divPeoplePhoto{
	float				: left;
	margin				: 0;
	padding				: 10px 0 0 0;
	width				: 240px;
	height				: 175px;
	_height				: 185px;
	overflow			: hidden;
}

.divShowNext{
	float				: right;
	margin				: 0;
	padding				: 0 25px 20px 0;
	height				: 15px;
	_height				: 35px;
	width				: 240px;
}


/*/////////////////////////////
メインフレーム４：サイトマップ２フレ
/////////////////////////////*/

.divMap{
	float				: left;
	width				: 215px;
	_width				: 230px;
	font-size			: 12px;
	height				: 200px;
	padding				: 0 15px 0 0;
}

/*/////////////////////////////
小物ペイン
/////////////////////////////*/

/*タイトルペイン*/

.orangeTitlePain{
	color				: #FF6600;
	font-size			: 18px;
	font-weight			: bold;
	font-family			: "ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";
	margin: 10px 0 0 0;
}

.greenTitlePain{
	color				: green;
	font-size			: 18px;
	font-weight			: bold;
	font-family			: "ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";
}

.orangeTitlePain2{
	color				: rgb(255,153,51);
	font-size			: 18px;
	font-weight			: bold;
	font-family			: "ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";
}

.grayTitlePain{
	color				: rgb(231,231,233);
	font-size			: 18px;
	font-weight			: bold;
	font-family			: "ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";
}

/*横線ペイン（グレイ*/

.grayPain{
	border-left			: solid 10px rgb(231,231,233);
	padding				: 0 0 0 5px;
	margin				: 15px 0 0 0;
	height				: auto;
}

/*横線ペイン（オレンジ*/

.orangePain{
	border-left			: solid 10px #FF6600;
	padding				: 0 0 0 5px;
	margin				: 15px 0 0 0;
	height				: auto;
}

/*横線ペイン（ミドリ*/

.greenPain{
	border-left			: solid 10px green;
	padding				: 0 0 0 5px;
	margin				: 15px 0 0 0;
	height				: auto;
}

/*横線ペイン（オレンジ２*/

.orangePain2{
	border-left			: solid 10px rgb(255,153,51);
	padding				: 0 0 0 5px;
	margin				: 15px 0 0 0;
	height				: auto;
}

.divOuen{
	padding				: 50px 0 0 0;
}

/*/////////////////////////////
特殊：カタリバに関わる人々メニュー
/////////////////////////////*/


/*横線ペイン（グレイ*/

.gray{
	border-left			: solid 10px rgb(231,231,233);
	padding				: 0 0 0 5px;
	margin				: 0;
	height				: auto;
}

/*横線ペイン（オレンジ*/

.orange{
	border-left			: solid 10px #FF6600;
	padding				: 0 0 0 5px;
	margin				: 0;
	height				: auto;
}

/*横線ペイン（ミドリ*/

.green{
	border-left			: solid 10px green;
	padding				: 0 0 0 5px;
	margin				: 0;
	height				: auto;
}

/*横線ペイン（オレンジ２*/

.orange2{
	border-left			: solid 10px rgb(255,153,51);
	padding				: 0 0 0 5px;
	margin				: 0;
	height				: auto;
}

/*/////////////////////////////
メイン（カタリバホルダー）
/////////////////////////////*/

.main{
	clear:both;
	position:relative;
}

.main_holder{
	float:right;
	width:550px;
}

.holder_info{
border-left:#999999 3px solid;
line-height:1.8em;
background:#FFFFFF;
margin:10px 0 20px;
padding:10px;
}

a.web,
a.interview{
display:block;
width:94px;
height:20px;
margin:auto auto;
}

a.web span,
a.interview span{
display:none;
}

a.web{
background:url(images/web_1.gif);
}

a:hover.web{
background:url(images/web_2.gif);
}

a.interview{
background:url(images/interview_1.gif);
}

a:hover.interview{
background:url(images/interview_2.gif);
}

.holder_table{
	margin:20px auto;
}

.holder_table{
	font-size:100%;
	line-height:1.8em;
}

.interview{
margin:10px 0 0 0;

}

.interview_image{
	width:427px;
	position: absolute;
	top: 71px;
	left: 289px;
}

.interview_header{
	width				: 100%;
	margin				: 0;
	height:300px;
	padding				: 0px;
	border				: none;
	position			: relative;
	top					: 0px;
	left				: 0px;
	height: 350px;
}

.interview_Menu{
	line-height			: 1.8em;
	float				: left;
	width				: 175px;
	_width				: 200px;
	margin				: 0;
	height				: auto;
	padding				: 50px 0 50px 25px;
}

/*/////////////////////////////
フッター部
/////////////////////////////*/

.footer{
	margin				: 0px;
	padding				: 0px;
	width				: 750px;
	height				: 20px;
	text-align			: center;
	border-top			: #FF6600 solid;
	clear				: both;
}