/*-- CS Ranking 共通用 --*/


/*------------------------*/
/*-- common             --*/
/*------------------------*/

body{
font-size:100%;
}

#Lblock{
width:585px;
vertical-align:top;
}

hr{
height:1px;
color:#BBBBBB;
}

/*--- リンク --*/
.LINK01{
font-weight:bold;
font-size:120%;
margin-bottom:2px;
}

.LINK02{
font-weight:bold;
font-size:80%;
margin-bottom:2px;
}

/*-- ヘッダー部 --*/

#HD{
background-image:url(../img/hd_line.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:8px;
}

#HDcsrank{
background-image:url(http://life-cdn.oricon.co.jp/img/hd_line.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:11px;
}

#HDban{
text-align:center;
margin:10px 0px 5px 0px;
}

/*-- 検索用 

.BARsearch{
padding:4px 25px 4px 3px;
background-image:url(../img/bg_search.gif);
background-position:bottom;
margin-bottom:2px 0px 5px 0px;
}

.BARsearch .textbox{
	padding:2px;
	font-size:x-small;
	width:200px;
	height:13px;
	border: 1px solid #7F9DB9;
	margin-bottom:4px;
	margin-right:3px;
}

.BARsearch select{
margin-bottom:3px;
margin-right:2px;
}--*/

/*-- パンくず部 --*/


div.footer div.CARbreadarea{
	padding: 5px 5px 5px 5px;
	width: 873px !important;
	width /**/: 885px;
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:small;
	margin: 0px 0px 1px 0px;
}

div.footer div.CARbreadarea div.CARbread{
float:right;
}

/*-- フッター部 --*/

#footer{
font-size:80%;
line-height:1.5;
padding:8px 0px;
border-top:solid 1px #BBBBBB;
border-bottom:solid 3px #BBBBBB;
/*width:885px;*/
text-align:center;
margin-bottom:5px;
}

/*------------------------*/
/*-- トップページ　　　 --*/
/*------------------------*/

/*-- メイン注目ランキング部 --*/

#indexMain{
border:solid 1px #BBBBBB;
padding:1px;
}

.MainRanking{
margin:1px;
padding:5px;
border:solid 1px #BBBBBB;
background-image:url(../img/main_rank_bg.gif);
background-repeat:repeat-x;
}

.MainRankingBox{
padding:7px;
background-image:url(../img/tl_topranking_bg04.gif);
}

.MainRankingTitle{
width:546px;
background-image:url(../img/tl_topranking_bg02.gif);
background-repeat:repeat-y;
font-size:80%;
color:#FFFFFF;
}

.MainRankingTitle p{
margin-right:5px;
font-size:larger;
}

.MainRankingTitle p a{
margin-top:3px;
display:block;
text-align:right;
color:#FFFFFF;
}

.MainRankingTitle h2{
font-size:18px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:8px;
}

.MainRankingBox table td{
font-size:80%;
}

.Lmar{
padding-left:6px;
}

/*-- 特集 --*/


#special{
width:578px;
}

.midashi .discription{
float:right;
font-size:70%;
padding:5px 5px 0px 0px;
font-weight:normal;
}

#special td a{
display:block;
margin-bottom:8px;
}

#special td{
padding:3px;
font-size:75%;
}

#special img{
margin-bottom:4px;
}

#special div,#topics div,#blog div{
border-top:dotted 1px #BBBBBB;
border-bottom:solid 1px #BBBBBB;
padding:5px 0px;
text-align:right;
clear:both;
margin-top:5px;
}


/*-- トピックス --*/


#topics{
width:578px;
}

#topics table td table{
margin:0px 10px;
}

#topics table td table td{
padding:2px;
font-size:75%;
}

#topics .UnderLine td{
border-bottom:dashed 1px #BBBBBB;
}

/*-- ブログ --*/

#blog{
width:578px;
}

#blog table{
width:192px;
float:left;
}

#blog table td{
font-size:75%;
padding:2px;
}

/*-- 企画特集 --*/
/*-- カラーバーは各スタイルシート内に記述 --*/

#LeftSpecial table table{
font-size:80%;
}


/*-- 右メニュー部 --*/

#Rparagraph{
margin-left:6px;
}

.left h3 img{
margin-right:3px;
}

.Rbox {
font-size:75%;
border:solid 1px #CCCCCC;
margin: 3px 0px 0px 0px;
width:298px;
}

div.SMR300p_list a {
	color: #0000ff;
}

div.SMR300p_list a:hover {
	background-color: #ecf4ee;
	color: #0000ff;
}

/*-- TODAY'S TOPICS --*/

.Rranking{
	background: url(../img/mid_rmenu_bg.gif) repeat-x top;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 3px 0px 3px 7px;
}

.Rranking_small{
	background: url(../img/mid_rmenu_bg.gif) repeat-x top;
	color: #FFFFFF;
	font-size: small;
	letter-spacing: -1px;
	padding: 3px 7px 3px 7px;
}

.Rranking_brown{
	background: url(../img/mid_rmenu_bray_bg.gif) repeat-x top;
	color: #5A2B1F;
	font-size: small;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 3px 0px 3px 0px;
}

.bg{
	background: #FFFFBF;
	padding: 3px;
	line-height: 170%;
}

/*-- 目的別ニューストピックス --*/

.Rnews{
background-color:#000000;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 3px 0px 3px 7px;
}

.Rnewsbg{
	background: #FFFFFF;
	padding: 3px;
	line-height: 120%;
}

.Rnewsbg img{
	margin:1px;
}

.sm-margin{
margin-top:3px;
}

/*-- メニュー --*/


.Rmenu{
	background-image:url(../img/mid_rmenu_bg.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 3px 0px 3px 7px;
}

.Rmenu a:link{
float:right;
margin-right:2px;
color:#FFFFFF;
}

.Rmenu a:visited{
float:right;
margin-right:2px;
color:#FFFFFF;
}

.RmenuTable td{
border-bottom:solid 1px #CCCCCC;
padding:4px;
font-weight:bold;
}

.smallFont{
letter-spacing:-0.1em;
}

.BGsoon{
background-color:#F1F1F1;
color:#A2A2A2;
}

.BGsoon img{
float:right;
}

.BGsoon span{
float:left;
}

/*-- 企画特集 --*/

/* 2006/07/19 追加スタイル　右PR用スタイル*/
/* マージンなしのためstyle.cssのrt-pr-tableを改変*/
div.sm-pr-table{
	text-align: left;
	margin:0px 0px 0px 0px;
	width: 298px;
	border-right: 1px solid #95CE00;
	border-bottom: 1px solid #95CE00;
	border-left: 1px solid #95CE00;
}
div.sm-pr-table h2{
	 margin:0px;
}
div.sm-pr-table td.title{
	font-size: 12px;
	padding:5px 0px 0px 0px;
	background-color:#f5f5f5;
}
div.sm-pr-table td.title img{
	vertical-align:middle;
	margin:0px 3px 0px 5px;
}
div.sm-pr-table td.title_mid{
	font-size: 12px;
	padding:5px 0px 0px 0px;
	background-color:#f5f5f5;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #95CE00;
}
div.sm-pr-table td.title_mid img{
	vertical-align:middle;
	margin:0px 3px 0px 5px;
}
div.sm-pr-table td.img{
	background-color:#f5f5f5;
}
div.sm-pr-table td.img img{
	margin: 3px 3px 5px 5px;
}
div.sm-pr-table td.txt{
	font-size: 12px;
	padding:3px 5px 0px 0px;
	line-height:120%;
	background-color:#f5f5f5;
}




/*------------------------*/
/*-- 下位ページcommon　 --*/
/*------------------------*/

#LEFTbox{
width:576px;
border:solid 1px #BBBBBB;
}

/*------------------------*/
/*-- 満足度ランキング　 --*/
/*------------------------*/

.TLranking{
margin:2px;
border:solid 1px #BBBBBB;
background-image:url(../img/tl_list_bg.gif);
font-size:large;
color:#FFFFFF;
line-height:1.2;
padding:10px;
}

.TLranking p{
margin-top:3px;
font-weight:normal;
font-size:70%;
color:#FFFFFF;
line-height:1.2;
}

.RankingBox{
padding:10px;
}

.TabOn{
display:block;
width:100%;
padding:6px 0px;
font-weight:bold;
font-size:77%;
background-image:url(/rank/img/tab_bg_on.gif);
background-repeat:repeat-y;
}

.TabOn2{
display:block;
width:100%;
padding:6px 0px;
font-weight:bold;
font-size:77%;
background-repeat:repeat-y;
}

.Tab{
display:block;
width:100%;
padding:6px 0px;
font-weight:bold;
font-size:77%;
background-image:url(/rank/img/tab_bg.gif);
background-repeat:repeat-y;
}

.Tab2{
display:block;
width:100%;
padding:6px 0px;
font-weight:bold;
font-size:80%;
background-repeat:repeat-y;
}

.RankingBox th{
vertical-align:middle;
background-color:#555555;
color:#FFFFFF;
border-left:solid 1px #FFFFFF;
padding:5px 0px;
}

.RankingBox td{
padding:2px 0px 5px 5px;
height:26px;
}

.tdBorder{
border-bottom:dotted 1px #333333;
}

.hpicon{
vertical-align:middle;
margin-left:5px;
}

.RankingBox .RankingPoint{
text-align:center;
color:#FF6600;
font-weight:bold;
font-family:"MS PGothic",sans-serif,"Arial";
font-size:larger;
}

.RankingBtNav{
margin-top:5px;
font-size:80%;
background-color:#F1F1F1;
padding:5px;
}

.RankingBtNav div{
padding:5px;
border-bottom:solid 1px #BBBBBB;
margin-bottom:10px;
font-weight:bold;
}


.RankingBtNav table{
font-size:80%;
width:520px;
}

.RankingBtNav table td{
width:260px;
height: 15px;
}

/*番外編用 2006.08.01*/

.other{
border-bottom:solid 1px #BBBBBB;
margin-bottom:10px;
font-weight:bold;
font-size:80%;
}

.Tbox{
margin-top:10px;
padding:10px;
background-color:#FFFFBF;
font-size:80%;
}

.Tbox span{
display:block;
font-weight:bold;
border-bottom:solid 1px #555555;
margin-bottom:8px;
}

/*番外編用ここまで*/


/*------------------------*/
/*-- 特集トップページ　 --*/
/*------------------------*/

.TLSpTop{
margin:2px;
border:solid 1px #BBBBBB;
background-image:url(../special/img/tl_sptop_bg.gif);
font-size:large;
color:#FFFFFF;
line-height:1.2;
padding:10px;
}

.TLSpTop span{
display:block;
margin-top:5px;
font-weight:normal;
font-size:70%;
color:#FFFFFF;
}

.SPlist{
padding:10px;
border-bottom:dotted 1px #BBBBBB;
}

.SPlist .SPbg{
background-color:#ECEFF0;
}

.SPlist a{
display:block;
margin-bottom:8px;
}

/*------------------------*/
/*-- 特集ページ　　　　 --*/
/*------------------------*/
/*-- 外枠　タイトル部は各スタイルシートに記述 --*/

#TLspecial P{
margin:0px 13px;
font-size:12px;
line-height:1.5;
}

#SPnav{
width:578px;
}

#SPnav ul li{
line-height:1.5;
font-size:80%;
border-bottom:dotted 1px #BBBBBB;
}

.BTnav{
margin-top:5px;
font-size:80%;
background-color:#F1F1F1;
text-align:right;
padding:5px;
}

/*------------------------*/
/*-- 会社概要ページ　　 --*/
/*------------------------*/
/*-- 右カラーバーは各スタイルシートに記述 --*/

#CoBox{
width:883px;
border:solid 1px #BBBBBB;
vertical-align:top;
}

#CoBox .TLbox{
margin:1px;
width:881px;
height:187px;
background-image:url(../company/img/tl_bg.gif);
background-position:top;
}

#CoBox .TLbox div{
margin:5px 10px;
}

.pt .ptBox{
padding:2px;
border:solid 1px #BBBBBB;
background-color:#FFFFFF;
}

.TotalPt{
font-weight:bold;
color:#FF6600;
text-decoration:underline;
padding-left:12px;
}

.PtItem{
font-size:75%;
padding:4px;
}

.PtItem th{
font-size:80%;
font-weight:normal;
text-align:left;
border-bottom:solid 1px #BBBBBB;
border-right:solid 1px #BBBBBB;
}

.PtItem td{
font-size:80%;
padding-left:2px;
font-weight:normal;
text-align:left;
border-bottom:solid 1px #BBBBBB;
}

.CoTitle{
color:#FFFFFF;
}

.title{
margin:10px 0px;
font-size:24px;
}

.title span{
font-weight:normal;
font-size:16px;
}

.CoTitle .basicInfo td{
border-bottom:solid 1px #FFFFFF;
font-size:80%;
padding:6px;
}

.logoBox{
width:361px;
border:solid 1px #BBBBBB;
padding:3px 0px;
text-align:center;
margin:12px 0px;
}

.introduction{
margin:0px;
padding:0px;
font-size:80%;
font-weight:normal;
line-height:1.5;
}

.CoRightBox{
margin:10px;
}

.CoRightBox li{
line-height:1.5;
font-size:80%;
border-bottom:dotted 1px #BBBBBB;
margin-bottom:5px;
}

.CoRightBox li strong{
font-size:larger;
line-height:2.2;
}

.customer td{
border-bottom:dotted 1px #BBBBBB;
padding:4px;
font-size:80%;
}

.HpBtn{
display:block;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:26px;
margin:10px 0px;
width:639px;
height:80px;
text-align:center;
vertical-align:middle;
background-image:url(../company/img/btn_bg.gif);
}

.HpBtn div{
padding-top:28px;
}

/*------------------------*/
/*-- その他ページ用　　 --*/
/*------------------------*/

.LeftBox td{
padding:2px;
font-size:80%;
}

.LeftBox table th{
padding:2px;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

.LeftBox .line td{
border-bottom:dotted 1px #BBBBBB;
padding:3px 0px;
}

.LeftBox table td table td{
border:none;
padding:3px;
line-height:1.5;
font-size:larger;
}

.notice{
border-top:solid 1px #BBBBBB;
padding-top:10px;
padding-top:10px;
font-size:75%;
color:#555555;
line-height:1.5;
}

.ranking_new {
background-color:#207A1B;
color:#FFFFFF;
font-size:small;
font-weight:bold;
letter-spacing:-1px;
padding:3px 0 3px 7px;
}

.csrank_Border {
border-bottom:1px solid #BBBBBB;
}

.TLranking_new {
background-color:#207A1B;
border:1px solid #BBBBBB;
color:#FFFFFF;
line-height:1.4em;
margin:2px;
padding:10px;
}

.TLranking_new p {
color:#FFFFFF;
font-size:12px;
font-weight:normal;
line-height:1.2;
margin-top:3px;
}

.BGcolor {
background-color:#ECF4EE;
}

/*-----------------------------*/
/*-- 過去ランキング表示エリア--*/
/*-----------------------------*/
#method {
margin: 0px 0px 10px 0px;
padding: 10px;
width: 553px;
font-size: 11px;
line-height: 11px;
color: #080808;
background: #EEE;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#method2 {
margin: 0px 0px 10px 0px;
padding: 10px;
width: 557px;
font-size: 11px;
line-height: 11px;
color: #080808;
background: #EEE;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}