@charset "UTF-8";
body {
	/*background-color: #fff;*/
	background-color: rgba(235,235,217, 0.30 );
	color: #333;
}
body.instguide {
	background-color: #fff;
	/*background-color: rgba(235,235,217, 0.30 );*/
	color: #333;
}
/* メインコンテンツのエリア */
.mainarea {
	width: 960px;
	margin: 10px auto;
}
/* オンラインユーザー登録の案内窓用 */
.mainarea630 {
	width: 630px;
	margin: 10px auto;
}
/* 囲みベース */
*.techkakomibase {
	width: 95%;
/*margin: 0px auto 10px 0px;*/
	border: solid 1px #5C839A;
	border-radius: 6px;
	box-shadow: 5px 5px 5px #aaaaaa;
	text-align: left;
	background-color: rgba(204,204,204,0.1);
}
/* 囲みベース内 */
h3.d {
margin-left: 22px;
}
/* h2用 */
.heading {
	width: 95%;
	position:relative;
	padding:11px;
	padding-left:29px;
	font-weight: bold;
	/*font-size: 18px;*/
	/*background-color: #51A2C1;*/
	background-color: #5C839A;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.heading::before {
	content:'';
	height:45px;
	width:2px;
	display:block;
	position:absolute;
	top:8px;
	left:10px;
	border-left: 4px solid #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/* sonox h2用 */
.headingsnnx {
	width: 95.8%;
	position:relative;
	padding:11px;
	padding-left:29px;
	font-weight: bold;
	letter-spacing: 6px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666), color-stop(1.00, #111));
background: -webkit-linear-gradient(#666, #111);
background: -moz-linear-gradient(#666, #111);
background: -o-linear-gradient(#666, #111);
background: -ms-linear-gradient(#666, #111);
background: linear-gradient(#666, #111);
	/*background-color: #5C839A;*/
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.headingsnnx::before {
	content:'';
	height:45px;
	width:2px;
	display:block;
	position:absolute;
	top:8px;
	left:10px;
	border-left: 4px solid #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/* h3用 */
.sectionwrap1 {
	width: 95%;
	margin: 10px 0;
	/* margin-left: 0px; */
	/*background-color: #EBEBD9;*/
}
.sectionwrap2 {
	width: 99%;
	margin: 10px 0;
	/* margin-left: 0px; */
	/*background-color: #EBEBD9;*/
}
.sectionwrap3 {
	width: 80%;
	margin: 10px 10px 15px 100px;
	/* margin-left: 0px; */
	/*background-color: #EBEBD9;*/
}
.sectionwrap4 {
	width: 75%;
	margin: 35px 0 10px 0;
	/* margin-left: 0px; */
	/*background-color: #EBEBD9;*/
}
.sectionwrap5 {
	width: 640px;
	margin: 35px 0 10px 0;
	/* margin-left: 0px; */
	/*background-color: #EBEBD9;*/
}
.sectionwrap5 p {
margin-left :58px;
	font-size: 14px;
	width: 97%;
	/*padding-right:25px;*/
}
.sectionwrap5 p > span{
	font-size: 18px;
	font-weight: bold;
	/*border-bottom: solid 2px;*/
}
.sectionwrap5 ul li {
	list-style-type:none;
	margin: 20px 10px 12px 36px;
	font-size: 0.9em;
	text-indent: -1.3em;
	width: 97%;
}
.sectionwrap5 ul li::before{
  content: "\f140";
  font-family: FontAwesome;
  padding-right:0.4em;
}
.sectionwrap5 ol li {
	margin: 20px 10px 12px 50px;
	font-size: 0.9em;
	width: 97%;
}
.sectionwrap5 img {
	margin-top: 14px;
	margin-bottom: 14px;
}
.sectionwrap5 p.noisepu {
	font-size: 18px;
	font-weight: normal;
	width: 555px;
	padding: 20px 15px 20px 15px;
	border: 1px solid #000000;
	line-height: 24px;
	font-size: 14.5px;
	background-color:rgba(211,236,181,0.43)
}
/* h3灰色見出し */
.heading2 {
	width: 95%;
  	position: relative;
  	color: #111;
  	/*background: #DFDFDF;*/
	background: linear-gradient(left, #dfdfdf, #e6e6e6, #ffffff);
	background: -webkit-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
	background: -moz-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
	background: -o-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
	background: -ms-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
  	line-height: 1;
  	margin: 30px 20px 10px 8px;
  	padding: 14px 5px 10px 50px;
  	border-radius: 22px 0 0 22px;
}
.heading2::before {
	content: "";
	position: absolute;
	background: #eee;
	top: 50%;
	left: 14px;
	margin-top :-10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #777 inset;
}
.heading2 a {
	text-decoration: none;
}
.heading2 span.sub {
	font-size: 85%;
	margin: 0.5em 0 0 1em;
	color: #666;
}

/* h3赤色見出し */
.heading3 {
	width: 95%;
  	position: relative;
  	color: #111;
  	/*background: #DFDFDF;*/
	background: linear-gradient(left, #ea756e, #facdca, #ffffff);
	background: -webkit-linear-gradient(left,  #ea756e 0%, #facdca 60%, #f8f8f0 100%);
	background: -moz-linear-gradient(left,  #ea756e 0%, #facdca 60%, #f8f8f0 100%);
	background: -o-linear-gradient(left,  #ea756e 0%, #facdca 60%, #f8f8f0 100%);
	background: -ms-linear-gradient(left,  #ea756e 0%, #facdca 60%, #f8f8f0 100%);
  	line-height: 1;
  	margin: 30px 20px 10px 8px;
  	padding: 14px 5px 10px 50px;
  	border-radius: 22px 0 0 22px;
}
.heading3::before {
	content: "";
	position: absolute;
	background: #eee;
	top: 50%;
	left: 14px;
	margin-top :-10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #777 inset;
}
/* ポップアップ内h3赤色見出し */
.heading4 {
	width: 90%;
  	position: relative;
  	color: #111;
  	/*background: #DFDFDF;*/
	background: linear-gradient(left, #ea756e, #facdca, #ffffff);
	background: -webkit-linear-gradient(left,  #ea756e 0%, #facdca 60%, #ffffff 100%);
	background: -moz-linear-gradient(left,  #ea756e 0%, #facdca 60%, #ffffff 100%);
	background: -o-linear-gradient(left,  #ea756e 0%, #facdca 60%, #ffffff 100%);
	background: -ms-linear-gradient(left,  #ea756e 0%, #facdca 60%, #ffffff 100%);
  	line-height: 1;
  	margin: 30px 20px 10px 0px;
  	padding: 14px 5px 10px 50px;
  	border-radius: 22px 0 0 22px;
}
.heading4::before {
	content: "";
	position: absolute;
	background: #eee;
	top: 50%;
	left: 14px;
	margin-top :-10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #777 inset;
}
.heading6 {
	width: 95%;
  	position: relative;
  	color: #111;
  	/*background: #DFDFDF;*/
	background: linear-gradient(left, #dfdfdf, #e6e6e6, #ffffff);
	background: -webkit-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
	background: -moz-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
	background: -o-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
	background: -ms-linear-gradient(left, #dfdfdf 0%, #e6e6e6 60%, #f8f8f0 100%);
  	line-height: 1;
  	margin: 30px 20px 10px 8px;
  	padding: 14px 5px 10px 50px;
  	border-radius: 22px 0 0 22px;
}
.heading6::before {
	content: "";
	position: absolute;
	background: #eee;
	top: 50%;
	left: 14px;
	margin-top :-10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #777 inset;
}
.heading6 a  {
	text-decoration: none;
}
/* p関係 */
p.sw1 {
	margin-left :58px;
	font-size: 14px;
	padding-right:25px;
	line-height: 24px;
}
p.sw1vsc {
	margin-top :25px;
	margin-bottom :25px;
	margin-left :58px;
	font-size: 14px;
	padding-right:25px;
	line-height: 27px;
}
p.sw1vscchui {
	margin-top :25px;
	margin-bottom :25px;
	margin-left :58px;
	font-size: 14px;
	padding-right:25px;
	line-height: 27px;
	padding-left: 14px;
	text-indent: -14px;
	/*margin :5px 0 5px 0;
	font-size: 14px;
	line-height: 24px;
	padding-right:25px;*/
	}
p.tadashigaki {
	margin-left :58px;
	font-size: 14px;
	padding-right:10px;
	text-indent: -23px;
	font-weight: normal;
}
p.tadashigaki::before {
	display: inline;
	content: "＊";
	color: #292A33;
	font-weight: bold;
	padding-right: 6.5px;
  	font-size: 14px;
}

p.tadashigaki2 {
	margin-left :14px;
	font-size: 14px;
	padding-right:10px;
	text-indent: -17px;
	font-weight: normal;
}
p.tadashigaki2::before {
	display: inline;
	content: "＊";
	color: #292A33;
	font-weight: bold;
	margin-right: 0px;
  	font-size: 14px;
}
p.sw1z {
	margin-left :72px;
	font-size: 14px;
	padding-right:25px;
}
p.sw1z > img {
	margin-top :14px;
	margin-bottom :14px;
}
p.sw1midashi {
	margin-left :58px;
	margin-top :35px;
	color: #C00606;
	font-size: 18px;
	padding-right:25px;
	font-weight: bold;
border-bottom: 1px solid #020215;
   padding-bottom: 2px;}
form.sw1 {
	margin-left :58px;
	margin-top :18px;
	margin-bottom :18px;
}
p.sw1y {
	margin-left :58px;
	margin-bottom :1px;
	font-size: 0.9em;
	padding-right:25px;
	text-indent: -1em;
	padding-left: 1em;
}
  /* sw2内のリスト*/
.sw2 {
	margin-left :58px;
	font-size: 0.9em;
}
p.sw2 {
	margin-left :58px;
	font-size: 0.9em;
	padding-right:25px;
}
.sw2 ol, .sw2 ul  {
	margin-top :5px;
	margin-left :0px;
	width: 85%;
}
.sw2 ol li, .sw2 ul li  {
	margin-left :10px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 27px;
}
ol.sw2 li p.kome, ul.sw2 li p.kome {
	text-indent: -1em;
	padding-left: 1em;
}
ul.lpchui  {
	width: 100%;
	margin-left :-30px;
	font-size: 1em;
	font-weight: normal;
	list-style-type: disc;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/* sw1内のリスト2*/
.sw0 {
	margin-left :58px;
	font-size: 0.9em;
	/*padding-right:25px;*/
}
.sw0 ol, .sw0 ul  {
	margin-left :0px;
	width: 85%;
	padding: 30px 30px 30px 40px;
	border: 1px solid #000000;
	font-weight: bold;
}
.sw0 ol li, .sw0 ul li  {
	margin-left :25px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 24px;
}


/*
.sw0 ol li.firstbold:first-line, .sw0 ul li.firstbold:first-line {
	font-weight: bold;
}
*/


.sw0 ul li.firstbold:first-line {
	font-weight: bold;
}

.sw0 p {
	margin-left :25px;
	font-size: 0.9em;
	font-weight: normal;
}
/* sw1内のリスト3*/
ul.sw3, .ol.sw3  {
	margin-left :25px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 55px;
}
ul.sw3 li, ol.sw3 li  {
	margin-left :25px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 24px;
}
/* sw1内のリスト3*/
ul.sw3x, .ol.sw3x  {
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 23px;
}
ul.sw3x li, ol.sw3x li  {
	margin-left :45px;
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 23px;
}
ol.sw3x li > ol {
	list-style-type: lower-alpha;
	margin-left :-58px;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 23px;
}
ol.sw3x img, ul.sw3x img {
  margin-top: 14px;
  margin-bottom: 14px;
}
p.sw1chuikome {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-indent: -17.5px;
	font-size: 13px;
	font-weight: normal;
}
p.sw1chuikome::before {
	  display: inline;
   content: "＊";
  color: #292A33;
  	font-size: 13px;
  padding-right: 6.5px;
}
.sw4 {
	margin-left :58px;
	margin-bottom :40px;
	/*font-size: 0.9em;*/
	border-style : solid;
	border-width : 2.5px;
border-color: #7e9fb2;
	padding-left : 30px;
	  	/*background-color: #C02C2E;*/
}
.sw4 > p {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
}
.sw4 ul, .sw4 ol {
	margin-left :5px;
	font-size: 1em;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 30px;
}
.sw4 ul li, .sw4 ol li  {
	margin-left :5px;
	font-size: 1em;
	font-weight: normal;
	line-height: 27px;
}
.sw4y {
	margin-left :58px;
	margin-right :10px;
	margin-bottom :40px;
	margin-top: 20px;
	border-style : solid;
	border-width : 2.5px;
	border-color: #7e9fb2;
	padding-left : 30px;
	padding-right : 30px;
	padding-bottom : 15px;
	font-size: 13px;
}
.sw4y > p {
	font-size: 13px;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 10px;
}
.sw4y ul, .sw4 ol {
	margin-left :0px;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 27px;
}
p.sectiontop {
	margin-left :15px;
	font-size: 15px;
	padding-right:3px;
}
p.sectiontop img {
	margin-top :15px;
	margin-bottom :15px;
}
.sectiontop2 {
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left :25px;
	padding: 15px 15px 15px 20px;
	width: 90%;
	font-size: 15px;
	padding-right:3px;
	border: 1px solid rgba(43,43,43,1.00);
}
/* p関係 テーブル表組みの但し書き*/
.sw1x  {
	width: 95%;
	padding-top:15px;
	padding-right:30px;
	padding-bottom:15px;
	margin-left :58px;
	font-size: 13px;
	background-color: rgba(142,143,157,0.10);
}

.sw1x p.mida{
	margin: 10px 10px 10px 49px;

}
.sw1x ul{
	margin: 25px;

}

.sw1x ul li {
	list-style-type:none;
	margin-bottom: 9px;
	padding-left: 30px;
	text-indent: -25px;
}
.sw1x ul li.futaketa {
	padding-left: 30px;
	text-indent: -58.5px;
}

.sw1x ul li > span.chu {
	list-style-type:none;
	margin-bottom: 6px;
	padding-left: 1.6em;
	text-indent: -1em;
	color: #e60a0a;
	margin-right: 9px;

}



.tablebase02 span.chu {
	color: #e60a0a;	margin-left: 6px;
}

.tablebase02 tr span a:link {
	color: #e60a0a;
	text-decoration: none;
}

.sw1x ul li.hoshi {
	list-style-type:none;
	margin-bottom: 12px;
	padding-left: 1em;
	text-indent: -1em;
}
.sw1x ul li.hoshi::before {
	display: inline-block;
	margin-right: 5px;
	content: "＊";
	color: #e60a0a;
}
p.sw6{
	/*margin-left :58px;*/
	font-size: 0.9em;
	/*padding-right:25px;*/
	text-align:left;
}
.sw7 {
	margin-left :58px;
	margin-bottom :40px;
			margin-top :18px;
	font-size: 14px;
	width: 82%;
	padding: 19px 30px 20px 58px;
	background-color: rgba(203,203,157,0.20);
}
.sw7inst {
	margin-left :58px;
	margin-bottom :35px;
			margin-top :35px;
	font-size: 14px;
	width: 82%;
	/*padding: 19px 30px 20px 58px;*/
	padding: 40px;
	background-color: rgba(203,157,171,0.20);
	line-height: 26px;
		border: 1px solid #787171;
}

.sw7inst_x {
	margin-left :58px;
	margin-bottom :35px;
			margin-top :35px;
	font-size: 14px;
	width: 82%;
	/*padding: 19px 30px 20px 58px;*/
	padding: 40px;
	background-color: #ffffff;
	line-height: 26px;
		border: 1.5px solid #000000;
}


.sw7x {
	margin-left :58px;
	margin-bottom :40px;
	font-size: 13px;
	width: 82%;
	padding: 17px 33px 17px 36px;
	background-color: rgba(201,157,203,0.23);
}
.sw7inst2 {
margin :15px 0 30px 90px;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #787171;
	/*background-color: rgba(157,203,191,0.20);*/
	padding: 15px 33px 30px 33px;
	width: 78%;
}


.sw7inst2 p.usbkome{
margin-left : 19px;
	font-size: 14px;
	line-height: 20px;
	text-indent: -1.2em;
/* padding-right: 14px;*/
	font-weight: normal;

}

.sw7inst2 > br{
  line-height: initial;
}

.sw7inst2 p{
	line-height: 20px;
	margin-bottom :0px;
	font-size: 14px;
	font-weight: bold;
}
p.sw7y {
	margin-left :30px;
	margin-bottom :20px;
	font-size: 13.5px;
	width: 93%;
	padding: 17px 20px 17px 20px;
	background-color: rgba(92,101,127,0.05);
	line-height: 25px;
border: 1px solid #787171;
}
.sw7 p.mida {
	font-size: 16px;
	/*margin-top: 0px;*/
	font-weight: bold;
	margin-top: 0px;
}
.sw7x p.mida2 {
	margin-left :0px;
	font-size: 16px;
	margin-top: 0px;
	font-weight: bold;
	text-indent: -8px;
}
.sw7 p.hoshi {
	margin-bottom: 12px;
	padding-left: 1em;
	text-indent: -1em;
}
.sw7 p.hoshi::before {
  display: inline;
  content: "＊";
  color: #e60a0a;
}
/* リスト「指さし」 */
ul.yubilist li{
  list-style-type:none;
  margin: 10px 10px 12px 35px;
  font-size: 0.9em;
  text-indent: -1.3em;
}
ul.yubilist li::before{
  content: "\f0a4";
  font-family: FontAwesome;
  padding-right:0.4em;
}
/* リスト「雲マークのDLアイコン」 */
ul.dllist li{
  list-style-type:none;
  margin: 20px 10px 12px 35px;
  font-size: 0.9em;
  text-indent: -1.3em;
  padding-right:25px;
}
ul.dllist li::before{
  content: "\f0ed";
  font-family: FontAwesome;
  padding-right:0.4em;
}
/* リスト「チェックマーク」 */
ul.chcklist li{
  list-style-type:none;
  margin: 20px 10px 12px 35px;
  font-size: 0.9em;
  text-indent: -1.3em;
  padding-right:25px;
}
ul.chcklist li::before{
  content: "\f00c";
  font-family: FontAwesome;
  padding-right:0.4em;
}
ul.chcklistinst li{
  list-style-type:none;
  margin: 30px 10px 12px 35px;
  font-size: 0.9em;
  text-indent: -1.3em;
  padding-right:25px;
  line-height: 27px;
}
ul.chcklistinst li::before{
  content: "\f00c";
  font-family: FontAwesome;
  padding-right:0.4em;
}
p.kakovsc {
	margin-left :50px;
	margin-bottom :20px;
	margin-top :20px;
	font-size: 14px;
	width: 83%;
	padding: 25px;
	background-color: rgba(203,157,171,0.20);
	line-height: 26px;
		border: 1px solid #787171;
}
/* リスト「4重丸」 */
ul.maru4list li{
  list-style-type:none;
  margin: 20px 10px 12px 35px;
  font-size: 0.9em;
  text-indent: -1.3em;
  padding-right:25px;
}
ul.maru4list li::before{
  content: "\f140";
  font-family: FontAwesome;
  padding-right:0.4em;
}
/* リスト「4重丸」ディス今 */
ul.maru4listdiscon li{
  list-style-type:none;
  margin: 13px 7px 12px 2px;
  font-size: 0.8em;
  text-indent: -1.6em;
}
ul.maru4listdiscon li::before{
  content: "\f140";
  font-family: FontAwesome;
  padding-right:0.4em;
}
/* リスト「米印」 */
ul.komelist li{
  list-style-type:none;
  margin: 10px 10px 5px 35px;
  font-size: 0.8em;
  text-indent: -1.1em;
  padding-right:25px;
}
ul.komelist li::before{
  content: "\f013";
  font-family: FontAwesome;
  padding-right:0.3em;
}
/* リスト「米印」 */
ul.komelist2 li{
  list-style-type:none;
  margin: 10px 10px 5px 35px;
  font-size: 1em;
  text-indent: -1.1em;
  padding-right:25px;
  line-height: 35px;
}
ul.komelist2 li::before{
  content: "\f013";
  font-family: FontAwesome;
  padding-right:0.3em;
  color: #07077B
}
ul.komelist2 a:hover {
  text-decoration: none;
}
ul.komelist2 a {
  border-width : 0px 0px 2px 0px;
  border-style : solid ;
  }
/* リスト「米印」 */
ul.komelist3 {
border: solid 1px;
background-color: rgba(131,227,15,0.05);
padding-top: 30px;
padding-bottom: 30px;
width: 95%;
}
ul.komelist3 li{
  list-style-type:none;
  margin: 16px 17px 17px 30px;
  font-size: 15px;
  text-indent: -1.1em;
  /*padding-right:25px;*/
}
ul.komelist3 li::before{
  content: "\f013";
  font-family: FontAwesome;
  padding-right:0.3em;
}
ol.komelist3x {
border: solid 1px;
background-color: rgba(227,14,52,0.02);
padding-top: 30px;
padding-bottom: 30px;
width: 95%;
}
ol.komelist3x li{
  /*list-style-type:none;*/
  margin: 16px 17px 17px 30px;
  font-size: 15px;
  /*text-indent: -1.1em;*/
  /*padding-right:25px;*/
}

p.komelist3xy{
  /*list-style-type:none;*/
  margin: 16px 30px 17px 1px;
  font-size: 16px;
  color: #B91833;
line-height: 32px;
  /*text-indent: -1.1em;*/
  /*padding-right:25px;*/
}

/* --------------------------------------------------
   ワンポイントアドバイス 囲み
-------------------------------------------------- */


ul.komelist8 {
border: solid 1px;
background-color: rgba(131,227,15,0.05);
padding: 35px;
width: 92%;

}
ul.komelist8 li{
  list-style-type:none;
  font-size: 15px;
line-height: 28px;
}

ul.komelist8 li > p{
	margin-left: 25px;
	text-indent: -13px;
	font-size: 13px;
	line-height: 20px;

}


/* 2カラムのエリア /////////////////////////////////////////*/
.columnbase02 {
	width: 94.5%;
	/*background-color:#B1C3DC;*/
	margin-left:58px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.columnbase_upd {
	width: 100%;
	/*background-color:#B1C3DC;*/
	margin-left:58px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.column02 {
	width: 100%;
	display: table;
	/*background-color:rgba(233,108,110,1.00);*/
}
.separator02 {
	margin: 10px 15px 10px 58px;
	padding-top: 10px;
	border-top: dotted 2px #999;
	/*width: 100%;*/
}
.column02 p, .separator p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.8em;
}
/* 左カラム */
.col02_left {
	width: 20%;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	/*background-color:#C5C7CB;*/
}
/* 右カラム */
.col02_right {
	width: 80%;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 1em;
	/*background-color:#D3F49C;*/
}
/* 半々・左カラム */
.col03_left {
	width: 50%;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 1.5em;
	font-size: 0.8em;
	background-color:#ffffff;
	border-left: dotted 2px #999;
}
/* 半々・右カラム */
.col03_right {
	width: 50%;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 1.5em;
	font-size: 0.8em;
	border-left: dotted 2px #999;
	border-right: dotted 2px #999;
	background-color: #ffffff;
}
/* ボタン用半々・左カラム */
.col04_left {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	/*background-color: #9CA1D5;*/
}

/*.col04_leftx {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5em;

	padding: 0.5em;
	background-color: #9CA1D5;
}*/



.col04_left > p.platform,
.col04_right > p.platform {
	font-size: 16px;
	font-weight: bold;
	text-indent: -7px;
	margin-bottom: 15px;
}
/*ボタン用 半々・右カラム */
.col04_right {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	/*background-color: #D3ECB5;*/
}

.col04_rightx {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;

	/*background-color: #D3ECB5;*/
}


.col04_leftz {
	width: 40%;
	display: table-cell;
	table-layout: fixed;
	vertical-align: top;
	padding-right: 0.4em;
/*	background-color: #9CA1D5;*/
}


.col04_rightz {
	width: 40%;
	display: table-cell;
	table-layout: fixed;
	vertical-align: top;
	padding-left: 0.4em;

	/*background-color: #D3ECB5;*/
}

/*col04内ボタン */
.col4button {
	width:99%;
	line-height: 50px;
	border: 1px solid #ADB1B4;
	border-radius:9px;
	text-align: center;
	font-size: 1em;
    font-weight: bold;
	background-color: #fff;
/*	border: 1px solid #333;*/
	border-radius: 4px;
}
.col4button a {
	text-decoration: none;
	display: block;
	color: #333333;
	border: 0.5px solid #333;
}
.col4button a:hover {
	border-radius:4px;
	background-color: rgba(225,225,225,0.25);
	}
/*col04内ボタン　ホバー赤 */
.col4button4 {
	width:99%;
	/*padding:15px; */
	line-height: 50px;
	border: 1px solid #ADB1B4;
	border-radius:9px;
	text-align: center;
	font-size: 1em;
    font-weight: bold;
	background-color: #fff;
/*	border: 1px solid #333;*/
	border-radius: 4px;
}
.col4button4 a {
	text-decoration: none;
	display: block;
	color: #333333;
	border: 0.5px solid #333;
}
.col4button4 a:hover {
	border-radius:4px;
	/*border: 1px solid #f00;*/
	background-color: rgba(250,113,113,0.11);
	}
/*col04内ボタン　アップデータ */
.col9button4 {
	width:97%;
	/*padding:15px; */
	line-height: 50px;
	border: 1px solid #ADB1B4;
	border-radius:9px;
	text-align: center;
	font-size: 14px;
    font-weight: bold;
	background-color: #ebe35d;
	/*	border: 1px solid #333;*/
	border-radius: 4px;
}
.col9button4 a {
	text-decoration: none;
	display: block;
	color: #333333;
	border: 0.5px solid #333;
}
.col9button4 a:hover {
	border-radius:4px;
	/*border: 1px solid #f00;*/
	background-color: rgba(250,113,113,0.11);
	}
/*col04内ボタン・弊社アプリボタン */
.col4button2 {
	width:99%;
	/*padding:15px; */
	line-height: 65px;
	text-align: center;
	font-size: 1em;
    font-weight: bold;
	background-color: #808080;
	border: 2px solid #696969;
	color: #fff;
}
.col4button2 a {
	text-decoration: none;
	display: block;
	color: #fff;
}
.col4button2 a:hover {
	background-color: #fff;
	border-color: #696969;
	color: #808080;
	}


/*Sound it! Win/Mac 機能比較ボタン */
.col4button2x {
	line-height: 65px;
	text-align: center;
	font-size: 14px;
    font-weight: bold;
	background-color: #808080;
	border: 2px solid #696969;
	color: #fff;
	white-space: nowrap;
}

.col4button2x a {

	text-decoration: none;
	display: block;
	color: #fff;
}
.col4button2x a:hover {
	background-color: #fff;
	border-color: #696969;
	color: #808080;
	}




/*col04内ボタン・機能比較 */
.col4button3 {
	width:99%;
	/*padding:15px; */
	line-height: 50px;
	border: 1px solid #ADB1B4;
	border-radius:9px;
	text-align: center;
	font-size: 1em;
    font-weight: bold;
	background-color: #fff;
/*	border: 1px solid #333;*/
	border-radius: 4px;
}
.col4button3 a {
	text-decoration: none;
	display: block;
	color: #333333;
	border: 0.5px solid #ADB1B4;
}
.col4button3 a:hover {
	border-radius:4px;
	/*border: 1px solid #f00;*/
	background-color: rgba(250,220,214,0.24);
	}
/* ボタン用半々・左カラム */
.col06_left {
	width: 42%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	text-align: left;
	/*background-color: #9CA1D5;*/
}
/*ボタン用 半々・右カラム */
.col06_right {
	width: 58%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	/*background-color: #D3ECB5;*/
}
.col06_right p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
}
.col06_right ol {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 8px;
}
/* ボタン用半々・左カラム */
.col07_left {
	width: 30%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	text-align: left;
	/*background-color: #9CA1D5;*/
}
.col07_left p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
	font-weight: bold;
}
/*ボタン用 半々・右カラム */
.col07_right {
	width: 60%;
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	/*background-color: #D3ECB5;*/
}
.col07_right p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
}
/*ボタン用 半々・右カラム */
.col07_center {
	width: 10%;
	display: table-cell;
	padding: 90px 20px;
	font-size: 50px;
	text-align: center;
}
.col07_left p.shori {
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 3px;
	text-align: left;
	font-weight: bold;
}
.col07_right p.shori {
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 3px;
	text-align: left;
	font-weight: bold;
}
/* ボタン用半々・左カラム */
.col08_left {
	/*width: 30%;*/
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	text-align: left;
	/*background-color: #9CA1D5;*/
}
.col08_left p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
	font-weight: bold;
}
/*ボタン用 半々・右カラム */
.col08_right {
	/*width: 60%;*/
	display: table-cell;
	vertical-align: top;
	padding: 0.5em;
	/*background-color: #D3ECB5;*/
}
.col08_right p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
	line-height: 23px
}
/* アップデートのページ用 */
.col09_left {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	padding: 0 10 0 0;
	text-align: left;
	/*background-color: #9CA1D5;*/
	font-size: 14px;
}
.col09_left p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
	font-weight: bold;
}
/*ボタン用 半々・右カラム */
.col09_right {
	/*width: 60%;*/
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	/*background-color: #D3ECB5;*/
			padding-right:25px;
}
.col09_right p {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 8px;
	line-height: 23px
}
/* 新着情報フレーム関係 */
div.frame01 {
    width: 95%;
    height: 300px;
    /*border: 1px solid #6e8b9d;*/
	margin-left:8px;
	overflow-x: auto;
    overflow-y: scroll;
}
ul.whatsnew01 {
	margin: 0.5em 0;
	padding: 0 10px 0 50px;
	list-style-type: disc;
font-size: 0.8em;
}
ul.whatsnew01 li {
	margin-bottom: 0.5em;
	line-height: 2em;
}
/* 問い合わせ方法ボタン */
.buttonbase {
	border: solid 1px #ccc;
	border-radius: 2px;
	padding: 1px;
	width: 162px;
	height: 36px;
}
.buttonbase > p.inquirybtn {
	margin: 0;
	padding: 0;
	color: #00a651;
	background-color: #eaf0ed;
	border: solid 1px #fff;
	border-radius: 2px;
	width: 160px;
	/* height: 34px; */
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	/* text-align: right;*/
	white-space: nowrap;
	display: table;
}
.buttonbase > p.inquirybtn > a > span.disparrow {
	color: #fff;
	background-color: #00a651;
	/* display: inline-block; */
	display: table-cell;
	/* margin-left: 6px;*/
	padding: 2px;
	text-align: right;
	width: 7px;
}
.buttonbase > p.inquirybtn > a {
	text-decoration: none;
}
.buttonbase > p.inquirybtn > a > span.madoguchi {
	/* display: inline-block; */
	display: table-cell;
	color: #00a651;
	width: 153px;
	text-align: center;
}
.buttonbase > p:hover.inquirybtn > a > span.disparrow {
	color: #bbe1ce;
}
.buttonbase > p:hover.inquirybtn {
	background-color: #bbe1ce;
}
/* H3見出し下のOS対応表組み用*/
.tablebase01 {
	width: 98%;
	margin-left:58px;
	margin-top: 20px;
	margin-bottom: 25px;
	border-collapse: collapse;
	/*border-top: 1px solid #ccc;*/
	border-left: 1px solid #ccc;
	font-size: 0.9em;
}
.tablebase01 th{
	/*width: 25%;*/
	padding: 4px;
	text-align: center;
	vertical-align: top;
	color: #444;
	background-color: rgba(105,191,64,0.20);
	border-top: 1px solid #ccc;
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase01 td{
	padding: 4px 8px 4px 15px;
	background-color: #ffffff;
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase01 td.maru {
	padding: 3px;
	text-align: center;
	background-color: rgba(51,255,102,0.06);
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase01 td.batsu {
	padding: 3px;
	text-align: center;
	background-color: rgba(243,243,243,0.75);
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase01 td.naka {
	padding: 3px;
	text-align: center;
	background-color: rgba(169,181,250,0.15);
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tablebase01 td.kakunin {
	padding: 3px;
	text-align: center;
	background-color: rgba(252,65,65,0.80);
	color: #000000;
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* H3見出し下の表組み用 - 機能比較 */
.tablebase02 {
	width: 98%;
	margin-left:58px;
	margin-top: 20px;
	margin-bottom: 25px;
	border-collapse: collapse;
	/*border-top: 1px solid #ccc;*/
	border-left: 1px solid #ccc;
	font-size: 0.8em;
}
.tablebase02 th{
	/*width: 25%;*/
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	background-color: rgba(255,255,221,0.70);
	border-top: 1px solid #ccc;
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase02 td{
	padding: 4px 8px 4px 15px;
	background-color: #ffffff;
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase02 td.maru{
	padding: 3px;
	text-align: center;
	background-color: rgba(51,255,102,0.06);
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase02 td.batsu{
	padding: 3px;
	text-align: center;
	background-color: rgba(243,243,243,0.75);
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase02 td.naka{
	padding: 3px;
	text-align: center;
	background-color: rgba(169,181,250,0.15);
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablebase02 td.ab2{
	padding: 3px;
	text-align: center;
	background-color: rgba(167,23,241,1.00);
	/*border-top: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* ////////////ユーザー登録バナー//////////////////////////////////// */
/* ユーザー登録バナーのベース*/
.bannerbase {
	width: 957px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*margin-left: 15px;*/
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
	color: #000;
	display: table;
	/*background-color:rgba(72,81,170,1.00);*/
}


/* ワンポイントアドバイスのページの上部バナー */
.btn-base2 {
	width: 1065px;
	margin: 20px auto;
	display: table;
	border-collapse: separate;
	border-spacing: 60px 0; /* 左右、上下 */
}

.btn-base2 a {
	display: table-cell;
	width: 35%;
	height: 80px;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
	padding: 0 10px 0 120px;
	text-decoration: none;
	border: 1.5px solid #48832C;
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
}
.btn-base2 > a.left {
	background: url(../../../image/giftbunner_01.png) no-repeat 30px center;
	background-color: #ff6600;
}
.btn-base2 > a.left:hover {
	background-color: #ff9966;
}
.btn-base2 > a.right {
	background: url(../../../image/trialbunner_01.png) no-repeat 30px center;
	background-color: #0099ff;
}
.btn-base2 > a.right:hover {
	background-color: #66ccff;
}
.btn-base2 > a.gazoubanner {
	background: url(../../../image/banner_qa_02.png) no-repeat ;
	text-indent: -5000px;
}





/* ユーザー登録バナーボタンのベース */
.btn-base {
	width: 1065px;
	margin: 20px auto;
	display: table;
	border-collapse: separate;
	border-spacing: 60px 0; /* 左右、上下 */
	/*background-color: #fcc;*/
}
/* ボタン内の強調文字 */
.btn-midashi {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1pt;
}
.btn-base a {
	display: table-cell;
	/*table-layout: fixed;*/
	width: 50%;
	height: 80px;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
	padding: 0 10px 0 120px;
	/*border: solid 5px #B1B1B1;*/
	text-decoration: none;
	border: 1.5px solid #48832C;
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
}
.btn-base > a.left {
	background: url(../../../image/userregi_02.png) no-repeat 30px center;
	background-color: #00a651;
}
.btn-base > a.left:hover {
	background-color: #00B357;
}
.btn-base > a.right {
	background: url(../../../image/yutaihanbai.png) no-repeat 30px center;
	background-color: rgba(167,0,157,0.60);
}
.btn-base > a.right:hover {
	background-color: rgba(167,0,157,0.52);
}
.btn-base > a.gazoubanner {
	background: url(../../../image/banner_qa_02.png) no-repeat ;
	text-indent: -5000px;
}









/* Q&Aバナーのベース*/
/*.bannerbase_Q3 {
	width: 100%;
	display: table;
}*/
/* よくある質問３つの各バナーの領域*/
.banner-area {
	display: table-cell;
	width: 33.33%;
	height: 60px;
	vertical-align: middle;
}
/* 音が出ない */
.banner-area > p.otodenai {
	margin: 0 16px 0 9px;
	padding: 0;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1pt;
	line-height: 60px;
}
.banner-area > p.otodenai > a {
	display: block;
	padding-left: 99px;
	color: #fff;
	background-image: url(../../../image/otodenai_02.png);
	background-repeat: no-repeat;
	background-position: 22px center;
	background-color: rgba(0,153,153,0.95);
	border: 1.5px solid #48832C;
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
	text-decoration: none;
}
.banner-area > p.otodenai > a:hover {
	background-color: rgba(0,153,153,0.90);
	border: 1.5px solid rgba(0,97,97,0.60);
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
	}
/* 録音できない */
.banner-area > p.rokuondekinai {
	margin: 0px 11px 0px 9px;
	padding: 0;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1pt;
	line-height: 60px;
}
.banner-area > p.rokuondekinai > a {
	display: block;
	padding-left: 95px;
	color: #fff;
	background-image: url(../../../image/rokuondekinai_02.png);
	background-repeat: no-repeat;
	background-position: 22px center;
	background-color: rgba(51,153,51,0.95);
	border: 1.5px solid #48832C;
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
	text-decoration: none;
}
.banner-area > p.rokuondekinai > a:hover {
	background-color: rgba(51,153,51,0.90);
	border: 1.5px solid rgba(36,109,36,0.95);
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
	}
/* CD作成できない */
.banner-area > p.cddekinai {
	margin: 0 6px 0 9px;
	padding: 0;
	font-weight: bold;
	font-size: 22.5px;
	letter-spacing: 0.5pt;
	line-height: 60px;
}
.banner-area > p.cddekinai > a {
	display: block;
	padding-left: 90px;
	color: #fff;
	background-image: url(../../../image/cddekinai_03.png);
	background-repeat: no-repeat;
	background-position: 24px center;
	background-color: rgba(204,102,204,0.95);
	border: 1.5px solid #48832C;
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
	text-decoration: none;
}
.banner-area > p.cddekinai > a:hover {
	background-color: rgba(204,102,204,0.90);
	border: 1.5px solid rgba(171,57,171,0.95);
	box-shadow: 0 0 0 4px #eaf0ed, 0 0 0 6px #999;
	}
/* ここまで　ユーザー登録バナー//////////////////////////////////// */
/* 質問トピック抜粋*/
.sitsumontopic_left {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	/*background-color: #DA3234 ;*/
}
.sitsumontopic_right {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	/*background-color: #B57DE7;*/
}
/* lib DL製品リスト */
.dllist {
	margin: 10px 0;
	padding: 0;
}
.dllist > h4 {
	margin: 0;
	padding:0;
}
.dllist > h4 > img {
	vertical-align: bottom;
}
.dllist > .selitem-win {
	margin: 0;
	padding: 10px 0 0 0;
	width: 268px;
	background-color: #fff;
	text-align: center;
	border-right: solid 1px #5d9898;
	border-bottom: solid 1px #5d9898;
	border-left: solid 1px #5d9898;
}
.dllist > .selitem-mac {
	margin: 0;
	padding: 10px 0 0 0;
	width: 268px;
	background-color: #fff;
	text-align: center;
	border-right: solid 1px #9a6998;
	border-bottom: solid 1px #9a6998;
	border-left: solid 1px #9a6998;
}
.dllist p {
	margin: 20px;
}
/* セレクトボックス*/
/*マウスオーバー時	customSelect.customSelectHover
セレクトメニュー展開時	customSelect.customSelectOpen
セレクトメニューフォーカス時	customSelect.customSelectFocus
選択項目が無効なとき	customSelect.customSelectDisabledOption
select要素自体が無効なとき	customSelect.customSelectDisabled
select要素の内側のスタイル	customSelectInner*/
.customSelect {
    width: 320px;
	height: 40px;
    background: url(../../../image/selectdownbutton_01.png) ,linear-gradient(to bottom, #7e9fb2 0%, #7693a5 50%, #6e8b9d 51%, #7693a5 100%);
	background-repeat: no-repeat;
	background-position: right;
    border: 1px solid #7e9fb0;
	margin: 0;
    padding: 0 0 0 10px;
	line-height: 40px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    font-weight: bold;
	white-space: nowrap;
}
.customSelect.customSelectHover {
	background: url(../../../image/selectdownbutton_01y.png) ,linear-gradient(to bottom, #7e9fb2 25%, #7693a5 50%, #6e8b9d 75%, #7693a5 100%);
	background-repeat: no-repeat;
	background-position: right;
	/*color: #3D3D3D;*/
	color: #ffff00;
}
.col04_left > form, .col04_right > form {
	margin-bottom: 20px;
}
/* トーンマップのダウンロード */
.tmap-list {
	margin: 0 0 0 58px;
	font-size: 12px;
}
.tmap-list > h2.maker {
	color: #f30;
	font-size: 18px;
	margin-bottom: 5px;
}
.tmap-list > table {
	width: 100%;
	border: solid 1px #000;
	border-collapse: collapse;
}
.tmap-list > table tr.item {
	color: #fff;
	background-color: #666;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
.tmap-list > table td {
	border: solid 1px #000;
	padding: 3px;
}
.tmap-list > table td.model {
	width: 8%;
}
/* ///////よくある質問のリスト装飾*/
.rounded-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: 1em 1em 1em 22px;
	background: #E6E6E6;
	color: #3C3C3C;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
}
.sitsumontopic_right > .rounded-list a{
	margin: 1em 0em 1em 25px;
}
.rounded-list a:hover{
	/*background: #eeeeee;*/
	background: #ddd;
}
.rounded-list a:hover::before{
	color: #3C3C3C;
}
.rounded-list a::before{
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	color: #ffffff;
	background: #D40707;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
.rounded-list ul {
    list-style: none; /* Remove default */
    font-size: 16px;
    padding: 0;
    margin-bottom: 1.5em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded-list ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
/* ///////エフェクトテクニックの装飾*/
.rounded-listfx a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: 1em 1em 1em 22px;
	background: rgba(228,225,207,0.40);
	color: #3C3C3C;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
}
.sectionwrap1 > .rounded-listfx a {
	margin: 20px 35px 20px 70px;
}
.rounded-listfx a:hover {
	background: #ddd;
}
.rounded-listfx a:hover::before {
	color: #232323;
}
.rounded-listfx a::before {
	content: "\f03e";
	font-family: FontAwesome;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	color: #ffffff;
	background: #04794C;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
.rounded-listfx ul {
    list-style: none; /* Remove default */
    font-size: 13.5px;
    padding: 0;
    /*margin-bottom: 1.5em;*/
	margin-bottom: 40px;
	margin-top: 30px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded-listfx ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
/* ///////ダンスCD テクニックの装飾*/
.rounded-listcd a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: 1em 1em 1em 40px;
	background: rgba(228,225,207,0.40);
	color: #3C3C3C;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
	/*width: 90%;*/
}
/*p.sectiontop > .rounded-listcd a {
	margin: 20px 35px 20px 70px;
}*/
.rounded-listcd a:hover {
	background: #ddd;
}
.rounded-listcd a:hover::before {
	color: #232323;
}
.rounded-listcd a::before {
	content: "\f245";
	font-family: FontAwesome;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	color: #ffffff;
	background: #04794C;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
.rounded-listcd ul {
    list-style: none; /* Remove default */
    font-size: 13.5px;
    padding: 0;
    /*margin-bottom: 1.5em;*/
	margin-bottom: 40px;
	margin-top: 30px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded-listcd ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
/* ///////よくある質問のおおきな見出し*/
.yokuarumidashi {
	position: relative;
	display: block;
	/*padding: .4em .4em .4em 2em;*/
	padding: .4em 0px .4em 45px;
	*padding: .4em;
	margin: 22px 0 25px 25px;
	background: #ddd;
	color: #3C3C3C;
	text-decoration: none;
	border-radius: .3em;
    font-size: 24px;
    font-weight: bold;
	letter-spacing: 0.7pt;
	width: 887px;
}
.yokuarumidashi::before{
	content: "\f059";
	font-family: FontAwesome;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	color: #ffffff;
	background: #7e9fb2;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: normal;
	border-radius: 2em;
	transition: all .3s ease-out;
}
/* 検索の2つのかたまりをほうりこむクラス*/
.knsk2block {
	width: 917px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 40px;
	/*background-color: #35EC0E;*/
	}
/* 検索パート上部のおおもと白ベース */
.knskbase {
	padding: 10px;
	margin: 20px 0 15px 0px ;
	width: 891px;
	border: solid 2px #48832C;
}
/* ============ verup begin============= */
.grpbase {
	margin: 35px 0;
	height: 350px;
}
.p-grp {
	width: 224px;
	margin: 0 0 40px 60px;
	padding: 0;
	border: solid 1px #222;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	background-color: #fff;
}
.p-grp h4 {
	margin: 0;
	padding: 7px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background-color: rgba(0,0,0,0.62);
	/*background-color: #b5b5b5;*/
	color: #FFFFFF;
}
.p-grp p {
	margin: 0;
	padding: 10px;
	font-size: 13px;
	line-height: 21px;
	color: #000;
}
.p-grp img {
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	vertical-align: bottom;
}
.p-grp a:hover {
	opacity: 0.8;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-webkit-transition: 0.5s ;
	transition: 0.5s ;
}
/* ============ verup end=============== */
/* 購入ボタン */
.kounyubutton {
    margin: 10px 10px 10px 0;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 .05em rgba(0,0,0,0.2);
    -moz-border-radius: .3em;
	border-radius: .3em;
}
.kounyubutton span {
	font-size: 1em;
	font-weight: bold;
	border-top: 1px solid #fff; /* Fallback style */
	/*border-top: 1px solid rgba(255, 255, 255, 0.5);*/
	display: block;
	padding: 0.5em 1.2em;
	-moz-border-radius: .3em;
	border-radius: .3em;
    /* The background pattern */
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    /* Pattern settings */
    background-size: 2.5px 2.5px;
	color: #fff;
	white-space: nowrap;
}
.kounyubutton:hover {
	text-decoration: none;
}
.kounyubutton span:hover {
    background: rgba(255,255,255,0.1);
	text-decoration: none;
}
.kounyubutton2 {
    margin: 10px 10px 10px 0;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 .05em rgba(0,0,0,0.2);
    -moz-border-radius: .3em;
	border-radius: .3em;
}
.kounyubutton2 span {
	font-size: 0.9em;
	font-weight: bold;
	border-top: 1px solid #fff; /* Fallback style */
	/*border-top: 1px solid rgba(255, 255, 255, 0.5);*/
	display: block;
	padding: 0.5em 1.2em;
	-moz-border-radius: .3em;
	border-radius: .3em;
    /* The background pattern */
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    /* Pattern settings */
    background-size: 2.5px 2.5px;
	color: #fff;
	white-space: nowrap;
}
.kounyubutton2:hover {
	text-decoration: none;
}
.kounyubutton2 span:hover {
    background: rgba(255,255,255,0.1);
	text-decoration: none;
}
.kounyubutton-blue {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #03a2b0), color-stop(1.00, #0d46a5));
	background: -webkit-linear-gradient(#03a2b0, #0d46a5);
	background: -moz-linear-gradient(#03a2b0, #0d46a5);
	background: -o-linear-gradient(#03a2b0, #0d46a5);
	background: -ms-linear-gradient(#03a2b0, #0d46a5);
	background: linear-gradient(#03a2b0, #0d46a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.kounyubutton-green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0cdb00), color-stop(1.00, #169900));
	background: -webkit-linear-gradient(#0cdb00, #169900);
	background: -moz-linear-gradient(#0cdb00, #169900);
	background: -o-linear-gradient(#0cdb00, #169900);
	background: -ms-linear-gradient(#0cdb00, #169900);
	background: linear-gradient(#0cdb00, #169900);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.kounyubutton-red {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20001), color-stop(1.00, #8f0202));
background: -webkit-linear-gradient(#d20001, #8f0202);
background: -moz-linear-gradient(#d20001, #8f0202);
background: -o-linear-gradient(#d20001, #8f0202);
background: -ms-linear-gradient(#d20001, #8f0202);
background: linear-gradient(#d20001, #8f0202);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.kounyubutton-smoke {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #bdbbbb), color-stop(1.00, #777));
background: -webkit-linear-gradient(#bdbbbb, #777);
background: -moz-linear-gradient(#bdbbbb, #777);
background: -o-linear-gradient(#bdbbbb, #777);
background: -ms-linear-gradient(#bdbbbb, #777);
background: linear-gradient(#bdbbbb, #777);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
/* ====== モーダルウィンドウ関係 ====== */
/* ポップアップウィンドウの背景*/
.white-popup01 {
	position: relative;
	background: #fff;
	padding: 20px;
		width: 500px;
	/*width: auto;*/
	/*max-width: 500px;*/
	margin: 20px auto;
}
/* ポップアップウィンドウの背景*/
.white-popup02 {
	position: relative;
	background: #fff;
	padding: 20px;
	width: 680px;
	/*width: auto;*/
	/*max-width: 500px;*/
	margin: 20px auto;
}
.white-popup03 {
	position: relative;
	background: #fff;
	padding: 20px;
	width: 700px;
	background-color: #FFFFFF;
	/*width: auto;*/
	/*max-width: 500px;*/
	margin: 20px auto;
}
.white-popup04 {
	position: relative;
	background: #fff;
	padding: 20px;
		width: 500px;
	/*width: auto;*/
	/*max-width: 500px;*/
	margin: 20px auto;
}

.white-popup03x {
	position: relative;
	background: #fff;
	padding: 20px;
/*	width: 700px;*/
	background-color: #FFFFFF;
/*	width: auto;*/
	max-width: 700px;
	margin: 20px auto;
}

.white-popup03x .mida {

	margin: 0px 20px 0px 20px;
	line-height: 24px;
	font-size: 15px;
    font-weight: bold;

}

.white-popup03x p {

	margin: 20px 20px 30px 20px;
	line-height: 24px;
	font-size: 13px;
    font-weight: normal;

}

.white-popup03x img {

	margin: 20px 20px;
}

.white-popup03x iframe {

	margin: 20px 20px;
}

.appnamebox {
	width: 90%;
	margin: 15px 0 30px 20px;
	padding: 3px 0 3px 15px;
	border-radius: 18px 0 0 18px;
	background: -webkit-linear-gradient(left, #CCCBCB 0%, #D8D7D7 60%, #ffffff 100%);
	background: -moz-linear-gradient(left, #CCCBCB 0%, #D8D7D7 60%, #ffffff 100%);
	background: -o-linear-gradient(left, #CCCBCB 0%, #D8D7D7 60%, #ffffff 100%);
	background: -ms-linear-gradient(left, #CCCBCB 0%, #D8D7D7 60%, #ffffff 100%);
}
.appnamebox a {
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	color: #393737;
	white-space: nowrap;
}
.appnamebox a::before {
  content: "\f138";
  font-family: FontAwesome;
  padding-right:0.4em;
  margin-left: 20px;
}
.appnamebox span.new::after {
	content: "New!!";
	color: #e60a0a;
	font-size: 60%;
	font-weight: bold;
	margin-left: 5px;
}
/* =============================== */
.buynow-base {
	display: table;
	margin-left: 30px;
	margin-bottom: 40px;
	margin-top: 30px;
}
.packagebox {
	display: table-cell;
	vertical-align: top;
	/*width: 45%;*/
	width: 200px;
	text-align: center;
	/*background-color: #cff; */
}
.packagebox span {
	font-size: 13px;
}
.buttonbox {
	display: table-cell;
	vertical-align: top;
	/*width: 55%;*/
	width: 270px;
	/*background-color: #ffc; */
}
/* --20180112-- */
.vupkakaku {
	/*font-size: 15px;*/
	color: #2F2F2F;
	margin-bottom: 11px;
	font-weight: bold;
}
/*.vupkakaku > span {
	font-size: 13px;
}*/
.vupkakaku > .title {
	border-bottom: solid 1.5px #5B5959;
	font-size: 14px;
}
.vupkakaku > .hayawaricampagne {
	display: block;
	font-size: 12px;
	color: #ffffff;
	margin-top: 0.5em;
	padding: 5px;
	background-color: #D72403;
}
.buttonbox > p,
.buttonbox02 > p,
.buttonbox3 > p {
	font-size: 13px;
	margin-top: 0px;
}
.buttonbox02 {
	display: table-cell;
	vertical-align: top;
	/*width: 55%;*/
	width: 460px;
	padding-right: 10px;
	/*background-color: #ffc; */
}
.buttonbox3 {
	display: table-cell;
	vertical-align: middle;
	/*width: 55%;*/
	width: 260px;
	/*background-color: #ffc; */
}
/*.buttonbox3 > p.taikenmongon {
	font-size: 13px;
	margin-top: 0px;
}*/
.packdlkakaku {
	margin: 13px 0;
	font-size: 11px;
}
.packdlkakaku .price {
	font-size: 16px;
}
.packdlkakaku .camp {
	font-size: 16px;
	color: #D72403;
}
.packdlkakaku .old {
	text-decoration: line-through;
}
.packdlkakaku .kakaku {
	font-weight: normal;
	color: #f60;
}
.appnamebox2 {
	width: 90%;
	margin: 30px 0 30px 20px;
	padding: 3px 0 3px 15px;
	font-size: 22px;
	font-weight: bold;
	color: #393737;
	}
/*.appnamebox2 a {
	text-decoration: none;
}*/
.appnamebox2::before {
  content: "\f059";
  font-family: FontAwesome;
  padding-right:0.4em;
}
.starterbox01 {
	margin-left: 65px;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 30px;
	/*background-color: #ffc; */
}
.starterbox01 p {
	font-size: 14px;
	margin-left: 16px;
	font-weight: bold;
}
.starterbox01 > h3.lib{
	color: #006393;
	padding-left: 5px;
	border-left: solid 11px #006393;
	font-size: 18px;
}
.starterbox01 > h3.starter{
	color: #a36bac;
	padding-left: 5px;
	border-left: solid 11px #a36bac;
	font-size: 18px;
}
.starterbox01 > p.chuikome {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 36px;
	text-indent: -17.5px;
	font-size: 13px;
	font-weight: normal;
}
.starterbox01 > p.chuikome::before {
	  display: inline;
   content: "\f058";
  font-family: FontAwesome;
  color: #292A33;
  	font-size: 13px;
  padding-right: 6.5px;
}

/* ====== Zoom effect ====== */
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.85;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/* おわり========= */
.winmac {
	font-family: 'Inconsolata', ;
	font-weight: 700;
	font-size: 12px;
margin: 0px;
}
.winmac a {
	text-decoration: none;
}
/* オンラインユーザー登録の窓のh1見出し用*/
.a9 {
	border-left:6px solid #000000;
	border-bottom:1px solid #000000;
	padding: 3px 10px;
	width : 100%;
}
/* オンラインユーザー登録の窓のナビボタン*/
.pankuzu {
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 3px;
}
.pankuzu ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pankuzu li a {
	display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 13px;
	text-decoration: none;
}
.pankuzu li a:hover {
	background-color: #9CA1D5;
}
.pankuzu ol::after {
	content: "";
	display: block;
	clear: both;
}
.pankuzu li {
	float: left;
	width: auto;
}
.pankuzu li::after {
	content: "\003e";
	margin-left: 5px;
	margin-right: 5px;
	color: #888888;
}
/* バージョンアップ・優待販売ログイン画面*/
.yutailogin {
width: 90%;
border: 2px solid #000000;
background-color: #BBC390;
}
.userid {
	display: table;
	width: 100%;
padding: 10px 0;
}
.meruadoinput {
	display: table;
	width: 100%;
padding: 10px 0;
}
.telbango {
display: table;
	width: 100%;
padding: 10px 0;
}
.softsentaku {
	width: 100%;
padding: 10px 0 10px 60px;
	text-align: left;
		font-size: 16px;
	font-weight: bold;
}
.softsentaku p {
	margin-top: 2px;
	margin-bottom: 7px;
	font-size: 12px;
}
.nextbutton {
}
.leftlogin {
	display: table-cell;
	width: 30%;
	background-color: #FCFFAD;
	font-size: 16px;
	font-weight: bold;
	text-align:right;
}
.rightlogin {
	display: table-cell;
	width: 70%;
	text-align:left;
	padding-left: 15px;
	vertical-align: top;
	font-weight: normal;
}
.rightlogin p {
	margin-top: 2px;
	margin-bottom: 7px;
	font-size: 12px;
}
.useridinput {
	border:0;
	padding:6px;
	font-size: 21px;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	width:360px;
}
.softselebox {
	border:0;
	padding:6px;
	font-size: 20px;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	width:520px;
}
/* --------------------------------------------------
   uddltable Table
-------------------------------------------------- */
.uddltable {
    border-spacing: 0;
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;
	margin-top: 20px;
}
.uddltable th,
.uddltable td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.uddltable th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}
.uddltable th.bit {
     background: rgba(220,29,29,0.42);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: 1.5px;
}
.uddltable ul {
padding: 5px;
height: 85px;
max-height:110px;
overflow: auto;
display: block;
}
/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.uddltable tr:first-child th:first-child,
.uddltable tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.uddltable tr:first-child th:last-child,
.uddltable tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.uddltable tr:last-child th:first-child,
.uddltable tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.uddltable tr:last-child th:last-child,
.uddltable tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.uddltable thead th {background:#e3dcd5;}
.uddltable thead+tbody th {background:#f4ede6;}
.uddltable tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.uddltable thead tr:first-child th:first-child,
.uddltable thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.uddltable thead tr:first-child th:last-child,
.uddltable thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.uddltable thead+tbody tr:first-child th:first-child,
.uddltable thead+tbody tr:first-child td:first-child,
.uddltable thead+tbody tr:first-child th:last-child,
.uddltable thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.uddltable thead+tbody tr:last-child th:first-child,
.uddltable thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.uddltable thead+tbody tr:last-child th:last-child,
.uddltable thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* === ユーザー登録方法の選択表示 === */
#main-how2reg {
    /*width: 700px;*/
    height: 530px;
    overflow: hidden;
    position: relative;
}
#wrapper-how2reg {
	width: 750px;
	height: 530px;
	overflow: auto;
	position: relative;
}
.page-how2reg {
	width: 700px;
	height: 530px;
	/*padding: 0 10px;*/
	/*color: #333;*/
	position: relative;
	margin-bottom: 10em;
}
.page-how2reg > h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
}
.page-how2reg > p {
	width: 96%;
	font-size: 90%;
	margin: 5px 0;
}
/* === オーディオコントロールパネル === */
audio.miditech {
	width: 300px;
	margin: 0 auto 10px;
}
/* === 注意書きエクスクラメーションマーク === */
.exclm::before {
	margin-right: 5px;
	content: '\f071';
	color: #ed0808;
	font-size: 120%;
	font-family: 'FontAwesome';
}
/* === チェックマーク === */
.checked::before {
	margin-right: 5px;
	content: '\f058';
	color: #5f9ea0;
	font-size: 120%;
	font-family: 'FontAwesome';
}
/* === サポート終了の場合 === */
.eol, .nosupport {
	list-style: none;
}


.eol li {
	font-size: 1.4em;
	font-weight: bold;
}
.eol li span {
	background-color: #33c;
	color: #fff;
	padding: 0 10px;
	margin-right: 10px;
}




.nosupport li.firstbold {
	text-indent: -1em;
}
.nosupport li.firstbold::before {
	margin-right: 5px;
	content: '\f00d';
	color: #ed0808;
	font-size: 120%;
	font-family: 'FontAwesome';
}
.swtech {
	margin: 30px 0 35px 31px;
	font-size: 15px;
}

.swtechxx {
	margin: 30px 15px 35px 15px;
	font-size: 15px;
}


/* --------------------------------------------------
   テクニックtable Table
-------------------------------------------------- */
.techtable {
    border-spacing: 0;
    /*border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;*/
	margin-top: 20px;
	width: 98%;
}
.techtable th,
.techtable td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.techtable th.theme {
    background: #DD0606;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#ffffff;
	font-size: 16.5px;
	    border-top: 1px solid #CCC;
		line-height: 19px;
		width: 110px;
	padding: 10px auto;
}
.techtable th.theme02 {
    /*background: #F5F5F5;*/
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
	font-size: 16px;
	text-align: left;
	padding: 10px 7px 10px 15px;
    border-bottom: none;
    border-top: 1px solid #CCC;
}



.techtable th.bit {
    background: rgba(220,29,29,0.42);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: 1.5px;
}
.techtable ul {
	padding: 5px;
	height: 85px;
	max-height:110px;
	overflow: auto;
	display: block;
}
.techtable td {
	text-align: left;
	padding: 7px 7px 11px 15px;
	font-size: 14px;
}
.techtable td span {
	font-weight: bold;
}
.techtable td.noborder {
	background: none;
    border-left: none;
    border-bottom: none;
}
/* --------------------------------------------------
   旧製品table Table
-------------------------------------------------- */
table.kyuprdct {
    font-size: 12px;
    /*margin: 0 auto;*/
	margin: 25px 10px 15px 0px;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
table.kyuprdct th {
    padding: 12px;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 1px solid;
    color: #fff;
}
   table.kyuprdct th.status {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;
	font-size: 13px;
 }
  table.kyuprdct th.genko {
    border-right: #999 1px solid;
    background: #ED0808;
 		    font-size: 13px;
 }
  table.kyuprdct th.status {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;
	font-size: 13px;
 }
   table.kyuprdct th.seisanshuryo {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #7cacc2;
	font-size: 13px;
 }
    table.kyuprdct th.supposhuryo {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;
	font-size: 13px;
 }
table.kyuprdct td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
}
 table.kyuprdct td.genko {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
	background: rgba(249,0,4,0.09);
	color: #000000;
	font-size: 15px;
}
 table.kyuprdct td.seisanshuryo {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
	background: rgba(124,172,194,0.2);
	color: #000000;
	font-size: 13px;
}
  table.kyuprdct td.supposhuryo {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;
	background: rgba(168,168,168,0.15);
	color: #000000;
}
p.afterverup {
		margin-left :51px;
		margin-top :30px;
		font-size: 15px;
		font-weight: bold;
 padding-left: 45px;
    text-indent: -45px;
	}
p.afterverup::before {
    font-size: 25px;
	content: "\f058";
	font-family: FontAwesome;
	color: #5f9ea0;
	vertical-align: middle;
	padding-right: 7px;
}
.afterverupflow {
	width: 88%;
	margin :15px 0px 45px 83px;
	line-height: 24px;
}
.afterverupflow > span {
	font-size: 14px;
	font-weight: normal;
}
p.sw1afterverup {
	margin-left :58px;
	font-size: 14px;
	padding-right:25px;
	margin-bottom :30px;
	margin-top :26px;
	line-height: 25px;
}
p.sw1afterverup_kome {
	margin-left :58px;
	font-size: 14px;
	padding-right:25px;
	padding-left: 14px;
	text-indent: -14px;
	margin-bottom :50px;
}


/* --------------------------------------------------
   Tipsボタン
-------------------------------------------------- */



/*body {
  box-sizing: border-box;
  background: #ddd;
  margin: 0;
  padding: 5rem 0;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  text-rendering: optimizeLegibility;
}*/


.optable .tipsbutton {
  font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  display: inline-block;
  background: #e05851;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
	font-weight: normal;
  padding: 0.5rem 3rem 0.5rem 1rem;
  border: 2px solid #333;
  box-shadow:
    2px 2px 0 #fff inset,
    5px 5px 0 rgba(#000, 0.0);
  position: relative;
  transition: all 200ms ease;
  transform: translate(0, 0)
}

.optable .tipsbutton:hover {
    background: #db201a;
    box-shadow:
      2px 2px 0 #fff inset,
      5px 5px 0 rgba(#000, 0.1);
  }

.optable .tipsbutton:active {
    box-shadow:
      0 0 0 #fff inset,
      0 0 0 rgba(#000, 0.0);
    transform: translate(2px, 2px);
  }

.tipsbutton::before, .tipsbutton::after {
    content: ' ';
    position: absolute;
  }

.tipsbutton::before {
    top: 0;
    bottom: 0;
    right: 2rem;
    border-right: 2px solid #333;
}

.tipsbutton::after {
    width: 0.7rem;
    height: 0.7rem;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    top: 50%;
    right: 0.8rem;
    transform:
      translate(0, -50%)
      rotate(47deg)
      skew(4deg);
    border-radius: 0 2px 0 0;
}


/* --------------------------------------------------
   ワンポイントアドバイス Table
-------------------------------------------------- */
.optable {
    border-spacing: 0;
	width: 100%;
}
.optable th,
.optable td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.optable th.theme {
    background: #3D3B3B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#ffffff;
	font-size: 16.5px;
	    border-top: 1px solid #CCC;
		line-height: 19px;
		width: 65px;
	padding: 10px auto;
}
.optable th.theme02 {
    /*background: #F5F5F5;*/
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
	font-size: 16px;
	text-align: left;
	padding-left: 15px;
    border-bottom: none;
    border-top: 1px solid #CCC;
}

.optable th.haishin {

	background: none;
    color:#69655c;
	font-size: 14px;
	text-align: center;
	width: 180px;
	padding-right: 10px;
	    border-top: 1px solid #CCC;
}

.optable th.haishin::before{
  content: "\f003";
  font-family: FontAwesome;
  padding-right:0.4em;
}



.optable th.bit {
    background: rgba(220,29,29,0.42);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: 1.5px;
}
.optable ul {
/*	padding: 5px;*/
/*	height: 85px;*/
/*	max-height:110px;*/
/*	overflow: auto;*/
/*	display: block;*/
	padding: 7px 7px 10px 15px;

}

.optable li {
	line-height: 25px;
	margin-left: 15px;
padding-bottom: 20px;

}


.optable ul.kome {
/*	padding: 5px;*/
/*	height: 85px;*/
/*	max-height:110px;*/
/*	overflow: auto;*/
/*	display: block;*/
padding: 0px 7px 10px 15px;
list-style:none;

}
.optable li.kome {
	line-height: 18px;
	margin-left: 15px;
padding-bottom: 20px;
text-indent: -13px;
	font-size: 13px;
	font-weight: normal;
}

.optable td {
	text-align: left;
	padding: 7px 7px 15px 15px;
	font-size: 14px;
}
.optable td span {
	font-weight: normal;
	color: #e05851;
}
.optable td.noborder {
	background: none;
    border-left: none;
    border-bottom: none;
}

/*ダウンロードセンターへのボタン*/
.col4button4dl {
	width:65%;
	/*padding:15px; */
	line-height: 50px;
	border: 1px solid #ADB1B4;
	border-radius:9px;
	text-align: center;
	font-size: 1em;
    font-weight: bold;
	background-color: #fff;
/*	border: 1px solid #333;*/
	border-radius: 4px;
}
.col4button4dl a {
	text-decoration: none;
	display: block;
	color: #333333;
	border: 0.5px solid #333;
		background-color: rgba(250,113,113,0.30);

}
.col4button4dl a:hover {
	border-radius:4px;
	/*border: 1px solid #f00;*/
	background-color: rgba(250,113,113,0.11);
	}

/*-- ※付注釈 --*/
.atten {
	text-indent: -1em;
	margin-left: 1em;
}
/*.atten::before {
	content: '※';
	margin-right: 5px;
}*/