@charset "UTF-8";
.dam_chart{ float:right;}
.cahrt_arrow{ float:left;}
.cansell{ clear:both;}

/*水平線を点線に*/
.dot{ border:dashed #000000; width:100%; }

.SSIM_dotline{ border:dashed #000000; width:100%; }

.data { padding-left:5px; }
.dataimage{ float:left;}
.dataerea{ float:left; padding-left:5px; }
.dataname { font-size:1.3em; font-weight:bold; color:#006699; }
.name { font-size:1.5em; font-weight:bold; margin-top:10px; }
.offset{ display:inline; }

.SSIM_data { padding-left:5px; }
.SSIM_dam_img{ float:left;}
.SSIM_erea { float:left; padding-left:5px; }
.SSIM_name { font-size:1.3em; font-weight:bold; color:#006699; }
.SSIM_dam_name { font-size:1.5em; font-weight:bold; margin-top:10px; }


/**************
 * 影付き設定 *
 **************/
/* 影付きボックス全体の設定 */
.unit_leftbox { float:left; width:18em; padding:0; margin-bottom:5px; }
.unitbox { clear:both; width:18em; padding:0; margin-bottom:5px; }
.unit_maxbox { clear:both; width:100%; padding:0; margin-bottom:5px; }
.pluralbox { float:left; width:18em; padding:0; margin-bottom:0px; }

/*影つきボックス*/
.right { background:transparent url(../img/menu/right.gif) repeat-y top right;}/* 右部分の影設定 */
.bottom { background:transparent url(../img/menu/bottom.gif) repeat-x bottom left;}/* 下部分の影設定 */
.topright { background:transparent url(../img/menu/topright.gif) no-repeat top right;}/* 右上角部分の影設定 */
.bottomright { background:transparent url(../img/menu/bottomright.gif) no-repeat bottom right;}/* 右下角部分の影設定 */

.SSIM_right { background:transparent url(../img/menu/right.gif) repeat-y top right;}/* 右部分の影設定 */
.SSIM_bottom { background:transparent url(../img/menu/bottom.gif) repeat-x bottom left;}/* 下部分の影設定 */
.SSIM_topright { background:transparent url(../img/menu/topright.gif) no-repeat top right;}/* 右上角部分の影設定 */
.SSIM_bottomright { background:transparent url(../img/menu/bottomright.gif) no-repeat bottom right;}/* 右下角部分の影設定 */
/* 内容部分の余白設定(右、下部分の画像分パディングをとっておく) */
.bottomleft { background:transparent url(../img/menu/bottomleft.gif) no-repeat bottom left;padding:0 10px 10px 0;}/* 左下角部分の影設定 */

.SSIM_bottomleft { background:transparent url(../img/menu/bottomleft.gif) no-repeat bottom left;padding:0 10px 10px 0;}/* 左下角部分の影設定 */
/* 内容部分の設定（ここでは枠線、パディングを設定している） */
.con_erea { padding: 10px; border: 1px solid #A2A2A2; }



/**************
 * 追加資料用 *
 **************/
.con_topexp { float:right;}
.con_erearound { margin:10px 0 25px; padding: 10px; border: 1px solid #A2A2A2; width:30%; background:#FFFF99;}
.con_erear_left_red { float:left; margin:0px 5px 10px 0; padding: 10px; border: 1px solid #A2A2A2; width:30%; background:#FFCCCC; }
.con_erear_left { float:left; margin:0px 5px 10px 0; padding: 10px; border: 1px solid #A2A2A2; width:30%; }
.con_ereawide {  margin:0px 0 25px 0; padding: 10px; border: 1px solid #A2A2A2; }

.SSIM_con_topexp { float:right;}
.SSIM_con_ereawide {  margin:0px 0 25px 0; padding: 10px; border: 1px solid #A2A2A2; }

.iconimage{ margin-bottom:5px; }
.iconname{ padding-bottom:20px; font-size:1.3em; font-weight:bold; color:#006699; }

.unit_max_box { float:left; width:100%; padding:0; margin-bottom:5px; }
.damleft_img{ float:left; padding:5px;width:33%; background:#FFCCCC; }
.damcenter_img{ margin-left:33%; margin-right:33%; padding:5px;}
.damright_img{ float:right; width:33%; padding:5px;}

.SSIM_erea_red { margin:10px 0 25px; padding: 10px; border: 1px solid #A2A2A2; width:30%; background:#FFCCCC;}
.SSIM_erea_yel { margin:10px 0 25px; padding: 10px; border: 1px solid #A2A2A2; width:30%; background:#FFFF99;}
.SSIM_erea_non { margin:10px 0 25px; padding: 10px; border: 1px solid #A2A2A2; width:30%;}

.SSIM_left_red { float:left; margin:0px 5px 10px 0; padding: 10px; border: 1px solid #A2A2A2; width:30%; background:#FFCCCC; }
.SSIM_left_yel { float:left; margin:0px 5px 10px 0; padding: 10px; border: 1px solid #A2A2A2; width:30%; background:#FFFF99; }
.SSIM_left_non { float:left; margin:0px 5px 10px 0; padding: 10px; border: 1px solid #A2A2A2; width:30%; }

.SSIM_dam_left_red{ float:left; padding:5px;width:33%; background:#FFCCCC; }
.SSIM_dam_left_yel{ float:left; padding:5px;width:33%; background:#FFFF99; }
.SSIM_dam_left_non{ float:left; padding:5px;width:33%; }
.SSIM_dam_cent_red{ margin-left:33%; margin-right:33%; padding:5px; background:#FFCCCC; }
.SSIM_dam_cent_yel{ margin-left:33%; margin-right:33%; padding:5px; background:#FFFF99; }
.SSIM_dam_cent_non{ margin-left:33%; margin-right:33%; padding:5px;}
.SSIM_dam_rigt_red{ float:right; width:33%; padding:5px; background:#FFCCCC; }
.SSIM_dam_rigt_yel{ float:right; width:33%; padding:5px; background:#FFFF99; }
.SSIM_dam_rigt_non{ float:right; width:33%; padding:5px;}