@charset "UTF-8";
/* CSS Document */

/* 　　ポップアップ設定　　 */

*{border:0px solid #000}

body,html{
height: 100%;
}

#mannaka{
}

#main_pno{
padding:10px;
width: 700px;
}
#main_pno h1 {
 background:  url("../pno/img/pno_line.png") no-repeat center bottom;
 padding: 20px 0 20px 0;
 margin: 0 0 10px 0;
 color: #EC6D56;
}

#header_pno{
text-align:center;
}

#left-side{
float:left;
margin:5px;
padding:10px;
width: 320px;
height:200px;
background-color:#ffffff;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
text-align: center;
font-size:18px;
}
#left-side .number-display {
  margin: 40px 0 20px;
}
#left-side span.no{
color:#F63;
font-size:100px;
line-height:1em;
text-align:center;
}
#right-side{
float:left;
margin:5px;
padding:10px;
width: 320px;
height:200px;
background-color:#ffffff;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
text-align: center;
overflow: scroll;
}
#right-side ul {
  margin: 0 15px; 
}

#right-side li{
float:left;
width:25%;
}

.floatclear{
clear:both;
}


span.no2{
	color:#F63;
font-size:24px;
line-height:1em;
text-align:center;

}

#footer_pno{
	width:100%;
	margin-top:10px;
  height:20px;
}

#footer_pno .fl{
float:left;
}

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


li{
	list-style-type:none;}