@charset "Shift_JIS";

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

 popup/

 01.BASE

 02.DESIGN STRUCTURE

 03.DOCUMENT STRUCTURE

 04.LINKTEXT DECOTAIOTN
 
 05.EACH

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

/* 01 BASE
-------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
/*\*/ a { overflow:hidden; }/**/

body{
  font-size:13px;
  *font-size:small;
  *font:x-small;  
  font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  color:#3F3F3F;
  text-align:center;
  background-color:#F4F3EE;
}

table { font-size:inherit; font-size:95%; }

hr{ display:none; }

ul,ol { list-style-type: none; }

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

.clear{ clear:both; height:1px; overflow: hidden; }


/* 02 DESIGN STRUCTURE
-------------------------------------------------------------------------------------------------------- */

#wrapper{
  width:600px;
  margin:auto;
  text-align:left;
  position:relative;
}
  
#logo{
  position:absolute;
  left:20px;
  top:15px;
  z-index:100;
}

#header{
  background:url(../images/popup/pop_header.gif) no-repeat left top;
  width:600px;
  height:87px;
  z-index:0;
}

#main{
  border:1px solid #E5E5E5;
  background-color:#fff;
  overflow:hidden;
}

#main:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html #main { height:1em; overflow:visible; }
/**/

#main_box{ margin: 20px; }

#footer{
  clear:both;
  width:600px;
  height:55px;
  background:url(../images/popup/pop_footer.gif) no-repeat left top;  
}      


/* 03 DOCUMENT STRUCTURE
-------------------------------------------------------------------------------------------------------- */

p , li , dt , dd{ font-size:95%; line-height:1.67em; margin: 0;}
.paragraph{ margin:15px 25px 0 25px; }

h1{
  position:absolute;
  left:20px;
  top:15px;
  z-index:100;
}  

h2 { margin:20px 25px 0; }

h3 { margin:20px 25px 0; font-size: 1.1em; color: #F15A3F; }
h3.normal{
  margin:30px 25px 0 25px;
  border-left:3px solid #88C72C;
  border-bottom:1px solid #C8C8C8;
  padding:2px 5px;
  font-size:110%;
  font-weight:bold;
  color:#717171;
}

h4{
  margin:20px 25px 0 25px;
  border-left:10px solid #88C72C;
  font-size:95%;
  padding-left:5px;
  font-weight:bold;
  color:#717171;
  line-height:1.6em;
}  

.pagetop{
  text-align:right;
  margin:15px 25px 15px 25px; 
}  

#close{ padding: 25px 0 0 0; text-align:center; }    

.note{
  text-align:right;
  font-size:85%;
  margin:10px 25px 0 25px;
}

/* 04 LINKTEXT DECOTAIOTN
-------------------------------------------------------------------------------------------------------- */

a{ color:#2B80CA; text-decoration:none; }
a:hover{ color:#F4BD54; text-decoration:underline; }


/* 05 EACH
-------------------------------------------------------------------------------------------------------- */

/* topic_exam.html
------------------------------------*/

#teacher .side_img , #student .side_img{ margin: 0 15px 0 0;}
.side_img { float: left; margin: 0 15px 0 20px;  }


/* #teacher */

#teacher { background: #D7ECF4; margin: 15px 20px; padding: 15px ; }

#teacher p.paragraph { margin: 0 0 20px 135px;}

.title { font-size: 1.2em; }


/* #student */

#student { 
  margin: 40px 20px 15px; 
  padding: 15px;
  border: #F15A3F 1px solid;
}

#student th , #student td{ padding:3px 5px 0 0; font-size:inherit;}

#student th { color: #F15A3F; text-align: left; line-height: 1.67em; width:130px;}


/* topic_newcourse.html
------------------------------------*/

/* .newcourse_01 , .newcourse_02 */

.newcourse_01{
  width:299px;
  float:left;
}

.newcourse_01 dl{
  background-color:#E6EA7E;
  margin:10px 10px 0 25px;
}

.newcourse_01 dt , .newcourse_01 dd , .newcourse_02 dt , .newcourse_02 dd{
  padding:5px 10px;
}  

.newcourse_02{
  width:299px;
  float:right;
}

.newcourse_02 dl{
  background-color:#FFE2B7;
  margin:10px 35px 0 0;
}


/* .want */

.want{ margin:0 25px 0 25px; }
.want dt{ margin-top:10px; }
.want dd{ margin-top:5px; }


/* topic_digibook.html
------------------------------------*/

#topic_digibook .side_img{ margin: 15px 15px 0 0;}

#topic_digibook h3{
  margin:30px 0 0 0;
  border-left:3px solid #5B98B7;
  border-bottom:1px solid #C8C8C8;
  padding:2px 5px;
  font-size:110%;
  font-weight:bold;
  color:#717171;
}

#topic_digibook .paragraph{ margin:15px 0 0 0; }


/* topic_license.html
------------------------------------*/

.common_table{
  margin:25px 0 0 25px;
  border-collapse:collapse;
  border:solid 1px #DBDADA;
  width:550px;
}

.common_table th , .common_table td{
  border:solid 1px #DBDADA;
  padding:5px;
  font-size:85%;
  line-height:1.5em;
}

.common_table th{
  background-color:#F4F3EE;
  font-weight:normal;
  text-align:center;
  width:110px;
}

.common_table th.other{
  background-color:#F4F4F4;
}

.common_table strong{
  text-align:right;
  display:block;
  font-weight:normal;
}


/* topic_kouenkai.html
------------------------------------*/

#topic_kouenkai dl{
  width:290px;
  float:left;
}

#topic_kouenkai dt{
  margin:15px 10px 0 25px;
}  

#topic_kouenkai dd img{
  float:left;
  margin:10px 5px 5px 25px;
}  

#topic_kouenkai dd p{
  margin:15px 0 0 25px;
}

/* 2011/05/26追加 */

h4 span.birth{
  display:block;
  font-size:95%;
  font-weight:normal;
  color:#3F3F3F;
}

.profile_table{
  margin:10px 0 0 25px;
  border-collapse:collapse;
  width:430px;
}

.profile_table th , .profile_table td{
  border:solid 1px #DBDADA;
  padding:5px;
  font-size:95%;
  line-height:1.5em;
}

.profile_table th{
  background-color:#F5F5F5;
  font-weight:normal;
  text-align:center;
  width:90px;
}

.profile_img{
  float:right;
  padding:20px 25px 0 0;
}


/* フォーム設定
------------------------------------*/

.need{ color:#D03991; }
.ex{ font-size:85%; margin-left:5px; }

.button{
  text-align:center;
  margin-top:15px;
}  

.form_table{
  margin:25px 0 0 25px;
  border-collapse:collapse;
  border:solid 1px #DBDADA;
  width:550px;
}

.form_table th , .form_table td{
  border:solid 1px #DBDADA;
  padding:5px;
  font-size:95%;
  line-height:1.5em;
}

.form_table th{
  background-color:#F5F5F5;
  font-weight:normal;
  text-align:left;
  width:130px;
}

/* input */

input{ margin-right:5px; }  
option{ padding-left:10px;}

.shortest{ width:80px; }
.short{width:120px; }
.middle{ width:200px; }
.large{ width:250px; }  



/* topic_hyouka.html
------------------------------------*/


.pdfList{
  margin:20px 0 0 25px;
}

.pdfList li{
  margin-bottom:5px;
  background:url(../images/common/pdficon_small.gif) no-repeat 0 0;
  padding-left:25px;
}

.pdfList ul{
  margin-top:5px;
}  


.leftImage{
  float:left;
  margin:20px 0 0 25px;
  display:inline;
}  

#topic_hyouka .note{
  text-align:left;
  font-size:85%;
  margin:15px 25px 0 25px;
}

#topic_hyouka .note li{
  text-indent:-1em;
  padding-left:1em;
}  


/* topic_menkyo.html
------------------------------------*/

#topic_menkyo .common_table{
  margin-top:15px;
  border-collapse:collapse;
  border:solid 1px #DBDADA;
}

#topic_menkyo .common_table th , #topic_menkyo .common_table td{
  border:solid 1px #DBDADA;
  padding:5px;
  font-size:95%;
}

#topic_menkyo .common_table th{
  text-align:left;
  font-weight:bold;
  background-color:#F4F3EE;
  width:110px;
}

.form_table input, .form_table select {margin:2px;}


@media screen and (max-width:600px){
.inBlk {display:inline-block;}
#wrapper {width:auto;}
.form_table {width:100%; display:block; border:0; margin:0; padding:0 25px; box-sizing:border-box;}
.form_table tbody {display:block;}
.form_table tr {margin-bottom:4px; padding:10px; box-sizing:border-box;}
.form_table tr,
.form_table tr > * {display:block; width:auto; border:0;}
.form_table th {font-weight:bold; background:none;}
.form_table tr:nth-child(2n) {background:rgba(0,0,0,.06);}
.form_table select {max-width:93%;}
}