@charset "utf-8";

/*-------------------------------------------------

common

-------------------------------------------------*/

*{
 margin:0;
 padding:0;
}

html {
 overflow-y: scroll;
/* filter: expression(document.execCommand("BackgroundImageCache",false, true));*/
}

body {
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 color: #474747;
 font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3",verdana,arial, sans-serif;
 font-size:12px;
 line-height: 1.8em;
 background-image:url(img/bg.gif);
 background-repeat:repeat;
 background-position:left top;
}

img, p, ul, li, dl, dt, dd { 
 margin: 0;
 padding: 0;
}

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

ul li{
 list-style-type: none;
 line-height:1em;
}

table th,
table td{
 vertical-align:top;
}

table td.tdRht{
 text-align:right;
}

table td.tdBtm{
 vertical-align:bottom;
}

.floatL {
 float: left;
}

.floatR {
 float: right;
}

.cTxt{
 text-align:center;
}

.pink{
 color:#F53D8B;
}

/*-------------------------------------------------

link

-------------------------------------------------*/

a:link {
 color: #105CB6;
 text-decoration: underline;
}

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

a:hover {
 color: #FF6600;
 text-decoration: underline;
}

a:active {
 color: #105CB6;
 text-decoration: underline;
}

/*-------------------------------------------------

clearFix

-------------------------------------------------*/

.clearFix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearFix {
 display: inline-table;
 min-height: 1%;
}

/* Hides from IE-mac \*/

* html .clearFix {
 height: 1%;
}

.clearFix {
 display: block;
}

/* End hide from IE-mac */

/*-------------------------------------------------

h

-------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
 margin: 0;
 padding: 0;
 font-weight: normal;
}

/*-------------------------------------------------

allArea

-------------------------------------------------*/

#allArea{
 width:870px;
 margin:0 auto;
}

#headArea{
 height:20px;
 margin-top:10px;
 position:relative;
}

h1{
 font-size:10px;
 font-weight:normal;
 line-height:1em;
}

#btnBack{
 position:absolute;
 top:0;
 right:0;
}

#mainArea{
 width:750px;
 padding:0 60px;
 background-color:#FFFFFF;
 margin:0 auto;
 background-image:url(img/bg_main.gif);
 background-repeat:repeat-y;
 background-position:left top;
}

.breadPath{
 font-size:10px;
 padding:20px 0;
}

h2{
 margin-bottom:15px;
}

.box{
 border:1px solid #cccccc;
 padding:20px;
 margin-bottom:20px;
}

h3{
 margin-bottom:15px;
}

strong{
 color: #009999;
}

b strong{
 color: #474747;
 font-weight:normal;
}

#chokotto{
 padding:10px;
 background-color:#FFE4CA;
 border:2px solid #cccccc;
 margin:20px 0 30px 0;
}

.ques{
 color:#F53D8B;
 margin-bottom:10px;
}

.ans{
 margin-bottom:20px;
}

.w340{
 width:340px;
}

.tHasen{
 width:30px;
 background-image:url(img/bg_tateHasen.gif);
 background-repeat:repeat-y;
 background-position:center top;
}

#schoolLink{
 font-size:10px;
 background-color:#F5F5F5;
 padding:15px;
 margin-top:50px;
}

#footArea{
 position:relative;
 height:86px;
}

#footArea .breadPath{
 position:absolute;
 top:50px;
 left:60px;
 padding:0;
}

#footArea #fImag{
 position:absolute;
 top:0;
 left:0;
}

#fTxt{
 font-size:10px;
 position:absolute;
 top:15px;
 right:60px;
}

#fTxt em i{
 font-style:normal;
}

#copy{
 text-align:center;
 font-size:10px;
 margin:10px 0 20px 0;
}