/* 
 * 他のcssファイルでもそうですが 
 * 基本的にホームページ毎に修正する必要が
 * ありそうなクラス、属性だけコメントを振っていきます
 * （列幅とか高さとか画像URLとかそういうもの）
 * それ以外は大体このままでいけるはずです
 * クラスの命名ルールですが、「ファイル名_クラス名」として下さい
 * 2009.11.25 m.kasahara
 */
/* BODYタグ */
body {
	background-color:#eeeeee;
	margin: 0px;		/* ブラウザの上下ピッタリにつきます */
	padding: 0px;		/* 余白はナシ */
	text-align: left;	/* コンテンツ全体を中央寄せ */
	font-size:12px;		/* フォントサイズ */
	line-height: 150%;	/* フォント行間 */
	color: #333333;			/* フォントカラー */
}

/* 見出し１。一応セル余白、間隔を０指定 */
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width:500px;
	height:36px;
}
/* 見出し２。一応セル余白、間隔を０指定 */
h2 {
	font-size:14px;
	line-height:150%;
	color:#ffffff;
	width:550px;
	height:30px;
	margin:0px;
	padding:6px 35px 0px 35px;
	clear:both;
	background: url(../common_pt/content_captionimg620.gif) no-repeat;
}
/* 見出し3。一応セル余白、間隔を０指定 */
h3 {
	font-size:14px;
	line-height:150%;
	color:#003300;
	margin: 15px 0px 0px 15px;
	padding:6px 0px 0px 20px;
	clear:both;
	width:590px;/*730px*/
	height:24px;
	background: url(../common_pt/h3tagbar.gif) no-repeat;
}

/* 見出し3。一応セル余白、間隔を０指定 */
h4 {
	margin: 0px;
	padding:0px 15px 5px 15px;
	font-size:14px;
	line-height:150%;
	color:#003366;
	clear:both;
}

/* イメージの枠線。基本的に不要と思います */
img {
	border: none;
}

/* コンテンツ全体を格納しているボックス */
#temp02_mainframe {
	width: 850px; /* ページ全体の幅(max幅 */
	margin: 0 auto;
	text-align:left;
	background-color:#ffffff;
	border-color: #006600;		/* 線カラー */
	border-style: solid;	/* 線種 */
	border-width: 5px 1px 1px 1px;	/* 枠線の太さ */
	/* 以下の値は０にしておけば上下余白が無くなります */
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

/* 画像の説明文（非表示） */
.temp02_hidden {
	display: none;
}

/* BRタグでのFloat解除処理 */
.temp02_clear {
	clear:both;
	font-size:0px;
	line-height:0%;
}

/* ヘッダ部分のボーダー */
#temp02_headerborder {
	margin:0px;
	padding:0px;
	width: 850px;	/* ボックス幅(max幅と一緒) */
	height: 5px;	/* ボックス高さ */
	font-size: 0px;	/* デフォルトのフォントサイズ */
	line-height: 0%;	/* デフォルトの行間 */
	background-color: #ffffff;
}

/* 企業名ロゴ・問い合わせ先電話番号などを格納するボックス */
#temp02_headerbox {
	background-color:#ffffff;
	margin:0px;
	padding:0px 20px;
	width: 810px;	/* ボックス幅(max幅と一緒) */
}
/* 企業名ロゴが入るボックス */
#temp02_headerlogo {
	margin: 0px;
	padding: 0px 0px 3px 0px ;
	width: 550px;	/* ボックス幅 */
	float:left;
}
/* ヘッダのリンクボタンが入るボックス */
#temp02_header_link {
	margin:0px;
	padding:20px 0px 0px 0px;
	width: 200px;	/* ボックス幅 */
	float:right;
	text-align:right;
}
/* ヘッダのハイパーリンク */
#temp02_header_link a:link {
	color: #333333;
	text-decoration: underline;
}
#temp02_header_link a:visited {
	color: #333333;
	text-decoration: underline;
}
#temp02_header_link a:hover {
	color: #ff9933;
	text-decoration: underline;
}
#temp02_header_link a:active {
	color: #ff9933;
	text-decoration: underline;
}

/* ヘッダ部分のテキストが入るボックス */
#temp02_headerText {
	font-size:10px;
	line-height:110%;
	color:#333333;
	margin:5px 0px;	/* 企業ロゴとの間隔（高さ） */
}

/* ヘッダの画像・リンクボタンを格納するボックス */
#temp02_head_area {
	width: 850px;	/* ボックス幅(max幅と一緒) */
	height: 180px;	/* 画像・ボタンを含んだ全体の高さ */
	margin: 0px;
	padding: 0px;
	clear:both;
	border-bottom:1px solid #006600;
}
/* リンクボタンを格納するボックス(TOP画像なしバージョン) */
#temp02_head_area_imageless {
	width: 850px;	/* ボックス幅(max幅と一緒) */
	height: 30px;
	margin: 0px;
	padding: 0px;
	clear:both;
}

/* ヘッダの画像を格納するボックス */
#temp02_image_file {
	width: 850px;	/* ボックス幅(max幅と一緒) */
	height: 150px;	/* 高さ */
	margin: 0px;
	padding: 0px;
	clear:both;
}

/* セカンドページへのリンクボタン */
div#temp02_index_navi ul {
	margin: 0px;
	padding: 0px;
}
div#temp02_index_navi ul li {
	display:inline;   
	list-style-type:none;
}
div#temp02_index_navi ul li a {
	height: 30px;			/* 画像の高さ指定 */
	display:block;
	float:left;
	text-indent: -9999px;
	text-decoration:none;   
	overflow:hidden;
}
/* 各コンテンツへのリンクボタンを指定 */
/* a:hoverはマウスが乗った時に画像がどう変化するかを指定する */
/* 任意のピクセル数をズラしてマウスオーバー時の画像を表示させるようにする */
div#temp02_index_navi ul li#temp02_link01 a {
	width: 212px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu01.png) no-repeat left top;		/* 画像URL */
}
div#temp02_index_navi ul li#temp02_link01 a:hover {
	width: 212px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu01.png) no-repeat left -30px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
div#temp02_index_navi ul li#temp02_link02 a {
	width: 212px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu02.png) no-repeat left top;		/* 画像URL */
}
div#temp02_index_navi ul li#temp02_link02 a:hover {
	width: 212px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu02.png) no-repeat left -30px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
div#temp02_index_navi ul li#temp02_link03 a {
	width: 213px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu03.png) no-repeat left top;		/* 画像URL */
}
div#temp02_index_navi ul li#temp02_link03 a:hover {
	width: 213px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu03.png) no-repeat left -30px; /* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
div#temp02_index_navi ul li#temp02_link04 a {
	width: 213px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu04.png) no-repeat left top;		/* 画像URL */
}
div#temp02_index_navi ul li#temp02_link04 a:hover {
	width: 213px;	/* 画像の幅指定 */
	background: url(../temp02_pt/menu04.png) no-repeat left -30px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}

/* --------------コンテンツの大枠となるボックス-------------- */
#temp02_mainbox {
	width: 850px;		/* 幅(max幅と一緒) */
	padding: 0px 0px 0px 0px;
	margin: 0px;
	clear:both;
}

/* --------------左ボックスここから-------------- */
#temp02_2columnbox_l {
	width:620px;
	margin: 0px;
	padding: 0px 20px 0px 10px;
	float:right;
}
#temp02_2columnbox_l a:link {
	color: #006699;
	text-decoration: underline;
}
#temp02_2columnbox_l a:visited {
	color: #006699;
	text-decoration: underline;
}
#temp02_2columnbox_l a:hover {
	color: #ff9933;
	text-decoration: underline;
}
#temp02_2columnbox_l a:active {
	color: #ff9933;
	text-decoration: underline;
}
/* --------------パンクズリスト／TOPに戻るボックス-------------- */
#temp02_2columnbox_l #temp02_pankuzu {
	width: 620px;
	margin:0px;
	padding:20px 0px;
}
p.pagetop {
	font-size:10px;
	padding:0px;
	margin:0px;
	text-align:right;
}

/* --------------左ボックスここまで-------------- */

/* --------------右ボックスここから-------------- */
#temp02_2columnbox_r {
	width:200px;
	margin: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:20px;
	padding-bottom:0px;
	float:left;
}
/* サブコンテンツのリンクボタンを格納するボックス */
#temp02_2columnbox_r  div.item_box{
	width:170px;
	margin:0px;
	padding:0 10px 20px 20px;
}
/* サブコンテンツのリンクボタン */
#temp02_2columnbox_r  div.item_box div.item_content{
	background: url(../side_pt/side_contentlink.gif) no-repeat ;
	margin:0px;
	padding:0px 0px 15px 0px;
	width: 170px;
	height: 35px;
}
#temp02_2columnbox_r  div.item_box div.item_content a {
	width: 148px;
	height: 27px;
	display: block;
	padding:8px 0px 0px 22px;
	background: url(../side_pt/side_contentlink.gif) no-repeat top left;
}
#temp02_2columnbox_r  div.item_box div.item_content a:hover {
	width: 148px;
	height: 27px;
	display: block;
	padding:8px 0px 0px 22px;
	background: url(../side_pt/side_contentlink.gif) no-repeat top left;
}
#temp02_2columnbox_r  div.item_box div.item_content a:visited {
	width: 148px;
	height: 27px;
	display: block;
	padding:8px 0px 0px 22px;
	background: url(../side_pt/side_contentlink.gif) no-repeat top left;
}
#temp02_2columnbox_r  div.item_box div.item_content a:active {
	width: 148px;
	height: 27px;
	display: block;
	padding:8px 0px 0px 22px;
	background: url(../side_pt/side_contentlink.gif) no-repeat top left;
}
div.item_content a:link {
	color: #333333;
	text-decoration: underline;
	font-size:13px;
}
div.item_content a:visited {
	color: #333333;
	text-decoration: underline;
	font-size:13px;
}
div.item_content a:hover {
	color: #ff9933;
	text-decoration: underline;
	font-size:13px;
}
div.item_content a:active {
	color: #ff9933;
	text-decoration: underline;
	font-size:13px;
}
/* --------------右ボックスここまで-------------- */

/* --------------フッタここから-------------- */
#temp02_bottom {
	width: 850px;	/* フッタ全体の幅(max幅と一緒) */
	clear:both;
	background-color:#006600;
}
/* フッタの各コンテンツのリンクを格納するボックス */
#temp02_bottom_link {
	width: 830px;	/* フッタ全体の幅(max幅と一緒) */
	padding: 10px 10px 5px 10px;
	font-size: 12px;
	line-height: 120%;
	color:#ffffff;
	text-align:center;
}
/* フッタのハイパーリンク */
#temp02_bottom_link a:link {
	color: #ffffff;
	text-decoration: none;
}
#temp02_bottom_link a:visited {
	color: #ffffff;
	text-decoration: none;
}
#temp02_bottom_link a:hover {
	color: #ff9900;
	text-decoration: underline;
}
#temp02_bottom_link a:active {
	color: #ff9900;
	text-decoration: underline;
}
/* フッタのコピーライトを格納するボックス */
#temp02_bottom_copyright {
	width: 850px;/* (max幅と一緒) */
	padding: 5px 0px 15px 0px;
	font-size: 10px;
	line-height: 150%;
	color: #666666;
	text-align:center;
}
/* --------------フッタここまで-------------- */