@charset "Shift_JIS";

@import "./css/common.css";
@import "./css/layout.css";

#header-navi-01 a{ background-position:0 34px; }

/* 
hoge [ 
----------------------------------------------------------- */

.block-660{ width:660px; }
.block-280{ width:280px; }

.top-category{
margin-bottom:20px;
}

#new-btn, #new-btn a, #new-btn a:hover{
width:90px;
overflow:hidden;
background-image:url("./index_img/new-btn.gif");
background-repeat:repeat-y;
}

#list-btn, #list-btn a, #list-btn a:hover{
width:105px;
overflow:hidden;
background-image:url("./index_img/list-btn.gif");
background-repeat:repeat-y;
}

#new-btn, #list-btn{ background-position:0 0; height:24px; }
#new-btn a, #list-btn a{ background-position:0 0; height:24px; display:block; }
#new-btn a:hover, #list-btn a:hover{ background-position:0 24px; }

.block-320{
width:320px;
margin-bottom:20px;
}
.new-image{
width:116px;
padding:1px;
border:solid 1px #ccc;
}

.new-content{
width:180px;
}

.new-title{
font-size:108%;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:dotted 1px #ccc;
}

.new-text{
font-size:85%;
}

.text-block{
padding-top:10px;
border-top:solid 1px #ccc;
}

.new-data{
font-size:77%;
padding-right:1em;
}

.text-block ul{ list-style:none; }
.text-block li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:solid 1px #ccc;
}

#btn-1, #btn-1 a, #btn-1 a:hover,
#btn-2, #btn-2 a, #btn-2 a:hover,
#btn-3, #btn-3 a, #btn-3 a:hover,
#btn-4, #btn-4 a, #btn-4 a:hover{
width:280px;
margin-bottom:10px;
overflow:hidden;
background-repeat:repeat-y;
}
#btn-1,#btn-1 a, #btn-1 a:hover{ background-image:url("./index_img/btn-1.jpg"); }
#btn-2,#btn-2 a, #btn-2 a:hover{ background-image:url("./index_img/btn-2.jpg"); }
#btn-3,#btn-3 a, #btn-3 a:hover{ background-image:url("./index_img/btn-3.jpg"); }
#btn-4,#btn-4 a, #btn-4 a:hover{ background-image:url("./index_img/btn-5.jpg"); }

#btn-1,#btn-2,#btn-3,#btn-4{ background-position:0 0; height:60px; }
#btn-1 a,#btn-2 a,#btn-3 a,#btn-4 a{ background-position:0 0; height:60px; display:block; }
#btn-1 a:hover,#btn-2 a:hover,#btn-3 a:hover,#btn-4 a:hover{ background-position:0 60px; }

/* 
main-image js [ 
----------------------------------------------------------- */

#portfolio{
list-style:none;
}