div#pageinfo {
	width: 450px;
	padding: 0 0 0 30px;
}

span#s_pageinfo {
    display: block;
    position: relative;
    top: -12px;
}

p.note {
	margin: 5px 0 0 30px;
}

#purch ul {
	margin: 0 0 0 30px;
}

#purch table {
	width: 100%;
	max-width: 550px;
}
#purch th {
	color: #1d91ab;
	padding: 0.5em 0 0.5em 1em;
	font-weight: bold;
	width: 20%;
	text-align: center;
	border: solid 2px;
	border-color: #d6e2ef;
}
div#purch .box {
	margin: 18px 0 0 20px;
}

div#riyouHani {
	margin-bottom: 80px;
}
div#riyouHani p.use1 {
	font-size: 17px;
	margin: 16px 0 0 15px;
	color: #33669e;
	font-weight: bold;
}
div#riyouHani p.use2 {
	margin: 5px 0 0 22px;
	font-size: 16px;
}
div#riyouHani p.use3 {
	font-size: 14px;
	margin: 0 0 0 30px;
}

table#tb1, table#tb2 {
	margin: 0 0 3px 30px;
	background-color: #d6e2ef;
}
#tb1 th span, #tb2 th span {
	font-size: 30px;
}
#tb1 th, #tb2 th{
	color:#48595d;
}
table#tb3 {
	margin: 70px 0 0 30px;
	font-size: 18px;
}
#tb3 td span {
	font-size: 25px;
}

td#tb3-td1 {
	background-color: #c1b999;
	padding: 0.5em 1em 0.5em 1em;
	border: solid 2px;
	border-color: #fff;
	color: #fff;
	width: 30%;
	min-width: 25%;
}
td#tb3-td2 {
	color: #704475;
	padding: 10px 0 10px 20px;
	font-size: 15px;
	font-weight: bold;
}
#tb3-td2, #tb3-td3{
	background-color: #f7f7ef;
}
img#oukan {
	position: absolute;
	width: 80px;
	top: -49px;
	left: 0;
}

div#mitsuInfo {
	margin: 15px 0 0 0px;
	background-color: #f5f5f5;
	padding: 10px;
	border-radius: 7px;
}

img#oukan {
	position: absolute;
	width: 80px;
}
img#img23 {
	width: 92px;
	position: absolute;
	top: 0;
right: 0;
	top: 23px;
}
img#img25 {
	width: 125px;
	display: block;
	margin: 0 0 0 auto;
}
img#img26 {
	width: 121px;
	margin: 0 20px 0 auto;
	display: block;
}

#btn-mitsu {
	display: block;
/*    height: 40px;*/
	line-height: 40px;
	text-align: center;
	background-color: #488fc3;
	border: 1px solid #FFF;
	box-shadow: 0px 0px 0px 5px #488fc3;
	font-size: 16px;
	color: #f5f5e5;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 16px;
	border-radius: 5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 90%;
	margin: 40px auto 0 auto;
}
#btn-mitsu:hover{
	opacity: 0.7;
}

span.s-youten {
	color: #8e0b34;
	font-weight: bold;
}

#mituD1 span{
	color:#6277a7;
	font-weight:bold;
}
#mituD1 p{
	margin-left: 12px;
	font-size:90%;
}
#mituD1{
	border-left: solid 10px #5e7ab9;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0px;
}
div#d_tantou {
	margin: 20px 0 0 10px;
}
div#d_tantou p{
	margin: 0 0 0 0;
	font-size: 16px;
	line-height: 20px;
}

span.pC {
	margin-left:-1em;
margin-right: 1em;
color: #BF407F;
font-weight: bold;
}
#purch h2#hojin {
	margin: 60px 0 0 0;
}

#go-hacchuu{
	display: block;
	margin: 10px auto 60px auto;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #4199c7;
	border-bottom: 2px solid #005ea0;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
#go-hacchuu:hover{
	opacity: 0.75;
}

table.tb-syorui {
	width: 100%;
}
div#houhouSentaku label {
	font-size: 17px;
	font-weight: bold;
}
a#modoruMit {
	display: block;
	margin: 20px 0 0 0;
	font-size: 16px;
}
table#downloadTbl th {
	padding: 3px 10px;
	text-align: center;
}
table#downloadTbl td {
	padding: 3px 10px;
	text-align: center;
}

table.tb-syorui th{
	color: #696c71;
	padding: 0.5em 0 0.5em 0;
	font-weight: bold;
	width: auto;
	text-align: center;
	border: solid 1px;
	border-color: #7f7d7d;
	background-color: #efefef;
}
table.tb-syorui td{
	padding: 0.5em 1em 0.5em 1em;
	border: solid 1px;
	border-color: #7f7d7d;
	width: auto;
	text-align: center;
}
table.tb-syorui td.mtdr{
}
table#orderSum th {
	padding: 0px 10px 0px 5px;
	font-size: 16px;
}

div#houhouSentaku {
	margin: 0 0 0 0;
}
div#houhou1 {
	margin: 10px 0 30px 0;
}
p#p2232 {
	margin: 30px 0 0 0;
	font-size: 18px;
	font-weight: bold;
}


/* 左端にボーダー、見出しに使用*/
.Datasrv1 {
padding: .25em 0 .25em .75em;
border-left: 9px solid #641894;	/* ボーダーの色など*/
color: #000;	/* 見出しテキスト色*/
font-size: 21px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 30px;
}
/* グリーン太字、見出し*/
.Datasrv2 {
margin: 30px 0 0 0;	/* 上から時計回り。上右下左*/
padding: 0 0 6px 0;
text-align: left;
font-size: 23px;
font-weight: bold;
/*color: #c5af5a;*/
color: #000;
}

/* グレー太字、BOX内タイトルに使用*/
.Datasrv3 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}

/* 太字の小見出し*/
.Datasrv4 {
	font-size: 110%;
	font-weight:bold;
	padding-bottom: 7px;
}

.kokai{	 /* 「特許公報」の文字色*/
	color: #439cab;/*文字色*/
	font-weight:bold;
}
.kokai2{	 /* 「公開公報」の文字色*/
	color: #88ab43;/*文字色*/
	font-weight:bold;
}

.tab1{	 /* 行ぞろえ*/
	width: 150px;
	vertical-align: top;
	color: #33669e;
	font-weight: bold;
	margin: 0px 15px 10px 0;
}
.tab2{	 /* 行ぞろえ*/
	line-height: 22px;
}
a.a_modoru {
	font-size: 16px;
	margin: -46px 0 0 35px;
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #8c949e;
	border: solid 1px #fff;
	overflow: hidden;
}
a.a_modoru:hover {
	background: #b9bec5;
transition-property: all;
transition: 0.3s linear;
}

ol li {
	line-height: 1em;
	padding: 0.75em 0 0 14px;
	text-indent: -1.3em; /*文章が折り返されたときのインデント*/
}

.box {
	padding: 1em 1.5em;
	margin: 2em 1.5em 2.5em 0; /*上の空白、左右の空白*/
	color: #333;/*文字色*/
	line-height: 24px;
	background: #FFF;
	border: solid 2px #8d99ab;/*線*/
	border-radius: 6px;/*角の丸み*/
	width: 80%;
	font-size: 16px;
}
.box2 {
	padding: 1em 1.5em;
	margin: 2em 1.5em 2.5em 0; /*上の空白、左右の空白*/
	color: #333;/*文字色*/
	line-height: 24px;
	background: #FFF;
	border: solid 2px #8d99ab;/*線*/
	border-radius: 6px;/*角の丸み*/
	width: 100%;
	font-size: 16px;
}

/*塗りつぶしありのBOX*/
.box2 {
	padding: 1em 1.5em;
	line-height: 24px;
	background: #ececec;
	border-radius: 6px;/*角の丸み*/
}
div.box4 {
	padding: 1em 1.5em;
	background: #f5f5e5;
}

/* 画像 右よせの場合 */
.right_img {
	float: right;
	margin: 1em 5px 10px 5px;		/* 上から時計回り。上右下左*/
}
/* 画像 左よせの場合 */
.left_img {
	float: left;
	margin-right:1em;
}

/*floatした画像が親要素を貫くことを防止*/
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

.float-clear{
	overflow:	hidden;
}

/* 四角く背景を塗りつぶし（青～緑）*/
.box_nuri {
	padding: 1em 1.5em;
	color: #ffffff;/*文字色*/
background: linear-gradient(90deg, #2f3d9a, #5bc3ce);	/* グラデーション塗り*/
}
/* 四角く背景を塗りつぶし（青～白）*/
.box_nuri2 {
	padding: 1em 1.5em;
background: linear-gradient(90deg, #fff, #5bc3ce);	/* グラデーション塗り*/
}

p.underline {
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}

.yaji_line {
	position: relative;
	padding-left: 25px;
}
.yaji_line:before {   /*三角部分の設定*/
	position: absolute;
	content: '';
	bottom: -4px;
	left: 0; /*三角のスタート位置*/
	width: 0;
	height: 0;
	border: none;
	border-left: solid 12px transparent;  /*三角部分の横幅*/
	border-bottom: solid 12px #6b62b28c;   /*旗部分の高さ*/
}
.yaji_line:after {   /*ラインの設定*/
	position: absolute;
	content: '';
	bottom: -4px;
	left: 0px;  /*ラインの開始位置を左にずらす*/
	width: 100%;  /*ラインの長さ*/
	border-bottom: solid 2px #6b62b28c; /*ラインの太さ*/
}
/* 相対位置で中央表示させるためのBOX */
div.oya_box {	/* 親ボックス */
		width: auto;
		height: 190px; /* 親ボックスに高さを指定しないと、次のBlockがめり込む */
		position: relative;  /*現在いる位置を起点にする */
		top: 0;
		left: 0;
	}
div.ko_box {	/* 子ボックス1 */
		width: auto;
		position: absolute; /* 親を起点とした絶対位置 */
		top:  50%; /* 親ボックスを起点とし、この分ずれる */
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	}

/* TOPの画像に文字を重ねるスタイルX */
.over_img {	/* 親ボックス */
		position: relative;  /*現在いる位置を起点にする */
	}
.over_img_0 {	/* 図と重ねるタイトル文字の部分 */
	position: absolute;	/*現在いる位置を起点にする */
	top:  16%; /* 親ボックスを起点とし、上からこの分ずれる */
	text-indent: -1.3em;	/* 改行したときのインデント */
	left: 10%;	/*親ボックスを起点とし、左からこの分ずれる*/
	color: white;   /*文字は白に*/
	line-height: 1.3em;
	font-weight: bold;
	font-size: 35px;
	font-family :Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif;	/*ゴシック系*/
	text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4); /*末尾は透過の値*/
}
.over_img p {	/* 図と重ねるキャプション部分 */
	position: absolute;	/*現在いる位置を起点にする */
	color: white;   /*文字は白に*/
	line-height:  2em;
	font-family :Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif;	/*ゴシック系*/
	font-weight:bold;
	overflow:	hidden;	/*はみ出る部分は消す*/
	bottom: 30px;	/*下からの距離*/
	right: 30px;	/*右からの距離*/
	text-align:right
}
.over_img_1 {	/* 図と重ねる文字の部分 中央に乗せる場合*/
	position: absolute;	/*現在いる位置を起点にする */
	color: #666769;   /*文字の色*/
	top:  30%; /* 親ボックスを起点とし、上からこの分ずれる */
	left: 35%;
	text-indent: -1.3em;	/* 改行したときのインデント */
	line-height: 1.3em;
	font-weight: bold;
	font-size: 25px;
	font-family : メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif;	/*ゴシック系*/
}
.over_img_2 {	/* 表に図を重ねる。こっちは表の方 */
	position: absolute;	/*現在いる位置を起点にする */
	top:  60px; /* 親ボックスを起点とし、上からこの分ずれる */
	left: 20px;
	z-index: 1;  /* 重なる順序を指定。値が大きい方が上になる */
}
/* ---- 購入ボタンのセット（ここから）---------*/
.button01{
	display:block;
	width: 75%;
	height:70px;
	line-height: 70px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #57b6c9; /*押下前のボタン色*/
	border: 1px;
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.button01:hover{
	background-color: #97d7e4; /*ボタン色*/
	color: #FFF;
}
/*   購入ボタン   ～ここまで～ */


/*   購入ボタン 2重線タイプ ここから*/
.btn-inline {
display: inline-block;
min-width: 260px;
height:70px;
line-height: 57px;
text-align: center;
background-color: #488fc3;
border: 1px solid #FFF;  /*ラインを引く*/
box-shadow: 0px 0px 0px 5px #488fc3; /*box-shadowで外枠をつけたす */
font-size: 16px;
color: #f5f5e5;  /*文字色*/
text-decoration: none;
font-weight: bold;
padding: 8px 16px;
border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.2s; /*アニメーション動作の設定部分*/
	transition: all 0.2s;
	margin-top: 40px;
}
.btn-inline:hover {   /*変化後の設定*/
	border-style: solid;
	color: #488fc3;
	background: rgba(255,255,255,0.7); /*色を反転*/
	box-shadow: 0px 0px 0px 5px #488fc3
}
/*  ここまで 購入ボタン 2重線タイプ*/

.btn-inline2 {
position: relative;
	display: block;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #4199c7;
	border-bottom: 2px solid #005ea0;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.btn-inline2:active {
	border-bottom: 2px solid #26C6DA;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-inline2:hover {
	text-decoration: none;
	color: #f7f7f7;
	opacity: 0.75;
}

.btn-inline6 {
	position: relative;
	display: block;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background: #bfbfce;
	border-radius: 4px;
	margin-top: 30px;
}

.btn-inline5 {
position: relative;
	display: block;
	width: 200px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #4199c7;
	border-radius: 4px;
	margin-top: 30px;
}

div.navi li{ 	/*その1～ ボタンを横並びにする*/
	display: inline-block;  /*blockにしないとwidthの指定が効かない */
	min-width: 16%;
	margin-right: 0.3em;
	background-color: #afb5d0;
	padding: 10px;
	font-family: Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, sans-serif;
	text-decoration: none;
	color: #fff;
	border-radius: 5px; /*角丸*/
}
div.navi li a{
	text-decoration:none;  /*リンクの下線なし*/
	font-weight: bold;
	color: #fff;
}
div.navi li a:hover{
	border-bottom: dotted 1px #fff;
}

/* その2～横並びで、つながったナビボタン*/
div.navi2 ul {
	list-style-type: none; /*リストのマーカー*/
	margin: 0;
	padding: 0;
	overflow: hidden;  /*はみ出た部分の処理*/
	background-color: #581682;
}

div.navi2 li{
	float: left;
	border-right: 1px solid #ffffff; /* ボタンの境目*/
	width: 49%;
}

div.navi2 li:last-child {
	border-right: none;
}
div.navi2 li a{
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	line-height: 25px;
}
div.navi2 li a:hover:not(.active) {
	background-color: #783b9c;
}
div.navi2 li img{
	width: 35px;
	padding : 0 15px 0 0;
}
div.navi2.navi3 li {
	width: 33%;
}
div#dl_or_seikyuu li a {
	line-height: 36px;
}


div.navi li{ 	/*その3～ purchaseページ用 ボタン横並び*/
	display: inline-block;
	min-width: 16%;
	margin-right: 0.3em;
	background-color: #afb5d0;
	padding: 10px;
	font-family: Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, sans-serif;
	text-decoration: none;
	color: #fff;
	border-radius: 5px; /*角丸*/
}

.button01_dl {
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #57b6c9;
	border: 1px;
	border-radius: 5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	padding: 5px 10px;
	font-weight: bold;
}
.button01_dl:hover {
	text-decoration:none;
	opacity: 0.8;
}

.d_syorui {
	border: solid 1px #777;
	margin: 0px 0 50px 0;
	padding: 50px 47px 50px 47px;
}



/*  ====================================== */
/*  ==========＊ ここから未使用 ＊========== */
/*  ====================================== */

.circle{
	width:100%;
	text-align:center;
}
.circle h2{
	position:relative;
	display:inline-block;
	padding:16px 40px;
	border-top: 2px solid #111;
	margin: 0 0 15px 0;
}
.circle h2:before, .circle h2:after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#111;
	position:absolute;
	top:-5px;
}
.circle h2:before{left:-4px;}
.circle h2:after{right:-4px;}

/*
見出しの●をデザインします。
*/
.heading5{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
	color: #9554a9;
}
.heading5:before{
	content:'';
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	height:29px;
	width:29px;
	display:block;
	position:absolute;
	top:4px;
	left:25px;
	background-color:#b1ae97;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

#topImg img {

	margin-top: 20px;

}

.sp20 {
	padding-top: 20px;
}

#socialBtns {
	display: table;
	position: relative;
	top: 10px;
	z-index: 200;
	left: 310px;
}

.dlStep {
	padding: 0 15px;
}

.div_submitBtn input {
	margin: 10px 0 0 380px;
	position: relative;
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #5c87c2;
	border: solid 1px #fff;
	overflow: hidden;
}

.div_submitBtn input:hover {
	background: #86a0c3;
	transition-property: all;
	transition: 0.3s linear;
	text-decoration: none;
}

.div_submitBtn input:hover:before {
	left:98%;
}
div.itembox{
	margin-left:20px;
	background: #f7f7f7;
	border: solid 2px #f6f7f1;
	line-height:240%;
	padding: 10px 0px 10px 25px;
}
p.itembox_label {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 5px 20px;
}

.itembox-lv2 {
	margin: 10px 0 15px 0px;
}
p.itembox-p1 {
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 18px;
}
p.itembox-p2 {
	line-height: 30px;
}
p.itembox-p2 input {
	width: 300px;
	text-align: left;
}

.div_submitBtn {
	margin: 30px 0 90px 0;
}
div.itembox2{
	background: #f7f7f7;
	border: solid 2px #f6f7f1;
	line-height:240%;
	padding: 10px 0px 10px 25px;
	margin: 20px 20px;
}
p.itembox2_label {
	font-size: 18px;
	margin: 30px 0 5px 20px;
}

.d_mitsumoriSyo_Lv1 {
	margin: 30px 30px 30px 30px;
}

.datasv {
	margin-top: 30px;
	border: #ccc solid 1px;
	margin-bottom: 10px;
}

input[type="radio"], input[type="checkbox"] {
	margin: -5px 10px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}


a.a_modoru:hover, a:focus {
	text-decoration: none;
	color:#fff;
}

div#outLine {
	border: #bbb solid 1px;
	padding: 2em;
}

#spb30 {
	text-align: center;
	font-size: 30px;
}

.err01 {
	color: #d06421;
	font-size: 20px;
	padding: 30px 0 20px 0;
	line-height: 1.5em;
}

.datasv .table {
	margin-bottom: 0px;
}
.col-md-4.col-xs-4 p {
	margin: 0 0 0 0;
}
div#miInfo {
	float: right;
	padding : 0;
}

div#toInfo {
	margin: 50px 0 0 0;
	padding: 0 10px 0 0;
}

h3#name {
	font-size: 20px;
	text-decoration: underline;
}


#inkan {
padding: 0;
background-image: url(../../img/adsuser/inkan_red.png);
background-repeat: no-repeat;
z-index: 10000;
height: 131px;
position: relative;
margin-top: -87px;
margin-left: 209px;
}
div#hurikomiSaki {
	margin: 50px 0 30px 20px;
}

.errMsg {
	color: #f00;
}
span.input-note {
	margin: 0 0 0 10px;
	font-size: 15px;
}