@charset "utf-8";
/* CSS Document */

/*=====================================
全般的なスタイル
=====================================*/
* {
	margin: 0px; padding: 0px;     /*全要素のマージン・パディングをリセット*/
	line-height: 1.8; /*全要素の行の高さを1.8倍にする*/
}
body {
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*ページ全体のフォント*/
	color: #4C4C4C; /*ページ全体の文字色*/
	text-align: center;            /*margin-auto未対応ブラウザ対策（センタリング）*/
	background-color: #f1f1f1;                                  /*内容全体の背景色*/
}

div#pagebody {
	margin:0px auto 0px auto;     /*内容全体をセンタリング*/
	width: 900px;                 /*影を含むメインフレームの幅*/
	background-color: #FFFFFF;    /*メインフレーム内の背景色（イメージが反映されない時の為に）*/
	background-image: url(../image/bg.gif); /*メインフレームの背景画像*/
	background-repeat: repeat-y; /*背景画像を縦方向に繰り返す*/
}

div#pagewrap {
	width: 880px;                           /*（影と余白を除いた）メインフレームの幅*/
	margin-right: auto;
	margin-left: auto; /*背景画像（pabebody）内でセンタリング*/
	background-color: #FFFFFF;              /*背景色*/
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ff964d;
}

.clear {
	clear: both;                          /*回り込みの解除*/
}

.txt_red {
	color: #FF0000;
	font-weight: bold;
}

/*=====================================
ヘッダ
=====================================*/
div#header {
	border: 0px solid #00FF00;      /*消去予定（ヘッダの枠）*/
	width: 840px;                    /*ヘッダの幅*/
	margin: 0px auto 10px auto;     /*ヘッダを左右センタリング、上下にマージン*/
	padding-top: 10px      /*上に余白を定義*/;
}

div#header #logo {
	width: 320px;
	height: 29px;    /*ロゴ画像のサイズに合わせてボックスのサイズを指定*/
	float:left;                    /*ロゴ画像を左寄せにする*/
	padding-top: 10px;
}

table#h_right {
	float: right;                  /*テーブルを右寄せにする*/
}

/*=====================================
メインメニュー
=====================================*/
ul#menu{
	width: 840px; height:41px;
	list-style-type: none;
	border-left: 1px #cccccc solid; /* メニューの左枠線 */
	font-size: 80%;
	margin: 0px auto 5px auto;
	padding-left: 0;				/*Netscape対策*/
	background-image:url(../image/trt/bg_menu3.gif);
	background-repeat:repeat-x;
}

ul#menu li{
	width: 138px; height:39px;
	float: left;
	text-align:center;
	border-top: 1px #cccccc solid;		/* リンクエリアの上枠線 */
	border-bottom: 1px #A5A5A5 solid; /* リンクエリアの下枠線 */
	border-right: 1px #cccccc solid; /* リンクエリアの右枠線 */
	border-left: 1px #ffffff solid; /* リンクエリアの左枠線 */
}

ul#menu li a{
	display:block;
	color:#828282;
	text-decoration: none; /* テキストの下線（なし） */
	padding: 8px 5px;
	font-weight: bold;
}

ul#menu li a:hover{
	display:block;
	color: #666666;
	background: #FFCCCC url(../image/trt/bg_menu4.gif) repeat-x;
	font-weight: bold;
}

/*=====================================
タイトル画像
=====================================*/
div#img_top{
	width:838px;   /*左右センタリング、上下マージン*/
	border: 1px solid #cccccc;
	margin: 0 auto 10px auto;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
}


/*=====================================
メインコンテンツ
=====================================*/
div#main {
	border: 0px solid #FF00FF; 	/*消去予定（メインコンテンツ編集可能領域）*/
	width: 840px;				/*メインコンテンツ全体のサイズを定義*/
	margin: 0px auto 0px auto;	/*左右センタリング、上下マージン*/
	text-align: left;            /*テキストの配置を左揃えにする*/
}
div#main p, ul, td, ol{
	font-size: small;			/*段落とリストの文字サイズ*/
}

div#main a{
	color: #319CD7;			/*メイン部分のリンクの色*/
}

div#main a:hover{
	color: #FF9C4A;				/*リンクにマウスが乗った時の文字色*/
}

div#main .img_right {			/*本文中の画像（右揃え）*/
	float: right;
	margin: 0.5em 0em 0em 1em;
}

div#main  .img_lign {			/*紹介文つき画像（右揃え）*/
	padding: 9px;
	border:1px solid #CCCCCC;
	width: 220px;
	margin: 0.5em auto;
	float: right;
}

div#main  .img_lign  p{			/*画像の紹介文*/
	font-size:x-small;
	padding-top: 0.5em;
	width: 220px;
}

div#main .img_left {			/*本文中の画像（左揃え）*/
	float: left;
	margin: 1em;
}

div#left  {				/*メインの中の左カラム*/
	float:left;
	width:580px;
}
div#intro p {						/*製品の紹介文（左揃え）*/
	padding: 1em 1em 0em 0em;
}
div#intro td  {						/*紹介分テーブルのセルに下線（点線）*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 0.5em;
	line-height: 1.5em;
}

div#hosoku {
	background-color: #F3F3F3;	/*補足事項のボックス*/
	padding: 1em;
	margin: 1em 1em 1em 0em;
	float: right;
	width: 300px;
}

div#hosoku p{
	padding:0;
}

div#main #left2 {				/*左カラム（下段）*/
	float: left;
	width: 410px;
}

div#main #right2 {				/*右カラム（下段）*/
	float: right;
	width: 410px;
}

#left2 td {						/*左カラム（下段）テーブルのセルに下線（点線）*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0.5em;
	line-height: 1.5em;
}
/*---------------------------------------------------------------
サブメニュー（縦並びメニュー・左カラム）使用時の設定
-----------------------------------------------------------------*/
div#submenu  {			/*メインの中のサブメニュー（左カラム）*/
	float: left;
	width: 170px;
	text-align:center;
}

div#submenu_bottom{
	background:url(../image/trt/submenu_bg.gif) repeat-y;
	padding: 0px 10px 0px 10px;
}

/* --- メニューエリア --- */
#submenu ul {
	list-style-type: none;
	text-align: left;
	border-top: 1px #999999 dotted; /* 項目の最上枠線 */
}

/* --- メニュー項目 --- */
#submenu li {
	background-color: #ffffff; /* 項目の背景色 */
	border-bottom: 1px #999999 dotted;

}

#submenu li.list_tytle {
	padding: 10px 0px 10px 25px; /* リンクエリアのパディング（上右下左） */
	display:block;
	position: relative; /* IE6用 */
	text-decoration: none; /* テキストの下線（なし） */
	color:#333333;
	background: url(../image/trt/submenu_off.gif) no-repeat 10px; /* 左側の三角マーク */
}


/* --- リンク --- */
#submenu li a {
	padding: 10px 0px 10px 25px; /* リンクエリアのパディング（上右下左） */
	display:block;
	position: relative; /* IE6用 */
	text-decoration: none; /* テキストの下線（なし） */
	color:#333333;
	background: url(../image/trt/submenu_off.gif) no-repeat 10px; /* 左側の三角マーク */
}

#submenu li a.list_small{
	padding: 10px 0px 10px 25px; /* リンクエリアのパディング（上右下左） */
	display:block;
	position: relative; /* IE6用 */
	text-decoration: none; /* テキストの下線（なし） */
	color:#333333;
	background: none;
}

/* --- ポイント時の設定 --- */
#submenu li a:hover {
	padding: 10px 0px 10px 25px; /* リンクエリアのパディング（上右下左） */
	display:block;
	color: #FD761C;
	background-color: #FFEFD9;
	background: url(../image/trt/submenu_on.gif) no-repeat 10px;
}

/* --- サブメニューの子メニュー --- */
#submenu_bottom li ul {
	list-style-type: none;
	padding-left:0px;
}

#submenu_bottom li ul li {
	border: none;
}

#submenu_bottom li ul li a {
	border: none;
	background: none;
	line-height: 120%;
}

/* --- サブメニューがある時のメインコンテンツ（右カラム） --- */
div#right_contents {
	float:right;
	width:650px;
}
div#right_contents .tokucho {
	margin: 1.5em 0;
	border-bottom: 1px dotted #999999;
	padding-bottom: 1em;
}
div#right_contents .tokucho .tytle {
	margin-bottom: 0.5em;
}

div#right_contents  .tokucho  h1  {
	color: #7db24f;
	border-bottom: 2px dotted #a8bf6a;
	font-size: medium;
	margin:0.5em auto;
}

div#right_contents .tokucho p  {
	margin-bottom: 0.5em;
}




/*=====================================
フッタ
=====================================*/

div#footer {
	clear: both;				/*（編集可能領域の）回り込みを解除*/
	background-color: #F3F2F1;	/*フッタメニューの背景色*/
	font-size: 10px;			/*フッタメニューの文字サイズ*/
	padding: 1em;	/*フッタ下側に太線を定義*/
	color: #333333;
}

div#footer a{
	color: #333333;				/*フッタメニューのリンクの文字色*/
	text-decoration:none;		/*リンクの下線をリセット*/
}

div#footer a:hover{
	text-decoration:underline;	/*リンクにマウスが乗った時、下線を表示*/

}

address {
	padding:0.5em;				/*アドレスの余白*/
	font-style: normal;			/*斜体文字をリセット*/
	font-family: Arial, Helvetica, sans-serif;/*アドレスのフォント*/
	font-size: x-small;			/*アドレスの文字サイズ*/
}
/*=====================================
シーファー断面図
=====================================*/
div#danmen {
	background-image: url(../image/trt/schiefer_6.jpg);
	height: 150px;
	width: 225px;
	padding-left: 185px;
	background-repeat: no-repeat;
}

div#danmen p {
	font-size: 70%;
	line-height: 1.5em;
	padding-left: 1.5em;
}

/*========================================
ショッピングと会社案内のテーブルレイアウト
==========================================*/
.shopping td {
	padding: 6px;
}

.shopping p {
	line-height:1.3em;
}

.midashi {
	color: #262626;
	border: 1px #ffffff solid;
}

/*tdの中のテーブル*/
.shopping .company td {
	padding: 3px;
}

ul.shopli{
	padding-left:1em;
}

/*営業日カレンダー*/
.calendar td  {
	padding: 0px;
	font-size: 90%;
}

.calendar td.holiday {
	color:#FE6861;
	background-color: #FEE0DE;
	text-align: center;
	font-weight: bold;
}

/*=====================================
足元暖房器のテーブルレイアウト
=====================================*/

div.foot  {
	padding: 0.5em 1.5em 1.5em 1em;
}
/*=====================================
見出し一覧
=====================================*/

h1.aqua {						/*アクアセーブ(水色)の見出し*/
	font-size: medium;
	font-weight: bolder;
	color: #32B5ED;
	border-bottom: 2px #74CAF3 solid;
	background: url(../image/trt/aqua_2.gif) no-repeat;
	background-position: 0px 3px;
	margin: 0 0 10px 0; 
	padding: 0 0 2px 30px;
}
h1.green {						/*グリーンの見出し*/
	font-size: medium;
	font-weight: bolder;
	color: #64C405;
	border-bottom: 2px #84d06a solid;
	background: url(../image/trt/green_1.gif) no-repeat;
	background-position: 0px 3px;
	margin: 0 0 10px 0;
	padding: 0 0 2px 30px;
}
h2.gray {						/*グレイの見出し*/
	font-size: medium;
	font-weight: bolder;
	color: #666666;
	border-bottom: 2px #666666 solid;
	background: url(../image/trt/gray_2.gif) no-repeat;
	background-position: 0px 3px;
	margin: 0 0 10px 0; 
	padding: 0 0 2px 30px;
}

h2.orange {						/*オレンジのポイントがある見出し2*/
	font-size: medium;
	font-weight: bolder;
	color: #666666;
	background: url(../image/trt/tytleshadow.gif)  repeat-x bottom;
	margin: 0 0 10px 0;
	padding: 5px 2px;
	height: 30px;
}

h1.orange2 {						/*オレンジの大見出し*/
	font-size: large;
	font-weight: bolder;
	color: #ff964d;
	margin: 4px 0 15px 0;
	padding: 3px 10px;
	background-color: #FDFAD9;
	background: url(../image/trt/bg_menu5.gif) repeat-x;
	border: 1px solid #f2ca89;
	/*border-left: none;
	border-right: none;*/
}

h2.sky {						/*空色(フォーム)の見出し*/
	font-size: medium;
	font-weight: bolder;
	color: #84c2f1;
	border-bottom: 2px #84c2f1 solid;
	background-image: url(../image/trt/sky_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 0 0 10px 0; 
	padding: 0 0 2px 30px;
}