body  { 
        padding:0px;
        margin: 0px 0px 0px 0px;
        width : 100% ; 
        background-image  : url(image/001.jpg);  
        background-color: #888888;
}   

html
	{
		font-family:Tahoma;
	        font-size:90%;
		line-height:1.455em;
		color:#272727;
	}

/*
サイトデザイン
-------------------------------------------------------------------*/
#container {
        width:790px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        background-color: #ffffff;

}
.wrap {
        text-align: center;
}

#left-box {
        float : left ; 
        width : 360px ;
        margin: 20px 0px 10px 14px;
        padding: 10px;
        border: 1px solid #cccccc;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #ffffff;
        font-weight: normal;
}


#right-box {
        float : left; 
        width : 360px ; 
        margin: 20px 0px 10px 10px;
        padding: 10px;
        border: 1px solid #cccccc;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
                font-size:        font-size:100% ;
        background-color: #ffffff;
        font-weight: normal;
}



#headder {
        width:790px;
	height:180px;
        margin-left:auto;
        margin-right:auto;
        padding: 15px 0 0 0 ;
        background-color: #ffffff;
	text-align: left;
        background-image  : url(image/haikei2.jpg);
	background-repeat: no-repeat;  
}

#header-top2{
        width:790px;
	height:36px;
        margin-left:auto;
        margin-right:auto;
        background-color: #FFEEC5;
        margin-left:auto;
        margin-right:auto;
	padding: 0px 6px 0px 6px;
        font-size: 100% ;
}




#footer {
        width:790px;
        margin-left:auto;
        margin-right:auto;
        clear: both;
	line-height: 130%;
	color: #444444;
        font-size: 100% ;
        padding: 10px;

        background-color: #ffcc00;
}

.haikei1  {
        width:790px;
        margin-left:auto;
        margin-right:auto;
        padding: 0px 0px 0px 10px;
        background: url("image/left.gif") repeat-y top left;
}

.haikei2 {
        width:790px;
        margin-left:auto;
        margin-right:auto;
        height:100%;
        padding: 0 20px 15px 10px;
        background: url("image/right.gif") repeat-y top right;
}



/*
文字（ｈ１〜ｈ６）
-------------------------------------------------------------------*/
h1  {
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 0px 0px;
}


h1.subtitle-2  {
        margin: 20px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
}


h2  {
        font-size: small;
        color: #000000;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
	line-height: 130%;
}



h3  {
        font-size: small;
        color: #000000;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 10px 0px;
	line-height: 130%;
}








/*
リンクタグ（ａタグ）
-------------------------------------------------------------------*/

a {
	text-decoration: underline;
        font-size: 100% ;
	}

a:visited {
	color: #3300ff;
	}

a:active {
	color: #ff0000;
	}

a:hover {
	color: #ff0000;
        position:relative; top:2px; left:2px;
	}

a:hover.nasi {
	color: #ff0000;
        position:relative; top:0px; left:0px;
	}

a.siro {
	color: #ffffff;
	}

a.hai {
	color: #444444;
	}

a.kuro {
	color: #000000;
        text-decoration:none;

	}

a.tya {
	color: #ffffff;
	}

a.midori {
	color: #339933;
	}

a.top1 {
        font-size: medium;
        font-weight: bold ;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none; 
}

a:hover.nasi {
	color: #ff0000;
        position:relative; top:0px; left:0px;
	}

.sen{
        width: 100%;
        margin: 0px 0px 0px 0px;
        background-color: #ff66ff;
        font-size: 10px;
}


#pankuzu.a {
	text-decoration: underline;
        font-size: 14px ;

	}


/*
テキストタグ（pタグ）
-------------------------------------------------------------------*/


p {
        font-size: 100% ;
	line-height: 140%;
	color: #444444;
	margin:  14px 0px 14px 0px;
}

p.center {
        font-size: 100% ;
	color: #444444;
	margin:  14px 0px 14px 0px;
        text-align:center;
        font-size: x-small;
}

p.nasi {
        font-size: 100% ;
	line-height: 130%;
	color: #444444;
	margin: 0px;
        font-size: x-small;
}
p.top {
        font-size: 100% ;
	line-height: 130%;
	color: #444444;
	margin: 6px 6px 0px 6px;
        font-size: 12px;
}

p.footer {
        font-size: 100% ;
	line-height: 130%;
	color: #444444;
	margin: 6px 6px 0px 6px;
        font-size: 12px;
}



.ore{
        font-weight: bold;
        color: #ff6600;
}

.aka{
        font-weight: bold;
        color: #ff0000;
}

.ao{
        font-weight: bold;
        color: #3300ff;
}

.kuro{
        font-weight: bold;
        color: #000000;
}

.big{
        font-weight: bold;
        font-size: large;
        color: #ff22ff;
        text-align:center;
	margin: 20px 0px 10px 0px;
}

.midori{
        font-weight: bold;
        color: #339933;
}


.deka {
        font-size: medium;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px
}

.right{
	float: right;
        font-size: 100% ;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 15px;
        background: url("image/icon.gif")  ;
        background-repeat:  no-repeat;
}
     


/*
画像イメージタグ（imgタグ）
-------------------------------------------------------------------*/

img{
        border:0;  
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

img.nasi{
        border:0;  
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

img.right{
        border:0;  
        float: right;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

img.left{
        border:0;  
        float: left;
        margin: 0px 10px 0px 10px;
        padding: 0px 0px 0px 0px;
}

.image03{
        float: left; 
        border:none;
        margin: 0px 10px 40px 0px;
}


img.mid{
        border:none;
        margin:  1px 4px 1px 0px;
        padding:  0px 0px 0px 0px;
	vertical-align: middle;
        border: 1px solid #dedede;

}


/*
目次タグ（ul、olタグ）
-------------------------------------------------------------------*/

ul{
        list-style-type: disc ;
        margin: 10px 0px 10px 30px;
}

ul.work{
	list-style-type: none;
        margin: 0px 0px 0px 0px;
}

ul.title{
        list-style-type: none ;
        margin: 0px;
}


ol.link{
        margin: 20px 50px 50px 100px;
        color: #444444;
        font-size: 100% ;
}

li{
	line-height: 150%;
        font-size: 100% ;
}


li.title   {
        width: 100% ;
        font-size: small;
        color: #444444;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        padding: 8px;
	line-height: 130%;
        background-color: #ccff66;
}

ul.top2{
        margin: 10px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
}

li.top2 {
	background-image: url('http://www.creditcard-cash.jp/image/mark.gif');
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: auto;
	float: left;
	list-style-type: none;
	padding: 0px 6px 0px 15px;
        margin: 0px 0px 0px 6px;
}



li.kasou-ad1{
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 4px 10px 4px 10px;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #F9F7F4;
}

li.kasou-ad2{
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 4px 10px 4px 10px;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #ffffff;
}



dl {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
dd {
        margin: 0px 10px 10px 10px;
        padding: 0px 0px 0px 0px;
}

dt{ 
        margin: 6px 0px 6px 10px;
        font-weight: bold;
        font-size: medium;
}




/*
ＢＯＸタグ
-------------------------------------------------------------------*/

.kakoi {
        width: auto;
        margin: 0px 0px 0px 0px;
        padding:  0px 50px 0px 50px;
        border: 1px solid #ffffff;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #ffffff;
}

.kakoi2 {
        width: auto;
        margin: 0px 0px 0px 0px;
        padding:  10px;
        border: 1px solid #888888;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #ededed;
}

.sikaku{
        width: 100%;
        margin: 15px 20px 15px 20px;
        padding: 10px;
        border: 1px dotted #444444;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #ffffef;
}

.sikaku2{
        width: 100% ;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 15px 0px;
        border: 0px none;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: 100% ;
        background-color: #EDE7D1;
}

/*
テーブルタグ（table）
-------------------------------------------------------------------*/

table.lanking {
        width: auto; 
        background: #F4C84D;
	padding: 8px;
        font-size: 100% ;
	text-align: center;
	line-height: 130%;
	color: #000000;
        cellspacing: 1px ;
}

td   {
        font-size: 100% ;
        color: #444444;
	line-height: 120%;
        padding: 2px;
}

.td1{
        background-color: #FFE088; 
}

.td2{
        background-color: #FFF0C5; 
	width: 5%;
}

.td3{
        background-color: #FFF0C5; 
	text-align: left;
	width: 25%;
}

.td4{
        background-color: #ffffff;
	text-align: left;
	width: 20%;
}

.td5{
        background-color: #ffffff;
	width: 15%;
}

.td6{
        background-color: #ffffff;
	text-align: left;
	width: 60%;
}

.clear { clear: both; } 


