@charset "utf-8";

/***************** order of selector *****************

*       1.Search Default CSS Setting
*               1-1.Yahoo UI Library Fonts CSS
*               1-2.Universal selector
*               1-3.Structure Module
*               1-4.Text Module
*               1-5.Hypertext Module
*               1-6.List Module
*               1-7.Edit Module
*               1-8.Forms Module
*               1-9.Tables Module
*               1-10.Image Module
*               1-11.Object Module
*       2.Search Index
*               2-1.Layout
*               1-2.Universal selector
*               2-2.Unique

*****************************************************/

/*============================================================================

    1.Search Default CSS Setting

=============================================================================*/
/*----------------------------------------

    1-1.Yahoo UI Library Fonts CSS

    1.Yahoo UI Library Fonts CSS
    http://developer.yahoo.com/yui/fonts/
    *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
    *http://developer.yahoo.com/yui/license.txt

    Font-size Adjustment

    77% = 10px    |     122% = 16px    |    167% = 22px
    85% = 11px    |    129% = 17px    |    174% = 23px
    92% = 12px    |    136% = 18px    |    182% = 24px
    100% = 13px    |    144% = 19px    |    189% = 25px
    107% = 14px    |    152% = 20px    |    197% = 26px
    114% = 15px    |    159% = 21px    |

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

body {
    font-size: 13px;
    *font-size: small;
    *font: x-small;
}

select,
input,
textarea {
    font-size: 99%;
}

/*----------------------------------------
    2.Universal selector
----------------------------------------*/

* {
    line-height: 1.6;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
}

/*----------------------------------------
    3.Structure Module
----------------------------------------*/

body {
    color: #333;
    background-color: #fff;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
}

/*----------------------------------------
    4.Text Module
----------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

h1 {
    font-size: 189%;
}

h2 {
    font-size: 107%;
}

h3 {
    font-size: 144%;
}

h4 {
    font-size: 122%;
}

h5 {
    font-size: 107%;
}

h6 {
    font-size: 107%;
}

em {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

/*----------------------------------------
    5.Hypertext Module
----------------------------------------*/

a:link {
    color: #0000cc;
}

a:visited {
    color: #551a8b;
}

/*----------------------------------------
    6.List Module
----------------------------------------*/

ul,ol,li,dl,dt,dd {
    list-style-position: outside;
    list-style: none;
}

/*----------------------------------------
    7.Edit Module
----------------------------------------*/

/*----------------------------------------
    8.Forms Module
----------------------------------------*/

form {
    margin: 0;
    padding: 0;
}

input,
textarea,
select {
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
}

input.default-button {
    line-height: 120%;
}

input.text-field {
    border: 1px solid #9e9e9e;
    padding: 2px;
}

input.text-field:hover {
    border: 1px solid #aaa;
}

input.text-field:focus {
    border: 1px solid #000;
}

input.radio,
input.checkbox {
    border: none;
}

/*----------------------------------------
    9.Tables Module
----------------------------------------*/

/*----------------------------------------
    10.Image Module
----------------------------------------*/

img {
    vertical-align: bottom;
}

a img {
    border: none;
}

/*----------------------------------------
    11.Object Module
----------------------------------------*/

/*============================================================================

    2.Search Index

=============================================================================*/

/*----------------------------------------
    2-1.Layout
----------------------------------------*/

body#search-index div#container {
    background-image: none;
    background-color: transparent;
    padding: 40px 0;
    width: 976px;
    margin: 0 auto;
}

/*----------------------------------------
    2-2.Unique
----------------------------------------*/

/* div.left-side */
body#search-index div.left-side {
    float: left;
    width: 234px;
    padding: 0 5px 0;
    height: 280px;
}

body#search-index div.right-side {
    float: right;
    width: 234px;
    padding: 0 5px 0;
    height: 280px;
}

/* div.contents */

body#search-index div#container div.contents {
    width: 488px;
    float: left;
}

body#search-index div#container div.contents h1 {
    margin: 0 auto;
    display: block;
    width: 185px;
    height: 45px;
    text-indent: -9999px;
    background: url(/img/title/h1_logo_search.gif) no-repeat;
}

body#search-index div#container div.contents ul {
    margin-top: 20px;
    text-align: center;
}

body#search-index div#container div.contents ul li {
    margin-bottom: 5px;
}

body#search-index div#container div.contents ul li.exposition {
    text-align: left;
    padding: 0 50px;
}

body#search-index div#container div.contents ul li.link {
    display: inline;
    padding: 0 5px;
}

/* ul.ad-area */

body#search-index div#container ul.ad-area {
}

body#search-index div#container ul.ad-area li {
    padding: 0 0 10px;
}

body#search-index div#container ul.row {
    clear: both;
    width: 986px;
}

body#search-index div#container ul.row li {
    float: left;
    padding: 0 5px 10px;
}

/* div#footer */

body#search-index div#footer {
    clear: both;
}

body#search-index div#footer p {
    padding-top: 10px;
    text-align: right;
    vertical-align: bottom;
}

body#search-index div#footer p.copy-right {
    text-align: center;
}


/*============================================================================

    3.About Search & Search Result

=============================================================================*/

/*----------------------------------------
    2-1.Layout
----------------------------------------*/

body#about-search div#container {
    padding: 0;
    width: 800px;
}


body#search-result div#container {
    padding: 0;
    width: 800px;
}

body#about-search div#header {
    border-bottom: #cccccc solid 1px;
    padding: 0 0 13px 20px;
}

body#search-result div#header {
    padding: 0 0 8px 20px;
}

body#about-search div.main-block {
    padding: 23px 0 35px 20px;
}

body#about-search div#footer {
    border-top: #cccccc solid 1px;
    padding: 10px 0 25px;
    text-align: center;
}

/*----------------------------------------
    2-2.Unique
----------------------------------------*/

body#about-search div#header h1,
body#search-result div#header h1 {
    float: left;
}

body#about-search div#header h1 a,
body#search-result div#header h1 a {
    float: left;
    display: block;
    width: 185px;
    height: 45px;
    margin: 25px 18px 0 0;
    text-indent: -9999px;
    background: url("/img/title/h1_logo_search.gif") no-repeat;
}


ul.search-tool {
    width: 540px;
    float: right;
    text-align: right;
    padding-bottom: 15px;
}

ul.search-tool li {
    display: inline;
    font-size: 85%;
    padding: 0 1em 0 0;
}


body#about-search div#header form,
body#search-result div#header form {
    width: 540px;
    float: left;
    text-align: left;
}

body#about-search form ul li,
body#search-result form ul li {
    display: inline;
}

body#about-search form ul li input.text-field,
body#about-search form ul li input.default-button,
body#search-result form ul li input.text-field,
body#search-result form ul li input.default-button {
    margin: 0;
}

/* div.main-block */

body#about-search div.main-block div.section div.title {
    background-image: url("/img/title/search-body.gif") ;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #f8f8f8;
}

body#about-search div.main-block div.section div.title h2 {
    background-image: url("/img/title/search-top.gif") ;
    background-repeat: repeat-x;
    background-position: top;
    font-size: 107%;
    font-weight: bold;
    padding: 3px 12px 2px;
}

body#about-search div.main-block div.section div.parts {
    padding: 5px 10px 40px;
}

body#about-search div.main-block div.section div.parts p.lead {
    padding: 10px 0 0;
}

body#about-search div.main-block div.section div.parts ul.character {
    color: #e97900;
    padding: 20px 0 0 20px;
}

body#about-search div.main-block dl.search-result {
    padding: 30px 0 35px 0;
    width: 370px;
    float: left;
}

body#about-search div.main-block dl.left {
    padding-right: 20px;
}

body#about-search div.main-block dl.search-result dt {
    font-weight: bold;
    padding-bottom: 5px;
}

body#about-search div.main-block dl.search-result dt span {
    color: #e97900;
    font-weight: bold;
}

body#about-search div.main-block dl.search-result dd img {
    border: 5px #cecece solid;
}

body#about-search div.main-block dl.search-result dd.note {
    background-image: url("/img/arrow/search.gif") ;
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    margin: 10px 0 0;
    padding: 0 0 0 18px;
    color: #e97900;
}

body#about-search div.comment {
    background-color: #ffead4;
    width: 588px;
    margin: 0 auto;
    clear: both;
}

body#about-search div.comment p.lead {
    font-size: 107%;
    padding: 10px 20px;
}

body#about-search div.comment div.frame-top {
    background-image: url("/img/bg/frame-search-top.gif") ;
    background-position: top;
    background-repeat: no-repeat;
    height: 5px;
    font-size: 0;
    line-height: 0;
}

body#about-search div.comment div.frame-bottom {
    background-image: url("/img/bg/frame-search-bottom.gif") ;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 5px;
    font-size: 0;
    line-height: 0;
}

body#search-result p.lead {
    clear: both;
    padding-top: 5px;
}

/*============================================================================

    4.ClearFix

=============================================================================*/

div#header:after,
body#about-search div.main-block dl.search-result:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

div#header,
body#about-search div.main-block dl.search-result {
    zoom:1; /*for IE 5.5-7*/
}