/* CSS Document */
/* -----------------------------------------------------------
CSS Information

File name:index.css
Style Info:Index Style CSS
Applies to:Use with template index.html
----------------------------------------------------------- */

/*----------------------------------------------------
 Basis
----------------------------------------------------*/

/*----------------------------------------------------
 NEW MONTH TOPIX
----------------------------------------------------*/

/* キャプション */
#topfeature h2{
/* position:absolute;
display:block;
font-family:"Times New Roman", Times, serif;
font-size:330%;
margin:0 5px;
padding:10px;
color:#efefef;
z-index:1;
line-height:1.2em;
font-weight:lighter;
}

#topfeature h2 span{
font-size:220% !important;
margin:0;
padding:0;
font-weight:400; */
display:none;
}

/*----------------------------------------------------
 Topfeature image
----------------------------------------------------*/

#topfeature{
position:relative;
display : block;
border : 0;
background:transparent url(/images/index/topfeature/Old/topf_090805_00.jpg) no-repeat;
width:800px;
height:400px;
margin:0 auto;
padding:0.5em 0;
z-index: 0;
text-decoration:none;
margin-left:-15px;
}


/* Backup =2008.12.25
#topfeature p a{
position:relative;
display : block;
border : 0;
background:url(../images/index/topfeature/topfeatureimage_081225_00.jpg)  transparent no-repeat;
width:800px;
height:400px;
margin:0 auto;
padding:0.5em 0;
z-index: 0;
text-decoration:none;
}

#topfeature p a span{
position:relative;
display:block;
border-left:8px solid firebrick;
width:400px;
height:auto;
margin:135px auto 0 8px;
padding:0 .5em;
z-index:1;
text-decoration:none;
color:white !important;
font-size:350%;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
vertical-align:bottom;
font-weight:bold;
line-height:1.4em;
}

#topfeature p a:hover{ text-decoration:none;}
/Backup =2008.12.25 */


/*----------------------------------------------------
 MAIN CONTENTS
----------------------------------------------------*/

/* オーバーラップ */

#content{}


/*----------------------------------------------------
 Hot TOPIX
----------------------------------------------------*/

/* ラッパー */
#topix-wrap{
width:100%;
margin:0 auto;
pdding:0;
font-size: 93%;
}

/* ヘッダ */
#topix-header{
width:100%;
margin:0 auto;
pdding:0;
margin-bottom:15px;
}

/* ナビ */
#topix-nav{
float:left;
width:23%;
margin:0 10px 0 -15px;
padding:0 10px 0 0;
}

/* 左 */
#topix-left{
float:left;
width:23%;
margin:10px 0 0 5px;
padding:0 10px 0 0;
}

/* センター */
#topix-center{
float:left;
width:23%;
margin:10px 0 0 5px;
padding:0 10px 0 0;
}

/* 右 */
#topix-right{
float:right;
width:19%;
margin:20px 10px 0 5px;
padding:12px;
background:#003d19;
}

/* フッタ */
#topix-footer{
clear:both;
width:100%;
}


/*----------------------------------------------------
 Hot TOPIX header contents
----------------------------------------------------*/

#topix-header h2{
display:none;
font-family:"Times New Roman", Times, serif;
}

#topix-wrap #topix-header p{
margin:0 auto 10px auto;
padding:0 .5em;
text-decoration:none;
color:black !important;
font-size:180%;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
line-height:1.4em;
}

#topix-header p a{
color:black;
}

#topix-header p a span{
color:#003d19 !important;
font-family:"Times New Roman", Times, serif;
}

#topix-header p a:hover{
text-decoration:none;
}

/*----------------------------------------------------
 Hot TOPIX　NAVI
----------------------------------------------------*/

/* 月 */
#topix-wrap #topix-nav #ontime p{
position:relative;
display:block;
font-family:"Times New Roman", Times, serif;
font-size:600% !important;
margin:0 10px;
padding:0 10px 30px 10px;
color:#efefef;
z-index:1;
line-height:1.2em;
font-weight:lighter;
text-align:center;
width:auto;
}

/* 年 */
#topix-wrap #topix-nav #ontime p span{
font-size:220% !important;
margin:0;
padding:0;
font-weight:400;
color:#003d19 !important;
}

/* キャプション */
#topix-nav h4{
font-family:"Times New Roman", Times, serif;
font-size:large;
font-weight:bolder;
color:#003d19;
margin:.5em auto 0 auto;
text-align:center;
}


/* リンク */
#topix-nav ul{
display:block;
width:80%;
margin:0 10px 5px 0;
padding:10px;
text-align:center;
}

#topix-nav ul li, #topix-nav ul li ul li{
background:white;
}

#topix-nav ul li a, #topix-nav ul li ul li a{
display:block;
width:100%;
margin:0 5px 0 0;
padding:.2em 10px;
border-bottom:1px solid #efefef;
color:#003d19;
}

#topix-nav ul li a:hover, #topix-nav ul li ul li a:hover{
background:#003d19;
color:white;
font-weight:bold;
text-decoration:none;
}



/*----------------------------------------------------
 Hot TOPIX decoration
----------------------------------------------------*/

/* キャプション */
#topix-wrap h2{
font-family:"Times New Roman", Times, serif;
font-size:large;
color:#003d19;
margin:5px 0;
padding:0;
}

#topix-wrap h3{
font-family:"Times New Roman", Times, serif;
font-size:large;
font-weight:900;
line-height:1.2em;
margin:5px 0;
}

#topix-left p, #topix-center p, #topix-right p{
margin:1em 0;
line-height:1.4em;
width:150px;
color:gray;
}

/*----------------------------------------------------
 Hot TOPIX decoration　RECOMEND
----------------------------------------------------*/

/* 画像*/
#topix-wrap #topix-right img{
display:block;
margin:10px auto;
padding:0;
width:120px;
height:90px;
}

/* 説明文*/
#topix-wrap #topix-right p{
display:block;
margin:0 auto 7px auto;
padding:0 5px 10px 5px;
width:auto;
color:white !important;
}

#topix-wrap #topix-right h4{
margin:.2em 0 0 0;
color:white !important;
}

#topix-wrap #topix-right h2{
color:white !important;
font-weight:bold !important;
text-decoration:none;
text-align:center;
}

#topix-wrap #topix-right h3,
#topix-wrap #topix-right ul li a:hover{
color:white !important;
font-weight:bold !important;
text-decoration:none;
}

#topix-wrap #topix-right ul li a{
color:#efefef !important;
text-decoration:none;
font-weight:bold !important;
}

.menulink-wrap{
margin:15px 0;
}

.menulink-wrap h4{
font-family:"Times New Roman", Times, serif;
font-size:120%;
font-weight:900;
line-height:1.2em;
margin:5px 0;
color:black;
text-align:left;
}

#topix-wrap .menulink-wrap ul{
margin:10px 0;
padding:5px 0
}

#topix-wrap .menulink-wrap ul li a{
color:#003d19 !important;
}

#topix-wrap .menulink-wrap ul li a:hover{
text-decoration:none !important;
color:firebrick !important;
}

#topix-wrap .menulink-wrap ul li ul{
margin:0 0 10px 10px;
padding:5px 0
}

/*----------------------------------------------------
 SPLASH
----------------------------------------------------*/

#splash h2{
font-family:"Times New Roman", Times, serif;
color:black;
font-size:x-large;
}

#splash_hotimage_cherry_p{
position:relative;
display : block;
border : 0;
background:transparent url(../images/index/splash/index_splsh_hotimg_cherry_p_01.jpg) no-repeat;
width:400px;
height:247px;
margin:0 auto;
padding:0.5em 0;
z-index: 0;
text-decoration:none;
margin-left:-1px;
}

#splash_hotimage_grape_p{
position:relative;
display : block;
border : 0;
background:transparent url(../images/index/splash/index_splsh_hotimg_g_p_00.jpg) no-repeat;
width:400px;
height:247px;
margin:0 auto;
padding:0.5em 0;
z-index: 0;
text-decoration:none;
margin-left:-1px;
}

#splash ul{
display:block;
list-style:none;
margin:0;
padding:0;
width:400px;
}

#splash ul li{
width:100%;
margin:0;
line-height:1.4em;
}

#splash ul li a{
display:block;
width:370px;
color:#003d19;
text-decoration:none;
padding:.7em 15px;
border-bottom:1px solid #efefef;
background:white;
}

#splash ul li a:hover{
text-decoration:none;
background:#003d19;
color:white;
font-weight:bold;
}


#topix-wrap #topix-header p{
margin:0 auto 10px auto;
padding:0 .5em;
text-decoration:none;
color:black !important;
font-size:180%;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
line-height:1.4em;
}

#topix-header p a{
color:black;
}

#topix-header p a span{
color:#003d19 !important;
font-family:"Times New Roman", Times, serif;
}

#topix-header p a:hover{
text-decoration:none;
}

/*----------------------------------------------------
 cgi - jsRSS3_15用
----------------------------------------------------*/
.rssread{margin:30px 20px 0 10px;
width:380px;
}

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

.RSSsite a.sitetitle, .RSSsite .RSSdescript{
font-family:"Times New Roman", Times, serif;
color:black;
font-size:large;
font-weight:bolder;
}

.RSSline{
	margin:10px 0 15px 0;
}

.RSSline .RSSdescript{
margin:10px 0;
}

.RSSline .RSStitle{
font-weight:bolder;
}

.RSSline .RSStime{
color:#555;
}

.feedicon a{
	display:block;
	width:38px;
	height:37px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/icon/feeds/icon_feed_rss_g.jpg) no-repeat;
margin:0 0 0 10px;
vertical-align: middle;
}