body {
	/*background-color: #555555;*/
	/*background: url(haikei.png);
	width: 950px;*/
	/*font-family: "メイリオ", "Meiryo";*/
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*line-height: 170%;*/
}
input[type="text"] {
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#000;
	border:solid 1px #ccc;
	/*margin:0 0 20px;*/
	/*width:300px;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
input:focus {
    border:solid 1px #EEA34A;
}

input[type="button"] {
	border:solid 1px #ccc;
	padding:7px 15px;
	margin:0px; /* 0 20px;*/
	font-family:Arial, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	-webkit-appearance: button;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}

input[type="button"]:hover {
	color:#CC0000; 	
}

a.w:link { color: #ffffff; text-decoration:none;}
a.w:visited { color: #ffffff; text-decoration:none;}
a.w:hover { color: #ffffff; text-decoration:underline;}
a.w:active { color: #ffffff; text-decoration:none;} 

a.b:link { color: #000; text-decoration:none;}
a.b:visited { color: #000; text-decoration:none;}
a.b:hover { color: #000; text-decoration:underline;}
a.b:active { color: #000; text-decoration:none;} 

.select-box01 select {
	width: 100px;
	padding: 5px;
	/*-webkit-appearance: none;
	-moz-appearance: none;*/
	appearance: none;
	border: 1px solid #999;
	/*background: #eee;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*border: none;*/
    border-radius: 3px;
	/*
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;*/
}

textarea {
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#000;
	border:solid 1px #ccc;
	/*margin:0 0 20px;*/
	/*width:300px;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
textarea:focus {
    border:solid 1px #EEA34A;
}

img {
   vertical-align:bottom;
}

#txtc {
	text-align:center;
}
#txtl {
	text-align:left;
}
#txtr {
	text-align:right;
}

#mail1 {
	background: url(mail1.png); /*info@addinsystems.com*/
	background-position: center;
	background-repeat: no-repeat;
	width:166px;
	height:14px;
	margin-top:4px;	
}

#mail2 {
	background: url(mail2.png); /*support@addinsystems.com*/
	background-position: center;
	background-repeat: no-repeat;
	width:193px;
	height:13px;
	margin-top:4px;	
}

#daihyo1 {
	background: url(daihyo1.png); /*support@addinsystems.com*/
	background-position: center;
	background-repeat: no-repeat;
	width:157px;
	height:22px;
	/*margin-top:2px;*/	
}

#daihyo2 {
	background: url(daihyo2.png); /*support@addinsystems.com*/
	background-position: center;
	background-repeat: no-repeat;
	width:130px;
	height:21px;
	/*margin-top:2px;*/	
}

#brn {
	border-right: none;
}

#bln {
	border-left: none;
}
#blrn {
	border-right: none;
	border-left: none;
}
#m1em {
	padding-left:1em;
}

#m2em {
	padding-left:2em;
	text-indent:-1em;
}

#tag {
	font-size: 11px;
	padding-left: 10px;
	text-align: left;
}

p {
	/*font-size: 13px;*/
	padding: 0 10px 0 10px;
	text-align: left;
	/*margin-left:20px;*/
}

#lh0 {
	font-size: 11px;
	line-height: 8px;
}

table.s_table {
	border-collapse: collapse;
	box-sizing: border-box;
	cellspacing: 0px;
	word-break:break-all;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height: 1.3em;
}

table.m_table {
	border-collapse: collapse;
	box-sizing: border-box;
	cellspacing: 0px;
	word-break:break-all;
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height: 1.3em;
}

table.n_table {
	border-collapse: collapse;
	box-sizing: border-box;
	cellspacing: 0px;
	word-break:break-all;
	margin:0px;
	padding:0px;
	line-height: 1.8em;
}
table.n_table tr {
	padding: 0px;
}
table.n_table td {
	/*font-size: 12px;*/
	text-align: left;
	vertical-align:top;
	color: #00000;
	padding: 8px;
	border: solid 1px #ccc;
	/*line-height: 1.8em;*/
}

table.nb_table {
	border-collapse: collapse;
	box-sizing: border-box;
	cellspacing: 0px;
	word-break:break-all;
	margin:0px;
	padding:0px;
}
table.nb_table tr {
	padding: 0px;
}
table.nb_table td,th {
	/*font-size: 12px;*/
	text-align: left;
	color: #00000;
	padding: 8px;
	border:solid 1px #ccc;
	line-height: 1.8em;
	letter-spacing: 1px;
}

.r8box {
	border:solid 2px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.r8box1 {
	background-color: #316bb1;
	border:solid 1px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	
	float:left; 
	/*width:200px;*/
	/*height:150px;*/
	text-align:center;
	font-size:18px;
	font-weight: bold;
	color: #ffffff;
	margin:5px;
	padding:5px;
}

.r8box1in {
	background: url(bk02.png);
	font-size:11px;
	font-weight: normal;
	text-align:left;
	padding:5px;
	margin-top:3px;
	color: #000000;
	width:215px;
	height:100px;
}

.r8box1ins {
	background: url(bk02.png);
	font-size:11px;
	font-weight: normal;
	text-align:left;
	padding:5px;
	margin-top:3px;
	color: #000000;
	width:150px;
	height:80px;
}

.r8box2 {
	background-color: #808080;
	border:solid 1px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	
	float:left; 
	/*width:200px;*/
	text-align:center;
	font-size:18px;
	font-weight: bold;
	color: #ffffff;
	margin:5px;
	padding:5px;
}

#mk02r {
	background: url(mk02r.png);
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	width:80px;
	height:170px;
}
#mk02rs {
	background: url(mk02rs.png);
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	width:43px;
	height:22px;
}
#mk02l {
	background: url(mk02l.png);
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	width:80px;
	height:170px;
}
#mk02br {
	background: url(mk02b.png);
	background-position: right;
	background-repeat: no-repeat;
	margin-right:130px;
	float:right;
	width:100%;
	height:67px;
}
#mk02bl {
	background: url(mk02b.png);
	background-position: left;
	background-repeat: no-repeat;
	margin-left:110px;
	float:left;
	width:800px; /*34px;*/
	height:67px;
}
#mk03 {
	background: url(mk03.png);
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	width:80px;
	height:170px;
}
#mk03s {
	background: url(mk03s.png);
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	width:32px;
	height:32px;
}

.btn {
	background-color: #C1E0FF;
	border:solid 2px #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 250px;
	height: 100px;
	text-align: center;
	vertical-align:middle;
	text-shadow:1px 1px #555;
	font-size:24px;
	font-weight: bold;
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;
	-moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;
}

.css_btn_class {
	font-size:24px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #dcdcdc;
	padding:40px 0px 40px 0px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 42%, #dfdfdf 63% );
	background:-ms-linear-gradient( top, #ededed 42%, #dfdfdf 63% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(42%, #ededed), color-stop(63%, #dfdfdf) );
	background-color:#ededed;
	color:#0;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
 	width:250px;
 	text-align: center;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 42%, #ededed 63% );
	background:-ms-linear-gradient( top, #dfdfdf 42%, #ededed 63% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(42%, #dfdfdf), color-stop(63%, #ededed) );
	background-color:#dfdfdf;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

.square_btn{
    display: inline-block;
    padding: 20px; /*7px 20px;*/
	border-radius: 20px;
    text-decoration: none;
    font-size:20px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    background-image: -webkit-linear-gradient(0deg, #FF9900 0%, #CC0033 100%);
    background-image: linear-gradient(0deg, #FF9900 0%, #CC0033 100%);
    transition: .4s;
    /*box-shadow: 0px 0px 0px 5px #ff8b5f;
    border: solid 2px rgba(255, 255, 255, 0.47);*/
}

.square_btn:hover {
    background-image: -webkit-linear-gradient(180deg, #FF9900 0%, #CC0033 100%);
    background-image: linear-gradient(180deg, #FF9900 0%, #CC0033 100%);
}

.square_btn2{
    display: inline-block;
    padding: 20px; /*7px 20px;*/
	border-radius: 20px;
    text-decoration: none;
    font-size:20px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    background-image: -webkit-linear-gradient(0deg, #0099CC 0%, #0033FF 100%);
    background-image: linear-gradient(0deg, #0099CC 0%, #0033FF 100%);
    transition: .4s;
    /*box-shadow: 0px 0px 0px 5px #ff8b5f;
    border: solid 2px rgba(255, 255, 255, 0.47);*/
}

.square_btn2:hover {
    background-image: -webkit-linear-gradient(45deg, #0099CC 0%, #0033FF 100%);
    background-image: linear-gradient(180deg, #0099CC 0%, #0033FF 100%);
}

#pline {
	background: linear-gradient(transparent 60%, #FFFF53 0%);
	font-weight: bold;
}

#f13 {
	font-size: 13px;
}

#f14 {
	font-size: 14px;
}

#f14b {
	font-size: 14px;
	font-weight: bold;
}

#f16 {
	font-size: 16px;
}

#f16b {
	font-size: 16px;
	font-weight: bold;
}

#f18b {
	font-size: 18px;
	font-weight: bold;
}

#f20b,#rpy0 {
	font-size: 20px;
	font-weight: bold;
}

#f24b {
	font-size: 24px;
	font-weight: bold;
}
#bt24 {
	
}

#b1 {
	background: #316bb1;
	font-weight: bold;
	color: #ffffff;
}
#g1 {
	background: #0e5e0e;
	font-weight: bold;
	color: #ffffff;
}
#o1 {
	background: #d45500;
	font-weight: bold;
	color: #ffffff;
}
#y1 {
	background: #ddd;
	font-weight: bold;
	color: #333333;
	box-shadow: 1px 1px 0 0 #FFFFFF inset;
}
#y1c {
	background: #ddd;
	font-weight: bold;
	text-align:center;
	color: #333333;
	box-shadow: 1px 1px 0 0 #FFFFFF inset;
}

#w1 {
	background: #FFFEE8;
	font-weight: bold;
	color: #333333;
	box-shadow: 1px 1px 0 0 #FFFFFF inset;
}
#y1b {
	background: #ddd;
	font-weight: bold;
	color: #0000FF;
}
#z1 {
	background: #333333;
	font-weight: bold;
	color: #ffffff;
}
#sred {
	 color: #FF6600;
	font-size: 11px;
	text-align: right;
	width:100%;	
}
#q {
	width:20px;
	color: #CC0000;
	text-align: center;
	font-weight: bold;
	background: #ddd;	
}
#a {
	width:20px;
	color: #0000CC;
	text-align: center;
	font-weight: bold;
	background: #ddd;	
}

/* ラジオボタンは非表示にする */
input[type=radio] {
  display: none; 
}
/* チェックされた時のスタイル */
input[type="radio"]:checked + label {
  /*
  background: #0063A4;
  color: #FFF;
  */ 
  background-image: url("rbtn1.png");
  background-repeat: no-repeat;
}
/* チェックされた時のスタイル */
input[type="radio"]:checked + label2 {
  background-image: url("rbtn1.png");
  background-repeat: no-repeat;
}
/* マウスオーバーしたときのスタイル */
.label:hover {
	color:#CC0000;
  /*background-color: #E2EDF9;*/ 
}
/* lableのスタイル */
.label {  
	font-size:20px;
	font-weight: bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #dcdcdc;
	
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 42%, #dfdfdf 63% );
	background:-ms-linear-gradient( top, #ededed 42%, #dfdfdf 63% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(42%, #ededed), color-stop(63%, #dfdfdf) );
	background-color:#ededed;
	color:#0;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
 	width:250px;
 	height: 30px;
 	text-align: left;
	vertical-align:middle;
	
	padding:20px 10px 20px 50px;
	cursor: pointer; 
	background-image: url("rbtn0.png");
	background-repeat: no-repeat;
	background-position: 20px 24px;
}

/* lableのスタイル */
.label2 {  
/*
	font-size:20px;
	font-weight: bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #dcdcdc;	
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 42%, #dfdfdf 63% );
	background:-ms-linear-gradient( top, #ededed 42%, #dfdfdf 63% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(42%, #ededed), color-stop(63%, #dfdfdf) );
	background-color:#ededed;
	color:#0;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;

 	width:250px;
 	height: 30px; 	
 	text-align: left;
	vertical-align:middle;
*/
	padding:24px 10px 20px 50px;
	
	cursor: pointer; 
	background-image: url("rbtn0.png");
	background-repeat: no-repeat;
	background-position: 20px 24px;
}

/*--------------------------------*/
input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  /*margin: 0 20px 8px 0;*/
  padding-left:24px; /* 12px 12px 12px 24px; /*42px;*/
  /*border-radius: 8px;*/
  /*background-color: #f6f7f8;*/
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:hover {
  /*background-color: #e2edd7;*/
}
.checkbox:hover:after {
  /*border-color: #53b300;*/
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px; /*15px;*/
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  /*background-color: #FFFFFF;*/
  border-radius: 6px;
  content: '';
}
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px; /*21px;*/
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #CC0033;
  border-bottom: 3px solid #CC0033;
  content: '';
  opacity: 0;
  /*background-color: #FFFFFF;*/
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.title1 {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    /*
    transform: rotate(-1deg);
    display: inline-block;
    */
}
.titleb1 {
    background-color: #FFFFCC; /*#fbeefc;*/
    border-left: 8px solid #316bb1; /*#c92ad2;*/
    border-bottom: 1px solid #808080; /*#c92ad2;*/
    color: #000000; /*#316bb1;*/ /*#c92ad2;*/
    /*margin: 10px 0;*/
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.titleb2 {
    background-color: #EDEDF5;
    border-left: 8px solid #4E4E9C;
    /*color: #993300;*/
    /*margin: 10px 0;*/
    font-weight: bold;
    padding: 5px;
}
p.indent1 {
	margin:5px 5px 13px 5px;
	text-indent:0em;
	padding-left:1em;
}