/* 初期化(全ての要素) */
*
{
	margin: 0;						/* マージンの指定(要素間の余白) */
	padding: 0;						/* パディングの指定(要素内の余白) */
}

/* スクロールバーの設定(IE5.5～, Opera7～ で有効) */
html,
body
{
	scrollbar-3dlight-color: #999999;			/* 左端と上端の色 */
	scrollbar-arrow-color: #999999;				/* 矢印の色 */
	scrollbar-base-color: #D3DADA;				/* ベース色 */
	scrollbar-darkshadow-color: #999999;			/* 右端と下端の色 */
	scrollbar-face-color: #D3DADA;				/* 表面の色 */
	scrollbar-highlight-color: #FFFFFF;			/* ハイライトの色 */
	scrollbar-shadow-color: #D3DADA;			/* 影の色 */
}

/* 標準(bodyタグ)の設定 */
body
{
	background-color: #FFFFFF;				/* 背景色 */
	color: #444455;						/* 文字色 */
	font-family: "ヒラギノ角ゴ Pro W3",sans-serif;		/* フォントの種類 */
	font-size: 9pt;						/* フォントサイズ */
	line-height: 150%;					/* 行の高さ */
	background-image:url("../image/top/back01.png");
	background-repeat: repeat-y;
	background-position: center;
}



h1
{
	color: #FFFFFF;						/* 文字色 */
	padding: 0.5em 0 0 0.5em;				/* パディングの指定(要素内の余白) */
}

h2
{
	color: #FFFFFF;						/* 文字色 */
	padding: 0.5em 0 0 1.5em;				/* パディングの指定(要素内の余白) */
}

h3
{
	color: #FFFFFF;						/* 文字色 */
	padding: 0.5em 0 0 2.5em;				/* パディングの指定(要素内の余白) */
}

/* a(リンクタブ)の標準設定 ここから↓ */
a:link,								/* 未訪問のリンク */
a:visited,							/* 訪問済のリンク */
a:active,							/* クリック中のリンク */
a:hover								/* カーソルで選択されているリンク */
{
	color: #000000;						/* 文字色 */
}

a:link,								/* 未訪問のリンク */
a:visited							/* 訪問済のリンク */
{
	text-decoration: none;				/* テキストの下線・上線・打ち消し線・点滅 */
}

a:active,							/* クリック中のリンク */
a:hover								/* カーソルで選択されているリンク */
{
	color: #006699;						/* 文字色 */
	text-decoration: underline;				/* テキストの下線・上線・打ち消し線・点滅 */
}

a img								/* imgタグ(イメージリンク) */
{
	border: none;						/* 境界線の設定 */
}

/* a(リンクタブ)の標準設定 ここまで↑ */

/* リスト表示設定 */
ul li
{
	list-style-position: inside;				/* マーカーの位置 */
	list-style-type: none;					/* マーカーの形 */
}

.tright{

	text-align: right;					/* テキスト右揃え */
}

.tleft{

	text-align: left;					/* テキスト左揃え */
}

.tcenter{

	text-align: center;					/* テキスト中揃え */
}

/* ページ全体のレイアウト */
#wrap
{
	background-color: #FFFFFF;				/* 背景色 */
	/* border-left: solid 1px #000000;				/* 境界線の設定(左) */
	/* border-right: solid 1px #000000;			/* 境界線の設定(右) */
	margin: 0 auto;						/* ページ全体を中央に表示 */
	width: 800px;						/* 要素の幅 */
}

/* ヘッダーの設定 */
#header
{
	display: block;						/* 画面上の表示(ブロック要素) */
	background-color: #FFFFFF;				/* 背景色 */
	height: 130px;						/* 要素の高さ */
	padding: 0;						/* 全体を中央に表示 */
        margin: 0 0 20px 0;
}
#header-main
{display: block; margin-bottom: 15px; float: left;}
#header .mainmenu
{display: block; float: left;}


#header{  
  margin: 0;  
  margin-bottom: 15px;
  padding: 0;  
  width: 800px;  
  height: 40px;  
}  
  
#header ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#header li#mainmenu1
{  
  float:left;  
  width: 130px;  
  margin: 0;  
  padding: 0;  
}  
#header li{  
  float:left;  
  width: 134px;  
  margin: 0;  
  padding: 0;  
}  
  
#header a{  
  display: block;  
  width: 100%;  
  height: 40px;  
  background-image: url("../image/top/top_hed_botan.jpg");  
  background-repeat: no-repeat;  
}  
  
#mainmenu1 a{background-position: 0 0;}  
#mainmenu2 a{background-position: -130px 0;}
#mainmenu3 a{background-position: -264px 0;}
#mainmenu4 a{background-position: -398px 0;}
#mainmenu5 a{background-position: -532px 0;}
#mainmenu6 a{background-position: -666px 0;}
  
#header a:hover{  
  background-image: url("../image/top/top_hed_botan.jpg"); 
  background-repeat: no-repeat;  
}  
  
#mainmenu1 a:hover{background-position: 0 -40px;}  
#mainmenu2 a:hover{background-position: -130px -40px;}  
#mainmenu3 a:hover{background-position: -264px -40px;}  
#mainmenu4 a:hover{background-position: -398px -40px;}  
#mainmenu5 a:hover{background-position: -532px -40px;}  
#mainmenu6 a:hover{background-position: -666px -40px;}


#mainmenu3 .pulldown-menu
{  
  margin: 0;  
  padding: 0;  
  width: 134px;  
  height: 40px; 
}  

#mainmenu3 .pulldown-menu li
{  
  margin: 0;  
  padding: 0;  
  width: 134px;  
  float:left; 
}  

#mainmenu3 .pulldown-menu li a{  
  display: block;  
  width: 100%;  
  height: 40px;  
  background-image: url("../image/top/top_hed_pullseihin.jpg");  
  background-repeat: no-repeat;  
}  

#mainmenu3 .pulldown-menu .pull1 a{background-position: 0 0;}  
#mainmenu3 .pulldown-menu .pull2 a{background-position: 0 -40px;}
#mainmenu3 .pulldown-menu .pull3 a{background-position: 0 -80px;}
#mainmenu3 .pulldown-menu .pull4 a{background-position: 0 -120px;}
#mainmenu3 .pulldown-menu .pull5 a{background-position: 0 -160px;}
#mainmenu3 .pulldown-menu .pull6 a{background-position: 0 -200px;}

#mainmenu3 .pulldown-menu li a:hover
{  
  background-image: url("../image/top/top_hed_pullseihin.jpg");  
  background-repeat: no-repeat;  
}  

#mainmenu3 .pulldown-menu .pull1 a:hover{background-position: -134px 0;}  
#mainmenu3 .pulldown-menu .pull2 a:hover{background-position: -134px -40px;}
#mainmenu3 .pulldown-menu .pull3 a:hover{background-position: -134px -80px;}
#mainmenu3 .pulldown-menu .pull4 a:hover{background-position: -134px -120px;}
#mainmenu3 .pulldown-menu .pull5 a:hover{background-position: -134px -160px;}
#mainmenu3 .pulldown-menu .pull6 a:hover{background-position: -134px -200px;}

/* 下層のメニューを不可視に */
#mainmenu3 .pulldown-menu
{display: none;}

/* 疑似要素 :hover で下層のメニューを可視に */
#mainmenu3:hover .pulldown-menu
{
display: block;
position: absolute;
z-index: 100;
}
#mainmenu3 .pulldown-menu
{
float: none;
margin: 0;
}






/* コンテンツ部の設定 */
#contents
{
	display: block;						/* 画面上の表示(ブロック要素) */
}
#menu
{
	background-color: #FFFFFF;				/* 背景色 */
	float: left;						/* 要素の左寄せ */
	display: block;						/* 画面上の表示(ブロック要素) */
	font-weight: bold;					/* フォント太さ */
	padding: 0;						/* 全体を中央に表示 */
	width: 210px;
        margin-right: 18px;
}

#main{
	display: block;						/* 画面上の表示(ブロック要素) */
	float: left;
	width: 570px;
}


#main .maintitle
{
	position: relative;
	display: block;
	margin-bottom: 20px;
	width: 570px; height: 50px;
 }
#main .maintitle3
{
	position:absolute;
	display: block;
	font-weight:bold;
	font-size: 200%; 
	color: #FFFFFF;
	top:16px; left:15px; width: 570px;
}
#main .maintitle4
{
	position:absolute;
	display: block;
	font-weight:bold;
	font-size: 130%;
	color: #FFFFFF;
	top:16px; left:320px;
}

#main  .maintitle2
{margin-bottom: 20px;}

#main  .maintext
{font-size: 120%; line-height: 170%;}


#main  .c2
{display: block; font-size: 130%; font-weight: bold ;color: #FFFFFF;background-color:rgb(19,172,103);width:570px;margin-bottom:10px; padding: 4px 0px 2px 0px;}
#main  .c2-1
{font-size: 120%; line-height: 170%;margin-bottom:15px;}



/* メインメニューの設定 ここから↓ */

#menu
{
	background-color: #FFFFFF;				/* 背景色 */
	display: block;						/* 画面上の表示(ブロック要素) */
	float: left;						/* 要素の左寄せ */
	font-weight: bold;					/* フォント太さ */
	padding: 0;					/* 全体を中央に表示 */
	width: 210px;
        margin-right: 20px;
}


#menu .telfax
{
	position: relative;
	display: block;
	margin-bottom: 5px;
	width: 210px; height: 218px;
	margin-bottom: 10px;
}
#menu .telfax2
{
	position:absolute;
	display: block;
	top:170px; left:17px; width: 210px;
}

#menu .telfax2 a
{  
	display: block;  
	width: 176px;  
	height: 36px; 
	background-image: url("../image/seihin/keiryoki/side_telfaxmail.jpg");  
	background-repeat: no-repeat;
} 
#menu .telfax2 a:hover
{  
	background-image: url("../image/seihin/keiryoki/side_telfaxmail_on.jpg");  
	background-repeat: no-repeat;  
}


#menu .seihin
{
margin-bottom: 11px;
border: solid 1px #DCDCDC;
padding: 0;
height: 331px;
}

#seihin0
{
padding: 0;
margin: 0;
text-align: center;

width: 294px;  
height: 49px;
}


#seihin0 ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0px 0px 0px 7px;  
}  
  
#seihin0 li
{  
  float:left;  
  width: 194px;  
  margin: 0;  
  padding: 0;  
}  
  
#seihin0 a
{  
  display: block;  
  width: 100%;  
  height: 49px;  
  background-image: url("../image/top/top_side_onoff.jpg");  
  background-repeat: no-repeat;  
}  
  
#seihin1 a{background-position: 0 0;}  
#seihin2 a{background-position: 0 -49px;}
#seihin3 a{background-position: 0 -98px;}
#seihin4 a{background-position: 0 -147px;}
#seihin5 a{background-position: 0 -196px;}
#seihin6 a{background-position: 0 -245px;}
  
#seihin0 a:hover
{  
  background-image: url("../image/top/top_side_onoff.jpg"); 
  background-repeat: no-repeat;  
}  
  
#seihin1 a:hover{background-position: -194px 0;}  
#seihin2 a:hover{background-position: -194px -49px;}  
#seihin3 a:hover{background-position: -194px -98px;}  
#seihin4 a:hover{background-position: -194px -147px;}  
#seihin5 a:hover{background-position: -194px -196px;}  
#seihin6 a:hover{background-position: -194px -245px;}



#menu ul li
{
	padding: 0;
        margin: 0;
}

#menu img {display:block;margin:auto;}


.reader{  
float:left;
margin: 0;  
padding: 0;
} 

.reader a
{  
  display: block;  
  width: 210px;  
  height: 67px; 
  background-image: url("../image/top/top_side_reader.jpg");  
  background-repeat: no-repeat;  
}  
.reader a:hover
{  
  background-image: url("../image/top/top_side_readeron.jpg");  
  background-repeat: no-repeat;  
}  


#menu .mente a
{  
	display: block;  
	width: 210px;  
	height: 70px; 
	background-image: url("../image/seihin/keiryoki/side_mente.jpg");  
	background-repeat: no-repeat;
	margin-bottom: 10px;  
} 
#menu .mente a:hover
{  
	background-image: url("../image/seihin/keiryoki/side_menteon.jpg");  
	background-repeat: no-repeat;  
}  

#menu .renta a
{  
	display: block;  
	width: 210px;  
	height: 70px; 
	background-image: url("../image/seihin/keiryoki/side_renta.jpg");  
	background-repeat: no-repeat;
	margin-bottom: 10px;  
} 
#menu .renta a:hover
{  
	background-image: url("../image/seihin/keiryoki/side_rentaon.jpg");  
	background-repeat: no-repeat;  
}  








/* お問い合わせバナーの設定 */


.otoiawase
{
	position: relative;
	display: block;
	width: 570px; height: 119px;
 	margin-bottom: 40px
 }
.otoiawase3
{
	position:absolute;
	display: block;
	top:76px; left:332px;
}

.otoiawase3 a
{  
	display: block;  
	width: 215px;  
	height: 30px; 
	background-image: url("../image/rentaru/bottom_otoiawse_mail.jpg");  
	background-repeat: no-repeat;
} 

.otoiawase3 a:hover
{  
	background-image: url("../image/rentaru/bottom_otoiawse_mail_on.jpg");  
	background-repeat: no-repeat;
} 



/* フッターの設定 */


#footer
{

clear: both;						/* 全ての要素の回り込みを解除 */
width: 100%;						/* 要素の幅 */
}

#footer .footer1
{margin-bottom: 2px; display: block;}


#footer .footer2
{
position: relative;
display: block;
margin-bottom: 5px;
width: 800px; height: 90px;
 }
 
 
#footer .footer2-2
{
position:absolute;
display: block;
top:17px; left:681px;
}

#footer .footer2-2
{display: block;float:left;}

#footer .footer2-2 a
{
float:left;
width: 103px;
height: 58px;
background-image: url("../image/top/top_foot_mail.jpg");  
background-repeat: no-repeat;
}
#footer .footer2-2 a:hover
{
background-image: url("../image/top/top_foot_mailon.jpg");  
background-repeat: no-repeat;
}


#footer .footer3
{
text-align: right;font-size: 100%;font-family:"ＭＳ Ｐ明朝","平成明朝",serif;
}