@charset "shift_jis";

@import ".css";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}


body{margin:0; padding:0; font-size:80%; background:#ececec;}

img{border:0;}

ul{list-style:none;}
li{padding:10px 0px 0px 0px;}

table{font-size:100%}

h1{
width:550px;
text-align:left;
margin:20px 0px 20px 40px;
font-size:24px;
color:#666666;}

h1 em{
font-style:normal;
font-size:14px;
color:#996666;
margin:0px 0px 0px 10px;}


h2{
width:300px;
text-align:center;
color:#666666;
font-size:14px;
border-bottom:#999999 dotted 1px;}



#content{
width:1000px;
overflow:hidden;
background:url(../img/back.gif) left top repeat-y;
text-align:center;}

#title{
width:1000px;
height:350px;
background:url(../img/title.jpg) left top no-repeat;
text-indent: -9999px;}

#copy{
clear:both;
width:1000px;
height:80px;
background:url(../img/copy.jpg) left top no-repeat;
text-indent: -9999px;}

#main{
width:950px;}

#left{
padding:80px 0px 0px 0px;
width:650;
float:left;
background:url(../img/contents.gif) left top no-repeat;}

#left a:link,
#left a:visited {background-position: 0px 0px; float:left;}

#left a.b01{background:url(../img/button01.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b01:hover,active {background-position: 0px 166px;}

#left a.b02{background:url(../img/button02.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b02:hover,active {background-position: 0px 166px;}

#left a.b03{background:url(../img/button03.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b03:hover,active {background-position: 0px 166px;}

#left a.b04{background:url(../img/button04.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b04:hover,active {background-position: 0px 166px;}

#left a.b05{background:url(../img/button05.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b05:hover,active {background-position: 0px 166px;}

#left a.b06{background:url(../img/button06.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b06:hover,active {background-position: 0px 166px;}

#left a.b07{background:url(../img/button07.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b07:hover,active {background-position: 0px 166px;}

#left a.b08{background:url(../img/button08.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b08:hover,active {background-position: 0px 166px;}

#left a.b09{background:url(../img/button09.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b09:hover,active {background-position: 0px 166px;}

#left a.b10{background:url(../img/button10.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b10:hover,active {background-position: 0px 166px;}

#left a.b11{background:url(../img/button11.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b11:hover,active {background-position: 0px 166px;}

#left a.b12{background:url(../img/button12.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b12:hover,active {background-position: 0px 166px;}

#left a.b13{background:url(../img/button13.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b13:hover,active {background-position: 0px 166px;}

#left a.b14{background:url(../img/button14.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b14:hover,active {background-position: 0px 166px;}

#left a.b15{background:url(../img/button15.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b15:hover,active {background-position: 0px 166px;}

#left a.b16{background:url(../img/button16.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b16:hover,active {background-position: 0px 166px;}

#left a.b17{background:url(../img/button17.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b17:hover,active {background-position: 0px 166px;}

#left a.b18{background:url(../img/button18.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b18:hover,active {background-position: 0px 166px;}

#left a.b19{background:url(../img/button19.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b19:hover,active {background-position: 0px 166px;}

#left a.b20{background:url(../img/button20.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b20:hover,active {background-position: 0px 166px;}

#left a.b21{background:url(../img/button21.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b21:hover,active {background-position: 0px 166px;}

#left a.b22{background:url(../img/button22.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b22:hover,active {background-position: 0px 166px;}

#left a.b23{background:url(../img/button23.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b23:hover,active {background-position: 0px 166px;}

#left a.b24{background:url(../img/button24.jpg) left top repeat; width:600px; height:166px; text-indent: -9999px;}
#left a.b24:hover,active {background-position: 0px 166px;}




#right{
padding:103px 0px 0px 0px;
width:321px;
float:right;
background:url(../img/download.gif) right top no-repeat;}

#rb a:link,
#rb a:visited {background-position: 0px 0px; float:left;}
#rb a.b00{
background:url(../img/button00.jpg) left top repeat;
width:321px;
height:123px;
text-indent: -9999px;
}
#rb a.b00:hover,active {background-position: 0px 123px;}



#rb a.a01{
background:url(../img/a01.jpg) left top repeat;
width:321px;
height:123px;
text-indent: -9999px;
}
#rb a.a01:hover,active {background-position: 0px 123px;}


#rb a.a02{
background:url(../img/a02.jpg) left top repeat;
width:321px;
height:123px;
text-indent: -9999px;
}
#rb a.a02:hover,active {background-position: 0px 123px;}


#tyui p{
text-align:left;
margin:0px 10px 15px 10px;}



#come{
width:550px;
text-align:left;
margin:20px 0px 20px 50px;
}



.backtop{
clear:both;
padding:0px 0px 0px 0px;
width:100%;}

.backtop a:link,
.backtop a:visited {background-position: 0px 0px; float:left;}
.backtop a.a01{
background:url(../img/backtop.gif) left top repeat;
width:250px;
height:30px;
text-indent: -9999px;
}
.backtop a.a01:hover,active {background-position: 0px 30px;}




#kiyaku{
background:url(../img/kiyaku.gif) left top no-repeat;
width:460px;
padding:100px 0px 0px 0px;
float:left;
text-align:left;}

#pra{
background:url(../img/pra.gif) left top no-repeat;
width:470px;
padding:100px 20px 20px 0px;
float:right;
text-align:left;}

#form{

width:600;
clear:both;}