@charset "utf-8";
/* CSS Document */


html,body{
    height: 100%;
    margin: 0px;
  padding:0px;
}

/*---------背景色変更はここの「background-colorを変更してネ」---------*/
body {
  color: #333333;
  background-color:#f67678;
  background-image:url(images/back-mask.gif);
  font-size:12px;
  line-height:18px;
}

img{
    border:0px;
}

hr {
    size:1px;
  color:#a5acb2;
}



a:link {
  color:#FFBBBD;
}
a:visited {
  color: #00CCCC;
}
a:active {
  color: #FFBBBD;
}
a:hover {
  color: #FFBBBD;
  text-decoration: underline;
}


/*---------clear---------*/
.clear {
    clear: both;
}


/*---------container---------*/
#container {
  width: 900px;
  height:100%;
  margin: 0px auto 0px auto;
  padding: 0px;
  background-color:#f04a58;
}



/*---------header---------*/
#header {
  width: 900px;
  height:300px;
}



/*---------main---------*/

#background {
    width:900px;
  background-image:url(images/main-background.gif);
}

#left-box {
    width:180px;
    float:left;
  padding: 20px 10px 20px 10px;
  color: #FFFFFF;
}


#center-box {
    width:460px;
  float:left;
  margin: 20px;
}

#right-box {
    width:180px;
    float:left;
  padding: 20px 10px 20px 10px;
  color: #FFFFFF;
}


/*---------fooder---------*/
#fooder {
    width: 900px;
  height:500px;
  background-image:url(images/fooder.png);
}


/*---------other---------*/

.mini-box {
    width: 180px;
  margin-bottom:20px;
}

.mini-box2 {
    width: 180px;
  margin-bottom:20px;
  text-align:center;
}


.log {
    width:440px;
  padding:20px 10px 20px 10px;
  background-color: #FFFFFF;
} 

.logcate {
  font-size:10px;
  text-align:right;
}

.title {
  width:390px;
  height:50px;
    padding-left:50px;
  background-image: url(images/title-icon.jpg);
  background-repeat: no-repeat;