@charset "utf-8";
body { margin: 0; padding: 0; color: black; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
p { line-height: 1; }
img { vertical-align: bottom; }
a img { transition: opacity 0.5s linear; }
a:hover img { opacity: 0.5; }
header { width: 980px; margin: 0 auto; }
header h1 { margin-top: 5px; margin-bottom: 0;margin-left: 10px;color: #696969; font-size: 11px; }
header h2 { float: left; margin: 0 0 0 5px; }
header #header_contact { float: right; margin: 20px 10px 0 0; font-size: 35px; color: red; }
#business p { margin: 0 auto; text-align: center; padding: 0; }
#open { font-size: 28px; color: #FF3399; }
html, body, #main_visual { height: auto; width: auto; }
#main_visual { margin: 0 auto; padding: 0; }
#main h2 { background-image: url(../pic/rei.jpg); padding: 10px 0 3px 30px; font-size: 26px; border-bottom: solid 2px #afeeee; }
#main h3 { font-size: 22px; border: 1px solid green; padding: 3px 0 2px 30px; border-radius: 8px; background-color: #66cdaa; }
#main h4 { font-size: 18px; border-left: solid 3px red; padding: 4px 9px 4px 14px; }

#global_navi { width: 980px; clear: both; overflow: hidden; margin: 2px auto; }
#global_navi ul { list-style: none; margin: 0; padding: 0; }
#global_navi ul li { width: 193px; float: left; margin-right: 3px; text-align: center; }
#global_navi ul li a { display: block; background: #20b2aa; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40e0d0), color-stop(100%,#20b2aa)); background: -webkit-linear-gradient(top,  #40e0d0 0%,#20b2aa 100%); background: linear-gradeint(to bottom,  #40e0d0 0%,#20b2aa 100%); color: #ffffff; padding: 10px; border: 1px solid #b7a077; border-radius: 5px; text-decoration: none; }
#global_navi ul li.current a { background: #b7a077; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7)); background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%); background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%); color: #ffffff; }
#global_navi ul li a:hover { background-color: #008b8b; }

#wrapper { width: 980px; margin: 0 auto; overflow: hidden; }
#main { width: 760px; float: left; }
#sidebar { width: 200px; float: right; margin: 50px 0 0 0; }
#side_banner { margin-bottom: 30px; }
#side_banner h3 { background-color: cadetblue; color: #ffffff; padding: 7px; font-size: 14px; text-align: center; }
#side_banner img { width: 100%; }
#side_contact img { width: 10%; }
#side_banner ul { list-style: none; margin: 0; padding: 0; }
#side_banner ul li { margin-bottom: 5px; }
#side_contact { border: 1px solid #ff9999; color:chocolate; text-align: center; }
#side_contact h3 { background-color: #ff9999; color: darkslategray; padding: 7px; font-size: 14px; }
#side_contact address { font-weight: bold; font-size: 20px; font-style: normal; }
#side_contact address img { vertical-align: middle; margin-right: 5px; }
#side_contact .contact_button { display: inline-block; background: #f1ede4; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%); background: linear-gradeint(to bottom,  #ffffff 0%,#f1ede4 100%); color: #b7a077; padding: 10px; border: 1px solid #b7a077; border-radius: 5px; text-decoration: none; }
#side_contact .contact_button:hover { background: #b7a077; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7)); background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%); background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%); color: #fff; }

footer { margin: 0 auto 0; width: 980px; background-color: #352b23; text-align: center; }
footer #footer_nav { background-color: #efefef; padding: 5px 0; }
footer #footer_nav ul { list-style: none; margin: 0; padding: 0; }
footer #footer_nav li { display: inline; border-left: solid 1px #aaa; margin-left: 8px; padding-left: 8px; font-size: smaller; }
footer #footer_nav li:last-child { border-right: solid 1px #aaa; padding: 0 4px; }
footer small { display: block; padding: 0; color: #fff; font-family: serif; }
footer #copyright { margin: 0; padding: 0; }

#breadcrumb { font-size: smaller; }
#breadcrumb ol { list-style: none; margin: 0; padding: 0; }
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after { content: "＞"; padding-left: 7px; }
#breadcrumb ol li:last-child::after { content: none; }

#point { margin-bottom: 30px; }
#point section { margin-bottom: 10px; overflow: hidden; }
#point figure { float: right; margin: 0 0 0 16px; }
#point figcaption { font-size: 12px; color: red; text-align: center; }
#news dl { overflow: hidden; }
#news dt { width: auto; float: left; margin-left: 10px; margin-bottom: 5px; clear: both; font-size: medium; }
#news dd { margin-left: 8em; margin-bottom: 5px; font-size: medium; }

#service table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
#service th, #service td { border: 1px solid #808080; padding: 8px; }
#service th { background-color: beige; text-align: center; width: 13em; }
.s { margin-left: 30px; font-size: smaller; }

#company ul { list-style: none; margin: 0; padding: 0; }
#company ul li { width: 150px; margin: 0 30px 0; padding: 10px 0; border: solid 1px green; float: left; text-align: center; color: blueviolet; font-weight: bold; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); }
#company ul li:nth-child(3n) { margin-right: 0; }

#entry dl { background: #f1ede4; border: 1px solid #ddd; border-top: 0; }
#entry dl dt, #entry dl dd { padding: 10px; border-top: 1px solid #ddd; }
#entry dl dt { width: 13em; float: left; clear: both; font-weight: bold; }
#entry dl dd { background-color: #fff; border-left: 1px solid #ddd; margin-left: 13em; }
.must { color: red; }
#entry #name { width: 15em; padding: 3px; }
#entry #email { width: 25em; padding: 3px; }
#entry #category2, #entry #category3, #entry #questionnaire2, #entry #questionnaire3 { margin-left: 15px; }
#entry #detail { width: 36em; height: 15em; }
#entry #submit_button_cover { text-align: center; }
#entry #submit_button { background-color: #b7a077; border: 1px solid #b7a077; padding: 15px 100px; border-radius: 10px; font-size: 18px; color: #fff; cursor: pointer; transition: background-color 0.5s linear; }
#entry #submit_button:hover { background-color: #c7ae81; }

#sidebar { border: double 2px cadetblue; width="15%"; }
#sign { text-align: right; }

a:visited { color: gray; }
a:hover { font-weight: bold; }
#header_contact:hover { opacity: 0.5; }
#banner1:hover { opacity: 0.3 }
#banner2:hover { opacity: 0.3 }