@charset "UTF-8";

.bannersnnx {
	width: 100%;
	height: 290px;
	background-image:url("../images/snnx_banner_01.png");
	position: relative;
	background-repeat: no-repeat;
	margin-bottom: 60px;
}

.bannersnnx a {
  display: block;
  width: 960px; /*クリックできる背景画像のサイズ*/
  height: 258px;
}

#snnxmenu {
  width: 100%;
  height: 45px;
  padding: 0px;
  margin: 0 auto;
  list-style-type: none;


  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4175ff), color-stop(1.00, #213fb1));
background: -webkit-linear-gradient(#4175ff, #213fb1);
background: -moz-linear-gradient(#4175ff, #213fb1);
background: -o-linear-gradient(#4175ff, #213fb1);
background: -ms-linear-gradient(#4175ff, #213fb1);
background: linear-gradient(#4175ff, #213fb1);



  border-radius: 10px;
  /*box-shadow: 3px 3px 3px #aaa;*/


  	position: absolute;
	top: 265px;
	left:0;

}


#snnxmenu li {
  width: 16.6666%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}

#snnxmenu li a {
	width: auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 8px;
	padding: 5px 0 4px 0;
	text-decoration: none;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.7);
	display: block;
	width: 83%;  /*メニュー項目リンクのクリックできるサイズ*/
	height: 100%;
    border-radius: 10px;
}

#snnxmenu li.decolor a {
  color: #E8CC74;

}



#snnxmenu li a:hover {
	background: rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(255,255,255,0.5), 1px 1px 3px rgba(0,0,0,0.5) inset;
	/*color: #E8CC74;*/
}



.columnsnnx {
	width: 100%;
	display: table;
	/*background-color:rgba(233,108,110,1.00);*/
	margin: 35px 0;
}

.columnsnnx2 {
	width: 100%;
	display: table;
	/*background-color:rgba(233,108,110,1.00);*/

	margin :15px 0 35px 58px;
}


/* 左カラム */
.colsnnx_left {
	/*width: 50%;*/
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-right: 3em;
}

/* 右カラム */
.colsnnx_right {
	/*width: 50%;*/
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 1.5em;
	padding-right: 45px;

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

.colsnnx_right p {

	/*margin-left :58px;*/
	font-size: 14px;

}

.colsnnx_left p {

	font-size: 14px;
	line-height: 28px;

	}



.columnsnnxinst {
	width: 96%;
	display: table;
	/*background-color:rgba(233,108,110,1.00);*/

	margin :15px 0 35px 90px;
}


/* 左カラム */
.colsnnxinst_left {
	/*width: 50%;*/
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-right: 1em;
}

/* 右カラム */
.colsnnxinst_right {
	/*width: 50%;*/
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 1em;
	padding-right: 45px;

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

.colsnnxinst_right p {

	/*margin-left :58px;*/
	font-size: 14px;

}

.colsnnxinst_left p {

	font-size: 14px;
	line-height: 28px;

	}












.colsnnx_left p.psnnxmida {

	font-size: 15px;
	font-weight: bold;
	}

p.sw1snnx {
	margin-left :58px;
	font-size: 14px;
	padding-right:25px;
		line-height: 28px;

}

p.psnnxmida {

	font-size: 15px;
	font-weight: bold;
	}

/* h3灰色見出し */
h3.headingsnnx {
	width: 95%;
  	position: relative;
  	color: #111;

 	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: 0px 20px 10px 8px;
  	padding: 14px 5px 10px 50px;
  	border-radius: 22px 0 0 22px;
	color: #2b2e2c;
}

.colsnnx_right p.topmarg58 {


	margin-left :58px;
	font-size: 14px;
	padding-right:5px;
	line-height: 28px;

}

h3.headingsnnx: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.headingsnnx a  {
	text-decoration: none;
}

.snnxwaku {

	border: 2px solid #949695;
	border-radius: 5px;
	/*background-color:rgba(236,207,207,0.08);*/
	background-color: #fff;
	margin-bottom: 60px;
	margin-top: 35px;

}

.snnxwaku p {
	font-size: 16px;
	font-weight: bold;
	/*text-indent: -19px;*/
	margin: 30px 15px 15px 53px;

}

.snnxapp  {
	/*margin-left :0px;*/
	width: 846px;
	padding: 30px 50px 30px 50px;
	/*border: 2px solid #949695;*/
	/*border-radius: 5px;	*/
	/*background-color:rgba(236,207,207,0.08);*/
	display: table;
}

.tousaisoft {
	display: table-cell;
	width: 255px;
	text-align: center;

	/*background-color: rgba(156,161,213,1.00);*/
	font-size: 13px;
	font-weight: bold;
}

/*.tousaisoft p {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
*/




.footer-base2 {
	width: 948px; /* 960-10*2 */
	margin: 50px auto 10px auto;
	padding: 10px;
	background: linear-gradient(to bottom, #4175ff 0%, #213fb1 100%);
	overflow: hidden;
}



ol.kaitomethod {
	margin-left :58px;
	width: 90%;
	/*padding: 30px 30px 30px 40px;*/
	font-size: 14px;

	font-weight: normal;

}

ol.kaitomethod li {
	margin-top :25px;


}

p.tejunsnnx {
		margin-top :25px;

		margin-left :58px;

		font-size: 15.5px;

		font-weight: bold;
		margin-bottom :25px;
	text-indent: -40px;
	padding-left: 40px;
}

p.tejunsnnx2 {
		margin-top :25px;

		margin-left :58px;

		font-size: 15.5px;

		font-weight: bold;
		margin-bottom :25px;
	text-indent: -40px;
	padding-left: 40px;
}

p.tejunsnnx:first-letter
{
    font-size: 2.2em;
	color: #D72403;
}



p.tejunsnnxppp {
		margin-top :25px;
		margin-left :98px;
		font-size: 14px;
		line-height: 28px;
	padding-right:25px;


}

p.tejunsnnxppp img {
		margin-top :5px;
		margin-bottom :30px;

}

p.tejunsnnxppp2 {
		margin-top :25px;
		margin-left :98px;
		font-size: 14px;
		line-height: 35px;
	padding-right:25px;


}

p.tejunsnnxppp2 > span.passkakomi {
		color :white;
		background-color :black;
	font-size : 14px;
	font-weight: bold;
	padding: 10px 20px;

}


/* --------------------------------------------------
   table.naiyoubutsu
-------------------------------------------------- */
table.naiyoubutsu {
    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;
		margin-left :98px;
			margin-bottom: 50px;

		font-size: 13px;
		line-height: 22px;
	padding-right:0px;
	width: 80%;

}
table.naiyoubutsu th,
table.naiyoubutsu td {
    padding:10px;
	    padding-left:20px;

    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;

}
table.naiyoubutsu th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}





.instchui {
	padding-left: 14px;
	text-indent: -14px;
	margin :5px 0 5px 90px;
	font-size: 14px;
	line-height: 24px;
		padding-right:25px;

}

.instchui2 {
	padding-left: 14px;
	text-indent: -14px;
	margin :5px 0 5px 0;
	font-size: 14px;
	line-height: 24px;
		padding-right:25px;

}


.instchui_loops {
	padding-left: 13px;
	text-indent: -13px;
	margin :2px 10px 5px 100px;
	font-size: 13px;
	line-height: 23px;
		padding-right:35px;

}


/* 体験版ボタン */

.taikenbutton {
    margin: 5px;
    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;
}

.taikenbutton span {
	font-size: 12.5px;
	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 0.8em;
	-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;

}

.taikenbutton:hover {
	text-decoration: none;
}

.taikenbutton span:hover {
    background: rgba(255,255,255,0.1);
	text-decoration: none;
}

.taikenbutton-ash {

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #808080), color-stop(1.00, #121212));
background: -webkit-linear-gradient(#808080, #121212);
background: -moz-linear-gradient(#808080, #121212);
background: -o-linear-gradient(#808080, #121212);
background: -ms-linear-gradient(#808080, #121212);
background: linear-gradient(#808080, #121212);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

/* 試用版ダウンロードボタン */


input#ABILITYProTrial {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
	margin-bottom :30px;
    border-style: none;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input#ABILITYProTrial:hover {
    background-color: #302C2C;
    opacity: 0.8;
    color: #F2E3E1;
	cursor: pointer;

    /*color: #ED0808;*/
}

.tejunhirabun {
		margin-top :5px;
		margin-left :98px;
		font-size: 12px;
		line-height: 21px;
	padding-right:25px;

}

.tejunhirabun > span.chui {
	padding-left:12px;
	text-indent: -12px;
	font-size: 12px;
	line-height: 22px;
	display: block;
}


.lt95inst {
	margin-left :90px;
	margin-bottom :35px;
			margin-top :35px;

	font-size: 14px;
	width: 84%;
	/*padding: 19px 30px 20px 58px;*/
	padding: 20px;
	background-color: rgba(203,190,157,0.20);
	line-height: 26px;
		border: 1px solid #787171;

}


.illustinst {
	margin-left :58px;
	margin-bottom :35px;
			margin-top :35px;

	font-size: 14px;
	width: 84%;
	/*padding: 19px 30px 20px 58px;*/
	padding: 20px;
	background-color: rgba(203,190,157,0.20);
	line-height: 26px;
		border: 1px solid #787171;

}


.dl95button {
/* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 25px;

    /* 背景色を濃い青色に指定 */
    background-color: #224B88;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

}

.dl95button:hover {

    /* 背景色を濃い青色に指定 */
    background-color: #ED0808;
    color: #EDF3C8;

}


ul.deactilist {
	margin-top: 10px;
	margin-bottom: 10px;
	}

ul.deactilist li {
	margin: 24px;

	}