@charset "utf-8";

#main {
    font-size:0.8em;
}

h1 {
    width:669px;
    height:0;
    padding-top:132px;
    overflow:hidden;
    background:url(../images/stuff/h1.gif) no-repeat 0 15px;
}

h2 {
    width:650px;
    margin:10px auto;
    height:0;
    padding-top:31px;
    overflow:hidden;
    border-bottom:1px solid #999;
    background-repeat:no-repeat;
    background-position:10px 0;
}

h2#h2_list {background:url(../images/stuff/h2_list.gif) no-repeat 10px 0;}
h2#h2_detail {background:url(../images/stuff/h2_detail.gif) no-repeat 10px 0;}


/**********************************
***** 一覧ページ ******************
**********************************/
ul#stuff_list {

}

ul#stuff_list li{
    width:618px;
    margin:0px auto 20px;
    border:1px solid #cccccc;
    padding:15px;
}

ul#stuff_list li img{
    float:left;
    margin-right:15px;
}

ul#stuff_list li p,div#desc p{
    font-size:1.2em;
    margin-bottom:15px;
    color:#ff6936;
    font-weight:bold;
}

ul#stuff_list li p a,div#desc p a{
    text-decoration:underline;
}

ul#stuff_list li table,div#desc table{
    border-collapse:collapse;
    font-size:1.1em;
    width:340px;
    color:#666;
}

ul#stuff_list li table th,ul#stuff_list li table td,div#desc table th,div#desc table td,table#more_detail th,table#more_detail td{
    padding:8px ;
    border:1px solid #cccccc;
    text-align:left;
}

ul#stuff_list li table th,div#desc table th,table#more_detail th{
    background-color:#eeeeee;
    font-weight:bold;
    text-align:center;
}

ul#stuff_list li table td,div#desc table td,table#more_detail td{

}

p#pager {
    font-size:1.1em;
    width:650px;
    text-align:center;
    margin:0px auto 20px;
}

p#pager a{
    font-weight:bold;
    text-decoration:underline;
}

/**********************************
***** 詳細ページ ******************
**********************************/
div#stuff_detail {
    width:618px;
    margin:0px auto 20px;
    border:1px solid #cccccc;
    padding:15px;
}

ul#stuff_list li div#img_section,div#stuff_detail div#img_section {
    width:262px;
    float:left;
}

ul#stuff_list li div#img_section img,div#stuff_detail div#img_section img{
    display:block;
    margin-bottom:15px;
}

div#stuff_detail div#img_section a img {
    border:1px solid #fff;
}

div#stuff_detail div#img_section a:hover img {
    border:1px solid #FF6936;
}

div#stuff_detail div#img_section img.left {
    float:left;
}

div#stuff_detail div#img_section img.right {
    float:right;
}

div#stuff_detail div#desc {
    width:341px;
    float:right;
}

div#stuff_detail div#desc p {
    margin-top:10px;
}

div#desc table th {
    width:107px;
}

h3 {
    clear:both;
    height:0;
    margin:0px 0px 10px;
    padding-top:47px;
    overflow:hidden;
    background:url(../images/stuff/h3.gif) no-repeat 5px 30px;
}

table#more_detail {
    border-collapse:collapse;
    font-size:1.1em;
    width:618px;
    color:#666;
}

#pager table {
    margin:0px auto 30px;
}