body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #660000;
}
body {
	background-image: url(image/bg.jpg);
	background-color:#3399ff;
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #F60;
}
a:visited {
	color: #F60;
}
a:hover {
	color: #060;
}
a:active {
	color: #F60;
}

.style0 {
	color:#036;
}

.style1 {
	font-size: 14px;
}

.style2 {
	font-size: 24px;
}
.style3 {
	font-size: 20px;
}
.style4 {
	color:#F30;
}
.style5 {
	color:#333333;
}
.style6 {
	font-size: 16px;
}
.style7 {
	font-size: 24px;
	color:#FFF;
}
.style8 {
	font-size: 14px;
	color:#FFF;
}

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #00bfff; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #87cefa; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    height: 70px; /*ボタンの高さ*/
    padding: 24px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 10px;
}
#PageTopBtn a {
    width: 70px;
    height: 50px;
    padding: 17px 0;
}
}


#wrap {
        width:100%;
        display:-webkit-flexbox;
        display:-moz-flexbox;
        display:-ms-flexbox;
        display:-o-flexbox;
        display:flexbox;
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        align-items:center;
}


#h1 {
	text-align:right;
	padding:2px 10px 0px 0px;
	color:#FFF;
	font-size: 12px;
}


.line{
background-image: url(image/line1.png);
width: 100%;
height: 6px;
}


.footer{
background-image: url(image/footer.jpg);
width: 100%;
height: 200px;
font-size: 14px;
color:#FFF;
}


.box_3{
text-align: left;
font-size:14px;
    position: relative;
    background: #E6E6EA;
    box-shadow: 0px 0px 0px 5px #E6E6EA;
    border: dashed 2px #009FB7;
    width: 70%;
    margin: 60px auto;
    padding: 20px;
    }
.box_3:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #88949B #fff #88949B;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    }


.box14{
	padding: 0.2em 0.5em;
	margin: 0.6em 0;
	background: #d6ebff;
	box-shadow: 0px 0px 0px 10px #d6ebff;
	border: dashed 2px white;
	color:#036;
	text-align: left;
	font-size:24px;
	padding:5px 0px 0px 5%;	
}


.box23 {
position: relative;
margin: 2em 2em 2em 40px;
padding: 20px 10px 20px 20px;
background-image: url(image/02.jpg);
border-radius: 30px;
text-align: left;
}


div.centeringtext p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}


.box18{
    margin:0em 5% 5em 5%;
    position: relative;
    padding: 1em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
background-image: url(image/01.jpg);

text-align: left;
font-size: 14px;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}


.box24 {
	position: relative;
	text-align:left;
	padding: 2% 2% 2% 2%;
	margin: 5% 2% 5% 2%;
	background: #F3FFD8;
	font-size:14px;
	color: #696;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 30px solid transparent;
    border-top: 30px solid #FFA500;
    width: 0;
    height: 0;
}


.box15 {
width:20%;
font-size: 14px;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}


.A1{
background-color: rgba(222, 184, 135, 0.5);
font-size: 14px;
text-align: center;
}

.A2{
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
text-align: center;
}

.A3{
background-color: rgba(240, 231, 142, 0.5);
font-size: 14px;
text-align: center;
}

.A4{
background-color: rgba(255, 255, 255, 0.5);
font-size: 14px;
text-align: left;
}

.A5{
background-color: rgba(255, 255, 255, 0.5);
font-size: 14px;
text-align: center;
}