/*文字設定*
**************************************************************************************************/

*{
  margin:0px;
  padding:0px;
}
  

h1{
  font-size:12px;
  height:20px;
  padding: 5px 0px 0px 10px;
  color:#000000;
  text-align:left;
}

h2{
   text-indent:-9999px;
   background-repeat:no-repeat;
   width:880px;
   height:87px;
}

h3{
  font-size:12px;
  padding:12px 0px 0px 20px;
}

h4{
  font-size:12px;
  padding:12px 0px 0px 20px;
}

h5{
  font:12px;
  height:20px;
  padding: 5px 0px 0px 10px;
  color:#000000;
  text-align:left;
}

p{
  font-size:12px;
  line-height:16px;
  color:#000000;
}

.pad1{
  padding:10px 0px 0px 0px;
}

.pad2{
  padding:0px 0px 0px 15px;
}

.point{
  text-indent:24px;
  background: url(images/point.gif) no-repeat;
  display:block;
  color:#FF0000;
  font-weight:bold;
  border-bottom:#FF0000 2px solid;
}

.point2{
  border-left:#CC9900 8px solid;
  background: #FFFF99;
  text-indent:4px;
  width:280px;
}

.point3{
  background: url(images/circle.gif) no-repeat;
  height:18px;
  text-indent:18px;
}

.flow{
  background:url(images/flow.gif) no-repeat;
  padding:35px 0px 0px 0px;
  }

.line{
  width:200px;
  font-size:12px;
  text-indent:8px;
  border-bottom: solid #003399;
  border-left-width:12px;
  border-left-color:#003399;
  border-left-style:solid;
  margin-left:8px;
}

.red{
   color:#FF0000;
}

.red1{
   color:#FF0000;
}

.q{
  font-size:12px;
  font-weight:bold;
  color:#000000;
  padding:0px 0px 0px 30px;
  background:url(images/q.jpg) no-repeat;
  line-height:20px;
}

.a{
  font-size:12px;
  font-weight:bold;
  color:#000000;
  padding:0px 0px 0px 30px;
  background:url(images/a.jpg) no-repeat ;
  line-height:20px;
  border-bottom: dotted 1px #CCCCCC;
}

.td-l{
   border-bottom: #CCCCCC 1px dashed;
    border-left: #CCCCCC 1px dashed;
}

.td-r{
   border-bottom: #CCCCCC 1px dashed;
   border-left: #CCCCCC 1px dashed;
    border-right: #CCCCCC 1px dashed;
 }

.td-linquiry1{
   border-bottom: #CCCCCC 1px dashed;
    border-left: #CCCCCC 1px dashed;
}

.td-rinquiry1{
   border-bottom: #CCCCCC 1px dashed;
   border-left: #CCCCCC 1px dashed;
    border-right: #CCCCCC 1px dashed;
   padding:0px 0px 0px 20px;
 }


.contentsup{
  background: url(images/contentsup.gif) no-repeat;
  display:block;
  padding:0px 0px 0px 0px;
  width:720px;
  height:30px;
  line-height:30px;
}

li{
   float:left;
   list-style:none;
   text-decoration:none;
}

ul{
  list-style:none;
  text-decoration:none;
}


.maintext{
   padding-left:8px;
   font-size:12px;
}

td{
   font-size:12px;
   color:#000000;
 }

table#table5{
  width:280px;
  margin: 0px 0px 0px 0px;
  border: #FFFFFF solid 0px;
 }

table#tablebottom{
  width:600px;
  margin: 0px 5px 10px 5px;
 }

table#tablebottom td{
  padding: 2px 10px 2px 10px;
  line-height:18px;
   border: #333333 solid 1px;
}


/*レイアウト設定* **************************************************************************************************/
body{
   text-align:center;
 }
 
div#header{
  width:800px;
  height:72px;
  margin:0px 10px 0px 10px;
  background:url(images/header.jpg) no-repeat;
  display:block;
}

div#headertop{
  width:800px;
  height:40px;
  margin:0px 10px 0px 10px;
  text-align:left;
  background:url(images/headerup.jpg) no-repeat;
  display:block;
}

div#container{
  width:800px;
  text-align:left;
  background: url(images/bodyback.jpg) #FFFFFF repeat-x;
}

div#menu{
  width:800px;
  height:80px;
  background-color:#FFFFFF;
  background: url(images/header.jpg) no-repeat;
  float:right;
}

div#contents{
  width:800px;
  background: url(images/indextopback2.jpg) repeat-y;
  border-bottom: #E8E8E8 solid 2px;
  clear:both;
}

div#main{
  width:772px;
  padding:0px 16px 0px 12px;
  margin:0px 0px 10px 0px;
}

div#main p{
   margin: 4px 20px 4px 20px;
   line-height:18px;
}

div#footertop{
   width:780px;
   text-align:right;
   clear:both;
   margin:5px 10px 10px 10px;
}

div#footer{
  width:780px;
  height:30px;
  text-align:center;
  margin:0px 10px 0px 10px;
  clear:both;
  background: #CCFF33;
}

div#footer p{
  padding:7px 0px 0px 0px;
  color:#000000;
}


/*div main内設定 **************************************************************************************************/

/*メニュー設定 **************************************************************************************************/
a#index{
   background-image:url(images/menu.jpg);
   background-position:0px 0px;
   display:block;
   text-indent:-9999px;
   width:200px;
   height:80px;
}


a#top{
   background-image:url(images/menu.jpg);
   background-position:-200px 0px;
   display:block;
   text-indent:-9999px;
   width:120px;
   height:80px;
}

a#example{
   background-image:url(images/menu.jpg);
   background-position:-320px 0px;
   display:block;
   text-indent:-9999px;
   width:120px;
   height:80px;
}

a#system{
   background-image:url(images/menu.jpg);
   background-position:-440px 0px;
   display:block;
   text-indent:-9999px;
   width:120px;
   height:80px;
}

a#application{
   background-image:url(images/menu.jpg);
   background-position:-560px 0px;
   display:block;
   text-indent:-9999px;
   width:120px;
   height:80px;
}

a#inquiry{
   background-image:url(images/menu.jpg);
   background-position:-680px 0px;
   display:block;
   text-indent:-9999px;
   width:120px;
   height:80px;
}



/*メニューロールオーバー設定* **************************************************************************************************/
a:hover#index{
    background-position:0px 0px;
}

a:hover#top{
    background-position:-200px 80px;
}

a:hover#example{
    background-position:-320px 80px;
}

a:hover#system{
    background-position:-440px 80px;
}

a:hover#application{
    background-position:-560px 80px;
}

a:hover#inquiry{
    background-position:-680px 80px;
}

/*リンク下線設定* **************************************************************************************************/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

