/*-- 島根県感染症発生動向調査 定点報告スタイルシート --*/

.index1{
	width:10em;
	font-weight:bold;
	color:#305f0e;
	line-height:130%;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
}

.index2{
	line-height:120%;
	margin-left:13px;
	text-indent:-10px;
	padding-top:2px;
	padding-bottom:1px;
}

.index3{
	line-height:120%;
	padding-top:5px;
	padding-bottom:5px;
}

.main{
	width:100%;
	clear: both;
}

.left_main{
	padding-right:2px;
	border-right:1px solid #999999;
	clear: both;
}

.nenpou{
	font-size:90%;
	text-align:right;
	padding-right:1em;
}

.window1{
	width:78%;
	padding-right:2px;
	border-right:1px solid #999999;
	float : left;
}

.window2{
	width:20%;
	padding-left:2px;
	float : left;
}

.w3{
	width:100%;
	line-height:110%;
}

.id0{
	line-height:120%;
	padding-top:5px;
}

.hed{
	font-size:110%;
	font-weight:bold;
	color:#000099;
	line-height:120%;
	margin-right:0px;
	padding-bottom:5px;
	clear: both;
}

.title2{
	font-size:120%;
	font-weight:bold;
	color:#8d711b;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:3px;
	padding-bottom:5px;
}

.title3{
	font-size:110%;
	font-weight:bold;
	text-align:center;
}

.midasi1{
	font-size:115%;
	color:#0061f2;
	line-height:120%;
	padding-top:10px;
	padding-left:5px;
}

.midasi2{
	font-size:100%;
	color:#01778b;
	padding-top:5px;
	padding-left:25px;
}

.midasi3{
	font-size:100%;
	color:#039672;
	padding-top:3px;
	padding-left:35px;
}


.sec00{
	padding-top:20px;
	padding-left:50px;
	line-height:200%;
}

.sec0{
	padding-bottom:5px;
	clear: both;
}

.sec1{
	line-height:130%;
	padding-left:5px;
	padding-bottom:5px;
	clear: both;
}

.graph{
	padding-top:5px;
	padding-left:20px;
	padding-bottom:5px;
	clear: both;
}

.graph_title{
	background-color:#3366ff;
	width:680px;
	line-height:150%;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	border-width : 2px 2px 2px 2px;
	border-style : groove groove groove groove;
	clear: both;
}

.week_graph{
	width:635px;
	text-align:center;
}

.g1{
	width:315px;
	text-align:center;
	padding-top:10px;
	float : left;
}

.g2{
	width:210px;
	text-align:center;
	padding-top:10px;
	float : left;
}

.kk{
	text-indent:-0.5em;
	padding-left:0.5em;
	padding-top:0.2em;
}

.int10{
	line-height:130%;
	padding-top:5px;
	padding-left:15px;
	padding-right:1px;
	clear: both;
}


.int20{
	line-height:130%;
	padding-top:2px;
	padding-left:25px;
	padding-right:1px;
	clear: both;
}

.int30{
	line-height:110%;
	padding-top:2px;
	padding-left:35px;
	padding-right:1px;
	clear: both;
}

.int02{
	line-height:130%;
	text-indent:-20px;
	padding-left:25px;
	padding-top:5px;
	clear: both;
}

.int12{
	line-height:110%;
	text-indent:-20px;
	padding-left:35px;
	padding-top:5px;
	clear: both;
}

.int22{
	line-height:110%;
	text-indent:-20px;
	padding-left:45px;
	padding-top:2px;
	clear: both;
}

.int32{
	line-height:110%;
	text-indent:-20px;
	padding-left:55px;
	padding-top:2px;
	clear: both;
}

.int40{
	line-height:110%;
	padding-top:2px;
	padding-left:45px;
	clear: both;
}

.new0{
	color:#d00000;
}

.new2{
	color:#aa3300;
}


.maru1{
	color:#80dfdf;
}

.maru2{
	color:#ffcc00;
}

.nograph{
	color:#dddddd;
}

@media screen and (max-width: 810px) {
	.main{
		width:100%;
		clear: both;
	}

	.window1{
		width:100%;
		padding-left:2px;
		padding-right:2px;
		border-right:0px;
		clear: both;
	}

	.window2{
		width:100%;
		padding-left:2px;
		border-left:0px;
		clear: both;
	}


	.w3{
		width:32%;
		font-size:110%;
		line-height:130%;
		margin-left:5px;
		float : left;
	}

	.index1{
		width:100%;
	}

	.index2{
		line-height:160%;
	}

	.index3{
		line-height:120%;
		padding-top:10px;
		margin-left:13px;
		text-indent:-10px;
	}

	.id0{
		font-size:90%;
		line-height:160%;
		padding-top:10px;
	}

	.midasi1{
		font-size:120%;
		line-height:130%;
		color:#0061f2;
		padding-top:10px;
		padding-left:5px;
	}

	.midasi2{
		font-size:120%;
		line-height:130%;
		color:#01778b;
		padding-top:5px;
		padding-left:15px;
	}
	
	.sec1{
		font-size:110%;
		line-height:130%;
		padding-left:5px;
		padding-bottom:5px;
		clear: both;
	}

	.int10{
		font-size:120%;
		line-height:130%;
		padding-top:5px;
		padding-left:15px;
		clear: both;
	}

	.int20{
		font-size:120%;
		line-height:130%;
		padding-top:2px;
		padding-left:25px;
		clear: both;
	}
	
	.kage{
		line-height:130%;
	}

	.week_graph{
		width:100%;
		text-align:left;
	}
}

@media screen and (max-width: 620px) {
	.index2{
		line-height:180%;
	}

	.index3{
		font-size:95%;
		line-height:140%;
		padding-top:10px;
		margin-left:13px;
		text-indent:-10px;
	}

	.w3{
		width:30%;
		font-size:100%;
		line-height:150%;
		margin-left:5px;
		float : left;
	}
}

@media screen and (max-width: 505px) {

}

@media screen and (max-width: 440px) {

}