* {
  margin: 0;
  padding: 0;
}

body{
  text-align: center;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana";
  background-image : url(../img/top/kabegami.jpg);
  background-repeat : repeat;
  background-attachment : scroll;

color: #333333;
}

a:link{
  text-decoration: underline;
  color:#19067D;
}

a:visited{
  text-decoration: underline;
  color:#800080;
}

a:active{
 text-decoration: underline;
 color:#19067D;
}


img {
  border: none;
}

.fnormal{
font-weight: normal;
}

br.clear{
  clear: both;
}

ul.none{  
  list-style-type: none;
}

p{
  font-size:85%;
  letter-spacing:0.03em;
  line-height:1.5em;

  margin: 0px;
  padding:5px 0px 5px 0px;
}

hr{
  width: 750px;
 border-width:1px 0px 0px 0px;
 height: 1px;
  color:#bbbbbb;
}

em{
font-style: normal;
font-weight: bold;
}

span{
font-style: normal;
font-weight: bold;
color:#555555;
}

span.blue{
font-style: normal;
font-weight: normal;
color:#076A90;
}
/****** ヘッダー ******/
#header{
  background-image : url(../img/top/naka-trans.png);
  background-repeat : repeat-y;
  text-align: left;
  width: 810px;
  margin: 0px auto 0px auto;
  padding: 0px 8px 0px 8px;
}

a.h:link {
 color:#ffffff;
text-decoration: none; 
}
a.h:visited { 
color:#ffffff; 
text-decoration: none; 
}
a.h:active {
 color:#ffffff; 
text-decoration: none; 
}
a.h:hover {
 color:#ffffff; 
text-decoration: none; 
}

h1{
  text-align: left;
  letter-spacing:0em;
  line-height:1.5em;
  font-size:70%;
  color:#ffffff;
  height:15px;
  width : 789px;
  background-color: #e9e9e9;
  padding: 0px 0px 0px 5px;
}

#hl{
display:inline;
  float: left;
  width : 634px; 
  height:60px;
  margin: 0px ;
  padding:25px 0px 0px 20px;
}

#hr{
display:inline;
  float: right;
  text-align: left;
  width : 120px;
  height:60px;
  margin: 0px;
  padding:10px 20px 0px 0px;
}

ul.hlink{
  font-size:70%;
  line-height:1.7;
  letter-spacing:0.03em;

}
ul.hlink li {
	list-style-type: none;
	margin: 0;
  padding: 0px 0px 0px 10px;
	background-image: url(../img/top/triangle3.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
}

a.hlink:link {
 color:#777777;
text-decoration:none; 
}

a.hlink:visited{
  text-decoration:none;
  color:#800080;
}

a.hlink:hover {
 color:#000000; 
text-decoration:underline; 
}

h2{ 
  letter-spacing:0em;
  line-height:1.5em;
  font-size:60%;
  color:#cccccc;
}

/*********************************/

/****** メニュー ******/
#globalnavi{

  margin: 0px 0px 0px 6px;
  padding: 0px 0px 10px 0px;

  height: 30px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 130px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 30px;
  background-image : url(../img/top/menu2.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -130px 0;}
#menu3 a{background-position: -260px 0;}
#menu4 a{background-position: -390px 0;}
#menu5 a{background-position: -520px 0;}
#menu6 a{background-position: -650px 0;}

#globalnavi a:hover{
  background-image : url(../img/top/menu2.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -30px;}
#menu2 a:hover{background-position: -130px -30px;}
#menu3 a:hover{background-position: -260px -30px;}
#menu4 a:hover{background-position: -390px -30px;}
#menu5 a:hover{background-position: -520px -30px;}
#menu6 a:hover{background-position: -650px -30px;}
/*********************************/

/****** メイン *******/
#main{
  background-image : url(../img/kyotu/back.png);
  background-repeat : repeat-y;
  text-align: left;
  width: 810px;
  margin: 0px auto 0px auto;
  padding: 0px 8px 0px 8px;
}
ul.link{
  padding: 0px 0px 0px 75px;
}

ul.link li {
	list-style-type: none;
	margin: 0;
  padding: 0px 0px 10px 18px;
	background-image: url(../img/top/triangle.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
}

.hr{
  text-align: left;
  width: 750px;
  padding: 0px 15px 0px 29px;

}

h3{ 
  letter-spacing:0.03em;
  font-size:97%;
  color: #000000;
  margin-bottom: 1em;
  padding: 35px 0px 5px 0px;
  border-bottom: 2px solid #cccccc;

}

.mt{ 
  padding: 0px 0px 5px 0px;
}

div#ml{
display:inline;
  float: left;
  text-align: left;
  width : 520px;
  padding:15px 0px 0px 30px;
}

ul#mlul{
  font-size:80%;
  line-height:1.8;
  padding:10px 5px 10px 20px;
}

div.mbox{
display:inline;
  background-color:#FCFCFC;

border-style:solid;
border-color: #E8E4E2;
border-width: 1px;

  float: left;
  text-align: left;
  width : 235px;
  margin: 5px 5px 5px 5px;
  padding:5px 0px 5px 10px;
}

div.mboxl{
display:inline;
  float: left;
  text-align: left;
  width : 80px;
  padding:0px 0px 0px 0px;
}

div.mboxr{
display:inline;
  float: right;
  text-align: left;
  width : 145px;
  padding:0px 0px 0px 10px;
}

ul.mb{
  font-size:80%;
  line-height:1.8;
  padding:0px 0px 0px 15px;
}

div.mbox2{
display:inline;
  background-color:#ffffff;

border-style:solid;
border-color: #E8E4E2;
border-width: 1px;

  float: left;
  text-align: left;
  width : 245px;
  margin: 5px 5px 5px 5px;
  padding:5px 0px 0px 0px;
}
div.mbox2i{
  background-image : url(../img/top/1.gif);
  background-repeat: no-repeat;
  text-align: left;
  width : 245px;
height: 50px;

  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
div.mbox3i{
  background-image : url(../img/top/2.gif);
  background-repeat: no-repeat;
  text-align: left;
  width : 245px;
height: 50px;

  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

div#mr{
display:inline;
  float: left;
  text-align: left;
  width : 200px;
  padding:15px 15px 0px 29px;
}
hr.mrhr {
  width: 200px;
   border-width: 1px 0px 0px 0px;
   border-style: dashed;
   border-color: #cccccc;
   height: 1px;
  padding:5px 0px 5px 0px;
}

div#infobox{
  text-align: left;
border-width:1px;
border-style:solid;
border-color:#dddddd;
  width : 200px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

ul#info{
  font-size:80%;
  line-height:1.5em;
  padding:10px 5px 10px 20px;
}
ul#info li{
  padding:5px 0px 5px 0px;
}

div#loginbox{
  text-align: left;
border-width:1px;
border-style:solid;
border-color:#dddddd;
  width : 200px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

ul#login{
  font-size:80%;
  line-height:1.5em;
  padding:10px 5px 10px 20px;
}

ul#login li {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 10px;
	background-image: url(../img/top/triangle3.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
}

.mrp{  
  font-size:90%;
  padding: 2px 10px 2px 10px;
color: #222222;
  background-color: #eeeeee;
}

ul.link2{
  font-size:80%;
  letter-spacing:0em;
  padding: 0px 0px 0px 0px;
}

ul.link2 li {
	list-style-type: none;
	margin: 0;
  padding: 0px 0px 10px 18px;
	background-image: url(../img/top/triangle.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
}

div#arkbox{
  text-align: left;
border-width:1px;
border-style:solid;
border-color:#dddddd;
  width : 200px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}
ul#ark{
  font-size:80%;
  line-height:1.5em;
  padding:10px 5px 10px 20px;
}
ul#ark li{
  padding:5px 0px 5px 0px;
}
div#arkbox2{
  text-align: center;
  width : 200px;
  padding:2px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

div#mobbox{
  text-align: left;
border-width:1px;
border-style:solid;
border-color:#dddddd;
  width : 200px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

div.mrbox{
  text-align: center;
  width : 200px;
  padding:10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

h4{ 
  letter-spacing:0em;
  line-height:1.5em;
  font-size:90%;
  color:#222222;
  padding: 0px 0px 0px 0px;
}

h5{ 
  letter-spacing:0em;
  line-height:1.5em;
  font-size:90%;
  color:#222222;
}

#fn{
  text-align: center;
  width: 750px;
  padding: 100px 15px 20px 29px;
}
#fn a {
  padding: 0px 5px 0px 5px;
}

/*********************************/

/****** フッター ******/
#footer{
  background-image : url(../img/kyotu/back_sita.png);
  background-repeat : no-repeat;
  text-align: left;
  width: 810px;
  margin: 0px auto 0px auto;
  padding: 10px 8px 0px 8px;
}

#fl{
display:inline;
  float: left;
  text-align: left;
  width : 480px;
  padding: 10px 15px 30px 29px;
}

#fh{ 
  letter-spacing:0em;
  line-height:1.5em;
  font-size:65%;
  color:#cccccc;
}

#fr{
display:inline;
  float: left;
  text-align: right;
  width : 255px;
  font-size:80%;
  letter-spacing:0em;
  padding: 5px 15px 30px 0px;
}

a.f:link {
 color:#cccccc;
text-decoration: none; 
}
a.f:visited { 
color:#cccccc; 
text-decoration: none; 
}
a.f:active {
 color:#cccccc; 
text-decoration: none; 
}
a.f:hover {
 color:#cccccc; 
text-decoration: none; 
}

/*********************************/