@charset "shift_jis";

html{
  height:100%;
  background-color:#595757;
  }

body{
  font-size:80%;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.5;
  margin:0;
  padding:0;
  background-color:#B5B5B6;

  }

img{
border:none;
}

  

/*----------------------------------------
 header
----------------------------------------*/


div#header{
   color:#FFFFFF;
   background-image:url(./image/head.jpg);
   background-position: 50%, 100%;
          }
          
div#header-inner{
   width:900px;
   margin-left:auto;
   margin-right:auto;
   
  }

/*----------------------------------------
 レイアウトを崩さないためのclearfix
----------------------------------------*/
  
div#header-inner:after{ /* clearfix */
   clear:both;
   content:"･";
   display:block;
   height:0;
   visibility:hidden;
   }
/*----------------------------------------
 -----clearfixおわり
----------------------------------------*/
  
p#tagline{margin:0;}

p#siteid{
   float:left;
   margin:0;
   }
 
ul#globalNavigation {
   margin:0px,auto;
   width:568px;
   float:right;
   list-style:none;          /*マーカー非表示にさせるもの*/
   }

ul#globalNavigation li {
   float:left;              /*float:left;が、左側から横に書いた順番に並べる*/
   width:81px;              /*81の1は余白の部分*/ 
   padding-top:3px;      
   }
   


ul#globalNavigation li a{
   text-indent:-9999px;
   display:block;
   width:80px;
   height:27px;
   background-repeat:no-repeat;
   /*\*/overflow: hidden;/**/
   }
   
/*各ボタン背景画像指定*/

   ul#globalNavigation li a#gMenu1{
   background-image:url(./image/home.gif);
   }
   ul#globalNavigation li a#gMenu2{
   background-image:url(./image/profile.gif);
   }
   ul#globalNavigation li a#gMenu3{
   background-image:url(./image/concept.gif);
   }
   ul#globalNavigation li a#gMenu4{
   background-image:url(./image/buy.gif);
   }
   ul#globalNavigation li a#gMenu5{
   background-image:url(./image/link.gif);
   }
   ul#globalNavigation li a#gMenu6{
   background-image:url(./image/hatena.gif);
   }
   ul#globalNavigation li a#gMenu7{
   background-image:url(./image/mail.gif);
   }
   
/*各ボタンロールオーバー指定*/

   ul#globalNavigation li a#gMenu1:hover,
   ul#globalNavigation li a#gMenu2:hover,
   ul#globalNavigation li a#gMenu3:hover,
   ul#globalNavigation li a#gMenu4:hover,
   ul#globalNavigation li a#gMenu5:hover,
   ul#globalNavigation li a#gMenu6:hover,
   ul#globalNavigation li a#gMenu7:hover{
   background-position:0 -27px;
   }

   ul#globalNavigation li a#gMenu1_on{
   background-image:url(./image/home.gif);
   background-position:0 -27px;
   }   
   ul#globalNavigation li a#gMenu2_on{
   background-image:url(./image/profile.gif);
   background-position:0 -27px;
   }   
   ul#globalNavigation li a#gMenu3_on{
   background-image:url(./image/concept.gif);
   background-position:0 -27px;
   }   
   ul#globalNavigation li a#gMenu4_on{
   background-image:url(./image/buy.gif);
   background-position:0 -27px;
   }   
   ul#globalNavigation li a#gMenu5_on{
   background-image:url(./image/link.gif);
   background-position:0 -27px;
   }   
   ul#globalNavigation li a#gMenu6_on{
   background-image:url(./image/hatena.gif);
   background-position:0 -27px;
   }   
   ul#globalNavigation li a#gMenu7_on{
   background-image:url(./image/mail.gif);
   background-position:0 -27px;
   }   



/*----------------------------------------
 contentsはじまり
----------------------------------------*/

div#contents{
    width:900px;
    height:1000px;
    margin-bottom:0px;
    margin-top:0px;
    margin-left:auto;     /*中央ぞろえにするため、左右マージンをオートにする*/
    margin-right:auto;
    background-image : url("./image/content-illa.gif");/*背景画像の指定場所*/
    background-attachment: fixed;
    background-position:100% 100%;
    background-repeat: no-repeat;
    background-color:#FFFFFF;
    }
  
  
    
div#contents a { text-decoration:none; 
               }
               
  a:link { color: #C1DB81; }
  a:visited { color:#8BCECD; }
  a:hover { color: #E66886; padding-left: 5px;}
  a:active { color: #EDBD76; }

div#content{
    margin:0px,20px;
    padding-left:20px; 
    width:900px;
       
    }
    
      
div#main{
     float:left;
    display:inline;
    margin-left:0px;
    padding:30px;
    width: 150px;
    list-style-type:none;
    
    
    }

    
div#sub{
    margin-right:100px; /*-右のマージン-*/
    padding:30px;
    width:500px;
    float:right;
    display:inline;
    
    }
    
/*----------------------------------------
 contentsおわり
----------------------------------------*/

/*----------------------------------------
 footerはじまり
----------------------------------------*/


/*----------------------------------------
 footer
----------------------------------------*/
div#footer{
color:#FFFFFF;
background-color:#595757;
}

div#footer-inner{
width:900px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:90px;
overflow:hidden;/* clearfix */
/zoom:1;/* clearfix for IE */
}

ul#siteinfoNavigation{
margin:0;
padding:0;
list-style:none;
border-left:1px solid #FFFFFF;
float:left;
}

ul#siteinfoNavigation li{
display:inline;
margin:0;
padding:0 0.8em;
border-right:1px solid #FFFFFF;
}

ul#siteinfoNavigation li a{
color:#FFFFFF;
}

div#footer address{
font-style:normal;
text-align:right;
float:right;
}