@charset "shift_jis";

body {
    align: center;

	margin: 0px;
	padding: 0px;
	font:14px/1.231 "ヒラギノ角ゴ Pro W3";
    -webkit-text-size-adjust: none;
}
#wrapper {
    align: center;
	text-align: center;
	background-color: #FFFFFF;
}


/* ヘッダ部分 */
#sitetext {
	font-size: 10px;
}
#headstr {
	/*padding: 10px;*/
	background-color : white;
	border: 1px solid #005e00;
    color : black;
	text-align: left;
}


.ad a {
	border-style: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}



/* コンテンツ部分 */
.contents {
    align: center;
	text-align: center;
	width: 100%;
}
.contents_1 {
	text-align: left;
	padding-top: 25px;
	font-size: 16px;
	line-height: 1.2;
	padding-bottom: 0px;
	display: block;
	height: 48px;
}
.contents_1g {
	text-align: center;
}
.contents_2 {
	text-align: left;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
	display: block;
	padding-bottom: 25px;
}





/* フッター部分 */
#footer {
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	color: #006600;
	padding-bottom: 10px;
	background-color: #98fb98;
}
#footer a {
	color: #006600;
}

.button_example{ 
border:1px solid #819bcb; -webkit-border-radius: 3px;width:100%; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.button_example:hover{
 border:1px solid #819bcb; background-color: #819bcb;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

/* === テーブルの設定（1列タイプ） === */
.table01{
  font-size : 12px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  border-collapse : collapse;
  empty-cells : show;
  /*width : 600px;*/
}
.table01 TD{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  /*width : 600px;*/
  /*height : 150px;*/
}

/* === テーブルの設定（2列タイプ） === */
.table02{
  font-size : 12px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  border-collapse : collapse;
  empty-cells : show;
  /*width : 600px;*/
}
.table02 TD{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  /*width : 300px;*/
  /*height : 200px;*/
}

/* === テーブルの設定（3列タイプ） === */
.table03{
  font-size : 12px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  border-collapse : collapse;
  empty-cells : show;
  /*width : 600px;*/
}
.table03 TD{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  /*width : 200px;*/
  /*height : 300px;*/
}
/* === テーブルの設定（4列タイプ） === */
.table04{
  font-size : 12px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  border-collapse : collapse;
  empty-cells : show;
  /*width : 600px;*/
}
.table04 TD{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  /*width : 150px;*/
  /*height : 400px;*/
}

div.kadomaru {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px green solid;     /* 枠線の装飾 */
   background-color: #ccffcc;   /* 背景色 */
}

.button {width : 100%;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.orange {width : 80%;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
a:link { color: #8b0000; }
a:visited { color: #da70d6; }
a:hover { color: #da70d6; }
a:active { color: #da70d6f; }

 /* <a href="#" class="button orange">Button</a> */

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#42ff42 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42ff42),
		to(#146600));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #134201;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

 /* <button type="button" name="" value="" class="css3button">submit</button> */