/* ****************************************************************
Title: styles-site.css  （MT用）
Created: 2008/04/20
Last Modified: 2008/04/22
**************************************************************** */

/* #01 Reset, General Elements
---------------------------------------------------------------- */
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;
    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: #ff0; }

p { margin: 0 0 1.3em; }

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

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

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

h1 {
    font-size: 1.5em;
}
h2 {  }
h3 {  }
h4 {  }


/* #02 body
---------------------------------------------------------------- */
body {
    font-size: 12px;
    font-family:  Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.4em;
    background: #666;
}


/* #03 container
---------------------------------------------------------------- */
div#container {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 750px;
    border: 0;
    background: #fff;
    border-bottom: solid 1px #666;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
}

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


/* #04 header
---------------------------------------------------------------- */
div#header {
    padding: 0;
    border-bottom: solid 3px #ccc;
    width: 750px;
    margin: 0;
    background: #000;
}

div#header h1 {
    width: 735px;
    height: 18px;
    margin: 0;
    padding-left: 15px;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    background: #000;
}

div#header h1 a {
    color: #fff;
}

div#header div#logo {
    padding: 0;
    margin-left: 10px;
    width: 200px;
    height: 80px;
    position: relative;
    background: url(images/logo.gif) no-repeat #000;
    float: left;
}

div#header div#banner {
    width: 458px;
    float: left;
    padding: 10px 41px;
}

div#header div#banner img {
}


/* #05 sideBar （メインページ用）
---------------------------------------------------------------- */
div#sideBar {
    width: 185px;
    margin: 0;
    padding: 5px 0 30px 15px;
    float: left;
}


/* #06 pageBody
---------------------------------------------------------------- */
div#pageBody {
    width: 750px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 20px 0;
}


/* #07 content（２カラム、メインページ用）
---------------------------------------------------------------- */
div#content {
    text-align: left;
    background: #fff;
    width: 520px;
    padding: 5px 15px 30px 15px;
    margin: 0;
    float: right;
}

div#content h2 {
    margin: 10px 0;
    padding: 15px 0px;
    font-size: 20px;
    line-heith: 1.5em;
    background: #fff;
    border: solid 0px #c33;
}

/* 最上部見出し */
div#content div#lead {
    margin: 0;
    padding: 10px 0;
}

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

div#content div#lead ul {
    margin-left: 5px;
    padding: 0;
}

div#content div#lead ul li {
    background: url(images/list1.gif) center left no-repeat;
    margin: 2px 0;
    padding-left: 20px;
}


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

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

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

div#content div.ranking_each div.rank {
    float: left;
    width: 50px;
    height: 50px;
    padding: 60px 5px;
    background: #fff;
}

div#content div.ranking_each div.capture {
    float: left;
    width: 120px;
    height: 80px;
    padding: 45px 5px;
    background: #fff;
}

div#content div.ranking_each div.capture img {
}

div#content div.ranking_each div.desc {
    float: left;
    width: 308px;
    height: 150px;
    padding: 10px;
    background: #fff;
}

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: 85px 5px;
    background: #fff;
}

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

div#content div.ranking_1st div.capture img {
}

div#content div.ranking_1st div.desc {
    float: left;
    width: 308px;
    height: 200px;
    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 dl {
    padding-left: 5px;
}

div#content div#other dl dt {
    padding: 2px 0 2px 20px;
    background: url(images/list1.gif) center left no-repeat;
}

div#content div#other dl dt a {
    padding-right: 10px;
}

div#content div#other dl dd {
    padding: 0 0 5px 20px;
}



/* #08 content1Column（エントリーアーカイブ用）
---------------------------------------------------------------- */
div#content1Column {
    text-align: left;
    background: #fff;
    width: 670px;
    padding: 5px 40px 30px 40px;
    margin: 0;
}

div#content1Column h2 {
    margin: 10px 0;
    padding: 15px 0px;
    font-size: 20px;
    line-heith: 1.5em;
    background: #fff;
    border: solid 0px #c33;
}


/* エントリーの中身 */
div#content1Column div#entry {
    padding: 10px 0;
}

div#content1Column div#entry h3 {
    width: 400px;
    height: 30px;
    margin: 10px 0;
    padding: 8px 0 0 28px;
    font-size: 17px;
    color: #444;
    background: url(images/h3.gif) no-repeat;
}

/* カード情報部分 */
div#content1Column div#entry div#card_info {
}

div#content1Column div#entry div#card_info div#upper {
    width: 668px;
    height: 120px;
    border: solid 1px #ccc;
    border-bottom-width: 0;
}

div#content1Column div#entry div#card_info div#upper div#capture {
    float: left;
    width: 160px;
    height: 90px;
    padding: 15px 0;
    background: #fff;
    text-align: center;
}

div#content1Column div#entry div#card_info div#upper div#desc {
    float: left;
    width: 488px;
    height: 100px;
    padding: 10px;
    background: #fff;
}

/* テーブル */
div#content1Column div#entry div#card_info table#card_table {
    clear: both;
    width: 670px;
    border: solid 1px #ccc;
}

div#content1Column div#entry div#card_info table#card_table th {
}

div#content1Column div#entry div#card_info table#card_table th.col_a {
	width: 15%;
}

div#content1Column div#entry div#card_info table#card_table th.col_b {
	width: 40%;
}


/* ボタン */
div#content1Column div#entry div#btnArea {
	width: 270px;
	margin: 0 auto;
	padding: 20px 0;
}

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

div#content1Column div#entry a.btn_mou:hover {
    background-position: 0 -30px;
}

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

div#content1Column div#entry a.btn_sho:hover {
    background-position: 0 -30px;
}








/* カード選びのポイント */
div#content1Column div#lead {
    margin: 0;
    padding: 10px 0;
}

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

div#content1Column div#lead ul {
    margin-left: 5px;
    padding: 0;
}

div#content1Column div#lead ul li {
    background: url(images/list1.gif) center left no-repeat;
    margin: 2px 0;
    padding-left: 20px;
}


/* キャンペーン情報 */
div#content1Column div#other {
    margin: 0;
    padding: 10px 0;
}

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

div#content1Column div#other dl {
    padding-left: 5px;
}

div#content1Column div#other dl dt {
    padding: 2px 0 2px 20px;
    background: url(images/list1.gif) center left no-repeat;
}

div#content1Column div#other dl dt a {
    padding-right: 10px;
}

div#content1Column div#other dl dd {
    padding: 0 0 5px 20px;
}



/* #09 footer
---------------------------------------------------------------- */
div#footer {
    clear: both;
    width: 750px;
    height: 20px;
}

div#footer ul#footerMenu {
    width: 740px;
    height: 20px;
    padding-right: 10px;
    line-height: 20px;
    background: #999;
    text-align: right;
    color: #fff;
}

div#footer ul#footerMenu li {
    display: inline;
}

div#footer ul#footerMenu li a {
    color: #fff;
}

div#footer p#copyright {
}

/*追記*/


/* visa */
div#content div.ranking_visa {
    height: 300px;
    margin: 5px 0 5px 0;
    border: solid 1px #c33;
    overflow: hidden;
}



div#content div.ranking_visa div.capture {
    float: left;
    width: 120px;
    height: 80px;
    padding: 70px 5px;
    background: #fff;
}

div#content div.ranking_visa div.capture img {
}

div#content div.ranking_visa div.desc {
    float: left;
    width: 360px;
    height: 300px;
    padding: 10px;
    background: #fff;
}

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

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

div#content div.ranking_visa 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_visa div.desc a.btn_mou:hover {
    background-position: 0 -30px;
}

div#content div.ranking_visa 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_visa div.desc a.btn_sho:hover {
    background-position: 0 -30px;
}
    padding: 2px 0;
}

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