@charset "shift-jis";
/*
********************************************************************************
Front   : http://www.tree-web.net/
Private : http://wisp.tree-web.net/
Works   : http://works.tree-web.net/

Copyright (C) 2011 TREE-WEB.NET
Copyright (C) ういすぷ

HTML5 & CSS2,3
********************************************************************************
*/



/*
--------------------------------------------------------------------------
HTML Default
--------------------------------------------------------------------------
*/
*{
   margin:0px;
   padding:0px;
   font-weight:normal;
   list-style-type:none;
   line-height:normal;
   text-align:left;
   border:none;
   text-decoration:none;
   
   font-style:normal;
   font-size:14px;
   box-sizing:border-box;
   font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}
html {
   position:relative;
   width:100%;
   height:auto !important;
   min-height:100%;
   
   background-image:url(body_bg.png);
}
body {
   background-image:url(contents_bg.png);
   background-repeat:repeat-y;
   background-position:center 0;
}
:root {
　　font-size: calc( 1vw + 1vh + .5vmin );
}



/* default link */
a:link{
   color:#000;
   text-decoration:none;
}
/* click link */
a:visited{
   color:#000;
   text-decoration:none;
}
/* onMouse */
a:hover{
   color:#aaa;
   text-decoration:none;
}

.floatclear {
   clear:both;
   font-size:1px;
   line-height:0px;
}



/*
--------------------------------------------------------------------------
header
--------------------------------------------------------------------------
*/
/* image load */
header,
header nav li a,
header nav li:hover{
   background-image:url(sprites.png);
   background-repeat:repeat-x;
   background-position:0 0;
}


header {
   width:100%;
   height:150px;
   display:block;
   background-position:0 100px;
}
header .contents {
   margin:auto;
   width:800px;
   height:150px;
   position:relative;
}
header nav ul {
   position:absolute;
   bottom:0;
   left:0;
}
header nav li {
   display:inline-block;
}
header nav li a {
   width:200px;
   height:50px;
   display:block;
   background-position:-350px -50px;
   text-indent:-9999px;
}
header nav li .nav_new { background-position:-350px -100px; }
header nav li .nav_app { background-position:-350px -150px; }
header nav li .nav_information { background-position:-350px -200px; }
header nav li:hover {
   background-position:0 -150px;
}



/*
--------------------------------------------------------------------------
footer
--------------------------------------------------------------------------
*/
footer {
   margin:auto;
   width:100%;
   height:100px;
   display:block;
   position:absolute;
   bottom:0px;
   
   background-color:#eee;
   border-style:solid;
   border-width:1px 0 0 0;
   border-color:#dbdbdb;
}
footer .contents {
   margin:auto;
   width:800px;
}
footer #footer_navigation ul {
   margin-top:20px;
   text-align:center;
}
footer #footer_navigation li {
   display:inline-block;
}
footer #footer_navigation li a {
   margin:0 10px;
   font-size:12px;
}

footer address {
   margin-top:25px;
   text-align:center;
   font-size:11px;
}