/* ヘッダで使用する画像 */
div.header-image{
  text-align: left;
}

div#header {
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

/* 画面の左 */
div.left{
  float: left;
  width: 49%;
}

/* 画面の右 */
div.right{
  float:right;
  width: 49%;
}

div.smaller-left{
  font-size: smaller;
  float:left;
}

div.margin-index{
  margin: 0px;
  padding: 0px;
  text-align: left;
  height: 1.8em;
}

/* 文字の空き幅 */
div.padding1{
  padding: 5px;
}

/* タイトルと内容の空き幅 */
div.waku{
	padding: 5px 0px;
}


/* ▼追加▼ */

body {
	margin: 0px;
	background-color: #FFFFFF;
	height: 100%;
}

img {
	border: 0;
}

/* ヘッダ部分の位置設定 */
div.header_left {
	float: left;
	width: 285px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.header_right {
	text-align: right;
	padding-right: 5px;
}

div.header_r01 {
	margin-top: 5px;
	font-size:5px;
}

div.header_r02 {
	margin-top: 5px;
	padding-bottom: 5px;
}


div.header_menu{
	clear: both;
	padding-left: 5px;
	font-size:5px;
}

/* 左側のメニューデザイン */
ul.menu {
	margin: 0px;
	padding: 0px;
}

div#left_menu {
	width: 23%;
	float: left;
}


/* メインエリア */
div#main {
	float: right;
	width: 75%;
}



/* 天気予報テーブル */

div.info_weather {
	background-color: #009900;
	padding: 5px;
	border: 1px solid #009900;
}

table.weather {
	color: #000000;
	font-weight: 200;
	font-size:0.9em;
	border-collapse: collapse;
	width: 100%;
	height:21em
}

th.weather {
	text-align: left;
	font-weight: 200;
	padding: 3px;
}

th.weather02{
	font-weight: 200;
}

td.weather {
	text-align: center;
	word-break: break-all;
}

tr.weather {
	border: 2px solid #999999;
}


/* 災害対策・支援情報 */
div.left_saigai_height {
}

div.saigai {
	padding: 5px;
	margin-bottom: 10px;
	height: 4.9em; 
	overflow-y: auto;
}
/* 警報 */
div.keiho {
	background-color: #FF4D4D;
	text-align: center;
	margin: 3px;
	line-height: 150%;
}
/* 注意報 */
div.chui {
	background-color: #FFFF33;
	text-align: center;
	margin: 3px;
	line-height: 150%;
	color: #000000;
}

/* 土砂災害 */
div.dosya {
	background-color: #FF9900;
	text-align: center;
	margin: 3px;
	line-height: 150%;
}

/* folder_path */
div.folder_path {
	margin-left: 10px;
	margin-right: 10px;
}

/* 交通情報・ライフライン情報 */
div.info {
	padding: 0px;
	margin-bottom: 10px;
	height: 12.7em; 
	overflow-y: auto;
}


/* 県民メール */

.qr_text {
	font-size: 0.8em;
	word-break: break-all;
}

.sp_10 {
	margin-left: 10px;
	margin-right: 10px;	
}

.sp_l_10 {
	margin-left: 10px;	
}


div.kaisou {
	margin: 10px;
}


/* フッタで使用する画像 */
#footer {
	clear: both;
	width: 100%;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	height: 3.5em;
}

div.footer-image{
	margin-top: 5px;
	float: left;
}

div.copy {
	line-height: 120%;
	margin-top: 5px;
	padding-left: 10px;
	float: left;
}

div.shimane_hp{
	margin-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: right;
}

.text_small {
	font-size: 0.9em;
}

/* 内容 */
#page_main {
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 10px;
}

.sp_l_20 {
	margin-left: 20px;
}

.sp_l_40 {
	margin-left: 40px;
}

/* hタグ */
h1, h2, h3, h4, h5, h6 {
  line-height: 120%;
}
h1 {
  font-size: 1.4em;
  font-weight: 700;
  padding: 2px 3px 0px 17px;
}
h2 {
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  font-size: 1.2em;
  padding: 4px 3px 1px 17px;
}
h3 {
  font-size: 1em;
  border: solid 1px;
  padding: 2px 3px 0px 17px;
  margin-left: 10px;
  margin-right: 10px;
}
h4 {
  font-size: 1em;
  border-left: solid 5px;
  padding: 3px 3px 1px 17px;
  margin-left: 10px;
  margin-right: 10px;
}
h5 {
  font-size: 0.9em;
  padding: 3px 3px 1px 17px;
  margin-left: 20px;
  margin-right: 20px;
}

h6 {
  font-size: 0.8em;
  padding: 3px 3px 1px 17px;
  margin-left: 20px;
  margin-right: 20px;
}
p {
  margin-left: 20px;
  margin-right: 20px;
  line-height: 130%;
}
/* デザインタグ指定 */
.sp_lr20 {
  margin-left: 20px;
  margin-right: 20px;
  line-height: 130%;
}

.red_font {
}

.outline {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.outline_r {
  margin: 5px;
  padding: 5px;
}

.qr_cap {
  font-size: 0.7em;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  text-align: center;
}
