/* フォントサイズ関連
 */
.F0 { font-size:  65%; line-height: 100%;}
.L0 { font-size:  65%; line-height: 160%;}
.F1 { font-size:  75%; line-height: 100%;}
.L1 { font-size:  75%; line-height: 140%;}
.F2 { font-size:  16px; line-height: 100%;}
span.F2 { font-size:  12px; line-height: 100%;}
.M2 { font-size:  14px; line-height: 160%;}
.L2 { font-size:  12px; line-height: 160%;}
.F3 { font-size:  12px; line-height: 100%;}
.L3 { font-size:  12px; line-height: 160%;}
.F4 { font-size: 100%; line-height: 100%;}
.L4 { font-size: 100%; line-height: 140%;}
.F5 { font-size: 130%; line-height: 100%;}
.L5 { font-size: 130%; line-height: 140%;}
.F6 { font-size: 140%; line-height: 100%;}
.L6 { font-size: 140%; line-height: 140%;}
.F7 { font-size: 150%; line-height: 100%;}
.L7 { font-size: 150%; line-height: 130%;}
.L8 { font-size:  12px; line-height: 150%;}


/* margin,padding 初期化 
 * 必要なタグだけ設定すること('*'で全指定はレンダリングを遅延させるため)
 */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dt, dd, form, img {
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.6;
}

body {
color:#333333;
text-align:center;
}

a {
color:#0064DC;
}

img {
border:0;
vertical-align:top;
}

.clearLeft {
font-size:0;
clear:left;
}

.clearRight {
font-size:0;
clear:right;
}

.clearBoth {
font-size:0;
clear:both;
}

.rowHeader {
float:left;
}

.rowData {
float:left;
}

table {
border-collapse: collapse;
}

caption {
text-align:left;
}

th {
padding:3px;
color:#444444;
border:1px solid #CCCCCC;
background-color:#F0F0F0;
font-weight:normal;
text-align:left;
}

td {
padding:3px;
color:#444444;
border:1px solid #CCCCCC;
}

#mainContainer {
width:948px;
margin:0 auto;
border-right:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
text-align:left;
background: #FFFFFF url(image_index/bg_mainContainer.jpg) no-repeat right top;
}
#contentsContainer {
display:inline;
float:right;
width:725px;
margin:12px 20px 30px 0;
}

#contentsContainerList {
margin:12px 0 0 0;
padding:0 10px;
}

.contentsTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_contentsTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.glossaryTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_glossaryTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.glossaryDetailTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_glossaryDetailTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.commissionTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_commissionTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.swapTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_swapTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.margincallTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_margincallTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.leverageTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_leverageTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.pairTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_pairTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.firstTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_firstTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.orderTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_orderTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.mobileTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_mobileTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.campaignTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_campaignTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.sitemapTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_sitemapTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.aboutTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_aboutTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.inquiryTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_inquiryTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.ruleTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_ruleTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}

.companyTitle {
margin-top:30px;
padding:7px 0 0 10px;
width:725px;
height:40px;
background:url(image_list/bg_companyTitle.gif) no-repeat left top;
text-indent: -333em;
/*color:green;*/
line-height:1;
}


.categoryTitle {
text-indent: -333em;
}

.titleTop {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_top.gif) no-repeat left top;
text-indent: -333em;
}

.titleCommission {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_commission.gif) no-repeat left top;
text-indent: -333em;
}

.titleSwap {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_swap.gif) no-repeat left top;
text-indent: -333em;
}

.titleMargincall {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_margincall.gif) no-repeat left top;
text-indent: -333em;
}

.titleLeverage {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_leverage.gif) no-repeat left top;
text-indent: -333em;
}

.titlePair {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_pair.gif) no-repeat left top;
text-indent: -333em;
}

.titleFirst {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_first.gif) no-repeat left top;
text-indent: -333em;
}

.titleOrder {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_order.gif) no-repeat left top;
text-indent: -333em;
}

.titleMobile {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_mobile.gif) no-repeat left top;
text-indent: -333em;
}

.titleCampaign {
margin: 10px 0px 0px 0px;
height: 45px;
background:url(image_list/pagetitle_campaign.gif) no-repeat left top;
text-indent: -333em;
}

.categoryDescription {
padding:10px 0;
width:725px;
}

/* ランキング用 */
.rankingWrapper {
	margin-bottom: 30px;
}

.ranking {
margin-top:10px;
width:690px;
margin-left:15px;
}

.rankHeader {
width:210px;
text-align:center;
border:1px #99CC00 solid;
border-right:1px #99CC00 dotted;
background:#F5FFD1;
font-weight:bold;
color:#669900;
}

.featureHeader {
width:480px;
text-align:center;
border:1px #99CC00 solid;
border-left:1px #99CC00 dotted;
background:#F5FFD1;
font-weight:bold;
color:#669900;
}

.rankContent {
border:1px #99CC00 solid;
border-right:1px #99CC00 dotted;
}

.rankIcon {
vertical-align:bottom;
margin-bottom:3px;
}

.rankContent a {
text-decoration:none;
font-weight:bold;
}

.rankContent p {
margin:5px auto;
width:100%;
text-align:center;
}

.featureContent {
/*margin:5px 0 0 0;*/
padding: 10px;
border:1px #99CC00 solid;
border-left:1px #99CC00 dotted;
vertical-align:middle;
}

/* 用語集用 */
.categoryGlossary{
margin-bottom:15px;
padding-bottom:5px;
width:720px;
border:1px #99CC00 solid;background:#FFFFE6;
}

.categoryGlossary h4{
width:100%;
border-bottom:1px #99CC00 solid;
background:#F5FFD1;
font-size:100%;
color:#669900;
}

.categoryGlossary img {
vertical-align:bottom;
margin:0 5px 4px 0;
}

.categoryGlossary dt {
display:inline;
float:left;
padding:5px 0 0 10px;
width:120px;
background:url(image_list/img_colon.gif) no-repeat center right;
}

.categoryGlossary dd {
padding:5px 10px 0 0;
margin-left:120px;
}

.categorySort {
margin-bottom:15px;
color:#FF3399;
font-size: 12px;
}

.categoryData table {
width:720px;
}

.categoryData th {
padding: 2px 5px;
white-space:nowrap;
text-align:center;
font-size: 12px;
}

.categoryData th a {
text-decoration:none;
font-size: 12px;
}

.categoryData th img {
padding: 0px 5px 2px;
vertical-align: middle;
}

.categoryData td {
padding: 5px;
text-align:center;
font-size: 12px;
}

.categoryData a {
font-weight:bold;
font-size: 12px;
}

.categoryNotes {
margin-top:20px;
padding:10px;
width:705px;
_width:705px;
border:1px #CCC solid;
background:#F7F7F7;
font-size:70%;
}

.categoryNotes h4 {
font-size:100%;
}

.contentsDescription {
padding:15px 15px 0px 0px;
}

.rankingDescription {
padding:20px 15px 0px 0px;
}

*html .rankingDescription {
padding:20px 15px 0px 1px;
}

.alt {
background-color:#FFFFE6;
}

.news {
list-style-image:url("image_index/icon_newsIndex.gif");
margin:3px 3px 10px 3px;
text-align:left;
padding:10px 15px 0 15px;
}

.news li {
margin-left:15px;
padding-bottom:2px;
}


/* お知らせ用
 */
.infoNavi{
margin:0 15px;
border-bottom:1px dashed #CCCCCC;
text-align:right;
}

.info{
margin:15px 15px 0 15px;
border-bottom:1px dashed #CCCCCC;
}

.info dt {
font-weight:bold;}

.infoDate {
float:right;
}

.infoSubject {
padding:0 0 0 5px;
border-left:4px solid #99CC00;
}

.info dd {
padding:10px 10px 15px 10px;
}

/* ガイド系メニュースタイル
 */
.guideTitle {
margin:20px 0 0 15px;
padding:0 0 0 5px;
border-left:4px solid #DF0029;
font-size:90%;
}

.guideDescription {
padding:10px 40px 0 25px;
}

.about {
clear:right;
margin-bottom:20px;
}

.aboutImage {
float:right;
margin:15px 15px 0 5px;
}

/* 取扱FX会社一覧
 */
.allFxList {
margin:30px auto;
padding:10px 0;
border:1px dotted #999999;
background:#FFFAEE;
}

.allFxList h5 {
margin:0 0 10px 15px;
color:#df0029;
}

.allFxList ul {
display:inline;
float:left;
list-style-type:none;
margin:0px 0px 10px 10px;
}

.allFxList ul li {
float:left;
width: 130px;
margin: 0px 5px;
text-align: center;
}

.allFxList ul li img {
/*margin: 0px 12px;*/
border: 1px #CCCCCC solid;
}

.allFxList ul li span {
display: block;
clear: both;
width: 130px;
text-align: center;
}

.allFxList p {
clear:left;
margin:0 15px;
}

/* 運営会社用
 */
.company {
margin:15px;
}

.company dt {
display:inline;
float:left;
width:80px;
}

/* 利用規約・プライバシー用
 */
.rule{
list-style-type:none;
margin:15px 15px 0 15px;
}

.rule li {
margin:0 0 20px 0;
}

.rule p {
margin:0 15px;
}

.ruleItem {
font-weight:bold;
font-size:110%;
}

.ruleInner {
list-style-type:none;
margin:0 15px;
}

.ruleInner li {
margin:0;
}

.ruleInner2 {
list-style-type:none;
margin:0 15px;
}

.privacyCompany {
margin:10px 15px 0 0;
text-align:right;
}

.privacyTitle {
clear:right;
margin:0 0 0 15px;
}

.privacyMark {
margin:15px;
padding:20px 0 0 0;
border-top:1px solid #CCCCCC;
}

.privacyMark p {
margin:30px 0 0 0;
}

/* サイドバー用 */
#sidebarContainer {
display:inline;
float:left;
width:178px;
padding:0 0 0 0;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
background:#FDFDFD;
text-align:center;
}

#sidebarContainer h3 {
margin:0;
padding:11px 0 10px 15px;
width:163px;
_width:178px;
height:20px;
_height:20px;
text-align:left;
background:url(image_index/bg_btnSidebar.gif) no-repeat left top;
}

#sidebarContainer h3 a {
/*color:#666;*/
text-decoration:none;
}

#sidebarContainer ul {
list-style-type:none;
margin:10px 0 0 0;
}

#sidebarContainer div.banner {
	height: 100%;
	margin-bottom: 10px;
	padding: 0px 7px;
	border-top: 1px #CCCCCC solid;
	background: #FFFFFF;
	text-align: center;
}
#sidebarContainer div.banner img {
	margin: 10px 0px 0px 0px;
}

.sidebarGlossary {
margin:10px auto 0 auto;
padding-top:10px;
width:160px;
border-top:1px #CCC solid;
text-align:left;
}

.sidebarGlossary img {
	margin: 5px 0px 3px 0px;
}

.sidebarAdSquare {
margin:0 5px 10px 5px;
}

.sidebarAdBannerText {
margin:10px auto 0 auto;
padding-top:10px;
width:160px;
border-top:1px #CCC solid;
}

/* headerスタイル
 */
#headerContainter {
width:948px;
height:55px;
margin:0 auto;
border-left:1px solid #D9D9D9;
border-right:1px solid #D9D9D9;
background-image:url(image_common/bg_header.gif);
}

#headerContainter h1 {
float:left;
margin:10px 0 0 8px;
font-size:100%;
}

#favoriteButton {
float:right;
cursor:pointer;
margin:13px 10px 0 0;
}

.navigator {
clear:both;
width:938px;
_width:948px;
margin:0 auto;
padding:7px 0 4px 10px;
background-color:#f0f0f0;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
font-weight:normal;
color:#333333;
}

h2 {
margin:0;
text-align:left;
}

/* footerスタイル
 */
#footerContainer {
clear:both;
width:948px;
margin:0 auto 0 auto;
padding:30px 0 0 0;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
text-align:left;
}

#footerMenu {
width:100%;
padding:10px 0;
background-color:#999999;
color:#FFFFFF;
text-align:center;
}

#footerMenu a:link,
#footerMenu a:visited,
#footerMenu a:active,
#footerMenu a:hover {
text-decoration:none;
color: #FFFFFF;
}

#footerCopyright {
display:inline;
float:left;
margin:10px;
padding:0 0 0 50px;
width:520px;
text-align:left;
}

#footerLogo {
display:inline;
float:right;
margin:10px;
width:180px;
}

/* OPENSMILEのサービス関連 */
#opensmileServiceList {
	clear:both;
	margin:0 auto;
	padding:0 0 10px 0;
	width:700px;
	text-align:left;
	border-top:1px #CCC solid;
	overflow: hidden;
}

#opensmileServiceList ul {
	list-style-type:none;
	margin:10px 10px 0 0;
	padding:0;
	font-size:75%;
}

#opensmileServiceList li {
	white-space: nowrap;
	display:inline;
	float:left;
	margin:5px 10px 0 0;
	_margin:5px 7px 0 0;
	padding:0 10px 0 0;
	_padding:0 7px 0 0;
	border-right:1px #CCC solid;
}

/* 会社概要 */
.corporateInfo {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
}

.corporateInfo table {
	width: 100%;
}
.corporateInfo table tr th {
	width: 150px;
	padding: 7px 0px 5px;
	text-align: center;
}
.corporateInfo table tr td {
	padding: 7px 0px 5px 10px;
	background: #FFFFFF;
	text-align: left;
}


div.topics {
	width: 725px;
	margin: 20px 0px 0px 0px;
	padding-bottom: 5px;
	font-size: 12px;
	background: #fdfdfd url(image_list/bg_topics_bottom.gif) no-repeat left bottom;
}
div.topics p.title {
	height: 32px;
	background: #fdfdfd url(image_list/bg_topics_header.gif) no-repeat left top;
	text-indent: -333em;
}
div.topics ul {
	padding: 0px 10px 5px 10px;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	background: #fdfdfd;
	list-style: none;
}
div.topics ul li {
	padding: 5px 0px;
}

/* ランキング4位 */
div.rank4 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank4 {
	width: 725px;
}
div.rank4 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank4.gif) no-repeat left top;
}
*html div.rank4 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank4.gif) no-repeat 1px top;
}
/* ランキング5位 */
div.rank5 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank5 {
	width: 725px;
}
div.rank5 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank5.gif) no-repeat left top;
}
*html div.rank5 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank5.gif) no-repeat 1px top;
}
/* ランキング6位 */
div.rank6 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank6 {
	width: 725px;
}
div.rank6 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank6.gif) no-repeat left top;
}
*html div.rank6 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank6.gif) no-repeat 1px top;
}
/* ランキング7位 */
div.rank7 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank7 {
	width: 725px;
}
div.rank7 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank7.gif) no-repeat left top;
}
*html div.rank7 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank7.gif) no-repeat 1px top;
}
/* ランキング8位 */
div.rank8 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank8 {
	width: 725px;
}
div.rank8 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank8.gif) no-repeat left top;
}
*html div.rank8 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank8.gif) no-repeat 1px top;
}
/* ランキング9位 */
div.rank9 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank9 {
	width: 725px;
}
div.rank9 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank9.gif) no-repeat left top;
}
*html div.rank9 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank9.gif) no-repeat 1px top;
}
/* ランキング10位 */
div.rank10 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank10 {
	width: 725px;
}
div.rank10 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank10.gif) no-repeat left top;
}
*html div.rank10 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank10.gif) no-repeat 1px top;
}
/* ランキング4位～10位共通 */
div.titleArea p.title {
	float: left;
	height: 38px;
	padding: 4px 0px 0px 52px;
	font-size: 18px;
	font-weight: bold;
}
div.titleArea p.campaign {
	float: right;
	padding: 10px 5px 0px 0px;
	font-weight: bold;
}
div.titleArea p.campaign img {
	margin: 0px 2px 0px 0px;
}
*html div.titleArea p.campaign {
	float: right;
	padding: 15px 5px 0px 0px;
	font-weight: bold;
}
*html div.titleArea p.campaign img {
	margin: -3px 2px 0px 0px;
}
div.descriptionArea {
	padding: 10px;
}
div.descriptionArea div.image {
	float: left;
	padding: 0px 0px 0px 3px;
	text-align: center;
}
div.descriptionArea div.image img {
	padding-bottom: 3px;
}
div.descriptionArea div.comment {
	float: right;
	width: 565px;
	overflow: hidden;
}
div.descriptionArea div.comment p span {
	color: #df0029;
	font-size: 14px;
	font-weight: bold;
}
div.descriptionArea div.comment table {
	width: 561px;
	margin: 10px 0px 0px 1px;
	font-size: 12px;
}
div.descriptionArea div.comment table tr th {
	height: 16px;
	border: 1px #999999 solid;
	background: #EEEEEE;
	text-align: center;
}
div.descriptionArea div.comment table tr td {
	height: 16px;
	border: 1px #999999 solid;
	background: #FFFFFF;
	text-align: center;
}
p.button {
	clear: both;
	padding: 15px 0px 15px 0px;
	*padding: 8px 0px 15px 0px;
	text-align: center;
}

/* ランキング1位 */
div.rank1 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
	overflow: hidden;
}
*html div.rank1 {
	width: 725px;
}
div.rank1 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank1.gif) no-repeat left top;
}
*html div.rank1 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank1.gif) no-repeat 1px top;
}
div.rank1 div.titleArea p.title {
	float: left;
	height: 38px;
	padding: 4px 0px 0px 52px;
	font-size: 18px;
	font-weight: bold;
}
div.rank1 div.titleArea p.campaign {
	float: right;
	padding: 10px 5px 0px 0px;
	font-weight: bold;
}
div.rank1 div.titleArea p.campaign img {
	margin: 0px 2px 0px 0px;
}
*html div.rank1 div.titleArea p.campaign {
	float: right;
	padding: 15px 5px 0px 0px;
	font-weight: bold;
}
*html div.rank1 div.titleArea p.campaign img {
	margin: -3px 2px 0px 0px;
}
div.rank1 div.descriptionArea {
	
	padding: 10px;
}
div.rank1 div.descriptionArea div.image {
	float: left;
	padding: 0px 0px 0px 3px;
	text-align: center;
}
div.rank1 div.descriptionArea div.image img {
	padding-bottom: 3px;
}
div.rank1 div.descriptionArea div.comment {
	float: right;
	width: 565px;
	overflow: hidden;
}
div.rank1 div.descriptionArea div.comment p span {
	color: #df0029;
	font-size: 14px;
	font-weight: bold;
}
div.rank1 div.descriptionArea div.comment table {
	width: 561px;
	margin: 10px 0px 0px 1px;
	font-size: 12px;
}
div.rank1 div.descriptionArea div.comment table tr th {
	height: 16px;
	border: 1px #999999 solid;
	background: #ffc656;
	text-align: center;
}
div.rank1 div.descriptionArea div.comment table tr td {
	height: 16px;
	border: 1px #999999 solid;
	background: #fffaee;
	text-align: center;
}
div.rank1 p.button {
	clear: both;
	padding: 15px 0px 15px 0px;
	*padding: 8px 0px 15px 0px;
	text-align: center;
}
/* ランキング2位 */
div.rank2 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank2 {
	width: 725px;
}
div.rank2 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank2.gif) no-repeat left top;
}
*html div.rank2 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank2.gif) no-repeat 1px top;
}

div.rank2 div.titleArea p.title {
	float: left;
	height: 38px;
	padding: 4px 0px 0px 52px;
	font-size: 18px;
	font-weight: bold;
}
div.rank2 div.titleArea p.campaign {
	float: right;
	padding: 10px 5px 0px 0px;
	font-weight: bold;
}
div.rank2 div.titleArea p.campaign img {
	margin: 0px 2px 0px 0px;
}
*html div.rank2 div.titleArea p.campaign {
	float: right;
	padding: 15px 5px 0px 0px;
	font-weight: bold;
}
*html div.rank2 div.titleArea p.campaign img {
	margin: -3px 2px 0px 0px;
}
div.rank2 div.descriptionArea {
	
	padding: 10px;
}
div.rank2 div.descriptionArea div.image {
	float: left;
	padding: 0px 0px 0px 3px;
	text-align: center;
}
div.rank2 div.descriptionArea div.image img {
	padding-bottom: 3px;
}
div.rank2 div.descriptionArea div.comment {
	float: right;
	width: 565px;
	overflow: hidden;
}
div.rank2 div.descriptionArea div.comment p span {
	color: #df0029;
	font-size: 14px;
	font-weight: bold;
}
div.rank2 div.descriptionArea div.comment table {
	width: 561px;
	margin: 10px 0px 0px 1px;
	font-size: 12px;
}
div.rank2 div.descriptionArea div.comment table tr th {
	height: 16px;
	border: 1px #999999 solid;
	background: #ffc656;
	text-align: center;
}
div.rank2 div.descriptionArea div.comment table tr td {
	height: 16px;
	border: 1px #999999 solid;
	background: #fffaee;
	text-align: center;
}
div.rank2 p.button {
	clear: both;
	padding: 15px 0px 15px 0px;
	*padding: 8px 0px 15px 0px;
	text-align: center;
}
/* ランキング3位 */
div.rank3 {
	width: 723px;
	margin: 15px 0px 0px 0px;
	border: 1px #999999 solid;
	font-size:  12px;
}
*html div.rank3 {
	width: 725px;
}
div.rank3 div.titleArea {
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: #FFFFFF url(image_list/bg_rank3.gif) no-repeat left top;
}
*html div.rank3 div.titleArea {
	width: 724px;
	height: 38px;
	border-bottom: 1px #999999 solid;
	background: url(image_list/bg_rank3.gif) no-repeat 1px top;
}
div.rank3 div.titleArea p.title {
	float: left;
	height: 38px;
	padding: 4px 0px 0px 52px;
	font-size: 18px;
	font-weight: bold;
}
div.rank3 div.titleArea p.campaign {
	float: right;
	padding: 10px 5px 0px 0px;
	font-weight: bold;
}
div.rank3 div.titleArea p.campaign img {
	margin: 0px 2px 0px 0px;
}
*html div.rank3 div.titleArea p.campaign {
	float: right;
	padding: 15px 5px 0px 0px;
	font-weight: bold;
}
*html div.rank3 div.titleArea p.campaign img {
	margin: -3px 2px 0px 0px;
}
div.rank3 div.descriptionArea {
	
	padding: 10px;
}
div.rank3 div.descriptionArea div.image {
	float: left;
	padding: 0px 0px 0px 3px;
	text-align: center;
}
div.rank3 div.descriptionArea div.image img {
	padding-bottom: 3px;
}
div.rank3 div.descriptionArea div.comment {
	float: right;
	width: 565px;
	overflow: hidden;
}
div.rank3 div.descriptionArea div.comment p span {
	color: #df0029;
	font-size: 14px;
	font-weight: bold;
}
div.rank3 div.descriptionArea div.comment table {
	width: 561px;
	margin: 10px 0px 0px 1px;
	font-size: 12px;
}
div.rank3 div.descriptionArea div.comment table tr th {
	height: 16px;
	border: 1px #999999 solid;
	background: #ffc656;
	text-align: center;
}
div.rank3 div.descriptionArea div.comment table tr td {
	height: 16px;
	border: 1px #999999 solid;
	background: #fffaee;
	text-align: center;
}
div.rank3 p.button {
	clear: both;
	padding: 15px 0px 15px 0px;
	*padding: 8px 0px 15px 0px;
	text-align: center;
}

ul.L2 li {
	margin-bottom: 10px;
}