@charset "utf-8";

#home{
    text-align: left;
    overflow: hidden;
}
#home h3{
    background: #03f;
    color: #fff;
    font-size: 18px;
    margin:2px 0 3px;
}
/*トピックス*/
#home #topics {
    padding: 0;
}
#home #topics li {
    list-style-type: none;
    vertical-align: top;
}

/*ピックアップ*/


/*ラインナップ*/
#home .list li{
    list-style: none;
    display: inline-block;
    width: 300px;
    vertical-align: top;
    font-size: 14px;
    margin-bottom: 5px;
}
#home .list li:before{
    position: relative;
    top: -5px;
    left: -5px;
    z-index: 100;
    content: "";
    display: inline-block;
    border-top:solid 3px #03f; 
    width: 350%;
}
#home .list{
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/*アクセス便利ツール*/

/*ビット掲示板*/
#home #keiji {
	text-align: center;
}

#home #keiji #write_PANEL,#home #keiji #edit_PANEL,#home #keiji #EDIT_PANEL2,#home #keiji #del_PANEL {
	text-align: left;
}

#home #keiji #DATA_PANEL {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#home #keiji #DATA_PANEL table {
	width: 300px;
}


/* タブレットレイアウト : 500 px 以上 */
@media screen and (min-width:500px) {
    #home .list li {
        width: 500px;
    }
    #home #topics li {
        height: auto;
    }
    #home #actool li img{
        width: 300px;
    }
	#home #keiji #DATA_PANEL {
		width: 450px;
	}
	#home #keiji #DATA_PANEL table {
		width: 450px;
	}
}

/* タブレットレイアウト : 700 px 以上 */
@media screen and (min-width:700px) {
    #home .list li {
        width: 320px;
        padding: 0 5px;
    }
	#home #keiji #DATA_PANEL {
		width: 650px;
	}
	#home #keiji #DATA_PANEL table {
		width: 650px;
	}
}
/* タブレットレイアウト : 1000 px　以上 */
@media screen and (min-width:1000px) {
	#home h3{
	    font-size: 14px;
	}
    #home #pickup h3 {
        display: none;
    }
    #home #topics {
        display: inline-block;
    }
    #home #pickup {
        display: inline-block;
        width: 300px;
        vertical-align: top;
    }
	#home #topics li {
        height: 25px;
	    font-size: 14px;
	}
	#home .list li{
	    font-size: 12px;
	}
	#home #keiji #DATA_PANEL {
		width: 700px;
		font-size: 16px;
	}
	#home #keiji #DATA_PANEL table {
		width: 700px;
	}
}