/* 	kantan-pms.com 用　css  20080528更新*/ 


/* ==================================== */
/* 　左側sideメニュー最上部枠の位置設定	*/
/* ==================================== */
div.side_menu01{
	position : absolute;
	top	 : 120px; 
	left	 : 50px ;
/*	width	 : 1px;*/
/*	height	 : 1px;*/
	}


/* ==================================== */
/* 　右側sideメニュー最上部枠の位置設定	*/
/* ==================================== */
div.side_menu02{
	position : absolute;
	top	 : 120px; 
	left	 : 750px ;
	width	 : 1px;
	height	 : 1px;
	}




/* ==================================== */
/* 　logoメニュー最上部枠の位置設定	*/
/* ==================================== */
div.logo01{
	width	 : 170px;
	height	 : 90px;
	}

/* ==================================== */
/* 	FAQの位置設定			*/
/* ==================================== */
div.faq{
	width	 : 170px;
	height	 : 30px;
	}



/*  ======= ここまで　======  */


/* ======================================= */
/* menuの位置を決めるcss menu01は、左最上位*/
/* 　　　　　　第一　メニュー　　価格　　　*/
/* ======================================= */
div.menu01{
/*  	position : absolute;	*/ /* 絶対位置設定topとleft */
/*	top	 : 140px;	*/ /* topから10 */
/*	left	 : 10px;	*/
	width	 : 170px; 
	height	 : 200px;
				/* height	 : 200px;
  				/* widthとheightはHTMLで記述する　*/
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}


/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第二　メニュー　Pマーク 　　*/
/* 		<DIV  class="menu02">      */
/* ======================================= */
div.menu02{
/*  	position : absolute;	*/  	/*relative; 相対位置設定topとleft */
/*	top	 : 320px;	*/	/* topから10 */
/*	left	 : 10px;	*/
	width	 : 170px;
	height	 : 300px;
				/* height	 : 220px;
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}

/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第3　メニュー　　品質 　　　*/
/* 		<DIV  class="menu03">      */
/* ======================================= */
div.menu03{
/*  	position : absolute;	*/	 /*relative;	 相対位置設定topとleft */
/*	top	 : 600px;	*/	/* topから10 */
/*	left	 : 10px;	*/
	width	 : 170px;
	height	 : 90px;
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}


/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第4　メニュー　エクセル 　　*/
/* 		<DIV  class="menu03">      */
/* ======================================= */
div.menu04{
/*  	position : absolute;	*/	/* 相対位置設定topとleft */
/*	top	 : 680px;	*/	/* topから10 */
/*	left	 : 10px;	*/
	width	 : 170px;
	height	 : 80px;
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}

/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第五メニュー　各種表記  　　*/
/* 		<DIV  class="menu03">      */
/* ======================================= */
div.menu05{
/*  	position : absolute;	*/	/* 相対位置設定topとleft */
/*	top	 : 770px;	*/	/* topから10 */
/*	left	 : 10px;	*/
	width	 : 170px;
	height	 : 80px;
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}


/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第六メニュー　リンク    　　*/
/* 		<DIV  class="menu03">      */
/* ======================================= */
div.menu06{
/*  	position : absolute;	*/	/* 相対位置設定topとleft */
/*	top	 : 850px;	*/	/* topから10 */
/*	left	 : 10px;	*/
	width	 : 170px;
	height	 : 300px;
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}

/*  ======= ここまで　======  */


/* menuの位置を決めるcss menu02は、左第2位*/
/* <DIV style=" width : #px;height :#px;" class="contentsbox"> */
div.content01{
  	position : relative;	/* 相対位置設定topとleft */
	top	 : 20px;	/* topから10 */
	left	 : 200px;
  	z-index	 : 1;		/* 重なり順位　*/
  				/* widthとheightはHTMLで記述する　*/
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}
/*  ======= ここまで　======  */


/* ulの設定　番号無し左マージンなし　*/
/* <ul class="none"> で使用する　*/

ul.none { 
	list-style : none ;
	margin:0;
	 padding:0;
	line-height: 0.2em;
 }
/*  ======= ここまで　======  */





/* リンクの色、マウスオンでアンダーラインなどを指定 */

      a:link    { Color: #0000cc; text-decoration: none; }
      a:visited { color: #0000cc; text-decoration: none; }
      a:hover   { color: #ff0000; text-decoration: underline; }
      a:active  { color: #0000cc; text-decoration: none; }
/*  ======= ここまで　======  */



/* リンクに網掛け　*/
a.ami_y_g{
    background-color:#fcfaa0;

}
a:hover.ami_y_g{
    background-color:#babcf8;
}

/*  ======= ここまで　======  */



/* 枠をつける excel,QMSに使用　*/
div.contentsbox
      {
         border-style: solid;
         border-width: 1px;
         border-color: #000080;
      }
/*  ======= ここまで　======  */

/* 枠をつける FAQに使用　*/
div.contentsbox_faq
      {
         border-style: solid;
         border-width: 1px;
         border-color: #ff0080;
      }
/*  ======= ここまで　======  */

/* テーブル幅　170px　		*/
/* id="w170"			*/
table#w170{
	width:170px;
	}


/* メニューのテーブル枠線用　*/
table.menu_line
{
   border-top: solid 1px #999999;
   border-bottom: solid 1px #999999;
   border-left: solid 1px #999999;
   border-right: solid 1px #999999;
}

.border_line{
   border-bottom: solid 1px #999999;
	}

/* メニューのテーブル枠線用Excel用　*/
table.menu_lineEx
{
   border-top: solid 1px #FF8C01;
   border-bottom: solid 1px #FF8C01;
   border-left: solid 1px #FF8C01;
   border-right: solid 1px #FF8C01;
}

/* メニューのテーブル枠線用QMS用　*/
table.menu_lineQm
{
   border-top: solid 1px #000000;
   border-bottom: solid 1px #000000;
   border-left: solid 1px #000000;
   border-right: solid 1px #000000;
}


/* テーブルの枠線を細くする　*/
table.line1
{
   border-left: solid 1px #999999;
   border-bottom: solid 1px #999999;
}

th,td.line
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
}


th,td.line_jirei1
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
   width	:110;
}

th,td.line_jirei2
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
   width	:260;
}




/* テーブル内を黄色にする	*/
/*  <tr class="yellow">		*/
tr.yellow td
      {
         background-color: #ffffcc;
      }
      th
      {
         background-color: #ffcc00;
      }

/* テーブル内を緑色にする 	*/
/*  <tr class="blue">		*/
tr.blue td
      {
         background-color: #E6E6FA;
      }
      th
      {
         background-color: #ffcc00;
      }

/*  ======= ここまで　======  */





/* H1タグの縮小　1.0em で普通サイズ　1.1で1.1倍*/
h1 {
	font-size:0.9em;
	color:#000;
	margin:0 0 1em 0;
	padding:0;
	font-family:Arial, Sans-Serif;
}

h2 {
	font-size:0.9em;
	color:#000;
	margin:0 0 1em 0;
	padding:0;
	font-family:Arial, Sans-Serif;
}

h3 {
	font-size:0.7em;
	color:#0000ff;
	margin:0 0 0.8em 0;
	padding:0;
}

/*  ======= ここまで　======  */



/*	行間隔1.5倍から2.0倍	*/
  P.L05 { line-height : 0.5 }
　P.L15 { line-height : 1.5 }
  P.L20 { line-height : 2.0 }

/*	メニューのインデント設定	*/
p.menuI05 {padding-left:0.5em}


/* li の行間設定　index.htmlに使用*/
li { margin-bottom: 1em; } 






/* ここからIndex.htmlの価格表へのリンク　ロールオーバーのcss　*/

#price_ro{
  /* float:none; 
  padding : 50;*/
  margin : 0;
  font-size:65%;
  position: absolute;	 /* 絶対位置で指定(親ボックス基準) */ 
  top: 140px;		 /* 上から140px */ 
  left: 280px;		/* 左から280px */ 
  font-weight:none;	/* boldで太字*/
  font-family:Arial;
  list-style-type: none;
}
#price_ro li{
  display:inline;
}
#price_ro li a{
  float:left;
  color:#268be0;
  padding:10px 30px 14px 30px;
  text-decoration:none;
  background-image:url(menu_gif/price_button_on.gif);  /* RollOver Off Image */
  background-color:#0000ff;
  background-position:top left;
  background-repeat:no-repeat;
  border-bottom: 1px solid #999999;
}

#price_ro li a#rightmenu{
  border-right: 1px solid #999999;
  background-position: top left;

}
/* Font Color　*/
#price_ro li a:visited{
  color:#000000;
}

#price_ro li a:hover{
  color:red;
  background-image: url(menu_gif/price_button_off.gif); /* RollOver On Image */
}
p.iepara{ 
  padding-top: 1em;
}

/* ここで価格表用ロールオーバーcss終わり　*/



/* ここからメニュー左上の価格表リンクのロールオーバーのcss　*/

#price_ro2{
  /* float:none; 
  padding : 50;*/
  margin : 0;
  font-size:70%;
  position: absolute;	 /* 絶対位置で指定(親ボックス基準) */ 
  top: 90px;		 /* 上から90px */ 
  left: 15px;		/* 左から8px */ 
  font-weight: none;	/* boldで太字*/
  font-family:Arial;
  list-style-type: none;
}
#price_ro2 li{
  display:inline;
}
#price_ro2 li a{
  float:left;
  color:#268be0;
  padding:10px 20px 10px 20px;
  text-decoration:none;
  background-image:url(menu_gif/pmenu_button_on.gif);  /* RollOver Off Image */
  background-color:#ffffff;	/* バックグランドの色指定 */
  background-position:top left;
  background-repeat:no-repeat;
  border-bottom: 1px solid #ffffff;	/* エリア下部のライン色指定 */
}

#price_ro2 li a#rightmenu{
  border-right: 1px solid #999999;
  background-position: top left;

}
/* Font Color　*/
#price_ro2 li a:visited{
  color:#000000;
}

#price_ro2 li a:hover{
  color:red;
  background-image: url(menu_gif/pmenu_button_off.gif); /* RollOver On Image */
}
p.iepara{ 
  padding-top: 1em;
}

/* ここで価格表用ロールオーバーcss終わり　*/




/* ここからIndex.htmlのPマークの実践へのリンク　ロールオーバーのcss　*/

#price_ro3{
  /* float:none; 
  padding : 50;*/
  margin : 0;
  font-size:65%;
  position: absolute;	 /* 絶対位置で指定(親ボックス基準) */ 
  top: 180px;		 /* 上からの位置px */ 
  left: 280px;		/* 左からの位置 */ 
  font-weight:none;	/* boldで太字*/
  font-family:Arial;
  list-style-type: none;
}
#price_ro3 li{
  display:inline;
}
#price_ro3 li a{
  float:left;
  color:#268be0;
  padding:10px 30px 14px 30px;
  text-decoration:none;
  background-image:url(menu_gif/price_button_on.gif);  /* RollOver Off Image */
  background-color:#0000ff;
  background-position:top left;
  background-repeat:no-repeat;
  border-bottom: 1px solid #999999;
}

#price_ro3 li a#rightmenu{
  border-right: 1px solid #999999;
  background-position: top left;

}
/* Font Color　*/
#price_ro3 li a:visited{
  color:#000000;
}

#price_ro3 li a:hover{
  color:red;
  background-image: url(menu_gif/price_button_off.gif); /* RollOver On Image */
}
p.iepara{ 
  padding-top: 1em;
}

/* ここで価格表用ロールオーバーcss終わり　*/




/* VS の画像ロールオーバー設定 */
    .vs_ro {
        background:url("Image/vs1.gif") no-repeat;
        width:143px; height:56px;   
        margin:0; padding:0; 
        display:block;
    }
    /* マウスon */
    .vs_ro:hover {
        background:url("Image/vs2.gif") no-repeat
    }

/* 更新申請Rollover */
    .ro1 {
        background:url("Image/index_koshin.gif") no-repeat;
        width:358px; height:37px;
        margin:0; padding:0;
        display:block;
    }
    /* マウスon */
    .ro1:hover {
        background:url("Image/index_koshin_R.gif") no-repeat;
    }




/* ul li の行間設定 */
/* Class="c1"はprice.html で使用　*/

.c1{
line-height:2px; 
margin-left:30px;
margin-bottom:5px;
}


.c2{
line-height:13px; 
margin-left:30px;
margin-bottom:5px;
}

/* price.html で使用 */
.c3{
line-height:2px; 
margin-left:40px;
margin-bottom:5px;
}

.c4{
line-height:10px; 
margin-left:35px;
margin-bottom:5px
}


.c5{
line-height:10px; 
margin-left:20px;
margin-bottom:5px
}


.c6{
line-height:15px; 
margin-left:20px;
margin-bottom:1px
}

/* ここまで　*/