@charset "utf-8";

/* Escape Default Setting -------------------------------- */

body,h1,h2,h3,h4,h5,p,ul,dl{
margin: 0;
padding: 0;
}

img{
border: 0;
vertical-align: top;
}

ul{
list-style-type: none;
}

a{
color: #35689D;
}

a:hover{
color: #35689D;
text-decoration: none;
}


/* Escape Error in Float Block -------------------------- */

.esc:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
/* height: 0.1px;
font-size: 0.1em;
line-height: 0px; */
}
* html .esc { display: inline-block; }
/* no ie mac \*/
* html .esc { height: 1%; }
.esc { display: block; }
/* */


/* Setting Page Height ---------------------------------- */

*{
margin:0;
padding:0;
}

html{
height:100%;
}

body{
height:100%;
}  

#page{
position:relative;
width:100%;
_height:100%;
min-height:100%;
}

body > #page{
height :auto;
}

/* Layout ----------------------------------------------- */

body{
font-size: 13px;
font-family:"ＭＳ Ｐゴシック","メイリオ",Osaka,serif;
}

#page-head{
text-align: center;
}

.container{
margin: 0 auto;
width: 950px;
_height:700px;
min-height:600px;
text-align: left;
}

#header{
width: 950px;
margin: 0 auto;
}


/* Header ----------------------------------------------- */

#header-container{
background: url(../images/bg_header.gif) repeat-x 0px 61px;
}

#header-header,
#header-content,
#header-content li{
float: left;
}

#header-header{
width: 270px;
}

#header-content{
width:680px;
}

#header-content h1{
font-size: 12px;
line-height: 1.3;
font-weight: normal;
text-align: left;
padding-left: 9px;
border-left: 3px solid #18358E;
}

#header-body{
margin-top: 17px;
height: 44px;
}

#lnk{
text-align: left;
width: 940px;
_width: 950px;
font-size: 11px;
line-height: 1.125;
margin: 0 auto;
padding: 5px 0px 20px 10px;
}


/* Footer ----------------------------------------------- */

#footer-dummy{
clear:both;
height:150px;
}

#footer-container{
position:absolute;
width: 100%; 
height:100px; 
bottom:0px;
background: url(../images/bg_page_bottom.gif);
text-align: center;
}

#footer{
width: 950px;
height: 84px;
_height: 99px;
padding-top: 15px;
margin: 0 auto;
background: url(../images/bg_footer.gif) no-repeat;
}

 #copyright,
#footer-navi{
float: left;
} 

#copyright{
width: 450px;
text-align: left;
}

#footer-navi {
width: 500px;
text-align: right;
}

#footer-navi li{
display: inline;
color: #ccc;
line-height: 1.125;
}



/* Common Classes --------------------------------------- */

.txt-left{
text-align: left;
}

.txt-right{
text-align: right;
}

.txt-center{
text-align: center;
}

.f11{
font-size: 11px;
}

.f12{
font-size: 12px;
}

.f13{
font-size: 13px;
}

.f14{
font-size: 14px;
}

.f16{
font-size: 16px;
}

.m5{
margin-bottom: 5px;
}

.m7{
margin-bottom: 7px;
}

.m10{
margin-bottom: 10px;
}

.m15{
margin-bottom: 15px;
}

.m20{
margin-bottom: 20px;
}

.m25{
margin-bottom: 25px;
}

.m30{
margin-bottom: 30px;
}

.m40{
margin-bottom: 40px;
}

.m50{
margin-bottom: 50px;
}

.m60{
margin-bottom: 60px;
}

.m70{
margin-bottom: 70px;
}

.blue{
color: #18358E;
}

.red{
color: #C80101;
}

a:hover img.thumb{
filter:alpha(opacity=70);  /* IE7以下用 */
-ms-filter: "alpha(opacity=70)"; /* IE8用 */
-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
}