/* ============================================ */
/* 	kantan-pms.com 用　css  20091104        */
/*  cssの整理整頓				*/
/* ============================================ */ 




/* ============================================ */ 
/* index.htmlに使用 Top Titleの位置設定		*/
/* ============================================ */ 
div.index_title{
	position	: absolute; 
	width		: 880px ; 
	height 		: 500px; 
	top 		: 110px;	/*510px;*/ 
	left 		: 50px;
	background-color : #ffffff;
	visibility	 : visible;
	}

div.index_title2{
	position	: absolute; 
	width		: 860px ; 
	height 		: 500px; 
	top 		: 120px;	/*510px;*/ 
	left 		: 150px;
	background-color : #ffffff;
	visibility	 : visible;
	}

div.index_title_price_list{
	position	: absolute; 
	width		: 780px ; 
	height 		: 20px; 
	top 		: 150px;	/*510px;*/ 
	left 		: 150px;
	background-color : #ffffff;
	visibility	 : visible;
	}


/* ============================================ */ 
/* index.html用 右側のnewsの位置		*/
/* ============================================ */ 
div.index_news{
	position	: absolute; 
	width		: 660px ; 
	height 		: 20px; 
	top 		: 320px;	/*720px;*/ 
	left 		: 250px;
	text-align	: center;
	background-color : #ffffff;
	visibility	 : visible;
	}


/* ============================================ */ 
/*  index					*/
/* contents startの位置設定			*/
/* ============================================ */ 
div.cont_start_index{
	position	: absolute; 
	width		: 660px ; 
	height 		: 1300px; 
	top 		: 540px;	/*860px;*/ 
	left 		: 250px;
	}



/* =============================================*/
/*  index					*/
/*  price.htmlへのリンクコンテンツ位置		*/
/* =============================================*/
div.link_cont1{
	position	: absolute; 
	width		: 650px ; 
	height 		: 150px; 
	top 		: 30px; 
	left 		: 0px;
	}


/* =============================================*/
/*  index					*/
/*  risk_analyze.htmlへのリンクコンテンツ位置		*/
/* =============================================*/
div.link_cont2{
	position	: absolute; 
	width		: 710px ; 
	height 		: 230px; 
	top 		: 480px; 
	left 		: 90px;
	}

 /*--------------*/
 /*サブコンテンツ*/
 /*--------------*/
  div.cont2_sub1{
	position	: absolute; 
	width		: 300px ; 
	height 		: 60px; 
	top 		: 120px; 
	left 		: 50px;
	}

 /*--------------*/
 /*サブコンテンツ*/
 /*--------------*/
  div.cont2_sub2{
	position	: absolute; 
	width		: 330px ; 
	height 		: 60px; 
	top 		: 120px; 
	left 		: 370px;
	}

 /*--------------*/
 /*サブコンテンツ*/
 /*--------------*/
  div.cont2_sub3{
	position	: absolute; 
	width		: 500px ; 
	height 		: 60px; 
	top 		: 200px; 
	left 		: 50px;
	}

/* =========================================*/
/*  index									*/
/*  advice_s.htmlへのリンクコンテンツ位置	*/
/* =========================================*/
div.link_cont3{
	position	: absolute; 
	width		: 710px ; 
	height 		: 170px; 
	top 		: 720px; 
	left 		: 90px;
	}

	div.cont3_sub1{
		position	: absolute; 
		width		: 580px ; 
		height 		: 60px; 
		top 		: 120px; 
		left 		: 50px;
		}


/* =========================================*/
/*  index									*/
/*  price4.htmlへのリンクコンテンツ位置		*/
/* =========================================*/
div.link_cont4{
	position	: absolute; 
	width		: 710px ; 
	height 		: 150px; 
	top 		: 900px; 
	left 		: 90px;
	}


/* ============================ */
/*  index						*/
/* 第二contents startの位置設定	*/
/* ============================ */
div.cont_start_index2{
	position	: absolute; 
	width		: 580px ; 
	height 		: 50px; 
	top 		: 1600px; /*1060px*/
	left 		: 200px;
	}

/* ============================================ */ 
/* index.htmlに使用 ISMSの位置設定		*/
/* ============================================ */ 
div.index_isms_logo{
	position	: absolute; 
	width		: 710px ; 
	height 		: 50px; 
	top 		: 1700px; 
	left 		: 140px;
	visibility	 : visible;
	}

/* ============================================ */ 
/* index.htmlに使用 ISMSの位置設定		*/
/* ============================================ */ 
div.index_isms{
	position	: absolute; 
	width		: 710px ; 
	height 		: 200px; 
	top 		: 1750px; 
	left 		: 140px;
	background-color : #ffffff;
	visibility	 : visible;
	}



/* ============================ */
/*  index	商品一覧　　		*/
/* 第三contents startの位置設定	*/
/* ============================ */
div.cont_start_index3{
	position	: absolute; 
	width		: 710px ; 
	height 		: 300px; 
	top 		: 2000px; 
	left 		: 140px;
	}


/* ============================ */
/*  index		改善アドバイス	*/
/* 第四contents startの位置設定	*/
/* ============================ */
div.cont_start_index4{
	position	: absolute; 
	width		: 710px ; 
	height 		: 300px; 
	top 		: 2400px; 
	left 		: 140px;
	}



/* ======================================= */
/* End Lineの位置 index.html		   */
/*					   */
/* 					   */
/* ======================================= */
div.end_line{
	width  : 710px;
	height : 300px;
	top    : 3100px;
	left   : 140px;
	position : absolute;
	}


/* ============================ */
/*  advice_sample.html			*/
/* contents startの位置設定		*/
/* ============================ */
div.cont_start_adv{
	position	: absolute; 
	width		: 800px ; 
	height 		: 800px; 
	top 		: 150px; 
	left 		: 170px;
	}


/* ============================================ */ 
/* advice_sample.html用 右側のlinkの位置		*/
/* ============================================ */ 
div.advice_link{
	position	: absolute; 
	width		: 140px ; 
	height 		: 20px; 
	top 		: 90px; 
	left 		: 785px;
	background-color : #f5f5f5;
	padding		: 2 2 2 2;
	visibility	 : visible;
	}

/* ============================================ */ 
/* advice_sample.html用 右側のlinkの位置		*/
/* ============================================ */ 
div.advice_back{
	position	: absolute; 
	width		: 160px ; 
	height 		: 20px; 
	top 		: 90px; 
	left 		: 50px;
	background-color : #f5f5f5;
	padding		: 2 2 2 2;
	visibility	 : visible;
	}

/* ============================================ */ 
/* advice_mskm.html用 枠の位置		*/
/* ============================================ */ 
div.advice_waku1{
	position	: absolute; 
	left 		: 25px;
	}



/* ============================================ */ 
/* advice_mskm.html用 contents2位置		*/
/* ============================================ */ 
div.advice_cont2{
	position	: absolute; 
	top 		: 240px;
	}








/* =========================================== 	*/
/* indexの右用テーブルの枠線　			*/
/* プライバシーマーク「かんたん！」取得･運用	*/
/* のtableの枠線設定				*/
/* =========================================== 	*/
table.index_line{
   border-left: solid 1px #999999;
   border-bottom: solid 1px #999999;
   border-right: solid 1px #999999;
   border-top: solid 1px #999999;
}




/* ======================================= */
/* ul で　■をリスト表示		   */
/*					   */
/* 					   */
/* ======================================= */
ul.shikaku{
	list-style-image  : url('Image/shikaku.gif');
	}


/* ======================================= */
/* ul で　矢印をリスト表示		   */
/*					   */
/* 					   */
/* ======================================= */
ul.arrow_r{
	list-style-image	: url('Image/arrow_r.gif');
	margin				: 10px 0px 0px 50px;
	line-height			: 0.5em;
	}



/* =========================================== 	*/
/* index.html用のCSSはここまで			*/
/* ■■■■■■■■■■■■■■■■■■■■■■	*/




/* ============================ */
/* フォントサイズ指定		*/
/* <td id="font2">		*/
/* ============================ */
#font2	{
	font-size  : 0.8em;
  	}



/* ============================ */
/* 最初の社名位置設定		*/
/* menu_gif/index_logo.gif 	*/
/* ============================ */
div.index{
	position 	: absolute;
	top 		: 4px; 
	left 		: 50px;
	}

/* ============================ */
/* メインメニューの位置設定	*/
/* ============================ */
div.main_menu{
	position 	: absolute;
	width		: 880px ; /* 695 */
	height 		: 40px; 
	top 		: 50px; 
	left 		: 50px;
	background-color:#d7e1e0;
	}


/* ============================================ */ 
/* ここからメインメニューロールオーバー		*/
/* のcss					*/
/* ============================================ */ 


#menu_ro{
  float:left;
  padding : 0;
  margin : 0;
  font-size:60%;
  font-weight:bold; /* boldで太字  noneで普通 */
  font-family:Arial;
  list-style-type: none;
}
#menu_ro li{
  display:inline;
}
#menu_ro li a{
  float:left;
  color					:#2080a0;  /* #268be0;  */
  padding				:5px 25px 5px 24px;
  text-decoration		:none;
	text-align			:center;
  background-image		: url(menu_gif/button_on.gif);  /* RollOver Off Image */
  background-color		:#ffffff;
  background-position	:top left;
  background-repeat		:no-repeat;
  border-bottom			: 1px solid #ffffff;
}

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



/* フォントの色　*/
#menu_ro li a:visited{
  color:#2080a0;
}

#menu_ro li a:hover{
  color				:#000000; /* red */
  font-weight		:bold;
  background-image	: url(menu_gif/button_off.gif); /* RollOver On Image */
}
p.iepara{ 
  padding-top: 1em;
}

/* ここでロールオーバーメニューcss終わり　*/


/* ============================================ */ 
/* ここから新メインメニューロールオーバー		*/
/* のcss					*/
/* ============================================ */ 

#menu_ro3{
  float:left;
  padding : 0;
  margin : 0;
  font-size:60%;
  font-weight:bold; /* boldで太字  noneで普通 */
  font-family:Arial;
  list-style-type: none;
}


#menu_ro2 a{
width:105px;
line-height:1.3em;
height:40px;
  float:left;
  margin : 0;
  font-size:58%;
  font-weight:none; /* boldで太字  noneで普通 */
  font-family:Arial;
  list-style-type: none;
	display:block;
  color					:#2080a0;  /* #268be0;  */
  padding				:5px 5px 5px 5px;
  text-decoration		:none;
	text-align			:center;
  background		: url(Image/menu_buttom_on.gif) no-repeat;  /* RollOver Off Image */
}

#menu_ro2 a:hover{
  color				:#00000f; /* red */
  font-weight		:bold;
  background	: url(Image/menu_buttom_off.gif) no-repeat; /* RollOver On Image */
}




/* ここでロールオーバーメニューcss終わり　*/




/* ============================ */
/* ガイドの位置設定		*/
/* ============================ */
div.top_guide{
	position	: absolute; 
	width		: 450px ; 
	height 		: 20px; 
	top 		: 100px; /*75px;*/ 
	left 		: 50px;
	}



/* ============================ */
/* Top Titleの位置設定		*/
/* ============================ */
div.top_title{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 120px; 
	left 		: 245px;
	background-color : #191970;
	visibility	 : visible;
	}


/* ============================ */
/* アドバイスTop Title設定		*/
/* ============================ */
div.top_title_advice{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 120px; 
	left 		: 245px;
	background-color : #008080;
	visibility	 : visible;
	}


/* ============================ */
/* アドバイス納品物TopTitle設定	*/
/* ============================ */
div.top_title_advs{
	position	: absolute; 
	width		: 550px ; 
	height 		: 20px; 
	top 		: 90px; 
	left 		: 230px;
	background-image : url(Image/back2.gif);
	visibility	 : visible;
	}




/* ============================ */
/* PマークについてのTop Title	*/
/* ============================ */
div.top_title2{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 120px; 
	left 		: 245px;
	background-image : url(Image/back2.gif);
	visibility	 : visible;
	}

div.top_title4{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 420px; 
	left 		: 245px;
	background-image : url(Image/back2.gif);
	visibility	 : visible;
	}

/* ============================ */
/* ExcelのTop Title位置　VBA用	*/
/* ============================ */
div.top_title_excel2{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 120px; 
	left 		: 245px;
	text-align	: center;
/*	background-image : url(Image/back2.gif); */
	visibility	 : visible;
	}


/* ============================ */
/* ExcelのTop Title	*/
/* ============================ */
div.top_title_excel{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 220px; 
	left 		: 245px;
	background-image : url(Image/back2.gif);
	visibility	 : visible;
	}



/* ============================ */
/*  TrueCript			*/
/*        menuの位置設定	*/
/* ============================ */
div.menu_true{
	position	: absolute; 
	width		: 486px ; 
	height 		: 1376px; 
	top 		: 120px; 
	left 		: 245px;
	}




/* ============================ */
/*   TrueCript Top Title	*/
/* ============================ */
div.top_title3{
	position	: absolute; 
	width		: 486px ; 
	height 		: 20px; 
	top 		: 170px; 
	left 		: 245px;
	background-image : url(Image/back2.gif);
	visibility	 : visible;
	}




/* ============================ */
/* contents startの位置設定	*/
/* ============================ */
div.cont_start{
	position	: absolute; 
	width		: 486px ; 
	height 		: 1376px; 
	top 		: 180px; /* 180px */
	left 		: 245px;
	}

div.cont_start_risk{
	position	: absolute; 
	width		: 486px ; 
	height 		: 1376px; 
	top 		: 480px; /* 180px */
	left 		: 245px;
	}


/* ============================ */
/* Excel cont startの位置設定	*/
/* ============================ */
div.cont_start_excel{
	position	: absolute; 
	width		: 486px ; 
	height 		: 1376px; 
	top 		: 280px; 
	left 		: 245px;
	}



/* ============================ */
/*  TrueCript
/* contents startの位置設定	*/
/* ============================ */
div.cont_start_true2{
	position	: absolute; 
	width		: 486px ; 
	height 		: 1376px; 
	top 		: 210px; 
	left 		: 245px;
	}




/* ==================================== */
/* 	左最上部枠の位置設定			*/
/* ==================================== */
div.logo01{
	position : absolute; 
	top	 : 5px; 
	left	 : 50px ;
	width	 : 170px;
	height	 : 90px;
	}

/* ==================================== */
/* 	FAQの位置設定			*/
/* ==================================== */
div.faq{
	position : absolute; 
	top	 : 100px; 
	left	 : 10px ;
	width	 : 170px;
	height	 : 30px;
	}



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


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


/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第二　メニュー　　　　　　　*/
/* 		<DIV  class="menu02">      */
/* ======================================= */
div.menu02{
  	position : relative;	/* 相対位置設定topとleft */
	top	 : 340px;	/* topから10 */
	left	 : 9px;
  	z-index	 : 1;		/* 重なり順位 */
	width	 : 170px;
	height	 : 220px;
	visibility : visible;	/* 枠線を書く、書かないはhidden */
	}

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


/* ======================================= */
/* menuの位置を決めるcss menu02は、	   */
/* 　　　　　　第3　メニュー　　　　　　　*/
/* 		<DIV  class="menu03">      */
/* ======================================= */
div.menu04{
  	position : relative;	/* 相対位置設定topとleft */
	top	 : 340px;	/* topから10 */
	left	 : 10px;
  	z-index	 : 1;		/* 重なり順位 */
	width	 : 170px;
	height	 : 80px;
	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;
 }
/*  ======= ここまで　======  */



/* olの設定　			　	*/
/* <ol class="mgn"> で使用する　	*/

ol.mgn { 
	margin		: 0 0 0 1.8em;
	 padding	: 0 0 0 0em;
	line-height : 1.1em;
 }

ol.mgn00 { 
	margin		: 0 0 0 1.8em;
	 padding	: 1.0em 0 0 0em;
	line-height : 0.1em;
 }

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


/* olの設定　			　	*/
/* <ol class="mgn2"> で使用する　	*/

ol.mgn2 { 
	margin		: 0px 0px 0px 50px;
/*	 padding	: 0 0 0 0em; */
	line-height : 1.1em;
 }
/*  ======= ここまで　======  */


/* olの設定　			　	*/
/* <ol class="mgn3"> で使用する　	*/

ol.mgn3 { 
	margin		: 0px 0px 0px 30px;
/*	 padding	: 0 0 0 0em; */
	line-height : 0.3em;
 }
/*  ======= ここまで　======  */


ul.mgn2 { 
	margin		: 10px 0px 0px 50px;
/*	 padding	: 0 0 0 0em; */
	line-height : 0.5em;
 }




/* -------------------------------- */
/* liのマージンゼロ設定				*/
/* -------------------------------- */
li.mgn0{ 
	margin-top	: 0px;
/*	margin-bottom: 0.5em;*/
	margin		: 0 0 5px 0 ;
	}


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

      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;
}

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



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


/* 枠をつける　*/
div.contentsbox2
      {
         border-style: solid;
         border-width: 1px;
         border-color: #999999;
	padding	     : 10px 10px 10px 10px;
      }
/*  ======= ここまで　======  */



/* テーブルの枠線を細くする　*/
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.tdline
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
   border-left: solid 1px #999999;
   border-bottom: solid 1px #999999;
}

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

th,td.line7
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
   height	: 25px;
	font-size:0.8em;
	padding : 0 0 0 5px;
}

th,td.line3
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
	font-size:0.8em;
}

th,td.line4
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
	font-size:0.8em;
}


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




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

.gray
      {
         background-color: #eeeeee;
      }

td.yellow
      {
         background-color: #ffffcc;
      }

th.yellow
      {
         background-color: #ffffcc;
      }


/* テーブル内を緑色にする 	*/
/*  <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:#000000;
	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.3em 0;
	padding:0;
}

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



/*	行間隔1.5倍から2.0倍	*/
  P.L05 { line-height : 0.5 }
  P.L12 { line-height : 1.2 ;
	  margin-right: 5px;
	  margin-left : 5px;
 	}
　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; } 



/* ここからshop上部メニューロールオーバーのcss　*/

#shop_ro{
  float:left;
  padding : 0;
  margin : 0;
  font-size:80%;
  font-weight:bold; /* boldで太字  noneで普通 */
  font-family:Arial;
  list-style-type: none;
}
#shop_ro li{
  display:inline;
}
#shop_ro li a{
  float:left;
  color:#2080a0;  /* #268be0;  */
  padding:10px 26px 14px 26px;
  text-decoration:none;
  background-image:url(menu_gif/shop_menu_off.gif);  /* RollOver Off Image */
  background-color:#ffffff;
  background-position:top left;
  background-repeat:no-repeat;
  border-bottom: 1px solid #999999;
}

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



/* フォントの色　*/
#shop_ro li a:visited{
  color:#2080a0;
}

#shop_ro li a:hover{
  color:#000000; /* red */
  font-weight:bold;
  background-image: url(menu_gif/shop_menu_on.gif); /* RollOver On Image */
}
p.iepara{ 
  padding-top: 1em;
}

/* ここでshopロールオーバーメニューcss終わり　*/


/* ここから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
}

/* ここまで　*/





div.top_guide2{
	position	: absolute; 
	width		: 200px ; 
	left		: 600px;
	padding	     : 0px 0px 0px 30px;
}