@charset "utf-8";

/*-------------------------------------
#                                     #
#                                     #
#　　　　　　　PC用CSS                #
#                                     #
#                                     #
-------------------------------------*/



/* -------------全体設定--------------- */

*{
  margin: 0;
  padding: 0;
}


h1{}

h2{}

h3{
  margin:3em 0 20px 0;
  padding:0 0 10px 20px;
  border-bottom:#B2B2B2 solid 1px;
}

h4{}

p{
  line-height: 1.5em;
  margin:1em 0 0 20px;
}



/*----------------コンテンツ------------------*/

div#contents{
  width: 1000px;
  margin: 0 auto 0 auto;
  font-family: "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size:18px;
  border-top: solid #000000 5px;
  border-bottom: solid #000000 5px;
  background: #FFFFFF;
  color: #000000;
}



/*------------------ヘッダー--------------------*/

div#header{
  padding:25px 0px;
  border-bottom:#B2B2B2 solid 1px;
}

img#logo{
  display: block;
  width: 368px;
  height: auto;
  float:left;
}


/*ナビゲーション*/

ul#gnavi{
  font-size: 0;
  margin:0 0 0 470px;
}

ul#gnavi li{
  font-size: 14px;
  list-style-type:none;
  display: inline-block;
  padding:17px 10px 0;
  border-left:#dddddd solid 1px;

}


ul#gnavi li a{
  display:block;
  text-decoration:none;
  text-indent:-9999px;
  overflow:hidden;
}

ul#gnavi li#gnavi01 a{
  width:180px;
  height:22px;
  background:url(../img/gnavi01.png) no-repeat;
}

ul#gnavi li#gnavi01 a:hover{
  width:180px;
  height:22px;
  background:url(../img/gnavi01_lo.png) no-repeat;
}


ul#gnavi li#gnavi02 a{
  width:180px;
  height:22px;
  background:url(../img/gnavi02.png) no-repeat;
}

ul#gnavi li#gnavi02 a:hover{
  width:180px;
  height:22px;
  background:url(../img/gnavi02_lo.png) no-repeat;
}


ul#gnavi li#gnavi03 a{
  width:104px;
  height:22px;
  background:url(../img/gnavi03.png) no-repeat;
}

ul#gnavi li#gnavi03 a:hover{
  width:104px;
  height:22px;
  background:url(../img/gnavi03_lo.png) no-repeat;
}


/*-----------------メイン------------------------*/

div#main{
  clear:both;
  padding:10px 0 100px;
}

div#visual{
  padding:0 0 10px 0;
  border-bottom:#B2B2B2 dashed 1px;
}






/*----------------フッター---------------------*/

div#footer{
  clear:both;
  border-top:#B2B2B2 solid 1px;
  padding:20px 0 10px 10px;
}
  







/*---------------トップページ-----------------------*/

p.top{
  line-height:0;
  margin:0;
}

p.top img{
  margin:0 1px 0 0;
  border:none;
}

p.top a img,
p.top a:link img,
p.top a:visited img{
  border:none;

}

p.top a:hover img,
p.top a:active img{
  opacity: 0.5;
}




/*--------------About-------------------*/

table.about{
  margin:0 0 0 20px;
}

table.about td,
table.about th{
  border-bottom:#CCCCCC dotted 1px;
  padding:1em;
}

table.about th{
  background:#eeeeee;
}