@charset "utf-8";

/*
========================================

For Toppage
	・Title
	
========================================
*/

@import url(../common/css/common.css);

/* Title
========================================*/
h1{
margin:0;
padding:0;
border-bottom:none;
font-size:200%;
}

#main h2{
margin:0 0 12px 0;
padding:0 0 3px 0;
border-left:none;
border-bottom:2px solid #aaa;
background:none;
font-size:100%;
font-weight:bold;
color:#63605b;
}

/* ArticleList
========================================*/
.articleList li{
padding:0 0 0 81px;
width:572px;
}

/*.articleList li .photo{
padding:0 8px 0 0;
}*/

.articleList li .photo img{
margin:0 0 0 -73px;
}

.articleList li .date{
font-size:100%;
color:#666;
}



/* EachCategory
========================================*/
.eachCategory{
width:664px;
}

.categoryBlock{
margin:0 0 10px 0;
padding:0 11px 0 0;
width:321px;
float:left;
}

.eachCategory .categoryTitle{
margin:0 0 5px 0;
width:321px;
border-bottom:2px solid #cbcbcb;
}

#main .eachCategory .categoryTitle h2{
margin:0;
padding:0;
color:#757574;
border:none;
background:none;
float:left;
font-size:100%;
}

.eachCategory .categoryTitle p{
display:block;
padding:0 0 0 7px;
background:transparent url(../common/images/ico/icon01.gif) -8px -626px no-repeat;
font-size:100%;
float:right;
}

.eachCategory .categoryTitle p.press{
padding:0;
background:none;
}

.eachCategory .categoryTitle p.press .list{
padding:0 0 0 7px;
background:transparent url(../common/images/ico/icon01.gif) -8px -626px no-repeat;
}

.eachCategory .categoryTitle p.press .rss{
margin:0 5px 0 0;
padding:3px 0 0 22px;
background:transparent url(../common/images/ico/icon02.gif) 0 -3px no-repeat;
}


/* ranking
========================================*/
.ranking{
margin:0 0 15px 0;
width:653px;
}

.ranking .rankingTitle{
padding:6px 10px 4px;
background:#fda06e;
position:relative;
}

#main .ranking .rankingTitle h2{
margin:0;
padding:0;
border:none;
background:none;
color:#fff;
font-size:100%;
}

.ranking .rankingTitle p{
padding:0 0 0 9px;
background:transparent url(../common/images/ico/icon01.gif) -6px -2586px no-repeat;
position:absolute;
top:5px;
right:10px;
}

.ranking .rankingTitle p a,
.ranking .rankingTitle h2 a{
color:#fff;
}

.ranking .section{
margin:0;
padding:3px 9px 5px;
background:#fff4ee;
}

.ranking .section li{
margin:0 0 2px 0;
padding:0 0 0 6px;
background:transparent url(../common/images/ico/icon01.gif) -7px -687px no-repeat;
font-size:116%;
}

/* MonoChart
========================================*/
.monoChart{
margin:0 0 14px 0;
padding:0 0 9px 0;
width:653px;
background:transparent url(../images/mono_bottom.gif) left bottom no-repeat;
}

#main .monoChart h2{
margin:0;
padding:0;
border:none;
background:none;
}

#main .monoChart .section{
margin:0;
padding:10px 20px 0 15px;
width:616px;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
clear:none;
}

.monoChart .section .caption{
font-weight:bold;
float:left;
}

.monoChart .section .date{
float:right;
}

.monoChart .section .graphImage{
padding:8px 0 0 0;
clear:both;
text-align:center;
}


/* 価格推移
========================================*/
.transition .title{
width:653px;
}

.transition{
margin:0 0 15px 0;
}

.transition .block{
margin:0 0 13px 0;
padding:0 12px 0 0;
width:318px;
float:left;
}

#main .transition h3{
margin:0;
border:1px solid #99b0d0;
background:#cbdaef url(../common/images/bg/transition_tit_bg.gif) left top repeat-x;
width:318px;
}

#main .transition h3 span{
padding:5px 7px;
width:302px;
display:block;
color:#004b99;
font-size:100%;
background:none;
}

#main .transition h3 span strong{
margin:0 0 0 5px;
color:#4a4a4a;
}

.transition .block p{
width:318px;
border-left:1px solid #b6d2e7;
border-right:1px solid #b6d2e7;
border-bottom:1px solid #b6d2e7;
}

.transition .block .compare{
padding:5px;
width:308px;
background:#fbfbfb;
text-align:right;
}


/* IDなし会員用フラッシュ
========================================*/
#noidFlash{
margin:0 0 15px 0;
}

/* IDなし会員用エリア
========================================*/
#noidTopArea{
margin:0 0 15px 0;
}

#noidTopArea .forBeginner{
margin:0 0 15px 0;
padding:10px;
border:1px solid #9cb1c4;
}

#noidTopArea .forBeginner dt span{
font-weight:bold;
}