@charset "utf-8";

/* HTML on Word用 */


.common-parallel-txt :first-child {
   margin-top:50px;
}
.common-parallel-txt br {
   margin-top:0px !important;
}

.common-dl-tableType dd :first-child {
   margin-top:0px;
}

.common-mainTxt-area table td p {
   margin:0.8em;
   padding:0;
}

.td-valign-top td {
   vertical-align:top;
}

.common-table-typeD tr td:nth-of-type(1) {
   white-space: nowrap;
}

.common-table-typeD tr td figure.common-zoom {
   margin: 10px 0;
}

.common-mainTxt-area .td-image-auto tr td:nth-of-type(2) {
   max-width: 300px ;
   width: 300px ;
}

.common-mainTxt-area .td-image-auto tr td:nth-of-type(3) {
   max-width: 150px ;
   width: 150px ;
}
ul.xhw-server-menu {
   border:1px solid rgb(var(--image-color),0.5);
   border-radius: 4px;
   margin-bottom:20px;
}

/*------------------------ 共通項目お知らせ用 -------------------------*/

div.dth-info dl {
	border: 3px solid rgb(var(--image-color));
	border-radius: 6px;
	padding: 0;
	text-align: justify;
	max-width: 800px;
	margin: 30px auto 50px;
	height: auto;
	background-color: #fff;
}

div.dth-info dl dt {
	text-align: left !important;
	margin: 0px;
	padding: 6px 10px 4px 40px;
	line-height: 1.6em;
	font-weight: bold;
	height: auto;
	font-size: 17px;
	background-color: rgb(var(--image-color));
	background-image: url(../img/common_img/common-icon-info.png);
	background-repeat: no-repeat;
	background-position: 4px 2px;
   background-size: 32px;
   color: #fff;
}

div.dth-info dl dd {
   text-align: left !important;
	margin: 0;
	padding: 10px;
	background-color: #fff;
	height: auto;
}

div.dth-info dl dd ul {
   text-align: left !important;
	margin: 0px;
	padding: 0 30px 10px;
}

div.dth-info dl dd ul li {
   text-align: left !important;
	line-height: 1.6em;
	margin: 10px 20px;
	padding: 0px;
}
div.dth-info dl dd p{
   text-align: left !important;
	padding: 0 10px;
   margin: 10px 0 !important;
}

div.dth-info dl a {
   text-align: left !important;
	text-decoration: none;
	color: #06c;
}
div.dth-info dl a:hover {
	color: #f60;
}

/* メニューに New アイコン */

.common-sidemenu ul li:nth-child(4) a::after {
   content: "New!";
   display: inline-block;
   margin-left: 4px;
   margin-bottom: 2px;
   /* background-image: url(../img/common_img/common-icon-window-open.png); */
   vertical-align: middle;
   background-color: #ed5250;
   color: #fff;
   height:1.2em;
   padding: 2px 4px 1px;
   line-height: 1.3em;
   font-size: 13px;
}

/*-------------------------- レスポンシブ用CSS ここから -----------------------------------------*/
@media screen and (max-width:640px) {
	/* ↓ここに個別のスマホ用スタイルを指定 */


   .common-table-typeD tr td:nth-of-type(1) {
      white-space: wrap;
   }

   div.dth-info dl {
      margin-left: 10px;
      margin-right: 10px;
   }

	/* ↑ここまでに個別のスマホ用スタイルを指定 */
}


/*-------------------------- レスポンシブ用CSS ここまで ----------------------*/