@charset "utf-8";

/* =================================== 

基本設定

=================================== */

html{
font-size:62.5%;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック','Osaka',sans-serif;
/* font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif; */
height:100%;
}

body{
    padding:0;
    border:0;
    line-height:1.6;
    font-size:1.2em;
    background:url(../images/design/bg.jpg) top left repeat-x #ffffff;
    height:100%;
}

button{
    cursor:pointer;
}

a:link{
	color: #0074bf;
	text-decoration: none;
}
a:visited {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #ff3300;
	text-decoration: underline;
}
a:active {
	color: #ff6600;
	text-decoration: underline;
}

img{
        border:none;
        padding:0;
        margin:0;
}

div#wrapper{
    height:inherit;
    width:100%;
    text-align:center;
    margin:0 auto;
    height:100%;
}
div#wrapper-inner{
    margin:0 auto;
    text-align:left;
    width:832px;
    background:#0074bf;
    min-height:100%;
    border:1px solid  #96b5df;
    zoom:1;
}

div#container{
    background:#ffffff;
    width:100%;
}


div#header{
    width:100%;
    height:94px;
    background:url(../images/design/headerback.jpg) top right no-repeat #0074bf;
}


div#header-logo,h1#header-logo{
    width:200px;
    height:94px;
    float:left;
    display:block;
}

div#header-navi{
    float:left;
    height:94px;
    font-size:0.83em;
}
.header-navi-inner{
  margin-left:30px;
  margin-top:65px;
}
.header-navi-inner a{
   padding:3px 20px 3px 16px;
}
.header-navi-inner a.to-top{
  background:url(../images/design/homeicon.jpg) left 2px no-repeat; 
}
.header-navi-inner a.to-mail{
  background:url(../images/design/mailicon.jpg) left 3px no-repeat; 
  padding-left:18px;
}
div#header-navi a:link{
    color:#ffffff;
}
div#header-navi a:visited{
    color:#ffffff;
}
div#header-navi a:hover {
    color: #ffff00;
}
div#header-navi a:active {
    color: #ff6600;
}

div#main{
    width:100%;
    clear:both;
    margin-top:25px;
    zoom:1;
    min-height:350px;
}

div#footer{
    clear:both;
    background:url(../images/design/footerback.jpg) top left repeat-x #0074bf;
    width:100%;
    min-height:150px;
    margin-top:30px;
    color:#ffffff;
    font-size:0.84em;
}

div#footer a:link{
   color:#ffffff;  
}
div#footer a:visited{
   color:#ffffff;
}
div#footer a:hover {
   color: #ffff00;
}
div#footer a:active {
   color: #ff6600;
}


#footer-navi{
    width:500px;
    float:left;
    margin-top:50px
} 



#footer-navi ul{
    clear:both;
    display:block;
    margin-left:30px;
    border-left:1px solid #ffffff;
    margin-bottom:1.0em;
    zoom:1;
}

#footer-navi ul li{
    display:block;
    float:left;
    padding:0 5px;
    border-right:1px solid #ffffff;
    line-height:1.0;
    white-space:nowrap;
}

#copyright{
    margin-top:48px;
    width:295px;
    float:right;
    font-size:0.85em;
    margin-right:30px;
    text-align:right;
}

.page-end{
    position:absolute;
    bottom:0;
}


/*** clearfix ***/
#main:after,
#footer-navi:after,
#footer-navi ul:after,
.clearfix:after{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}




/*** For IE6 ***/

* html div#wrapper-inner{
  height:100%;
}

* html div#header{
  height:93px;
  overflow:hidden;
 }
 
 
* html #header-navi{
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}

* html #footer{
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}


* html div#footer{
    height:117px;
}

* html #copyright{
    margin-right:15px;
 }


/* for windows IE5.x */
* html body{   
    font-size:1.25em;
    voice-family: "\"}\"";
    voice-family: inherit;
}