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

/* clearfix */
.clearfix {
    /zoom : 1;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
#front {
    background: none;
}
#front.hagaki {
    background: #EBEBEB;
}
#front #tab {
    background: #EBEBEB;
    padding:20px 0px 0 20px;
    border-bottom:#3385FF 8px solid;
    margin: 0 0 20px;
}
#front #tab li {
    float:left;
    zoom:1;
}
#front #tab li a{
    display:block;
    width:100px;
    zoom:1;
    text-align: center;
    font-size:1.333em;
    font-weight: bold;
    background: #FFF;
    border-top:1px #CCCCCC solid;
    border-left:1px #CCCCCC solid;
    border-right:1px #CCCCCC solid;
    text-decoration: none;
    border-radius:5px 5px 0 0;
    margin:0 5px 0 0;
    color:#333333;
    padding:8px 0 6px;
}
#front #tab li.select a,
#front #tab li a:hover{
    background: #3385FF;
    color:#FFFFFF;
    border-top:1px #3385FF solid;
    border-left:1px #3385FF solid;
    border-right:1px #3385FF solid;
}
#front .design{
    padding:15px 0 5px 0px;
    clear:both;
    zoom:1;
    display: inline;
}
*:first-child+html #front .design{
    margin:-20px 0 0;
    clear:both;
}
#front .design li{
    float:left;
    width:210px;
    margin:0 25px 30px 0;
    height: 170px;
}
#front .design li p{
    background: #EBEBEB;
    text-align: center;
    font-size:1.167em;
    padding:3px 0;
    margin:0 0 10px;
    font-weight: bold;
}
#front.hagaki .design li p{
    background: #FFF;
}
#front .design.disnon{
    display:none;
}

#front #tab2 {
    background: #EBEBEB;
    padding:0px 0px 20px 20px;
    border-top:#3385FF 8px solid;
    margin: 0 0 20px;
}
#front #tab2 li {
    float:left;
    zoom:1;
}
#front #tab2 li a{
    display:block;
    width:100px;
    zoom:1;
    text-align: center;
    font-size:1.333em;
    font-weight: bold;
    background: #FFF;
    border-bottom:1px #CCCCCC solid;
    border-left:1px #CCCCCC solid;
    border-right:1px #CCCCCC solid;
    text-decoration: none;
    border-radius:0 0 5px 5px;
    margin:0 5px 0 0;
    color:#333333;
    padding:8px 0 6px;
}
#front #tab2 li.select a,
#front #tab2 li a:hover{
    background: #3385FF;
    color:#FFFFFF;
    border-top:1px #3385FF solid;
    border-left:1px #3385FF solid;
    border-right:1px #3385FF solid;
}