@charset "utf-8";

	*{
		margin: 0;
		padding: 0;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
		font-size: 12px;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
	}

	body{
		_height: 100%;
		line-height: 1;
		text-align: center;
    	background: #000 url(/img/bg.jpg) no-repeat fixed center top;
	}

	img{
		border-style: none;
	}

    img, div { behavior:url(/css/iepngfix.htc) }

	br.clear {
		clear: both;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}

	a { color : #0099cb; }

	dl,ul{
		list-style-type: none;
	}


/* ロゴ ---------------------------------------------------------------------- */

    h1{
        margin: 20px auto 10px;
        background: url(/img/logo.png) no-repeat center left;
        __background-image:none;
        __filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod=image);
        width: 834px;
        height: 94px;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        display: block;
        text-indent:-9999px;
    }


/* アバウト ---------------------------------------------------------------------- */

    p{
        margin: 15px auto 10px;
        background: url(/img/about.png) no-repeat center left;
        __background-image:none;
        __filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/about.png',sizingMethod=image);
        width: 834px;
        height: 66px;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        display: block;
        text-indent: -9999px;
        text-align: left;
    }


/* ソート ---------------------------------------------------------------------- */

    div#sort{
        width: 221px;
        margin: 10px auto 20px;
		position: relative;
        top: 0px;
		left: 304px;
    }

    div#sort span{
        display: block;
        text-indent: -9999px;
        height:30px;
        width:45px;
        background:url(/img/sort_no.png) -0px -0px no-repeat;
		float: left;
    }

    div#sort a#sort_create{
        height:30px;
        width:89px;
        background:url(/img/sort_no.png) -45px -0px no-repeat;
        display: block;
        text-indent: -9999px;
		float: left;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        font-size: 1px;
    }

    div#sort a#sort_dl{
        height:30px;
        width:87px;
        background:url(/img/sort_no.png) -134px -0px no-repeat;
        display: block;
        text-indent: -9999px;
		float: left;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        font-size: 1px;
    }


/* ボタンリスト ---------------------------------------------------------------------- */

    div#btn_list{
		width: 850px;
		margin: 10px auto 20px;
		position: relative;
        top: 0px;
        left: 20px;
        __left: 10px;
    }

    div#btn_list ul{
        width: 200px;
		float: left;
        margin: 0px 0 10px 10px;
		position: relative;
        top: 0px;
        left: -20px;
    }

    div#btn_list ul li{
        margin-bottom: 1px;
    	clear: both;
    }

    div#btn_list ul li.no{
        height: 17px;
        margin: 0px 0 0 32px;
        background-color: #313131;
        text-align: left;
		position: relative;
        top: 0px;
		left: 0px;
        color: #FFF;
        font-size: 11px;
    	line-height: 17px;
        padding-left: 5px;
    }

    div#btn_list ul li.no span.no_img{
		background: url(/img/no.gif) no-repeat left center;
        width: 31px;
        height: 17px;
		text-indent:-9999px;
		display: block;
		float: left;
		position: absolute;
        top: 0;
		left: -32px;
    }

    div#btn_list ul li.btn{
		background: url(/img/bg_btn.png) no-repeat center center;
    	_background-image:none;
    	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg_btn.png',sizingMethod=image);
        width: 200px;
        height: 98px;
        margin-top:1px;
    }

    div#btn_list ul li.dl{
        height: 23px;
        margin: 0px 0 0 64px;
        background-color: #313131;
        text-align: left;
		position: relative;
        top: 0px;
		left: 0px;
    }

    div#btn_list ul li.dl span{
		background: url(/img/download.gif) no-repeat left center;
        width: 63px;
        height: 23px;
		text-indent:-9999px;
		display: block;
		float: left;
		position: absolute;
        top: 0;
		left: -64px;
    }

    div#btn_list ul li.dl a{
        width: 30px;
        height: 23px;
		text-indent:-9999px;
		display: block;
		float: left;
		position: absolute;
        top: 0;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
    }

    div#btn_list ul li.dl a.dl_png{
		background: url(/img/dl_png.gif) no-repeat left center;
		left: 0px;
    }

    div#btn_list ul li.dl a.dl_psd{
		background: url(/img/dl_psd.gif) no-repeat left center;
		left: 31px;
    }

    div#btn_list ul li.dl a:hover{
        background-color: #00d8ff;
    }



    div#btn_list ul li.count{
        height: 17px;
        margin: 0px 0 0 35px;
        background-color: #313131;
        text-align: left;
		position: relative;
        top: 0px;
		left: 0px;
        color: #FFF;
        font-size: 11px;
    	line-height: 17px;
        padding-left: 5px;
    }

    div#btn_list ul li.count span.count_img{
		background: url(/img/count.gif) no-repeat left center;
        width: 34px;
        height: 17px;
		text-indent:-9999px;
		display: block;
		float: left;
		position: absolute;
        top: 0;
		left: -35px;
    }


/* 一括ダウンロード ---------------------------------------------------------------------- */

    div#all_dl{
		width: 840px;
        margin: auto auto 70px;
    }

    div#all_dl dl dt{
		background: url(/img/all_dl_text.png) no-repeat center left;
    	_background-image:none;
    	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/all_dl_text.png',sizingMethod=image);
        width: 613px;
        height: 43px;
		text-indent:-9999px;
		display: block;
        margin-right: 15px;
		float: left;
    }

    div#all_dl dl dd a{
		float: left;
    }


    div#all_dl dl dd a{
		background: url(/img/btn_all_dl.png) no-repeat center center;
    	_background-image:none;
    	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/btn_all_dl.png',sizingMethod=image);
        width: 127px;
        height: 41px;
		text-indent:-9999px;
		display: block;
		cursor: pointer;
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
		text-decoration: none;
    }


/* フッター ---------------------------------------------------------------------- */

	html>body #footer {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 500;
	}

	#footer {
		border-top: solid 1px #171717;
		width: 100%;
		height: 45px;
		_position: absolute;
		_right: 0;
		_top:expression(eval(document.compatMode &&
		document.compatMode=='CSS1Compat') ?
		documentElement.scrollTop
		+(documentElement.clientHeight-this.clientHeight) - 0
		: document.body.scrollTop
		+(document.body.clientHeight-this.clientHeight) - 0);
		_z-index: 500;
		margin: 0;
		background-color:#000;
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.80;
	}

	#footer div{
		width: 850px;
		margin: 10px auto;
    	position: relative;
    	top: 0px;
    	left: 0px;
        text-align: left;
	}


	#footer div address a{
		background: url(/img/copy.png) no-repeat center left;
    	_background-image:none;
    	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/copy.png',sizingMethod=image);
        width: 266px;
        height: 21px;
		cursor: pointer;
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
		text-decoration: none;
		display: block;
		text-indent:-9999px;
    }

	#footer div dl{
    	position: absolute;
    	top: -3px;
    	left: 640px;
    }

	#footer div dl dt{
		float: left;
		width: 140px;
    }

	#footer div dl dt a{
		background: url(/img/mochivation.png) no-repeat center left;
    	_background-image:none;
    	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mochivation.png',sizingMethod=image);
        width: 130px;
        height: 27px;
		cursor: pointer;
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
		text-decoration: none;
		display: block;
		text-indent:-9999px;
    }

	#footer div dl dd{
		float: left;
		width: 62px;
    }

	#footer div dl dd a{
		background: url(/img/heteml.png) no-repeat center left;
    	_background-image:none;
    	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/heteml.png',sizingMethod=image);
        width: 62px;
        height: 27px;
		cursor: pointer;
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
		text-decoration: none;
		display: block;
		text-indent:-9999px;
    }


/* ナンバー ---------------------------------------------------------------------- */

    div.font_img{
        padding-top: 0px;
        font-size:1px;
    	position: relative;
    	top: 6px;
        height: 17px;
    }

    span.span_font{
        height:5px;
        width:5px;
        display: block;
		text-indent:-9999px;
    	float: left;
    }

    span.f_0{ background:url(/img/font_img.gif) -0px -0px no-repeat; }
    span.f_1{ background:url(/img/font_img.gif) -5px -0px no-repeat; width:4px; }
    span.f_2{ background:url(/img/font_img.gif) -8px -0px no-repeat; }
    span.f_3{ background:url(/img/font_img.gif) -13px -0px no-repeat; }
    span.f_4{ background:url(/img/font_img.gif) -18px -0px no-repeat; }
    span.f_5{ background:url(/img/font_img.gif) -23px -0px no-repeat; }
    span.f_6{ background:url(/img/font_img.gif) -28px -0px no-repeat; }
    span.f_7{ background:url(/img/font_img.gif) -33px -0px no-repeat; }
    span.f_8{ background:url(/img/font_img.gif) -38px -0px no-repeat; }
    span.f_9{ background:url(/img/font_img.gif) -43px -0px no-repeat; }