@import url("common.css");

/* top */

#top_img {
  position:absolute;
  top:135px;
  left:64px;
  width:860px;
  height:250px;
  }

#about {
  position:absolute;
  top:395px;
  left:64px;
  width:530px;
  height:180px;
  background:url(../img/top_textback.jpg) no-repeat top;
  }
  #about1,#about2,#about3 {
    position:absolute;
	left:53px;
	width:470px;
	font:12px/1.3em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000066;
	}
  #about1 { top:28px; }
  #about2 { top:72px; }
  #about3 { top:119px; }

#koyo_text {
  position:absolute;
  top:395px;
  left:604px;
  width:320px
  }

#btn_1 {
  position:absolute;
  top:435px;
  left:604px;
  width:320px;
  }

#btn_2 {
  position:absolute;
  top:475px;
  left:604px;
  width:320px;
  }

#btn_contact {
  position:absolute;
  top:535px;
  left:604px;
  width:320px;
  height:40px;
  }


/* service ////////////////////////////////////////////////////////////////////////////*/

.s_title {
  position:absolute;
  top:135px;
  left:64px;
  width:860px;
  height:30px;
  }

#sub_title {
	position:absolute;
	top:17px;
	left:15px;
	width:860px;
	height:30px;
	font:bold 16px "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#006933;
  }
  #sub_title span {
    font:12px "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    color:#000;
	}

#matter1 {
	position:absolute;
	top:53px;
	left:15px;
	width:456px;
	height:26px;
  }

#matter2 {
	position:absolute;
	top:53px;
	left:483px;
	width:362px;
	height:26px;
  }
  #matter2 ul {
    padding:15px 0 0 22px;
	margin:0;
    list-style-image:url(../img/icon2.jpg);
	}
  #matter2 ul li {
    margin:0 0 10px 0;
    font:12px/1.2em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000;
	}
	#matter2 ul li span {
	  font:bold 12px/1.2em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	  color:#000;
	  }


/* flow //////////////////////////////////////////////////////////////////////////// */

#step {
	position:absolute;
	top:16px;
	left:0px;
	width:859px;
	height:92px;
  }

#flow1,#flow2,#flow3,#flow4,#flow5,#flow6,#flow7,#flow8,#flow9 {
  position:absolute;
  margin:0;
  padding:10px 0 0 10px;
  font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  }
ul li {
    list-style:disc;
	margin:0 0 0 20px;
	}
#flow_title1 {
	position:absolute;
	top:108px;
	left:0;
	width:157px;
	height:103px;
	background:url(../img/flow_back1.jpg) repeat-x;
	font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000;
  }
#flow_title2 {
	position:absolute;
	top:213px;
	left:0;
	width:157px;
	height:85px;
	background:url(../img/flow_back2.jpg) repeat-x;
	font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000;
  }
#flow_title3 {
	position:absolute;
	top:300px;
	left:0;
	width:157px;
	height:100px;
	background:url(../img/flow_back3.jpg) repeat-x;
	font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000;
  }
  .flow_title1 {
    margin:17px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	}
  .flow_title2 {
    margin:38px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	}
  .flow_title3 {
    margin:40px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	}
#flow1 {
	top:108px;
	left:159px;
	width:222px;
	height:93px;
	background:url(../img/flow_back1.jpg) repeat-x;
  }
#flow2 {
	top:108px;
	left:393px;
	width:221px;
	height:93px;
	background:url(../img/flow_back1.jpg) repeat-x;
  }
#flow3 {
	top:108px;
	left:626px;
	width:223px;
	height:93px;
	background:url(../img/flow_back1.jpg) repeat-x;
  }
#flow4 {
	top:213px;
	left:159px;
	width:222px;
	height:75px;
	background:url(../img/flow_back2.jpg) repeat-x;
  }
#flow5 {
	top:213px;
	left:393px;
	width:221px;
	height:75px;
	background:url(../img/flow_back2.jpg) repeat-x;
  }
#flow6 {
	top:213px;
	left:626px;
	width:223px;
	height:75px;
	background:url(../img/flow_back2.jpg) repeat-x;
  }
#flow7 {
	top:300px;
	left:159px;
	width:222px;
	height:90px;
	background:url(../img/flow_back3.jpg) repeat-x;
  }
#flow8 {
	top:300px;
	left:393px;
	width:221px;
	height:90px;
	background:url(../img/flow_back3.jpg) repeat-x;
  }
#flow9 {
	top:300px;
	left:626px;
	width:223px;
	height:90px;
	background:url(../img/flow_back3.jpg) repeat-x;
  }


/* jirei ////////////////////////////////////////////////////////////////////////////*/

/* common */

#jirei_btn1 {
  position:absolute;
  top:10px;
  left:15px;
  width:90px;
  height:25px;
  }
#jirei_btn2 {
  position:absolute;
  top:10px;
  left:110px;
  width:123px;
  height:25px;
  }
#jirei_btn3 {
  position:absolute;
  top:10px;
  left:238px;
  width:71px;
  height:25px;
  }

#jirei_contact {
  position:absolute;
  top:15px;
  left:390px;
  font:12px "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  }

#jirei_stitle {
  position:absolute;
  top:53px;
  left:15px;
  font:bold 15px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#006933;
  }

#jirei_text1 {
  position:absolute;
  top:84px;
  left:15px;
  width:377px;  
  }

.jirei_stitle {
  font:bold 15px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#006933;
  }

.jirei_text {
  font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  }

.aten {
  color: #FF3300;
  font-weight: bold;
  }

/* jirei1 */

#jirei1_graph1 {
	position:absolute;
	top:165px;
	left:15px;
	width:375px;
	height:41px;
	font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000;
  }
#jirei1_graph2 {
  position:absolute;
  top:84px;
  left:423px;
  font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  }
  #jirei1_graph1 table ,#jirei1_graph2 table { border-left:1px solid #000; border-top:1px solid #000; background-color:#FFFFFF; }
  #jirei1_graph1 table td ,#jirei1_graph2 table td { border-right:1px solid #000; border-bottom:1px solid #000; padding:5px; }

#jirei1_image1 {
	position:absolute;
	top:264px;
	left:423px;
  }


/* jirei2 */

#jirei_stitle2 {
	position:absolute;
	top:145px;
	left:15px;
  }

#jirei2_graph2 {
	position:absolute;
	top:80px;
	left:425px;
	width:227px;
	height:158px;
  }

#jirei2_image1 {
	position:absolute;
	top:177px;
	left:144px;
	width:246px;
	height:226px;
  }
#jirei2_image2 {
	position:absolute;
	top:250px;
	left:445px;
	width:192px;
	height:142px;
  }

#jirei2_list {
	position:absolute;
	top:126px;
	left:15px;
	color:#000;
	font-weight:bold;
  }
  #jirei2_list ul li {
    list-style-image:url(..//img/jirei_icon..gif);
	}

#jirei_text3 {
	position:absolute;
	top:74px;
	left:664px;
  }
  #jirei_text3 dl dt {
    padding-top:3px;
    font:bold 12px Arial, Helvetica, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    color:#000;
	}

#super_title1 { color:#E6003D; font-weight:bold; }
#super_title2 { color:#006933; font-weight:bold; }
#super_title3 { color:#006BB5; font-weight:bold; }
#super_title4 { color:#EA5810; font-weight:bold; }
#super_list1  { border-left:5px solid #E6003D; padding-left:3px; }
#super_list2  { border-left:5px solid #006933; padding-left:3px; }
#super_list3  { border-left:5px solid #006BB5; padding-left:3px; }
#super_list4  { border-left:5px solid #EA5810; padding-left:3px; }
#jirei_text3 dl dd ul {
  font:11px/1.4em Arial, Helvetica, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  }
#jirei_text3 dl dd ul li {
  list-style:none;
  margin:0; paddint:0;
  }

/* jirei3 */

#jirei_stitle3 {
  position:absolute;
  top:53px;
  left:423px;
  }

#jirei_text4 {
  position:absolute;
  top:364px;
  left:15px;
  padding:8px;
  font:11px/1.3em Arial, Helvetica, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  background-color:#FFFFFF;
  border:1px solid #FF6600;
  width:349px;
  }

#jirei_text5 {
  position:absolute;
  top:364px;
  left:423px;
  padding:8px;
  font:11px/1.3em Arial, Helvetica, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  color:#000;
  border:1px solid #FF6600;
  background-color:#FFFFFF;
  width:409px;
  }

#jirei3_graph1 {
	position:absolute;
	top:175px;
	left:15px;
	width:375px;
	height:41px;
	font:12px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#000;
  }
  #jirei3_graph1 table { border-left:1px solid #000; border-top:1px solid #000; background-color:#FFFFFF; }
  #jirei3_graph1 table td { border-right:1px solid #000; border-bottom:1px solid #000; padding:5px; }

#jirei_text2 {
  position:absolute;
  top:84px;
  left:423px;
  width:409px;
  height:231px;
  }