/* ****************************************************************
styles.css （アメックス）
2008/06/21 - 2008/06/21
**************************************************************** */

/* 初期化、一般要素
---------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd, li, table, th, td,
form, select, option, address, pre,
strong, em, caption, cite, code, dfn, var {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

img {
    border: 0;
    background-color: transparent;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
    cell-spacing: 0;
}

ol, ul { list-style: none; }

strong { font-weight: bold; }
em { color: #f00; font-style: normal; }
span { background: #ff6; }

p { margin: 0 }

a {
    color: #00f;
    outline: 0;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a:link {  }
a:visited {  }
a:active {  }


/* body, wrapper, container
---------------------------------------------------------------- */
body {
    font-size: 13px;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    line-height: 1.4em;
    background: #f6f6ff;
}

div#wrapper {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 770px;
    border: 0;
    background: url(./image/shadow.gif);
}

div#container {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 750px;
    border: solid 1px #999;
    border-top: 0;
    background: #fff;
}


/* header
---------------------------------------------------------------- */
div#header {
    width: 750px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: #ccf url(./image/header.jpg);
    position: relative;
}

div#header h1 {
    font-size: 13px;
    padding-left: 10px;
    line-height: 18px;
    color: #666;
}

div#header h1 a {
    color: #666;
    text-decoration: none;
}

div#header h1 a:hover {
}

div#header div#banner {
    position: absolute;
    width: 468px;
    height: 60px;
    top: 20px;
    right: 15px;
}


/* pageBody, content
---------------------------------------------------------------- */
div#pageBody {
    width: 750px;
    margin: 0;
    padding: 20px 0 15px 0;
}

div#content {
    width: 670px;
    margin :0;
    padding: 0 40px;
}

div#content ul.check {
    padding: 10px 0 5px 0px;
}

div#content ul.check li {
    padding: 8px 0 5px 25px;
    font-weight: bold;
    background: url(./image/check.gif) top left no-repeat;
}


/* content内　pickup
---------------------------------------------------------------- */
div#pickup {
    width: 667px;
    border: solid 1px #f96;
    border-right: 2px;
    border-bottom: 2px;
}

div#pickup div#capture {
    width: 120px;
    padding: 10px;
    float: left;
}

div#pickup div#desc {
    width: 507px;
    padding:10px;
}

div#pickup div#desc h3 {
    font-size: 120%;
    font-weight: bold;
}

div#pickup div#desc ul {
    padding: 10px 0;
    font-size: 110%;
}



/* content内　lead
---------------------------------------------------------------- */
div#lead {
    width: 668px;
    margin: 20px 0;
    border: solid 1px #999;
}

div#lead h3 {
    padding: 3px 10px;
    font-weight: bold;
    background: #cef;
}

div#lead ul {
    padding: 10px;
    font-size: 110%;
}


/* content内　table#card
---------------------------------------------------------------- */
table#card {
    width: 670px;
}

table#card th, td {
    border: solid 1px #999;
    padding: 2px 5px;
}

table#card th {
    background: #ccf;
}

table#card th.col01 {
    width: 150px;
}

table#card th.col02 {
    width: 185px;
}

table#card th.top {
    border: 0;
    font-weight: bold;
    background: #fff;
}


/* content内　offer
---------------------------------------------------------------- */
div#offer {
    margin: 30px 0;
}

div#offer h4 {
    margin: 5px 0;
    padding: 2px 5px;
    font-size: 120%;
    font-weight: bold;
    background: #ff9;
}


/* content内　sectionSub（サブページ用）
---------------------------------------------------------------- */
div.sectionSub {
    clear: both;
}

div.sectionSub h3 {
    padding: 8px 0;
    font-size: 120%;
    font-weight: bold;
}

div.sectionSub h4 {
    margin: 10px 0 5px 0;
    padding: 2px 10px;
    font-size: 115%;
    font-weight: bold;
    background: #fcc;
}

div.sectionSub p {
    padding: 5px 0;
}

div.sectionSub div.block {
    width: 670px;
    float: left;
    margin: 5px 0;
}

div.sectionSub div.block div.capture {
    width: 120px;
    padding: 10px;
    float: left;
}

div.sectionSub div.block div.desc {
    width: 510px;
    padding: 10px;
}


/* content内　pickupSub
---------------------------------------------------------------- */
div#pickupSub {
    width: 668px;
    margin: 10px 0;
    border: solid 1px #999;
}

div#pickupSub div#capture {
    width: 150px;
    padding: 10px 20px;
    float: left;
}

div#pickupSub div#desc {
    width: 458px;
    padding: 10px;
}

div#pickupSub h3 {
    font-weight: bold;
}

/* footer
---------------------------------------------------------------- */
div#footer {
    clear: both;
    margin: 0;
    padding: 15px 0 0 0;
    font-size: 13px;
}

div#footer ul {
    padding-right: 10px;
    text-align: right;
}

div#footer a {
    color: #999;
    text-decoration: none;
}


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


/*追加スタイル*/

/* ランキング部分 */
div#content div#ranking {
    margin: 0;
    padding: 10px 20px 10px 20px;
}

div#content div#ranking h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
}

div#content div#ranking a:hover {
    color: #f90;
    text-decoration: underline;
}

/* 2位以下 */
div#content div.ranking_each {
    height: 180px;
    margin: 5px 0 5px 0;
    border: solid 1px #ccc;
    overflow: hidden;
    background: #FFF8DC;

}

div#content div.ranking_each div.rank {
    float: left;
    width: 50px;
    height: 50px;
    padding: 45px 10px;
    background: #FFF8DC;
}

div#content div.ranking_each div.capture {
    float: left;
    width: 120px;
    height: 80px;
    padding: 30px 10px;
    background: #FFF8DC;
}

div#content div.ranking_each div.capture img {
    width: 120px;
}

div#content div.ranking_each div.desc {
    float: left;
    width: 330px;
    height: 180px;
    padding: 10px;
    background: #FFF8DC;
}

div#content div.ranking_each div.desc h4 {
    font-size: 15px;
    padding: 2px 0;
}

div#content div.ranking_each div.desc p {
    margin: 0;
    padding: 2px 0;
}

div#content div.ranking_each div.desc a.button {
    margin: 0;
    padding: 2px 3px;
    border: solid 1px #ccc;
    background: #eee;
    font-size: 110%;
}
/* 1位 */
div#content div.ranking_1st {
    height: 220px;
    margin: 5px 0 5px 0;
    border: solid 1px #c33;
    overflow: hidden;
}

div#content div.ranking_1st div.rank {
    float: left;
    width: 50px;
    height: 50px;
    padding: 75px 10px;
    background: #fff;
}

div#content div.ranking_1st div.capture {
    float: left;
    width: 120px;
    height: 80px;
    padding: 60px 10px;
    background: #fff;
}

div#content div.ranking_1st div.capture img {
    width: 120px;
}

div#content div.ranking_1st div.desc {
    float: left;
    width: 350px;
    height: 220px;
    padding: 10px;
    background: #fff;
}

div#content div.ranking_1st div.desc h4 {
    font-size: 15px;
    padding: 2px 0;
}

div#content div.ranking_1st div.desc p {
    margin: 0;
    padding: 2px 0;
}

div#content div.ranking_1st div.desc a.btn_mou {
    display: block;
    width: 120px;
    height: 30px;
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
    background: url(images/btn_mou.gif) top left no-repeat;
   /* text-indent: -100em;*/
    float: left;
}

div#content div.ranking_1st div.desc a.btn_mou:hover {
    background-position: 0 -30px;
}

div#content div.ranking_1st div.desc a.btn_sho {
    display: block;
    width: 120px;
    height: 30px;
    margin: -12px 0 0 30px;     /* ? */
    padding: 0;
    overflow: hidden;
    background: url(images/btn_sho.gif) top left no-repeat;
  /*  text-indent: -100em;*/
    float: left;
}

div#content div.ranking_1st div.desc a.btn_sho:hover {
    background-position: 0 -30px;

/* その他のカード */
div#content div#other {
    margin: 0;
    padding: 10px 0;
}

div#content div#other h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
    color: #333;
}

div#content div#other table {
    width: 100%;
}

div#content div#other table td {
    width: 33%;
    height: 130px;
    padding: 5px 7px;
    border: solid 1px #ccc;
    overflow: hidden;
    vertical-align: top;
}

div#content div#other table td img {
    float: left;
    padding: 0 5px 3px 0;
    width: 80px;
}

div#content div#other table h4 {
    padding: 0 0 2px 0;
}

div#content div#other table p {
    margin: 0;
    padding: 0 0 2px 0;
    clear: both;
}

div#content div#other table a.button {
    margin: 0;
    padding: 2px 3px;
    border: solid 1px #ccc;
    background: #eee;
    font-size: 110%;
}