@charset "utf-8";
/* CSS Document */


body{ border:0; margin:0; padding:0; font-family:'メイリオ',Meiryo; font-size:16px;}
.clear{clear:both;}
.none{ display:none;}
#header{border-top:10px solid #fac828; text-align:center; border-bottom:3px solid #fac828;}
.sitewidth{ max-width:1280px; margin:0 auto;}
#mainwrap{ background-color:#e6e6e6;}
#mainmenu{ background-color:white; color:#fac828; list-style:none; margin:0; padding:0; text-align:center; vertical-align:bottom; font-size:0;}
#mainmenu li{ padding:2px 1px; display:inline-block;transition: all 0.2s ease-in;}
#mainmenu li a{background-color:#fac828; color:white; border:1px solid #fac828; padding:0.4em 0;text-align:center; display:block; text-decoration:none; font-weight:bolder;transition: all 0.2s ease-in; font-size:16px;}
#mainmenu li a:hover{ color:#fac828; background-color:white;}
.sitelogo{ margin:1em 0 1.8em;}
.pageimage{background-image:url(../img/cork.gif); background-position:right;}
.pageimage.top{background-image:url(../img/uchu.jpg);}
.pageimage img{max-width:100%;}

.maincontents{
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafaf0',GradientType=0 );
border-top:3px solid #e6e6e6; background-color:white; text-align:center; padding:3em 0;}
.maincontents h1,.maincontents h3{ color:#565656; font-weight:normal; text-align:center; line-height:1.3; width:80%; margin:0.6em auto; border-bottom:1px solid #565656; font-size:2em;}
.textwrap{ text-align:left; width:80%; margin:0 auto; padding-bottom:3em;}
.textwrap img{ max-width:300px; width:30%; float:right; border-radius:6px; margin-left:1.5em; box-shadow:3px 3px 5px rgba(0,0,0,0.35);}
.maincontents h2{background: repeat-x center url(../img/h2bg.gif); width:80%; margin:1em auto;}
.maincontents h2 span{font-size:12px; padding:0.2em 3em; display:inline-block; background-color:white; border:1px solid black;}

.maincontents table{ width:80%; margin-bottom:5em;}
.maincontents table tr th{background-color:#5a5a5a; color:white; font-weight:normal; font-size:0.8em;}
.maincontents table tr td{ text-align:left; padding:0.5em 0.8em; border-right:1px dotted black; border-bottom:1px dotted black; background-color:white; border-radius:0 0 0.5em 0;}
.maincontents table tr:first-child td{ border-top:1px solid black;}

.imgflex{display:flex;display:-moz-flex;display:-webkit-flex; width:80%; margin:0 auto;}
.imgflex>div>table,.imgflex .textwrap{ width:100%;}
.fleximgwrap{ padding-left:1.5em;width:300px; min-width:30%;}
.imgflex>div>img{ border-radius:6px; box-shadow:3px 3px 5px rgba(0,0,0,0.35); box-sizing:border-box; width:100%;}

.topflex{display:flex;display:-moz-flex;display:-webkit-flex;margin:0 auto;width:80%;}
.topflex>div{ padding:0.5em;}
.topflex>div a{ border:dotted 1px black; display:block; text-decoration:none; color:#565656; border-radius:0 0 1em 0; padding:0.8em;font-size:11px; text-align:left;}
.topflex>div a h4{ text-align:center;border-bottom:1px solid #565656; margin:0 0 0.5em; font-weight:normal; margin:}
.topflex>div a>span{ color:#565656; font-size:12px; font-weight:bolder; float:right; display:block; padding:2em 0.8em 0.2em; border-radius:0 1em 1em 0; text-decoration:underline;}
.topflex>div a:after{display:block;clear:both;height:0px;visibility:hidden;content:".";}

input#name,input#address,input#phone,input#mail,input#budget,select#about,textarea{border-radius:6px; padding:0.2em 0.5em; color:#565656; box-sizing:border-box;}
textarea{ width:100%;}
input#submit{border-radius:2em; padding:0.2em 1em; margin:0 auto; width:100%; color:white;
background: rgb(76,76,76);
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;font-weight:normal;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;font-weight:normal;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc;font-weight:normal;}

#footer{ background-color:white; border-top:3px solid #5a5a5a;}
.footflex{display:flex;display:-moz-flex;display:-webkit-flex;align-items:center;-moz-align-items:center;-webkit-align-items:center;}
.foottel{ font-size:12px; padding-left:3em;}
.copyright{ font-size:9px;padding:0.5em 0; text-align:center; color:white;background-color:#5a5a5a;}

@media screen and (max-width:1280px){/* 1280以下のときに適用 */
.footflex{ margin-left:1.5em;}
}

@media screen and (max-width:640px){/* 640以下のときに適用 */
#mainmenu li{width:32%;}
.textwrap{font-size:12px;}
.maincontents table{ font-size:10px;}
.topflex{flex-wrap:wrap;}
.topflex>div{flex:inherit; width:100%;}
.topflex>div a h4{font-size:18px;}
input#name,input#address,input#phone,input#mail,input#budget,select#about,input#submit,textarea{font-size:16px;}
.copyright{letter-spacing:inherit;}
}
@media screen and (min-width:641px){/* 640以上のときに適用 */
#mainmenu li{width:16%;}
.textwrap{font-size:18px;}

.topflex>div{flex:1;}
.topflex>div a h4{font-size:25px;}
input#name,input#address,input#phone,input#mail,input#budget,select#about,input#submit,textarea{font-size:25px;}
.copyright{letter-spacing:2px;}
}