@charset 'UTF-8';

/* リセット */

html,body,div,th,td,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr {
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "Arial Unicode MS", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

/*  */

/* define Webfont EOT(IE), WOFF(), SGV(iOS), TrueType(Others) */
@font-face {
  font-family: ipa_sample;
  src: url('CharisSILR.eot?') format('eot'),
       url('CharisSILR.woff') format('woff'),
       url('CharisSILR.ttf') format('truetype'),
       url('CharisSILR.svg#ipa_sample') format('svg');
}


h2{
font-weight: bold;
font-style: normal;
font-size: 180%;
line-height: 1.5em;
}

h3{
font-weight: bold;
font-style: normal;
font-size: 120%;
line-height: 1.5em;
}

#wrapper {
margin: 0px auto;
padding: 0px;
clear: none;
float: both;
/* width: 576px; */ /* WebCT用 */
/* width: 786px; */ /* WebCT用 */
width: 960px; /* 物理媒体配布用 */
}

#header_bar {
/* color: #d77; */
color: #77d;
text-decoration: none;
/* background-color: #900; */
background-color: #009;
margin: 0px;
padding: 2px 4px 6px;
clear: none;
float: left;
height: 32px;
/* width: 778px; */ /* WebCT用 */
width: 952px; /* 物理媒体配布用 */
}

#contents {
color: #333;
background-color: #FFF;
margin: 0px;
padding: 0px;
clear: none;
float: left;
/* height: 596px; */
/* height: 620px; */
/* height: 768px; */
height: 712px; /* 768 - (32 + 24)  */
/* height: 644px; */ /* 768 - (32 + 92)  */
/* height: 516px; */ /* 768 - (32 + 92 + 128)  */
/* width: 786px; */ /* WebCT用 */
width: 960px; /* 物理媒体配布用 */
}

#foot_bar {
/*color: #c66;*/
color: #66c;
text-decoration: none;
/*background-color: #900;*/
background-color: #009;
margin: 0px;
padding: 4px;
clear: none;
float: left;
height: 64px;
width: 952px; /* 物理媒体配布用 */
}

#foot_l {
clear: none;
float: left;
height: 18px;
font-size: 80%;
}

#foot_l2 {
clear: none;
float: left;
height: 18px;
font-size: 80%;
}

#foot_r {
text-align: right;
clear: none;
float: right;
height: 18px;
font-size: 80%;
}

#foot_c {
clear: none;
float: left;
height: 22px;
}
#foot_c>a {
    text-decoration: none;
    font-size: 18px;
}
#foot_c>a:link {
    color: #ccc;
}
#foot_c>a:visited {
    color: #ccc;
}
#foot_c>a:active {
    color: #ccc;
}
#foot_c>a:hover {
    color: #ccc;
}