﻿@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
line-height:1.5;
letter-spacing:1.5px;
height:100%;
background:url(../img/bg_body.png) repeat-x #001D27 top center fixed;
}

#wrapper{
width:100%;
min-width:1260px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

#concept{
width:1260px;
height:1805px;
margin-right:auto;
margin-left:auto;
background:url(../img/bg_concept.png) no-repeat top center;
}


/* ボタン */
#concept a img{
display:block;
position:absolute;
}

/* Q-Gakuボタン */
#q_link1 a img{
margin-top:150px;
margin-left:100px;
}

#q_link2 a img{
margin-top:1350px;
margin-left:1050px;
}

/* モグダンボタン */
#m_link1 a img{
margin-top:150px;
margin-left:1000px;
}

#m_link2 a img{
margin-top:1600px;
margin-left:60px;
}

#concept a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#footer{
position: fixed; 
position:relative;
width:100%;
min-width:1260px;
padding-bottom:10px;
padding-top:10px;
z-index:1000;
margin-right:auto;
margin-left:auto;
background:url(../img/bg_footer.png) #000000 repeat-x top center;
}

#footer p{
color:#F2EEEE;
font-size:12px;
text-align:center;
letter-spacing:4px;
margin-bottom:20px;
}

#footer ul{
font-size:10px;
text-align:center;
letter-spacing:-.40em;
margin-bottom:15px;
}

#footer ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}



#footer li a:hover{
background:rgba(0,0,0,0.1);
}

#footer a:link{color:#fdd5a6;}
#footer a:visited{color:#fdd5a6;}
#footer a:hover{color:#FFF;}

#footer p a:hover{color:#FFF;}



/*////////////////////////////////////////////////////////////////////////////////////////*/



#footer ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
padding-top:30px;
padding-bottom:30px;
padding-left:40px;
}

#footer li a:hover{
background:rgba(0,0,0,0.1);
}

#footer a:link{color:#FFFFFF;}
#footer a:visited{color:#FFFFFF;}
#footer a:hover{color:#FFF;}

#footer p a:hover{color:#FFF;}


