@charset "UTF-8";

.area_howto{
font: 13px/1.231 arial,helvetica,clean,sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13px;
    line-height: 1.231;
    font-family: arial, helvetica, clean, sans-serif;
}

#howTo{width:calc(100% - 50px);max-width:400px;height:530px;right:10px;}


.area_howto #title{font-size:48px;}
.howToBaseArea{overflow-y: scroll;height:500px;}
.howTo_docArea{padding: 10px 0 10px 10px;}

ul.cp_list {
	position: relative;
	padding: 0 0 0 0;
	list-style-type: none;
}
ul.cp_list li {
	padding: 0.5em 0.5em 0.6em 0.5em;
	margin-bottom: 5px;
	line-height: 1.5;
	vertical-align: middle;
	background: #6699CC;
	border-radius: 20px 0px 0px 20px;
	color: #ffffff;
cursor:pointer;
}
ul.cp_list li::before {
	display:inline-block;
	vertical-align: middle;
	content:'';
	margin-right: 8px;
	width:1em;
	height: 1em;
	background: #fff;
	border-radius: 50%;
}

ul.aboutList li {
list-style-type: disc;
	padding: 0.0em 1em 0.0em 0.0em;
	margin-bottom: 5px;
	/*line-height: 1.5;*/
	vertical-align: middle;
}


#about{display:none;}
#constitution{display:none;}
#manual_kjs{display:none;}
#manual_tsunami{display:none;}
#map_scaling{display:none;}
#map_move{display:none;}
#map_switch{display:none;}
#map_shelter{display:none;}
#map_shigai{display:none;}
#map_legend{display:none;}
#map_hagen{display:none;}


#about
{
margin-left:15px;
padding:0 10px 0 15px;
}
#constitution,#map_scaling,#map_move,#map_switch,#map_shelter,#map_legend,#map_shigai
{
margin-left:10px;
padding:0 10px 20px 10px;
}


.tbl_image td{
width:48%;
	border:0px;
	vertical-align: middle;
text-align:center;
}
#img_main1{margin:10px 0 0 5px;width:calc(100% - 20px);}
#img_main2{margin:10px 0 0 5px;width:calc(50% - 15px);}
#img_main3{margin:10px 0 0 5px;width:calc(50% - 15px);}

#img_kjs{margin:10px 0 0 5px;width:calc(100% - 20px);}
#img_model{margin:10px 0 0 5px;width:calc(100% - 20px);}

#img_zoom{margin:10px 0 10px 5px;}
#img_kirikae{margin:10px 0 0 5px;width:calc(100% - 20px);max-width:250px;}
#img_hinanzyo{margin:10px 0 0 5px;width:calc(70% - 20px);max-width:320px;}
#img_mihon{margin:10px 0 0 5px;width:calc(70% - 20px);max-width:280px;}
#img_bousaimenu{margin:10px 0 0 5px;width:calc(100% - 20px);max-width:230px;}

#img_scr{margin:10px 0 0 5px;width:50px;}

.img_hanrei{width:200px;}
.img_syogen{max-width:300px;}