/*******************　全体レイアウト　*********************/

body {
	margin: 0px;
	color: #333333;
	font-size: 18px;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing:1px;
}

#wrapper {
	width: auto;
	text-align: center;
	background-repeat: repeat-y;
	background-position: center;
	margin: auto;
}

#header {
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	padding-top: 10px;
	height: 150px;
}

#header_bg {
	width: auto;
	background-image: url(./images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	zoom: 1; /* 印刷バグ解決 */
	height: 240px;
}

#header .contact_btn01 {
	position: absolute;
	top: 44px;
	left: 12px;
}

#header .contact_btn02 {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size:14px;
	text-align:right;
	color:#666666;
}

#header .contact_btn03 {
	position: absolute;
	top: 96px;
	left: 12px;
	text-align:left;
	color: #333333;
}


#footer {
	width: 100%;
	height: 66px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	background-position: center;
	clear: both;
}

#footer_in {
	height: 63px;
	position: relative;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#footer_in .contact_btn01 {
	font-size:14px;
	position: absolute;
	right: 280px;
}

#footer_in .contact_btn02 {
	font-size:14px;
	position: absolute;
	top: -2px;
	right: 15px;
}

#footer_in .contact_btn03 {
	position: absolute;
	right: 15px;
	top: 22px;
	text-align: right;
	font-size: 14px;
}

#footer_in .contact_btn03 a {
	color: #333333;
	text-decoration: none;
}

a:link {
	color: #0099FF;
	text-decoration: none;
}

a:visited {
	color: #0099FF;
	text-decoration: none;
}

a:hover {
	color: #FF3399;
	text-decoration: underline;
}

a:active {
	color: #FF3399;
	text-decoration: none;
}

#message {
	width: 872px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: thick solid #FF6600;
}

/*******************　コンテンツ部分　*********************/

#main {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#catch {
	width: 880px;
	height: 880px;
	margin: 0px 10px 10px 10px;
	background-image: url(./images/top_catch2.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#catch .catch_btn01 {
	position: absolute;
	top: 485px;
	left: 140px;
	_left: 141px;
}

#catch .catch_btn02 {
	position: absolute;
	top: 625px;
	left: 140px;
	_left: 141px;
}

#catch .catch_btn03 {
	position: absolute;
	top: 765px;
	left:140px;
	_left: 141px;
}

#catch .catch_btn04 {
	position: absolute;
	top: 840px;
	left: 300px;
	_left: 301px;
}

#navi {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#greeting {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#greeting-left {
	width: 510px;
	float: left;
}

#greeting-right {
	background-color:#FFF5F5;
	width: 840px;
	padding-left: 20px;
	padding-bottom: 10px;
	background-image: url(./images/top_greeting.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-radius:10px;
}

#greeting-right.maru {
    border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#greeting-right p {
	font-size: 24px;
	line-height: 200%;
}

#contents {
	width: 856px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-left: 22px;
}

#block {
	width: 840px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

#block_2 {
	margin-left: 100px;
}

#block-pre {
	width: 840px;
	text-align: left;
	margin-right: auto;
	margin-left: 8px;
	margin-top: 10px;
}

#block-pre img {
	padding:5px;
	margin-bottom: 20px;
	margin-right: 5px;
	border-top-width: thick;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: thin;
	border-left-color: #CCCCCC;
	border-right-style: none;
}

#design p {
	font-size:14px;
	margin:0px;
	}

#voice01 .title {
	font-weight: bold;
	font-size: 24px;
	color: 333333;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #009FE8;
}

#voice01 {
	border: 4px solid #009FE8;
	margin-bottom: 20px;
	width: 821px;
	padding: 10px;
}

#voice02 {
	border: 4px solid #FF4DA5;
	margin-bottom: 20px;
	width: 821px;
	padding: 10px;
}

#voice02 .title {
	font-weight: bold;
	font-size: 24px;
	color: 333333;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FF4DA5;
}

#voice03 {
	border: 4px solid #009FE8;
	margin-bottom: 20px;
	width: 821px;
	padding: 10px;
}

#voice03 .title {
	font-weight: bold;
	font-size: 24px;
	color: 333333;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #009FE8;
}

#voice04 {
	border: 4px solid #FF4DA5;
	margin-bottom: 20px;
	width: 821px;
	padding: 10px;
}

#voice04 .title {
	font-weight: bold;
	font-size: 24px;
	color: 333333;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FF4DA5;
}

#voice05 {
	border: 4px solid #009FE8;
	width: 821px;
	margin-bottom: 30px;
	padding: 10px;
}

#voice05 .title {
	font-weight: bold;
	font-size: 24px;
	color: 333333;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #009FE8;
}

#voice-txt01 {
	width: 600px;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#voice-txt02 {
	width: 600px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#voice06 {
	margin-bottom: 20px;
	width: 801px;
	background-color: #FFFFCC;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#voice07 {
	border: 4px solid #66CC99;
	margin-bottom: 20px;
	width: 813px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#voice07 .title {
	font-weight: bold;
	font-size: 32px;
	color: 333333;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #66CC99;
}

#voice08 {
	border: 4px solid #FF6699;
	margin-bottom: 20px;
	width: 813px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#voice08 .title {
	font-weight: bold;
	font-size: 32px;
	color: #FF0033;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FF6699;
}

#voice07 .sign {
	color: #333333;
}

#plan01 {
	border: thin solid #2bac38;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(./images/top_img08.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#plan02 {
	border: thin solid #209fe8;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(./images/top_img13.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 20px;
}

#plan03 {
	border: thin solid #FF9600;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(./images/top_img09.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 20px;
}

#plan04 {
	border: thin solid #ff4da5;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(./images/top_img10.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#about {
	width: 762px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#about p {
	margin-top: 0px;
	line-height: 140%;
}

ul.test {
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
}


/*--テーブル装飾----------------------------------------------------------*/

table.table00{
	border: thin solid #FF9900;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.table00 p {
	font-size: 24px;
	line-height: 150%;
	text-indent: 5px;
	margin: 5px;
}

td.table00td-bg {
	background-color:#FFFFCC;
}

td.table00td-left {
	width: 230px;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
}

td.table00td-right {
	width: 350px;
	border-left: solid 1px #FF9900;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
}

td.table00td-btm {
	background-color: #CCCCCC;
	border-left-style: none;
	padding: 5px;
}


table.table01{
	border: thin solid #FF9900;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 100%;
}

table.table01 p {
	font-size: 24px;
	text-indent: 5px;
	margin: 5px;
}

td.table01td-bg {
	background-color:#FFFFCC;
}

td.table01td-left {
	width: 300px;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
}

td.table01td-right {
	border-left: solid 1px #FF9900;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
}

td.table01td-btm {
	background-color: #CCCCCC;
	border-left-style: none;
	padding: 5px;
}


table.table02{
	border: thin solid #FF9900;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.table02 p {
	font-size: 24px;
	line-height: 100%;
	text-indent: 5px;
	margin: 5px;
}

td.table02td-bg {
	background-color:#FFFFCC;
}

td.table02td-left {
	width: 230px;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
}

td.table02td-right {
	width: 350px;
	border-left: solid 1px #FF9900;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
}

td.table02td-btm {
	background-color: #CCCCCC;
	border-left-style: none;
	padding: 5px;
}


/*******************　文字飾り　*********************/

a:hover img{
  opacity:0.5;
  filter: alpha(opacity=50);
}

h1 {
	font-size: 36px;
	text-indent: -9999px;
}

h2 {
	font-size: 32px;
}

#formh3 {
	background-image: url(images/form_h3.jpg);
	background-repeat: no-repeat;
	height: 43px;
	width: 856px;
	position: relative;
}

#formh3 h3 {
	font-size: 32px;
	color: #EE0000;
	position: absolute;
	top: -2px;
	left: 40px;
}

p {
	font-size: 24px;
	color: #333333;
	line-height: 180%;
}

.b24px {
	font-size: 24px;
	font-weight: bold;
}

.b24red {
	font-size: 24px;
	font-weight: bold;
	color: #000099;
}

.b18px {
	font-size: 18px;
	font-weight: bold;
}

.b18red {
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
}

.back-yellow {
	font-weight: bold;
	background-color: #FFFF00;
}

.privacy {
	font-size: 18px;
	color: #666666;
}

.privacy a{
	color: #666666;
	text-decoration: none;
}

.underbold {
	font-weight:bold;
	text-decoration: underline;
}
.bluebold {
	color: #000099;
	font-weight: bold;
}
.redbold {
	color: #CC0000;
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.bold {
	font-weight: bold;
}

.smallbold {
	font-weight: bold;
	font-size:12px;
}

.white {
	color: #ffffff;
}

.blue {
	color: #0033ff;
}


.x-small {
	font-size:10px;
}

.pict {
	float: left;
	clear: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

.pict-r {
	clear: both;
	float: right;
}

.pict-crs {
	padding-right: 5px;
	padding-bottom: 10px;
}


.btm20 {
	padding-bottom: 20px;
}

.btm10 {
	padding-bottom: 10px;
}

.btm20rt15 {
	padding-bottom: 20px;
	padding-right: 15px;
}

.top20 {
	padding-top: 20px;
}

#top-new {
	height: 128px;
	padding-bottom: 0px;
}

#top-new li.new {
	line-height:1.5em;
	list-style-type: none;
	font-size: 14px;
}

li.hi {
	padding-bottom: 10px;
	font-size: 14px;
}

li.hi_none {
	padding-bottom: 10px;
	font-size: 14px;
	list-style-type: none;
	
}

p.hi10 {
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}

p.hi30 {
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

.left20 {
	margin-left: 20px;
}

.left100 {
	margin-left: 100px;
}

#form2_aka {
	font-weight: bold;
	font-size: larger;
	width: 660px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 4px solid #0066CC;
	background-color: #EEFFFF;
}

.btn,
a.btn,
button.btn {
  width: 550px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
  margin-bottom:20px;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

.btn--blue,
a.btn--blue {
	color: #fff;
	background-color: #0099CC;
}

.btn--blue:hover,
a.btn--blue:hover {
  color: #fff;
  background: #0099FF;
}

.btn--green,
a.btn--green {
	color: #fff;
	background-color: #00CC33;
}

.btn--green:hover,
a.btn--green:hover {
  color: #fff;
  background: #00CC66;
}


table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom:20px;
}

table th,table td{
  font-size:24px;
  padding: 10px;
  text-align: left;
}

table tr:nth-child(odd){
  background-color: #eee
}
input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  font-size: 24px;
}
textarea {
  box-sizing: border-box;
  width: 100%;
  font-size: 24px;
}
select {
  box-sizing: border-box;
  width: 100%;
  font-size: 24px;
}

input,textarea {
  -webkit-appearance: none;
}