@charset "UTF-8";

/*body { padding-top: 120px; } */
footer { text-align:center; }
.social{ float : right ;
         text-align: center;
}
.thumbnail{ text-align:center }

.social_btn { /* 上部SNS-Button */
    width:auto;   height:auto;
    padding:0px;  margin:0px;
    line-height: 20px;
    font-size:20px;
     float:right;
}
.social_btn_twitter { float:right; width:100px; height:20px; margin:0px; padding:0px;} /* 81 */
.social_btn_twitter iframe { vertical-align:text-bottom;}
.social_btn_facebook{ float:right; width:100px; height:20px; margin:0px 10px 0px 0px; padding:0px; } /* 70 */
.social_btn_line    { float:right; width:100px; height:20px; margin:0px 10px 0px 0px; padding:0px; }

.page-header{
    overflow: hidden;
    padding-bottom: 8px;
}

#header_fb{
    margin-top: 10px;
}
#header_user_icon{
    margin: 7.5px 10px 0px 20px;
    height:25px;
    width:25px;
}
.font_black{
    color: black;
}
.alert-error {
    background-color: #FF3300;
    border-color: #FF3300;
    color: #fff;
}

.btn-kampa{
    background-color:#F88200;
    background-image:-moz-linear-gradient(center top , #FF9500, #F88200);
    background-repeat:repeat -x;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    max-width: 280px;
    width: 85%;
    padding:9px　0px;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F88200), to(#F88200));
    color: #FFF;
}
.btn-kampa:hover,
.btn-kampa:active,
.btn-kampa.active,
.btn-kampa.disabled,
.btn-kampa[disabled] {
  background-color: #F88200;
  *background-color: #FF9500;
}

#header-orange{
    width: auto;
    height: 84px;
    background:url("/static/Kampa_bg.gif") repeat 50% 0;
    padding-left: 0px;
    padding-right: 0px;
}
#logo{
    float: left;
    padding-left: 20px;
    margin-top: 20px;
}
#header-msg{
    float: left;
    padding-top: 20px;
    padding-left: 50px;
}
#header-msg-top{
    font-size: large;
}
#header-msg-buttom{
    margin-top: 5px;
    margin-left: 10px;
    font-size: small;
}

#login{
    float: right;
    padding-right: 5%;
    margin-top: 30px;
}
#login a{
    margin-left: 10px;
}

.image{
    float: left;
    width: 450px;
}

.controls textarea{
    width: 100%;
    height: 100px;
}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1;  }