/* CSS Document */

/*milk*/

/**********

 base tag
 
 **********/
body {
	margin: 0;
	padding: 0;
	/*text-align:center;*/
	color: #222;
	background: url(images/bg_bace.gif) repeat 0 0 ;
	background-position: top center;
	font-family: Verdana, Arial, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
 /*Firefox、Safari、Opera & Mac IE5*/
 *font-size:small;
 /*Win IE7 & Win IE6 standard mode*/
 *font:x-small;
 /*Win IE 5-5.5､6 interchangeablity mode*/
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
　　}

html {
	overflow-y: scroll;
    }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0;
	padding: 0;
    }

object,embed {
	vertical-align: top;
    }
legend {
	display: none;
    }
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
    font-weight: normal;
    }
img,abbr,acronym,fieldset {
	border:0;
    }
ul,ol {
	list-style-type: none;
    }

:link,:visited {
    text-decoration: none;
    }

table {
    border-spacing: 0;
    font-size: inherit;
    font: 100%;
    }

fieldset,img,abbr,acronym {
    border: 0;
    } 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style: normal;
    /* font-weight: normal; */
    }
caption,th {
  text-align: left;
    }
q:before,q:after {
    content: '';
    }
a {
    text-decoration: underline;
    outline: none;
    }
a img,:link img,:visited img {
    border: none;
    }

a:link {color:#0B62EB;text-decoration:none;}
a:visited {color:#0B62EB;text-decoration:none;}
a:active {color:#0B62EB;text-decoration:underline;}
a:hover {color:#0B62EB;text-decoration:underline;}

	
/******

 container

 ******/
	
#container
	{
	width: 900px;
	margin: 0 auto;
	padding: 15px 0;
	}	
		
/******

header

 ******/
	
#header
   {
	width: 860px;
	height: 430px;
	margin-bottom: 10px;
	padding: 10px 20px 0 20px;	
	background: url(images/bg_head.gif) no-repeat 0 0;
	}
	
#title
   {
	width: 560px;
	height: 300px;
	margin: 0;
	padding-left: 220px;
	}

#milkjapan-chara
   {
	position: relative;
	left: 0;
	top: -151px;
	width: 60px;
	height: 80px;
	}
*:first-child+html #milkjapan-chara
   {
	position: relative;
	left: 0;
	top: -154px;
	width: 60px;
	height: 80px;
	}
	
#milkjapan
   {
	position: relative;
	left: 65px;
	top: -182px;
	width: 197px;
	height: 28px;
	}
*+html #milkjapan
   {
	position: relative;
	left: 65px;
	top: -185px;
	width: 197px;
	height: 28px;
	}	
			
#sbsRadio
   {
	position: relative;
	left: 663px;
	top: -240px;
	width: 198px;
	height: 61px;
	}
	
#sbsRadio-text
   {
	width: 774px;
	padding: 65px 60px 0 30px;
	font-size: 93%;
	line-height: 1.5;
	text-align: right;
	background: url(images/ico_yajirushi.gif) no-repeat 820px 65px;
	}
		
/******

contents

 ******/

.sec01
	{
	width: 840px;
	margin: 10px 0;
	padding: 10px 30px 20px 30px;
	background: url(images/bg_highschool.gif) no-repeat 490px 130px;
	background-color: #2aabff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(PIE-1/PIE.htc);//for IE
	}
	
.sec01:after,
.sec02:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}	
	
.sec01 h2
	{
	margin: 0 0 8px -10px;
	}
		
.sec02
	{
	width: 840px;
	margin: 15px 0;
	padding: 10px 30px 20px 30px;
	background: url(images/bg_quiz.gif) no-repeat 690px 230px;
	background-color: #2aabff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(PIE-1/PIE.htc);//for IE
	}
	
.sec02 h2
	{
	margin: 0 0 5px -10px;
	}	
			
.leftPic
    {
	width: 300px;
	height: 220px;
	border: solid 8px #bdeeff;
	float: left;
    }
	
.rightText /*20160215追加*/
{
	position: relative;
}
.Logo_s /*20160215追加*/
{
	position: absolute;
	bottom: 4px;
	right: 10px;
}
.rightText .schoolName
	{
	width: 500px;
	font-size: 123.1%;
	line-height: 1.5;
	font-weight: bold;
	}
		
.rightText .pr
	{
	width: 500px;
	margin: 15px 0 7px 0;
	padding: 5px 0 7px 0;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	}

.sec01 .rightText
    {
	width: 500px;
	padding-left: 24px;
	font-size: 108%;
	line-height: 1.8;
	color: #fff;
	float: left;
    }
	
.sec02 .rightText
    {
	width: 500px;
	height: 220px;
	padding-left: 24px;
	font-size: 100%;
	line-height: 1.8;
	color: #fff;
	float: left;
    }
			
.rightText ul li
	{
	clear: both;
	margin-bottom: 10px;
    }

*:first-child+html .rightText ul li
   {
	clear: both;
	margin-bottom: 1px;
	}	
				
.rightText ul li dt
	{
	float: left;
	width: 52px;
	padding: 3px 0;
	display:inline-block;   
   }

.rightText ul li dd
   {
    margin: 0;
    padding: 3px 0 3px 52px;
   } 
   
.rightText ul li dd a:link {color:#fff;text-decoration:underline;}
.rightText ul li dd a:visited {color:#fff;text-decoration:underline;}
.rightText ul li dd a:active {color:#fff;text-decoration:underline;}
.rightText ul li dd a:hover {color:#fff;text-decoration:underline;}
 	
.sec03
	{
	width: 884px;
	margin: 10px 0;
	padding: 5px;
	border: solid 3px #2aabff;
	background-color: #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	behavior: url(PIE-1/PIE.htc);//for IE
	}

.backnumberTitle
   {
	width: 854px;
	padding: 5px 15px;
	background-color: #2aabff;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px; 
    border-radius: 8px;
	behavior: url(PIE-1/PIE.htc);//for IE
	}

.backnumberList
   {
	clear: both;
	width: 850px;
	margin:0 auto 5px;
	overflow: auto;
	}
	
.backnumberList h3
   {
	clear:both;
	margin: 15px 0;
	padding-bottom: 5px;
	font-size: 108%;
	line-height: 2;
	font-weight: bold;
	border-bottom: solid 1px #2aabff;
	}
	
.fN  { font-weight:normal;　font-size: 93%;}	
	
.backnumberLeft
   {
	width: 415px;
	margin-bottom: 20px;
	font-size: 93%;
	line-height: 1.6;
	float: left;
	}
	
.backnumberRight
   {
	margin-bottom: 20px;
	width: 415px;
	font-size: 93%;
	line-height: 1.5;
	float: right;
	}
		
.backnumberPic
   {
	float: left;
	width: 170px;
	height: 125px;
	border: solid 3px #2aabff; 
	display: inline-block;  
	}
	
.backnumberPic02
   {
	float: left;
	width: 170px;
	height: 125px;
	margin: 0 15px 13px 0;
	border: solid 3px #2aabff;  
	}	
	
	
.backnumberText
   {
	padding-left: 190px;
	}
	
.backnumberText ul li
	{
	
    }
				
.backnumberText ul li dt
	{
	float: left;
	width: 20px;
	padding: 3px 0;
	font-weight: bold;
	display: inline-block;   
   }

.backnumberText ul li dd
   {
    margin: 0;
    padding: 3px 0 3px 20px;
   } 	
	
			
.pagetop
	{
	width: 100%;
	margin: 0;
	padding-bottom: 5px;
	font-size: 93%;
	line-height: 1.6;
	text-align: right;
	color: #39c;
	border-bottom: solid 1px #2aabff;
	}
		
/******

page-bottom

 ******/
			
.copyright
	{
	width: 100%;
	margin: 5px 0;
	font-size: 93%;
	line-height: 1.2;
	text-align: center;
	color: #666;
	}
	
	
/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */

#overlay {
	 background: #000;
	 position: absolute; top: 0; left: 0;
	 z-index: 10000;
	 width: 100%;
	 }

.prettyPopin {
	 display: none;
	 overflow: hidden;
	 position: absolute; z-index: 11000;
	 top: 50%; left: 50%;
	 background: url(images/prettyPopin/popinLeft.gif) bottom left no-repeat;
	 }
	
.prettyPopin a#b_close {
	 display: none;
	 position: absolute; z-index: 2;
	 top: 10px; right: 13px;
	 width: 41px; height: 9px;
	 text-indent: -10000px;
	 background: url(images/prettyPopin/b_close.gif) bottom left no-repeat;
	 }
	
.prettyPopin .prettyContent {
	 position: relative;
	 width: 100%; height: 100%;
	 font-size: 1.2em;
	 background: url(images/prettyPopin/popinRight.gif) bottom right no-repeat;
	 }
		
.prettyPopin .prettyContent .prettyContent-container {
	 display: none;
	 padding: 20px 15px 15px 15px;
	 }
		
.prettyPopin .prettyContent .loader {
	 position: absolute;
	 top: 50%; left: 50%;
	 margin: -14px 0 0 -14px;
	 }
	

#answer
     {
	 width: 560px;
	 height: 200px;
	 padding: 20px;
	 display: table-cell;
     vertical-align: middle;
	 text-align: center;
	 font-size: 123.1%;	
	 line-height: 1.4;
	 background-color: #fff;
	 }

		
	
/*** clear for float area ***/

.clear
	{
	clear: both;
	height: 1px;
	font-size: 1px;
	}
	
	
/* !Base Fonts -------------------------------------------------------------- */

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  77%;}/* base 13px -> 10px */
.fzS   { font-size:  85%;}/* base 13px -> 11px */
.fzMS   { font-size: 93%;}/* base 13px -> 12px */
.fzM   { font-size: 100%;}
.fzML   { font-size:108%;}/* base 13px -> 14px */
.fzL   { font-size: 116%;}/* base 13px -> 15px */
.fzLL  { font-size: 123.1%;}/* base 13px -> 16px */
.fzLLL { font-size: 138.5%;}/* base 13px -> 18px */
sup   { font-size: 77%; vertical-align: top;}
sub   { font-size: 77%; vertical-align: baseline;}	


/* !padding-top ---------------------------------------------------------------- */

.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}

.bgW  { background-color: #fff;}

.glay  { color: #777;}