/* CSS Document */

/* タグに対しての初期設定 */
* {
    margin : 0;
    padding : 0;
}

body {
    margin : 0px 0px 0px 0px;
}

li {
    list-style-type : none;
}

fieldset {
    border-style : none;
    display : inline;
}

a:visited{
    color : #0000FF;
}

/* 全体のレイアウト構成 */

#header_margin {
    margin:0 10px 0 0;
}


#container {
    width : 100%;
    margin-left : auto;
    margin-right : auto;
    text-align : left;
    min-width : 980px;
    width:expression((document.body.clientWidth < 980)? "980px" : "auto");
}

#boxA {

}

#boxB {
    float : left;
    margin:0 -320px 0 0;
    width:920px;
}


#boxBForMarginRight {
    margin-right : 320px;
}


#boxC {
    width : 300px;
    float : left;
    margin : 0px 0px 0px 10px;/*調整用*/
}

#boxD {
    width : 100%;
    clear : left;
    margin : 0px 10px 0px 0px;/*調整用*/
}

.clearFloat{
    clear : left;
}

/* 検索窓 上 */
#searchWindowTop{
    margin : 0;
    float : left;
}

#searchWindowTop p{
    padding : 3px 0 0 579px;
    _padding : 3px 0 0 576px;
}

#searchWindowTop .formUnit{
    width : 521px;
    float : left;
}

#searchWindowTop form{
    height : 34px;
    background : #FFFFFF url(http://dir.cybozu.net/img/searchBackground.gif) no-repeat;
    padding : 4px 3px 2px 4px;
}

#searchWindowTop input{
}

#searchWindowTop .srchTxt{
    float : left;
    width : 372px;
    height : 24px;
    font-size : 18px;
}

#searchWindowTop label{
    margin : 0 10px 0 5px;
    position : relative;
    top : 5px;
    vertical-align : top;
    font-weight : bold;
    *top : 7px;
    *font-size : 12px;
}

#searchWindowTop .srchBtn{
    padding-left : 378px;
    _padding-left : 374px;
}

#searchWindowTop img {
    margin : 0px 0px 0px 5px;
}

/* 関連カテゴリ */
#relatedCategory {
    margin : 5px 0px 0px 0px;
    font-size:0.9em;
}

#relatedCategory dt span{
    margin : 0px 0px 0px 5px;
    color : #26A100;
    font-weight : bold;
}

#relatedCategory dt {
    display : inline;
}

#relatedCategory dd {
    margin : 0px 0px 0px 10px;
    display : inline;
}

/* 関連ワード */
#relatedWord {
    margin : 5px 0px 0px 0px;
    font-size:0.9em;
}

#relatedWord dt span{
    margin : 0px 0px 0px 5px;
    color : #F65600;
    font-weight : bold;
}

#relatedWord dt {
    display : inline;
}

#relatedWord dd {
    margin : 0px 0px 0px 10px;
    display : inline;
}

/* スポンサーサイト 上 */
#sponsorTop {
    margin : 10px 0px 0px 0px;
}

#sponsorTop dt {
    font-size : 0.8em;
    color : #888888;
    margin : 0px 0px 17px 0px;
}

#sponsorTop dd {
    margin : 0px 0px 0px 10px;
}

#sponsorTop dt a#forBsText {
    text-decoration : underline;
}

#forBsText span {
    font-weight : bold;
}

#sponsorTop a {
    text-decoration : none;
}

#sponsorTop li {
    margin : 0px 0px 0px 20px;
   /* list-style-type : disc;*/
}

#sponsorTop .ss_title {
    text-decoration : underline;
    line-height : 1.2em;
}

#sponsorTop .ss_desc {
    /*margin : 5px 0px 0px 0px;*/
    padding : 5px 0px 10px 0px;
    color : #000000;
    font-size:0.9em;
    line-height:1.2em;
}

/* 登録サイト 上 */
#registrationSiteTop {
    margin : 10px 0px 10px 0px;
}

#registrationSiteTop dt#registrationSiteTopTitle {
    margin : -10px 0px -2px 0px;
    font-size : 0.8em;
    color : #BBBBBB;
}

#registrationSiteTop dd {
    margin : 0px 0px 0px 10px;
}

#registrationSiteTop dd .registrationSiteData {
    margin : 10px 0px 0px 20px;
    /*list-style-type : disc;*/
}

#registrationSiteTop dd .registrationSiteData dt {
    font-size : 1.0em;
}

#registrationSiteTop dd .registrationSiteData dt .moreInfo{
    font-size : 0.8em;
    color : #777777;
}

#registrationSiteTop dd .registrationSiteData dd {
    margin : 5px 0px 0px 0px;
    font-size : 0.8em;
}

#registrationSiteTop dd dl {
    display : inline;
}

/* スポンサーサイト 下 */
#sponsorBottom {
    background : #FFFFFF;
}

#sponsorBottom dt {
    font-size : 0.8em;
    color : #BBBBBB;
    margin : 0px 0px 8px 0px;
}

#sponsorBottom dd {
    /*margin : 0px 0px 0px 24px;*/
    margin : 0px 0px 0px 10px;
}

#sponsorBottom a {
    text-decoration : none;
}

#sponsorBottom li {
    margin : 0px 0px 0px 20px;
    /*margin : 10px 0px 0px 25px;*/
    /*list-style-type : disc;*/
}

#sponsorBottom .ss_title {
    padding : 0;
    /*margin : 15px 0px 0px 0px;*/
    text-decoration : underline;
    line-height : 1.2em;
}

#sponsorBottom .ss_desc {
    padding : 0;
    /*margin : 5px 0px 0px 0px;*/
    padding : 5px 0px 10px 0px;
    color : #000000;
    font-size : 0.9em;
    line-height:1.2em;
}

/* hr関連 */
#hrSearchWindowBottomTop {
    margin : 20px 10px 0px 0px;
}

#vmargin14{
    margin : 14px 10px 10px 0px;
}

/* 検索窓 下 */
#searchWindowBottom{
    /*border : 1px solid red;*/
    margin : 15px 0px 0px 0px;
    text-align : center;
    background : #FFFFFF url(http://dir.cybozu.net/img/searchBackground.gif) center center no-repeat;
    height : 60px;
}

#searchWindowBottom form {
    display : inline;
}

#searchWindowBottom form a{
    text-decoration:none;
}

#searchWindowBottom .srchTxt{
    margin : 18px 0px 0px 130px;
    _margin : 17px 0px 0px 130px;/*IE*/
    width : 372px;
    height : 24px;
    font-size : 18px;
}

#searchWindowBottom .srchBtn{
    position : relative;
    left : 0px;
    top : 5px;
    _top : 4px;/*IE*/
}

#searchWindowBottom img {
    position : relative;
    left : 6px;
    top : 4px;
    border:none;
    /*_top : 0px;*//*IE*/
}

/* 右サイド関連 */
/* 人気ワード */
#plus_word_ttl_01 {
    margin:20px 0 10px 0;
    background:url(/images/search/gaitame_popular_title.gif) no-repeat;
    text-indent:-9999px;
    height:22px;
}

#plus_word dt {
    background:url(/images/search/icon_side_sponsor.gif) no-repeat;
    font-weight: bold;
    clear: both;
    font-size:0.9em;
    padding: 0 0 0 23px;
}

/* スポンサーサーチ */
#plus_word_ttl_02 {
    margin:10px 0 10px 0;
    background:url(/images/search/gaitame_sponsor_title.gif) no-repeat;
    text-indent:-9999px;
    height:22px;
}

#plus_word_02 dt {
    background:url(/images/search/icon_side_sponsor.gif) no-repeat;
    font-weight: bold;
    clear: both;
    font-size:0.9em;
    padding: 0 0 0 23px;
}

/* 人気ワード,スポンサーサーチ共通 */
#plus_word a,
#plus_word_02 a {
    line-height:1.6;
    margin-bottom:20px;
    font-size:0.9em;
    text-decoration:underline;
    color:#0000ff;
}

#plus_word,
#plus_word_02 {
    width:300px;
    clear:both;
    overflow:hidden;
}

#plus_word ul,
#plus_word_02 ul {
    margin: 5px 0 10px 0;
    overflow: hidden;
}


#plus_word li,
#plus_word_02 li {
    width:97px;
    float:left;
    padding-left:3px;
}

/* トップ用 */
#topContainer {
    width : 100%;
    margin-left : auto;
    margin-right : auto;
    text-align : left;
    min-width : 980px; /* FF,IE7にのみ対応 */
    width:expression((document.body.clientWidth < 980)? "980px" : "auto");
}

#topA {
    float : left;
    /*border : solid 1px red;*/
    margin:0 -320px 0 0;
    width:100%;
}

#topA>* {
    margin-right:320px;
}

#topB {
    float : left;
    /*border : solid 1px red;*/
    width : 300px;
    margin : 0px 0px 0px 10px;/*調整用*/
}

.main {
    clear:both;
    margin: 0;
    overflow: hidden;
}

.main dl {
    margin:0px 0px 30px 0px;
    width: 215px;
    float: left;
    /*border : solid 1px red;*/
}

.main dt {
    background-image: url(/images/top/folder.gif);
    background-repeat: no-repeat;
    height:30px;
    padding:5px 0px 0px 40px;
    font-weight: bold;
    font-size: 1.2em;
}

.main dd {
    margin:0px 0px 0px 0px;
    font-size: 0.9em;
    line-height: 1.8em;
}

hr.topMarginA {
    border : solid 1px #AAAAAA;
    margin: 20px 0px 0px 0px;
}

#topFooter {
    margin : 0px 10px 0px 0px;
    text-align : center;
    font-size : 0.9em;
}

#topFooter li {
    display : inline ;
    /*float: left;*/
}

#topFooter hr {
    margin : 20px 0px 10px 0px;
}

/* FOOTER */
#footer {
    margin : 0px 0px 0px 0px;
    text-align : center;
    font-size : 0.9em;
}

#footer li {
    display : inline ;
    /*float: left;*/
}

#footernavi ul.links {
    font-weight:normal;
    color: #cccccc;
    margin: 5px;
}

#footer li.external_link {
    font-weight:normal;
    color:#cccccc;
    font-size:0.9em;
}

#footer li.external_link_title {
    font-weight:normal;
    color:#b4b4b4;
    font-size:0.9em;
}
#footer a:link,
#footer a:visited {
    color:#cccccc;
    text-decoration:none;
}
#footer a:hover {
    color:#ff8822;
    text-decoration:none;
}