@import "exchange.css";

p{margin:0}

#contents .navi{
	background:#fffced url(/common/images/exch_nav_bg.gif) repeat-y;
}

.tsukauBOX img.tsukau_title,.tameruBOX img.tsukau_title{
	margin:0 0 10px 0;
}
.tsukauBOX .photo,.tameruBOX .photo{
	margin:0 10px 10px 5px;
}
.tsukauBOX{
	width:273px
}
.tsukauBOX2{
	width:840px
}
.tameruBOX{
	width:340px
}


div.graywaku,div.graywaku2{
	width:740px;
	padding:10px 0 0 14px;
	background-image: url(/spend/images/waku_bg740.gif); 
	background-repeat:repeat-y ;
}
div.graywaku2{
	padding:10px 0 0 18px;
}
.cate{
	width:503px;
	margin:0 0  0 10px;
}
.catetitle{
	padding:0;
	margin:0 0 8px 0;
	color:#01ab02;
	border-bottom:solid #01ab02 2px;
}

.2ndimg{

}

/* 色 */
.smalllinkg,.smalllinko{
	vertical-align:bottom;
	background-image:url(/spend/images/top_sankaku_orange.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	margin-bottom:6px;
	text-decoration:none;
}
a.smalllinko{
	color:#ff7700; 
}

.txtlink{
	margin-bottom:6px;
}

/* 2nd */

ul.group li{
	list-style-type :none;
	background:#ffffff url(/exchange/images/nav_allow.gif) no-repeat right top;
	border-bottom: solid 1px #d4d4cc;
	border-right: solid 1px #d4d4cc;
	padding:3px 0 3px 4px;
	margin:1px 0 0 0;
}

ul.group li.on{
	list-style-type :none;
	background:#efffdf url(/exchange/images/nav_allow.gif) no-repeat right top;
	font-weight:bold;
}

.rate td.ratecelbnr{padding-right:8px;padding-left:0;}
.rate td.ratesyousai{text-align:right}

.rate td.ratecelbnr img{
	border:1px solid #cccccc;
}

/* 200804Renewalタイトル部分 */
.title_spend { margin:0 0 0 5px; text-align:left; font-size:80%;}
div.title_spend span.gt{ margin:0 12px;}

.titlebox_cat { width:666px; margin:0 auto 0 0; clear:left;}

/* 200804Renewal */
.spH1,.spH2,.spH3 { display:inline;}
.spH1 { font-weight:normal; font-size:11px; color:#333333; }
.spbigbnr { width:328px; float:left;}
.rec120box { width:320px; float:left;}
.rec120box img { float:left;}
.rec120box p { padding-left:125px; text-align:left;}
.rec120box hr { height:1px; border:1px #CCCCCC dashed; _margin:0; _padding:0px; clear:both;}

.spTextBnr { text-align:left; margin-left:15px; margin-top:20px;}
.spTextBnr li { list-style-image:url(/spend/images/arrow.gif); padding-left:2px; margin:0; line-height:1.5em;}

.spRecSv { width:159px; float:left; text-align:center;}
.spRecSv img { margin:5px 0;}
hr.spRechr { height:1px; border:1px #CCCCCC dashed; margin:0; padding:0px; clear:both;}

.timing { background:#f0f0f0; border:1px dashed #999999; padding:5px; font-size:95%;}
.timing img { margin:0 2px;}

/* 200804Ｇセレクション部分 */
.gselectTl h4 { background:url(/spend/images/h_gselect.gif) no-repeat; width:486px; height:29px; margin:0; padding-left:160px; text-align:left; line-height:27px; font-size:100%;}
.gselectMn { background:#f0f0f0; width:646px; margin-top:0;}
.gselectIn { background:#ffffff; margin:10px; padding:10px;}
.gselectIn h5 { background:#99cc33; border-bottom:1px #618c0c solid; padding:0 10px; margin:0px; color:#FFFFFE; text-align:left; line-height:2em;}
.gslOsusume { width:295px; float:left; display:block;}
.gslOsusume img { float:left;}
.gslOsusume p { text-align:left; margin-left:115px;}
.gslRank { width:110px; float:left;}
.gslRank strong { color:#FF9900;}
.gslRank img { margin:5px 0;}

/*  200804Renewalつかう カテゴリ */
.mtop2 { margin-top:2px;}
.right_cat { width:222px; border:1px solid #CCCCCC; background-color:#F0F0F0; /*position:relative;*/ text-align:center;}
.catbox { width:212px; border:1px solid #CCCCCC; background-color:#FFFFFF; margin:4px 4px; padding:0;}

ul.cat { margin:0; padding:0; text-align:left; width:212px;}
ul.cat li{ list-style-type:none; padding:6px 5px 6px 22px; color:#565656; font-weight:bold; text-decoration:none; text-align:left;}

.spend_point { background:url(/spend/images/ct_point.gif) no-repeat; height:18px; margin:2px 3px 1px 3px;}
.spend_gift { background:url(/spend/images/ct_gift.gif) no-repeat; height:18px; margin:2px 3px 1px 3px;}
.spend_money { background:url(/spend/images/ct_money.gif) no-repeat; height:18px; margin:2px 3px 1px 3px;}
.spend_contents { background:url(/spend/images/ct_contents.gif) no-repeat; height:18px; margin:2px 3px 1px 3px;}
.spend_item { background:url(/spend/images/ct_item.gif) no-repeat; height:18px; margin:2px 3px 1px 3px;}

/*  200804Renewalつかう カテゴリ リスト先頭 */
.catmenutop { background:url(/spend/images/li_spendcattop.gif) no-repeat;} 
.catmenutop a:link,.catmenutop a:visited { color:#565656; font-weight:bold; text-decoration:underline;}
.catmenutop a:hover { color:#565656; font-weight:bold; text-decoration:none;}

.catmenutop_on { background:url(/spend/images/li_spendcattop_on.gif) no-repeat;} 
.catmenutop_on a:link,.catmenutop_on a:visited { color:#FF7700; font-weight:bold; text-decoration:none;}
.catmenutop_on a:hover { color:#FF7700; font-weight:bold; text-decoration:none;}

/*  200804Renewalつかう カテゴリ リスト2番目以降 */
.catmenu { background:url(/spend/images/li_spendcat.gif) no-repeat;} 
.catmenu a:link,.catmenu a:visited { color:#565656; font-weight:bold; text-decoration:underline;}
.catmenu a:hover { color:#565656; font-weight:bold; text-decoration:none;}

.catmenu_on { background:url(/spend/images/li_spendcat_on.gif) no-repeat;} 
.catmenu_on a:link,.catmenu_on a:visited { color:#FF7700; font-weight:bold; text-decoration:none;}
.catmenu_on a:hover { color:#FF7700; font-weight:bold; text-decoration:none;}

/*  200905Ｇセレ　カテゴリ選択追加 */
.catbox p { margin:0 4px; padding:5px 5px 0; font-weight:bold; background:#D5E6CE;}

/*  200907SPENDTOP　注目銘柄追加 */
.meigara td,.meigara tr { padding:5px; border-bottom:1px solid #ccc;}
.meigara strong { font:bold 20px Verdana; letter-spacing:0em; color:#454545;}

/*  200907CATMONEY　電子マネーコンテンツ */
.ecmoneyRead { line-height:1.5em;}
.ecmoneyRead h3 { margin:0; text-decoration:underline; font-size:120%;}

.ecmoneyTl { margin:10px 0 5px 0; font-weight:bold;}
table.ecmoney { border-collapse: collapse; border:1px solid #ccc; line-height:1.5em; width:635px; font-size:inherit;}
.ecmoney td { border-collapse: collapse; border:1px solid #ccc;}
.ecmoney th { border-collapse: collapse; border:1px solid #ccc;}
.ecmoney th { background:#FC9; text-align:center;}
.ecmoney td,.ecmoney tr { padding:5px; line-height:1.2em;}
.ecmoney strong { letter-spacing:0em; color:#F90;}

.ecmoney th.ecmT01 { width:65px;}
.ecmoney th.ecmT02 { width:272px;}
.ecmoney th.ecmT03 { width:155px;}
.ecmoney th.ecmT04 { width:153px;}

td.ecmain div { float:left; width:120px; height:100px; text-align:center; line-height:1.2em; margin:0 10px 5px 0; font-weight:bold; font-size:12px;}
.ecmain p img { margin:0 5px 0 0;}
.ecmain p { margin:0; padding:0; _font-size:90%;}

td.ecrank { font-size:14px; font-weight:bold; text-align:center;}
.ecrankup { color:#F00;}
.ecrankdown { color:#36C;}
.ecrankstay { color:#C93;}

td.eccoment { font-size:105%;}
.ecmoney dt { width:85px; clear:both; _font-size:90%; float:left;} 
.ecmoney dd { width:65px; _width:40px; color:#6C0; float:left;}

.hyouka { font-size:11px; padding:1px;}
.hyoukamile { font-size:11px; padding:1px;}
.hyoukamile tr,.hyoukamile td { padding:2px;}
.ecstar { color:#6C0;}

.ecother dt { float:left; width:80px; clear:both; height:30px; text-align:center; font-weight:bold;}
.ecother dd { width:170px; color:#333;}