@CHARSET "UTF-8";

/* ヘッダ
----------------------------------------------------- */
#cqfHeader {
    height: 180px;
    background: url(/cq_sitetemplate/img/main_bg.jpg) repeat-x 0px 0px;
}

#cqfHeader h2 {
    text-indent: -9999em;
    background: url(/cq_sitetemplate/img/title.jpg) no-repeat 0px 0px;
    width: 580px;
    height: 150px;
}

#cqfHeader ul,
#cqfHeader li
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#cqfHeader ul {
    min-width: 464px;
}
#cqfHeader li {
    float: left;
    margin: 0px 0px 0px 0px;
    text-indent: -9999em;
}

#cqfHeader li a {
    display: block;
    height: 30px;
    background: url(/cq_sitetemplate/img/navi.jpg) no-repeat 0px 0px;
}

    #cqfHeader li#CqNavi01 a {
        width: 77px;
        background-position: 0px 0px;
    }

    #cqfHeader li#CqNavi02 a {
        width: 115px;
        background-position: -76px 0px;
    }

    #cqfHeader li#CqNavi03 a {
        width: 116px;
        background-position: -192px 0px;
    }

    #cqfHeader li#CqNavi04 a {
        width: 122px;
        background-position: -308px 0px;
    }

    #cqfHeader li#CqNavi05 a {
        width: 122px;
        background-position: -430px 0px;
    }

    #cqfHeader li#CqNavi01 a.highLight {
        width: 77px;
        background-position: 0px -30px;
    }

    #cqfHeader li#CqNavi02 a.highLight {
        width: 115px;
        background-position: -76px -30px;
    }

    #cqfHeader li#CqNavi03 a.highLight {
        width: 116px;
        background-position: -192px -30px;
    }

    #cqfHeader li#CqNavi04 a.highLight {
        width: 122px;
        background-position: -308px -30px;
    }

    #cqfHeader li#CqNavi05 a.highLight {
        width: 122px;
        background-position: -430px -30px;
    }
/* 見出し
----------------------------------------------------- */
#CQF {
    width: 99%;
    margin-right: auto;
    margin-left: auto;
}

#contents {
    margin: 20px 0px 0px 0px;
}

#cqfLeft {
    width: 96%;
    float: left;
    margin-right: -376px;
    padding-left: 3%;
}


#cqfLeft > * {
    margin-right: 376px;
}

* html #cqfLeftChild {
    margin-right: 376px;
}

#cqfRight {
    width: 336px;
    float: right;
    min-width: 336px;
    padding: 10px;
}

#cqfRight h4 {
    font-size: 146.5%;
    margin: 0px -10px 2em -10px;
}

p.bana {
    text-align: center;
}



#cqfLeft h3 {
    margin-left: -2%;
    font-size: 174%;
    color: #00759b;
    padding: 1em 0px 1em 0px;
    font-weight: bold;
}

#cqfLeft h4 {
    margin-left: -1%;
    font-size: 146.5%;
    font-weight: bold;
    padding: 1em 0px 1em 0px;
}

#cqfLeft h5 {
    font-size: 116%;
    font-weight: bold;
    padding: 1em 0px 1em 0px;
}

#cqfLeft h6 {
    font-size: 116%;
    font-weight: bold;
    padding: 1em 0px 1em 0px;
}

.result {
    border: dotted 1px #000000;
    padding: 0px 10px 10px 10px;
    margin: 1em 0px 1em 0px;
}

#cqfLeft .result h5 {
    background-color: #E5E5E5;
    margin: 0px -10px 1em -10px;
    padding: 0em 0px 0em 10px;
    border-bottom: none;
}

.attention {
    padding: 0 2em 1em 2em;
    background: #EDEBD5;
}

.attention h4,
.attention h5,
.attention h6
{
    color: #990000;
}


/* ------------------------------------

   class viewDirInfo

   ------------------------------------ */
.viewDirInfo {
}

.viewDirInfo dl {
    margin-top: 2em;
    margin-bottom: 2em;
}

.viewDirInfo dt {
    font-size: 116%;
}

.viewDirInfo dt a {
}

.viewDirInfo dd {
}

.viewDirInfo ul,
.viewDirInfo li
{
    line-height: 1;
}

.viewDirInfo li {
}

.viewDirInfo ul {
}

.viewDirInfo li {
}

.viewDirInfo li a {
}


/* ------------------------------------

   class viewMenu

   ------------------------------------ */

.viewMenu {
}

.viewMenu h5 {
    font-size: 116%;
    margin: 0.5em -5px 0.5em -5px;
    background: url(/img/md_bg.gif) repeat;
    text-align: right;
}

.viewMenu h5 a {
    display: block;
    color: #00759b;
    text-decoration: none;
    padding: 0.5em;
}

.viewMenu h5 a:hover {
    background: #5ca4bc;
    color: #FFFFFF;
    text-align: center;
}

/* class .scope 現在のディレクトリ */

.viewMenu .scope {
}

.viewMenu .scope h5 {
}

.viewMenu .scope h5 a {
}

.viewMenu .scope h5 a.highLight {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    background: #00759b;
    text-align: left;
}

.viewMenu .scope h5 a.highLight:hover {
    color: #000000;
    background: none;
}

.viewMenu .scope h6 {
    margin: 0.5em 0em 0.5em 0em;
}

.viewMenu .scope h6 a {
    display: block;
    background: url(/cq_sitetemplate/img/icons_directory.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px 10px;
    min-height: 20px;
    min-width: 20px;
    height: auto !important;
    height: 20px;
}


.viewMenu .scope ul,
.viewMenu .scope li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.viewMenu .scope ul {
    line-height: 1;
    margin-bottom: 2em;
}

.viewMenu .scope li {
    margin: 0.5em 0em 0.5em 0em;
}

.viewMenu .scope li a {
    display: block;
    background: url(/cq_sitetemplate/img/icons_list.gif) no-repeat 0px -40px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px 10px;
    min-height: 20px;
    min-width: 20px;
    height: auto !important;
    height: 20px;
}

.viewMenu .scope li a.highLight {
    display: block;
    background: url(/cq_sitetemplate/img/icons_list.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px 10px;
    min-height:20px;
    height: auto !important;
    height: 20px;
}

/* ------------------------------------

   class viewNavigation

   ------------------------------------ */
.viewNavigation {
}

.viewNavigation p {
    text-align: center;
}

.viewNavigation p a {
}

.viewNavigation p span {
}

.viewNavigation p span.prev {
}

.viewNavigation p span.current {
}

.viewNavigation p span.next {
}

.viewNavigation p span.prev a {
}

.viewNavigation p span.current a {
}

.viewNavigation p span.next a {
}


/* ------------------------------------

   class topicPath

   ------------------------------------ */
.topicPath {
    padding: 0px 0px 0px 30px;
    margin: 40px 0px 40px 20px;
    background: url(/cq_sitetemplate/img/icons.gif) no-repeat 0px 0px;
    min-height: 20px;
}

.topicPath p {
}

.topicPath p a {
}

#cqfLeft .result .amazonBookErea .amazonBookDesc h5 {
    background: #FFFFFF;
}

#cqfLeft .result .amazonCDErea .amazonCDDesc h5 {
    background: #FFFFFF;
}

#cqfLeft .result .amazonCDErea .amazonCDDesc h5,
#cqfLeft .result .amazonCDErea .amazonCDDesc h6
{
    margin: 0px;
    padding: 0px;
}

#cqfLeft .result .amazonCDErea .amazonCDDesc h5 {
    font-size: 100%;
}

#cqfLeft .result .amazonCDErea .amazonCDDesc h6 {
    font-size: 116%;
}