@charset 'UTF-8';

* {
color:#000000;
padding:0;
margin: 0;
font-size: 12px;
line-height: 140%;
font-family: Verdana, Arial, sans-serif;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

img {
border:0;
}

body {
background:url(http://www.card-c.com/img/bana-bg.jpg) repeat-x;
}

/*****リンク色*****/

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

a:visited {
color:#00f;
}

a:hover {
color:#f00;
}

/*******全体の枠*******/

#container {
width:800px;
margin-right: auto;
margin-left: auto;
text-align: center;
position:relative;
}

/*****ヘッダー*****/


#header {
font-family: Verdana, Arial, sans-serif;
background:url(http://www.card-c.com/img/bana.jpg) no-repeat center;
height: 127px;
width: 800px;
margin-bottom: 20px;
}

h1{
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
color: #666;
font-weight: bold;
text-align: right;
}

h2{
position: absolute;
top: 65px;
left: 240px;
color: #999;
font-weight: bold;
font-size: 12px;
}

#header h2 a  {
text-decoration: none;
color:#999;
}

#header h2 a:visited {
text-decoration: none;
color:#999;
}

#header h2 a:hover {
text-decoration: none;
color:#999;
}

#header p  {
color:#666;
font-weight: bold;
position: absolute;
top: 78px;
right:0px;
}

/*****グローバルナビ*****/

#ban {
position: absolute;
top: 100px;
left: 17px;
}

#ban ul li {
float: left;
list-style-type: none;
text-align: center;
line-height: 30px;
width: 110px;
}

#ban ul li a {
display: block;
color: #555;
text-decoration: none;
height: 30px;
width: 110px;
text-align: center;
}

#ban ul li a:hover {
color: #f00;
text-decoration: underline;
}

/******メイン枠******/

#center {
float: right;
width: 570px;
text-align: left;
margin-bottom: 20px;
}   

/******メインインフォ枠等******/

.info-top {
background: url(http://www.card-c.com/img/top-info2.jpg) no-repeat left center;
height: 350px;
margin-bottom: 15px;
}

.content .info-top h3 {
background: none;
color: #666;
font-size: 16px;
padding: 6px 0px 0px 40px;
margin: 0px 0px 10px 0px;
}

.content .info-top p {
padding-left: 15px;
padding-right: 15px;
line-height: 150%;
color: #555;
margin-bottom: 10px;
}

.osusume {
background: url(http://www.card-c.com/img/osusume.jpg) no-repeat;
height: 35px;
margin-left: 4px;
margin-bottom: 15px;
}

h4.speed {
background: url(http://www.card-c.com/img/speed.jpg) no-repeat left center;
height: 23px;
margin-left: 4px;
padding-top: 10px;
padding-left: 145px;
font-size: 14px;
color: #555;
}

h4.rate {
background: url(http://www.card-c.com/img/rate.jpg) no-repeat left center;
height: 23px;
margin-left: 4px;
padding-top: 10px;
padding-left: 145px;
font-size: 14px;
color: #555;
}

h4.noloan{
background: url(http://www.card-c.com/img/noloan.jpg) no-repeat left center;
height: 23px;
margin-left: 4px;
padding-top: 10px;
padding-left: 145px;
font-size: 14px;
color: #555;
}

.box1 {
border: solid 1px #999;
margin-left: 4px;
margin-right: 6px;
border-top: none;
padding: 10px;
margin-bottom: 15px;
}

.box1 p {
padding-left: 10px;
padding-right: 10px;
}

.box1 p.pickup {
background: url(img/pickup.jpg) no-repeat left top;
height: 70px;
line-height: 20px;
padding-left: 185px;
}

.box1 p.affi-468 {
background: url(img/affi-bg.jpg) no-repeat center center;
height: 60px;
padding: 10px 16px 10px 16px;
text-align: center;
margin-bottom: 20px;
}

.box1 p.go {
background: url(img/go3.jpg) no-repeat left center;
height: 31px;
line-height: 31px;
padding-left:123px;
margin-left: 30px;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;

}

/******メイン内部******/
.content {
padding-left:0px;
padding-right:0px;
margin-bottom: 10px;
}

.content p {
font-family: Verdana, Arial, sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
margin-bottom:0.5em;
}

.content h3 {
font-family:Verdana, Arial, sans-serif;
background-image: url(http://www.card-c.com/img/h5-bg.jpg); /* 背景画像 */
background-repeat: no-repeat ;
color: #666;
font-weight:bold; 
font-size:16px;
padding:6px 0px 0px 40px;
margin:0px 10px 0px 0px;
}

#top-body{
padding: 15px 15px 10px 15px; 
margin:0px 10px 0px 0px;
background-color:#E9E9E9;
border-right: 2px solid #8c8c8c;
border-left: 2px solid #b5b2b5;
border-bottom: 2px solid #8c8c8c;
}

#top-body a{
margin:0px 0px 15px 0px;
line-height: 150%;
word-break: keep-all;
}


#bottom-body {
padding: 10px 10px 25px 10px; 
margin: -1px 4px 0px 4px;
border: 1px solid #999;
}

#bottom-body ul {
clear: both;
margin:0px 10px 0px 0px;
}

#bottom-body li {
float: left; 
list-style:none;
margin:0px 10px 0px 0px;
word-break: keep-all;
}

.entry-body{
background: #FFFFFF;
padding: 12px 10px 2px 10px; 
margin:0px 10px 0px 0px;
border-right: 1px solid #b5b2b5;
border-left: 1px solid #b5b2b5;
border-bottom: 1px solid #b5b2b5;
}

.content h5 {
clear: both;
font-family:Verdana, Arial, sans-serif;
background-image: url(http://www.card-c.com/img/h5-bg.jpg); /* 背景画像 */
background-repeat: no-repeat ;
color: #fff;
font-weight:bold; 
font-size:16px;
color: #666;
font-size: 16px;
padding: 6px 0px 0px 40px;
margin-left: 4px;
height: 26px;
}

.content h6 {
height: 24px;
font-size:14px;
margin-top:15px;
margin-left: 0px;
margin-bottomt: 0px;
padding:9px 0px 0px 110px;
background: url(http://www.card-c.com/img/h6-bg.jpg) no-repeat left center;
}

#top-link{
padding: 2px 7px 0px 7px; 
margin:20px 10px 0px 0px;
background-color:#f4eaf9;
border-right: 2px solid #b5b2b5;
border-left: 2px solid #b5b2b5;
border-top: 2px solid #b5b2b5;
border-bottom: 2px solid #b5b2b5;
}

.link li {
list-style-type: decimal;
}


/**********テーブル**********/

table {
width:530px;
border-collapse: collapse;
background-color:#fff;
margin-top:0px;
margin-bottom:5px;
}

tr {
height: 30px;
}

td {
border: 1px solid #999;
padding: 3px 5px 3px 5px;
}

#link-table table {
width:520px;
border-collapse: collapse;
background-color:#E9E9E9;
margin-top:0px;
margin-bottom:20px;
}

#link-table tr {
height: 20px;
}

#link-table td {
border: 0px;
}

th {
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:center;
color: #333333;
background-color: #ffefbb;
border-width: 1px 1px 0px 0px;
border-color: #999;
border-style: solid;
}

.w30{
width:30%;
}

.w15{
width:15%;
}

.w55{
width:55%;
}

/******サイドメニュー部分******/

#side-bar {
float: left;
margin:0px 0px 0px 0px;
width: 220px;
padding:0px 0px 0px 0px;
}

#side-menu {
margin-bottom: 10px;
background: url(http://www.card-c.com/img/side-bottom.jpg) no-repeat bottom left;
padding-bottom: 10px;
}

#side-navi h4{
font-family:Verdana, Arial, sans-serif;
color: #666;
font-style:bold;
text-align:left;
line-height: 32px;
background-image: url(http://www.card-c.com/img/side-navi.jpg); /* 背景画像 */
background-repeat: no-repeat ;
height: 32px;
font-size: 13px;
padding-left: 33px;
}

#side-menu h4{
font-family:Verdana, Arial, sans-serif;
color: #666;
font-size:medium;
font-style:bold;
text-align:left;
line-height: 32px;
background-image: url(http://www.card-c.com/img/side-top.jpg); /* 背景画像 */
background-repeat: no-repeat;
height: 32px;
font-size: 13px;
padding-left: 33px;
}

#side-navi .navi-bg{
background: url(http://www.card-c.com/img/navi-bg.jpg) no-repeat top left;
height: 208px;
margin-bottom: 20px;
padding: 0px;
margin-right: 24px;
}


#side-navi ul li {
list-style-type: none;
text-align: left;
padding: 0px;
margin: 0px;
height: 25px;
width:170px;
margin-bottom: 2px;
margin-left: 0px;
}

#side-navi ul {
padding: 0px;
margin: 0px;
padding-top: 10px;

}

#side-navi ul li a{
display: block;
height: 25px;
width:170px;
background: url(http://www.card-c.com/img/sidemenu.jpg) no-repeat 0px 0px;
text-decoration:none;
padding-left: 20px;
line-height: 25px;
color: #333;
margin-left: 10px;
}

#side-navi ul li a:hover{
display: block;
height: 25px;
width:170px;
background: url(http://www.card-c.com/img/sidemenu.jpg) repeat-y 0px 25px;
text-decoration:none;
line-height: 25px;
padding-left: 20px;
color: #f00;
text-decoration: underline;
}

#side-menu ul {
border-left: solid 1px #cdcdcd;
border-right: solid 1px #cdcdcd;
margin-right: 28px;
padding-top: 10px;
padding-left: 5px;
}

#side-menu li  {
font-size: small;
padding-left:0px;
text-align:left;
line-height:1.5em;
margin: 0px 2px 4px 3px;
list-style-type: none;
}

#side-menu li  a {
padding-top: 5px;
padding-left: 15px;
padding-bottom: 7px;
background: url(http://www.card-c.com/img/arrow_04.gif) no-repeat left center;
}

#side-menu li  a:hover {
padding-top: 5px;
padding-left: 15px;
padding-bottom: 7px;
background: url(http://www.card-c.com/img/arrow_03.gif) no-repeat left center;
}


/**********フッタ**********/

#footer{
clear: both;
padding: 5px 10px 51px 30px;
margin-top: 0px;
background-color: #fff;
border-top: solid 1px #aaa;
}

#footer img{
padding: 2px 4px 10px 4px;
float: left; /* サイトバナーをフッタの左に */
}

#footer h3{
color: #000;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
font-weight: normal;
float: right; /* サイトコピーライトをフッタの右に */
padding-top: 10px;
}

#footer a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #000;
text-decoration: none;
}

/**********文字装飾**********/

p.bl {
font-weight: 700;
font-size:15px;
color: #000;
}

.red {
font-weight: 600;
font-size: 12px;
color: #ff0000;
}

.or {
font-weight: 600;
font-size: 12px;
color: #ff9900;
}

.bl {
font-weight: 600;
font-size: 12px;
color: #000;
}

strong { font-weight:normal;}
em { font-style:normal;}

/**********パンくず**********/

p.tpass {
border:0px solid #95E9BC;
text-align:left;
margin:3px;
padding:1px;
font-size: small;
}