@charset "UTF-8";

/*--------------------------------------------------------------------------------
MODULE
--------------------------------------------------------------------------------*/
.blankIcon img{ vertical-align:baseline; margin:0 2px 0 4px; }

.notes_list .head{ width:4em;}
.vaT .nwrp{ width:4em;}
/*--------------------------------------------------------------------------------
col1Contents
--------------------------------------------------------------------------------*/
.col1Contents{ width:960px; margin:0 auto;}


/*--------------------------------------------------------------------------------
productsVisualCol01
--------------------------------------------------------------------------------*/
.productsVisualCol01{ font-size:79%; width:100%; overflow:hidden; margin:20px 0 0 0;}
.productsVisualCol01 .photoCol{ width:479px; float:left;}
.productsVisualCol01 .detailCol{ width:480px; float:right; margin:60px 0 0 0;}
.productsVisualCol01 .detailCol p{ margin:10px 0 0 0;}
.productsVisualCol01 .detailCol .notice{ border:1px solid #e2e2e2; padding:5px 15px; line-height:1.2; margin:0;}

/*--------------------------------------------------------------------------------
productsSummary
--------------------------------------------------------------------------------*/
#productsSummary {font-size:79%;}
#productsSummary table{ margin:0 0 20px;}
#productsSummary th, #productsSummary td {background-color: #EEEEEE;border-left: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;text-align: center;}
#productsSummary .thead th, #productsSummary thead th {border-top: 1px solid #D4D4D4;letter-spacing: -0.03em; font-weight:normal;}
#productsSummary .thead th span,#productsSummary thead th span {background: url(/products/back/dreamio/common/images/bg_mainsum_line.gif) repeat-x scroll left bottom transparent;display: block;margin: 0 2px;padding: 4px 1px 5px;text-align: center;}
#productsSummary .data td, #productsSummary tbody td {border-bottom: 1px solid #D4D4D4;text-align: left;}
#productsSummary .data td div, #productsSummary tbody td div {letter-spacing: -0.03em;margin: 0 2px;padding: 2px 1px;}
#productsSummary .thead .space, #productsSummary thead .space,
#productsSummary .date .space, #productsSummary tbody .space {background: none;border: none;width: 5px;}
#productsSummary tbody.bdT td {border-top: 1px solid #D4D4D4;}
#productsSummary tbody.bdT .space {border-top:none;}

#productsSummary .thead .data{border-bottom:1px solid #d4d4d4;}
#productsSummary .thead .data span{background:none;}
#productsSummary .thead th.wide span.fb{margin:0; padding:0; display:inline; background:none;}
#productsSummary .data td div.wide, #productsSummary tbody td div.wide{padding:4px 15px;}
#productsSummary .wide{padding:6px 4px 4px;}


#productsSummary b {font-size: 115%;}
#productsSummary sup {font-size: 70%;vertical-align: top;}
#productsSummary .fb {font-weight:bold !important;}


/*--------------------------------------------------------------------------------
specText01
--------------------------------------------------------------------------------*/
#specText01 { font-size:85%;}
#specText01 .textLink01 a{background: url(/common/images/ico_link_01.gif) no-repeat left 0.2em transparent;display: inline-block;padding: 0.2em 0 0 21px;}
#specText01 .noteList{ width:100%; border-collapse:collapse; margin:20px 0 0 0; font-size:90%;}
#specText01 .noteList th{ vertical-align:top; font-weight:normal;}
#specText01 .noteList td{ vertical-align:top; } 

/*--------------------------------------------------------------------------------
usersLinkList01
--------------------------------------------------------------------------------*/
#usersLinkList01{ margin:30px 0 0 0; width:100%; overflow:hidden;}
#usersLinkList01 h2{ margin:0 0 5px 0;} 
#usersLinkList01 ul li{ float:left; margin:10px 10px 0 0;}


/*--------------------------------------------------------------------------------
relevanceLinks01
--------------------------------------------------------------------------------*/
#relevanceLinks01{ font-size:85%; margin:30px 0 0 0;}
#relevanceLinks01 h2{ margin:0 0 15px 0;} 
#relevanceLinks01 li a{background: url(/common/images/ico_link_01.gif) no-repeat left 0.3em transparent;display: inline-block;padding: 0.2em 0 0 21px;}


/*--------------------------------------------------------------------------------
kyori
--------------------------------------------------------------------------------*/
.uts_tablebox {
	float:left;
	width:550px;
	margin-right:30px;}
.uts_fig {
	float:left;
	width:300px;}
.uts_tablebox .tblKyori {
    border-collapse: collapse;
    border-left: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    width: 100%;}
.uts_tablebox .tblKyori th {
    background-color: #FAFAFA;}
.uts_tablebox .tblKyori th, 
.uts_tablebox .tblKyori td {
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding:5px 10px;
	text-align:center;}
.uts_tablebox .tblKyori th.taR,
.uts_tablebox .tblKyori td.taR {text-align:right;}
.uts_tablebox caption {
    font-size: 90%;
    padding-top: 2px;
    text-align: right;}

/*--------------------------------------------------------------------------------
screen
--------------------------------------------------------------------------------*/

.uts_tablebox .tblScreen {
    border-collapse: collapse;
    border-left: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    width: 100%;}
.uts_tablebox .tblScreen th {
    background-color: #FAFAFA;}
.uts_tablebox .tblScreen th, 
.uts_tablebox .tblScreen td {
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding:5px 10px;}

/*--------------------------------------------------------------------------------
supply
--------------------------------------------------------------------------------*/
.supply .ancNav ul li {	background: none; width: auto; margin: 0 19px 0 0;}
.itemList {	clear: both; font-size: 85%; margin-top:25px;}
.itemList h2 {	margin-bottom: 30px;}
table.def_table_3 {	width: 100%;table-layout: fixed;}
table.def_table_3 th,
table.def_table_3 td {	border: solid 1px #bcbcbc;padding: 4px;}
table.def_table_3 th {	background: #fafafa;text-align: center; }
table.def_table_3 td {	padding: 10px;}
.supply .notes_list td {	padding: 0;}


/*--------------------------------------------------------------------------------
Add 202409
--------------------------------------------------------------------------------*/
.imageCol1 {
  text-align: center;
}
.imageCol2 {
  display: flex;
  gap: 50px;
  margin: 20px 0;
}
.txtNormal {
  font-size: 1.6rem;
}
.txtLink01 {
  font-size: 1.6rem;
  margin-top: 20px;
  display: inline-block;
  padding: 0 0 0 21px;
  background: url(/common/images/ico_link_01.gif) no-repeat left 0.2em;
}
.anchorlink {
  display: inline-block;
  padding-left: 21px;
  line-height: 1;
  background: url(/common/images/ico_down_01.gif) 0 49% no-repeat;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .imageCol2 {
    flex-direction:column;
  }
  .txtLink01,
  .txtNormal {
    font-size: 1.4rem;
  }

}