body{
    position:relative;
    background-image: url('images/bg.jpg');
    background-position-x: center;
    background-size:cover;
    background-color: #000000;

    background-repeat: repeat-y;
}

a{
    color:#ffffff;
}
div{
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#header_bg{
    position: relative;
    width:1200px;
    height:400px;
    background-image: url('images/header_bg.png');
    background-size:cover;
    margin-left: auto;
    margin-right: auto;
    top:0px;

    z-index: -100;
}
#header_title{
    position: absolute;
    width:417px;
    height:173px;
    background-image: url('images/header_title.png');
    background-size:cover;
    top:30px;
    left:50px;
}
#header_logo{
    position: absolute;
    width:129px;
    height:42px;
    background-image: url('images/header_logo.png');
    background-size:cover;
    top:10px;
    right:129px;
}
@media only screen and (max-device-width : 480px) {
/* スマートフォンだけ以下を適用 */
#header_bg{
    position: relative;
    width:100%;
    height:300px;
    background-size:contain;
    background-repeat:no-repeat;
}
#header_title{
    position: absolute;
    width:240px;
    height:173px;
    top:30px;
    left:0px;
    background-size:contain;
    background-repeat:no-repeat;
}
#header_logo{
    position: absolute;
    width:129px;
    height:42px;
    top:10px;
    right:0px;
    background-size:contain;
    background-repeat:no-repeat;
}
}

.share_base{
    max-width: 980px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.share_base .share_btn{
    position:absolute;
    top:-140px;
    right:0px;
}


.information {
    max-width: 980px;
    margin: 0 auto;
    color:#ffffff;
    margin-top:-150px;
}

.contentL{
    padding:0px 10px 0px 0px;
}
.contentR
{
    padding:0px 0px 0px 10px;
}

/* ---------- main text ------------ */
.main_base{
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;      
    background-color: #ffffff;

    padding : 40px 20px 40px 20px;
    background-color: rgba( 255, 255, 255, 0.20 );
    color:#ffffff;
}

div.p1{
    
}
div.p2{
    margin-top:30px;
}

.main_base h1{
    font-size:130%;
    padding:5px 10px 5px 10px;
    margin-top:20px;
    border-bottom: 3px solid rgba( 255, 255, 255, 0.20 );
}

.main_base .q{
    padding:10px;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;      
    background-color: #ffffff;
    background-color: rgba( 255, 255, 255, 0.20 );
    color:#ffffff;
    margin:10px 0 10px 0;
}
.main_base .a{
    padding:10px;
    margin:0px 0 20px 0;
}

.main_base .name{
    font-weight: bold;
}

.photo{
    padding:10px;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;      
    background-color: #ffffff;
    background-color: rgba( 255, 255, 255, 0.20 );
    color:#ffffff;
    margin:10px 0 30px 0;
}
.photo_caption{
    font-size:90%;
}

/* ---------- right pane ------------ */
.profile{
    width:256px;
    height:256px;
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;      
    background-color: #ffffff;
    background-color: rgba( 255, 255, 255, 0.20 );
    padding:15px;
}
.img_profile{
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.profile_name{
    width:256px;
    border-radius: 10px; 
    font-size:200%;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;      
    background-color: #ffffff;
    background-color: rgba( 255, 255, 255, 0.20 );
    padding:2px 15px 2px 15px;
    margin-top:20px;
}

.profile_text{
    font-size:90%;
    margin-top:20px;
}

.profile_h{
    width:256px;
    border-radius: 10px; 
    font-size:110%;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;      
    background-color: #ffffff;
    background-color: rgba( 255, 255, 255, 0.20 );
    padding:2px 15px 2px 15px;
    margin-top:20px;
}


.bottom_base {
    background-color: #000000;
    border-top:2px solid rgba( 255, 255, 255, 0.40 );
    border-bottom:2px solid rgba( 255, 255, 255, 0.40 );
    
    margin:30px 0px 30px 0px;
    padding: 20px 0px 20px 0px;
}

.bottom_information {
    max-width: 980px;
    margin: 0 auto;
    color:#ffffff;
}

.campaign_base{
    margin-bottom:20px;
}

.footer_text{
    font-weight: bold;
    margin-bottom: 10px;
    padding-right: 10px;
}
.dee_item{
    width:137px;
    height:72px;
    float:left;
    margin:5px;
}

.copyright{
    max-width: 980px;
    margin: 0 auto;
    color:#ffffff;   
    text-align: center;
}