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

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

/* 強調したい部分 */
strong.common_kyocho {
	font-size:12px;		/* フォントサイズ */
	line-height:150%;	/* フォント行間 */
	color:#333;			/* フォントカラー */
	font-weight:normal;
}

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

/* 見出し文章 */
span.txtmdiashi{
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	color:#003399;
}

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

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

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

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

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

/* ヘッダ部分のテキストが入るボックス */
#temp01_headerText {
	font-size:12px;		/* フォントサイズ */
	line-height:110%;	/* 行間 */
	color:#333;			/* フォントカラー */
	margin:6px 0px;		/* 企業ロゴとの間隔（高さ） */
}

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

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

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

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

/* --------------左ボックスここから-------------- */
#temp01_2columnbox_l {
	width: 610px;	/* カラムの幅 */
	margin: 0px;
	padding:20px 10px 20px 20px;
	float:left;
}
/* --------------左ボックスここまで-------------- */

/* --------------右ボックスここから-------------- */
#temp01_2columnbox_r {
	width: 210px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	float: right;
	height: 100%;
}

/* 各項目を格納するボックス */
#temp01_2columnbox_r  div.item_box{
	width:180px; /* カラムの幅 */
	margin:0px;	/* 左ボックスからの間隔 */
	padding:0px 20px 20px 10px;
}

/* 問合せページのリンクボタンを格納するボックス */
#temp01_2columnbox_r  div.item_box div.item_01{
	background : url(../side_pt/side_01suido.png) no-repeat;
	margin:0px;
	padding:0px;
	width: 180px;
	height: 75px;
}
#temp01_2columnbox_r  div.item_box div.item_01 a {
	width: 180px;
	height: 75px;
	display: block;
	background : url(../side_pt/side_01suido.png) no-repeat left top;
}
#temp01_2columnbox_r  div.item_box div.item_01 a:hover {
	width: 180px;
	height: 75px;
	display: block;
	float:right;
	background : url(../side_pt/side_01suido.png) no-repeat left -75px;
}

/* Q&Aページのリンクボタンを格納するボックス */
#temp01_2columnbox_r  div.item_box div.item_02{
	background : url(../side_pt/side_02gesuido.png) no-repeat;
	margin:0px;
	padding:0px;
	width: 180px;
	height: 75px;
}
#temp01_2columnbox_r  div.item_box div.item_02 a {
	width: 180px;
	height: 75px;
	display: block;
	background : url(../side_pt/side_02gesuido.png) no-repeat left top;
}
#temp01_2columnbox_r  div.item_box div.item_02 a:hover {
	width: 180px;
	height: 75px;
	display: block;
	float:right;
	background : url(../side_pt/side_02gesuido.png) no-repeat left -75px;
}

/* 法人概要ページのリンクボタンを格納するボックス */
#temp01_2columnbox_r  div.item_box div.item_03{
	background : url(../side_pt/side_03doboku.png) no-repeat;
	margin:0px;
	padding:0px;
	width: 180px;
	height: 75px;
}
#temp01_2columnbox_r  div.item_box div.item_03 a {
	width: 180px;
	height: 75px;
	display: block;
	background : url(../side_pt/side_03doboku.png) no-repeat left top;
}
#temp01_2columnbox_r  div.item_box div.item_03 a:hover {
	width: 180px;
	height: 75px;
	display: block;
	float:right;
	background : url(../side_pt/side_03doboku.png) no-repeat left -75px;
}

/* 法人概要ページのリンクボタンを格納するボックス */
#temp01_2columnbox_r  div.item_box div.item_04{
	background : url(../side_pt/side_04juutaku.png) no-repeat;
	margin:0px;
	padding:0px;
	width: 180px;
	height: 75px;
}
#temp01_2columnbox_r  div.item_box div.item_04 a {
	width: 180px;
	height: 75px;
	display: block;
	background : url(../side_pt/side_04juutaku.png) no-repeat left top;
}
#temp01_2columnbox_r  div.item_box div.item_04 a:hover {
	width: 180px;
	height: 75px;
	display: block;
	float:right;
	background : url(../side_pt/side_04juutaku.png) no-repeat left -75px;
}

/* サイド文章を格納するボックス */
#temp01_2columnbox_r  div.item_box div.item_caption{
	margin:0px;
	padding:0px;
	width: 198px;
	border:1px solid #006699;
	background-color:#f5f5f5;
}
#temp01_2columnbox_r  div.item_box div.item_caption div.caption_content{
	margin:0px;
	padding:0px;
	width: 198px;
}
#temp01_2columnbox_r  div.item_box div.item_caption div.caption_content div.text{
	margin:0px;
	padding:15px;
	width: 168px;
}

/* ディスポーザ評価 */
#temp01_2columnbox_r  div.item_box div.item_caption div.caption_content div.dis{
	margin:0px;
	padding:10px;
	width: 178px;
}

#temp01_2columnbox_r  div.item_box div.item_caption div.caption_content div.disimage{
	margin:0px;
	padding:0px;
	width: 75px;
	float:left;
}
#temp01_2columnbox_r  div.item_box div.item_caption div.caption_content div.distext{
	margin:0px;
	padding:0px;
	width: 100px;
	float:right;
}

/* Adobe関連ダウンロードのリンクを格納するボックス */
#temp01_2columnbox_r  div.item_box div.item_adobe{
	margin:0px;
	padding:0px;
	width: 200px;
	border:0px;
}
#temp01_2columnbox_r  div.item_box div.item_adobe div.adobe_content{
	margin:0px;
	padding:0px;
	width: 200px;
}
#temp01_2columnbox_r  div.item_box div.item_adobe div.adobe_content div.adobe_text{
	margin:0px;
	padding:15px 21px;
	width: 155px;
}

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

/* --------------フッタここから-------------- */
#temp01_bottom {
	width: 850px;	/* フッタ全体の幅(max幅と一緒) */
	clear:both;
	background-color:#006600;
}
/* フッタの各コンテンツのリンクを格納するボックス */
#temp01_bottom_link {
	width: 830px;	/* フッタ全体の幅(max幅と一緒) */
	padding: 10px 10px 5px 10px; 	/* ボックス内での余白 */
	font-size: 12px;	/* フォントサイズ */
	line-height: 120%;/* 行間 */
	color:#fff;		/* フォントカラー */
	text-align:center;
}
/* フッタのハイパーリンク */
#temp01_bottom_link a:link {
	color: #fff;
	text-decoration: none;
}
#temp01_bottom_link a:visited {
	color: #fff;
	text-decoration: none;
}
#temp01_bottom_link a:hover {
	color: #f90;
	text-decoration: underline;
}
#temp01_bottom_link a:active {
	color: #f90;
	text-decoration: underline;
}
/* フッタのコピーライトを格納するボックス */
#temp01_bottom_copyright {
	width: 850px;/* (max幅と一緒) */
	padding: 5px 0px 15px 0px;
	font-size: 10px;
	line-height: 150%;
	color: #666;
	text-align:center;
}
/* --------------フッタここまで-------------- */