@media print,screen and (min-width: 641px){

.rule ul {
	padding-top:20px;
}
.rule p,
.rule ul {
	font-size:0.9em;
	padding:0 0 10px 20px;
}
	
		/* siterule用 [start] 
	--------------------------------------------------------------- */
li.br1 {							/* 推奨ブラウザ表記リスト */
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/exp_16.png) left center no-repeat;
}
li.br2 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/ffx_16.png) left center no-repeat;
}
li.br3 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/chm_16.png) left center no-repeat;
}
li.br4 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/saf_16.png) left center no-repeat;
}
li.br5 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/edg_16.png) left center no-repeat;
}
	/* siterule用 [end] */


	
}
/* media screen 画面最小幅の設定ここまで*/


@media screen and (max-width: 640px){
	
.rule ul {
	padding-top:20px;
}
.rule p,
.rule ul {
	font-size:0.9em;
	padding:0 0 10px 20px;
}

		/* siterule用 [start] 
	--------------------------------------------------------------- */
li.br1 {							/* 推奨ブラウザ表記リスト */
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/exp_16.png) left center no-repeat;
}
li.br2 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/ffx_16.png) left center no-repeat;
}
li.br3 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/chm_16.png) left center no-repeat;
}
li.br4 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/saf_16.png) left center no-repeat;
}
li.br5 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../img/edg_16.png) left center no-repeat;
}
	/* siterule用 [end] */



	

}
/* media screen 画面最小幅の設定ここまで*/