/* ===================================================================
CSS information
 file name  :  default.css
 style info :  通常スタイルシート
=================================================================== */

body{ background:url(../img/bg.gif); font-size:1.0em; }

#crowd{ background:url(../img/crowd.gif) repeat-x; height:30px; }
#contents{ position:relative; width:685px; margin:60px auto; }
#contents #earth{ width:100%; }
#contents #earth img{ width:100%; }

#pig01{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important;}
#pig02{ position:absolute !important; top:auto !important; bottom:20px !important; left:0 !important; right:auto !important; }
#comment{ position:absolute !important; top:100px !important; left:-100px !important; }

.contents-wrap{ position:absolute; top:0; width:100%; text-align:center; padding-top:150px; right:0 !important; }
.contents-wrap p{ font-size:0.9em; font-weight:bold;}
.contents-wrap p b{ font-size:1.5em; display:block; margin:10px 0;}

.contents-wrap p.keyword-input{ margin-bottom:20px; font-size:1.1em; }
.contents-wrap p.keyword-input input{ border:2px #d41212 solid; width:400px; height:50px; border-radius:0.3em; text-align:center; }
.contents-wrap p.keyword-input input:focus{ border:4px #d41212 solid; width:400px; height:50px; border-radius:0.3em; text-align:center; }

.contents-wrap h1{ margin-bottom:20px; }
.contents-wrap .caption-text{ margin-bottom:10px; }
.contents-wrap p.submit-btn{ width:300px; display:block; margin:0 auto; }
.contents-wrap p.submit-btn a{ background: #f4be19; border-radius: 1.5em; width:100%; display:block; padding:14px 0; color:#fff; font-size:1.1em; }
.contents-wrap p.submit-btn a:hover{ background:#f4a419; }


.banner{ position:absolute; top:600px; right:-150px; }
.banner a:hover { opacity:0.8; filter:saturate(200%); }

.copyright{text-align:center; font-size:0.8em; color:#ca1c1d;}


#result{ display:none;position:absolute; top:0; width:100%; background:url(../img/cord.png) no-repeat top center; }
#result #result-wrap{ width:470px;  margin:50px auto; background:#fff3d0; border:2px solid #d71717; padding:20px; line-height:1.8em; }
#result #result-wrap ul li{}
#result #result-wrap ul li span{ color:#d71717; font-weight:bold; }
#result #result-wrap .more-btn{ width:300px; margin:20px auto 0; text-align:center; }
#result #result-wrap .more-btn a{ display:block; background:#d71717; width:100%; color:#fff; font-size:1.1em;  padding:10px 0; border-radius:1.5em; }
#result #result-wrap .more-btn a:hover{ background:#e20000;}