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

toppage CSS

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


/* all
========================================== */

/*ie6*/

* html div#header{
  margin-top:-13px;
}
/*ie7*/
*+html div#header{
  margin-top:-13px;
}
/* for Safari3 */
body:first-of-type div#header { 
padding-top:13px;
}
div#wrap {
width:900px;
margin-bottom:20px;
margin-top:20px;
}

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


/* main_wrap
========================================== */

div#main_wrap{
width:705px;
/*border:solid 1px #3300FF;*/
float:left;
}
div#topcolumn_wrap01{
width:225px;
/*border:solid 1px #3300FF;*/
float:left;
}
div#topcolumn_wrap02{
width:225px;
/*border:solid 1px #3300FF;*/
float:left;
margin-left:15px;
}
div#topcolumn_wrap03{
width:225px;
/*border:solid 1px #3300FF;*/
float:right;
margin-right:0px;
margin-bottom:20px;
}


/*---------------------------------------- */


/* top_banner
/*---------------------------------------- */


div#top_banner {
width:900px;
margin-bottom:20px;
}
div#banner_big {
width:600px;
float:left;
}
div#banner_middle {
width:290px;
float:left;
margin-left:10px;
}



/*---------------------------------------- */


/* カラム01トップ見出しボタン */
/*---------------------------------------- */

div#topcolumn_top {
width: 225px;
height:58px;
position:relative;
margin-bottom:10px;
}
div#topcolumn_right {
width:30px;
height:25px;
position: absolute;
top:3px;
left:195px;
background: url(../images/toppage/news_button_line.jpg) 36px 1px no-repeat;
}
dl#topcolumn_set {
position:relative;
top:0;
left:0;
list-style:none;
}
div#topcolumn h2.column_h01_01{
width:225px;
height:58px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/new_works_sakuhin02.jpg) 0 0 no-repeat;
text-decoration:none;
}
div#topcolumn h2.column_h01_02{
width:225px;
height:58px;
display:block;
text-indent:-9999px;
outline: none;
background:url(../images/toppage/new_works_dnat02.jpg) 0 0 no-repeat;
text-decoration:none;
}
div#topcolumn h2.column_h01_03{
width:225px;
height:58px;
display:block;
text-indent:-9999px;
outline: none;
background:url(../images/toppage/new_works_tngs02.jpg) 0 0 no-repeat;
text-decoration:none;
}
dl#topcolumn_button_set {
list-style:none;
width:30px;
height:25px;
display: inline;
}
dl#topcolumn_button_set dd.topcolumn_btn a{
width:30px;
height:25px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/page_button.jpg) 0 0 no-repeat;
text-decoration:none;
float:left;
}
dl#topcolumn_button_set dd.topcolumn_btn:hover a{
background: url(../images/toppage/page_button_on.jpg) 0 0 no-repeat;
}

/*---------------------------------------- */

h2.column_h01_02{
width:225px;
height:40px;
display:block;
background:url(../images/toppage/pickup_sakuhin.jpg) 0 0 no-repeat;
text-indent:-9999em;
}
h2.column_h02_02{
width:225px;
height:40px;
display:block;
background:url(../images/toppage/pickup_dnat.jpg) 0 0 no-repeat;
text-indent:-9999em;
}
h2.column_h03_02{
width:225px;
height:40px;
display:block;
background:url(../images/toppage/pickup_tngs.jpg) 0 0 no-repeat;
text-indent:-9999em;
}
h2#tagboat_selection {
width:705px;
height:35px;
display:block;
background:url(../images/toppage/tagboat_selection.jpg) 0 0 no-repeat;
text-indent:-9999em;
}



div.flash_contents {
margin-bottom:10px;
}


/*New Arrival
---------------------------------------- */

ul.new-arrival {
width:205px;
margin-left:10px;
}
ul.new-arrival li {
padding: 10px 0;
height: 100%;
border-bottom: 1px solid #CCCCCC;
clear:both;
}
ul.new-arrival li div.image {
float: left;
display: inline;
padding: 5px;
width: 63px;
background: #CCCCCC;
}
ul.new-arrival li div.image:hover {
float: left;
display: inline;
padding: 5px;
width: 63px;
background: #FF9933;
}
ul.new-arrival li div.summary {
float: right;
display: inline;
padding: 0 0 0 10px;
width: 110px;
border-left: 1px solid #CCCCCC;
}
ul.new-arrival li div.summary h3 {
margin: 0;
padding: 0;
font-weight: bold;
background: url(/common/images/line_dotted02_gray.gif) repeat-x 0 100%;
font-size: 92.4%;
line-height: 1.335;
border-bottom:dotted 1px #CCCCCC;
}
ul.new-arrival li div.summary a h3  {
color:#666666;
display: block;
padding: 0 0 0 17px;
background: url(/common/images/ico_arrow01.gif) 0px 3px no-repeat;
}
ul.new-arrival li div.summary a:hover h3  {
color:#FF9933;
background: url(/common/images/ico_arrow01o.gif) 0px 3px no-repeat;
}
ul.new-arrival li div.summary a p {
color:#666666;
font-size: 78%;
line-height: 1.335;
}
ul.new-arrival li div.summary a:hover p {
color:#FF9933;
font-size: 78%;
line-height: 1.335;
}
ul.new-arrival li:after { /* for Modern Browser */
content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

/*---------------------------------------- */

/*btn_box
---------------------------------------- */
div.btn_box_contents{
background:url(../images/toppage/buttom_box01_backimg.jpg) 0 0 repeat-y;
}
div.btn_box_bottom {
vertical-align:bottom;
height:5px;
clear:both;
}
ul.btn_box_button {
width:225px;
height:29px;
padding:0;
margin:0;
display:inline;
}

ul.btn_box_button li.btn_l				{ width:103px; height:29px; padding:0; margin:0; margin-left:5px; display:block; float:left;
										  background: url(../images/toppage/buttom_box_sakuhin.jpg) 0 0 no-repeat; }
ul.btn_box_button li.btn_l_dnat			{ width:103px; height:29px; padding:0; margin:0; margin-left:5px; display:block; float:left;
										  background: url(../images/toppage/buttom_box_dnat.jpg) 0 0 no-repeat; }
ul.btn_box_button li.btn_l_tngs			{ width:103px; height:29px; padding:0; margin:0; margin-left:5px; display:block; float:left;
										  background: url(../images/toppage/buttom_box_tngs.jpg) 0 0 no-repeat; }

ul.btn_box_button li.btn_r				{ width:103px; height:29px; padding:0; margin:0; margin-left:9px; display:block; float:left;
										  background:url(../images/toppage/buttom_box_kounyu.jpg) 0 0 no-repeat; }
ul.btn_box_button li.btn_r_dnat			{ width:103px; height:29px; padding:0; margin:0; margin-left:9px; display:block; float:left;
										  background:url(../images/toppage/buttom_box_dnat_about.jpg) 0 0 no-repeat; }
ul.btn_box_button li.btn_r_tngs			{ width:103px; height:29px; padding:0; margin:0; margin-left:9px; display:block; float:left;
										  background:url(../images/toppage/buttom_box_tngs_about.jpg) 0 0 no-repeat; }

ul.btn_box_button li.btn_l a 			{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none; 
										  background:url(../images/toppage/buttom_box_sakuhin.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_l_dnat a 		{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none; 
										  background:url(../images/toppage/buttom_box_dnat.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_l_tngs a 		{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none; 
										  background:url(../images/toppage/buttom_box_tngs.jpg) 0 0 no-repeat;}

ul.btn_box_button li.btn_r a 			{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										  background:url(../images/toppage/buttom_box_kounyu.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_r_dnat a 		{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										  background:url(../images/toppage/buttom_box_dnat_about.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_r_tngs a 		{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										  background:url(../images/toppage/buttom_box_tngs_about.jpg) 0 0 no-repeat;}
									  
ul.btn_box_button li.btn_l a:hover  	{ width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										   background:url(../images/toppage/buttom_box_sakuhin_on.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_l_dnat a:hover  { width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										   background:url(../images/toppage/buttom_box_dnat_on.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_l_tngs a:hover  { width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										   background:url(../images/toppage/buttom_box_tngs_on.jpg) 0 0 no-repeat;}									  
									  
ul.btn_box_button li.btn_r a:hover 		 { width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										   background:url(../images/toppage/buttom_box_kounyu_on.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_r_dnat a:hover  { width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
									 	   background:url(../images/toppage/buttom_box_dnat_about_on.jpg) 0 0 no-repeat;}
ul.btn_box_button li.btn_r_tngs a:hover  { width:103px; height:29px; display:block; text-indent:-9999px; outline: none;
										   background:url(../images/toppage/buttom_box_tngs_about_on.jpg) 0 0 no-repeat;}
									  
									  
/*---------------------------------------- */

/*news_topics
---------------------------------------- */

div#news_wrap{
width:470px;
/*border:solid 1px #3300FF;*/
float:left;
}

/* NEWS */
div#news_topics{
width: 468px;
margin: 0;
background: url(../images/toppage/news_backimg.jpg) 0 0 repeat-y;
}
div#news_topics_top {
width: 468px;
height:38px;
position:relative;
}
div#news_topics_right {
width:55px;
height:25px;
position: absolute;
top:8px;
left:415px;
/* background: url(../images/toppage/news_button_line.jpg) 36px 1px no-repeat; */
}
dl#news_button_set {
position:relative;
top:0;
left:0;
list-style:none;
}
dl#news_button_set dd{
display:inline;
}
dl#news_button_set {
list-style:none;
width:60px;
height:25px;
display: inline;
}
dl#news_button_set dd.news_btn_l a{
width:16px;
height:16px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/page_icon_off.gif) 0 0 no-repeat;
text-decoration:none;
float:left;
}
dl#news_button_set dd.news_btn_l a:hover{
background: url(../images/toppage/page_icon_on.gif) 0 0 no-repeat;
}
dl#news_button_set dd.news_btn_r a{
width:16px;
height:16px;
display:block;
text-indent:-9999px;
margin-left:8px;
outline: none;
background: url(../images/toppage/feed_btn_off.png) 0 0 no-repeat;
text-decoration:none;
float:left;
}
dl#news_button_set dd.news_btn_r a:hover{
background: url(../images/toppage/feed_btn_on.png) 0 0 no-repeat;
}
div#news_topics h2{
width:468px;
height:38px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/news_top.jpg) 0 0 no-repeat;
text-decoration:none;
}
div#news_topics ul{
padding: 5px 9px 9px 9px;
list-style: none;
background: url(../images/bot_nt.jpg) no-repeat 0 100%;
font-size: 12px;
}
div#news_topics ul li{
padding: 5px 0 5px 14px;
background: url(../images/ico_arrow01.gif) 0 50% no-repeat;
border-bottom: 1px #ccc dashed;
line-height:1.2;
}
div#news_topics ul li:hover{
background: url(../images/ico_arrow01o.gif) 0 50% no-repeat;
}
/* ART_NEWS */
div#art_news{
width: 468px;
margin:15px 0 0 0;
background: url(../images/toppage/news_backimg.jpg) 0 0 repeat-y;
}
div#art_news_top {
width: 468px;
height:29px;
position:relative;
}
div#art_news_right {
width:55px;
height:25px;
position: absolute;
top:4px;
left:415px;
/* background: url(../images/toppage/news_button_line.jpg) 36px 1px no-repeat; */
}
dl#art_news_set {
position:relative;
top:0;
left:0;
list-style:none;
}
#art_news p.rss-title{
text-indent:-9999px;
height:1px;
}
#art_news ul.rss-items{
padding: 5px 9px 9px 9px;
list-style: none;
background: url(../images/bot_nt.jpg) no-repeat 0 100%;
font-size: 12px;
}
#art_news ul.rss-items li.rss-item{
vertical-align:middle;
padding:4px 0px 2px 14px;
background: url(../images/ico_arrow01.gif) 0 50% no-repeat;
border-bottom: 1px #ccc dashed;
line-height:1.4em;
clear:both;
}
div#art_news h2{
width:468px;
height:29px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/art_news_top75.gif) 0 0 no-repeat;
text-decoration:none;
}
/* museum info*/
div#art_news h2#muse_info{
background: url(../images/toppage/museum_info_top.gif) 0 0 no-repeat;
}
/*
div#art_news ol{
padding: 5px 9px 9px 9px;
list-style: none;
background: url(../images/bot_nt.jpg) no-repeat 0 100%;
font-size: 12px;
}
#index_contents div#content div#art_news ol li{
height:25px;
_height:25px;
min-height:25px;
vertical-align:middle;
padding-left:14px;
background: url(../images/ico_arrow01.gif) 0 50% no-repeat;
border-bottom: 1px #ccc dashed;
clear:both;
}
#index_contents div#content div#art_news ol li:hover{
height:25px;
_height:25px;
min-height:25px;
vertical-align:middle;
padding-left:14px;
background: url(../images/ico_arrow01o.gif) 0 50% no-repeat;
border-bottom: 1px #ccc dashed;
clear:both;
}
#index_contents div#content div#art_news ol li p.pubdate{
height:15px;
width:40px;
float:left;
margin:6px 0 0 0;
padding:0;
}
#index_contents div#content div#art_news ol li p.title{
height:15px;
float:left;
margin:6px 0 0 0;
padding:0;
}
div#artgene_link {
width:176px;
height:29px;
margin-left:285px;
margin-bottom:10px;
}
*/

/*---------------------------------------- */


/*TNGSランキング表示部分
---------------------------------------- */

div#ranking {
width:225px;
background: url(../images/toppage/ranking_backimg.jpg) 0 0 repeat-y;
float:right;
}
ranking_image {
}
div#ranking_top h2.ranking_title {
width:225px;
height:38px;
display:block;
text-indent:-9999px;
outline: none;
text-decoration:none;
background: url(../images/toppage/ranking_top.jpg) 0 0 no-repeat;
}
div#ranking_bottom{
width:225px;
}
div#ranking_bottom p {
padding-left:10px;
font-size:10px;
color:#999999;
}
ul.ranking_contents_wrap {
width:225px;
margin-top:15px;
}
ul.ranking_contents_wrap li {
margin-bottom:5px;
margin-left:10px;
height: 83px;
clear:both;
border-bottom:dotted 1px #CCCCCC;
}
ul.ranking_contents_wrap li.other {
margin-bottom:5px;
padding:0;
height: 50px;
clear:both;
border-bottom:dotted 1px #CCCCCC;
}
ul.ranking_contents_wrap li.ranking_1		{ background: url(../images/toppage/ranking_1.jpg) 0px 3px no-repeat;}
ul.ranking_contents_wrap li.ranking_1:hover { background: url(../images/toppage/ranking_1_on.jpg) 0px 3px no-repeat;}
ul.ranking_contents_wrap li.ranking_2		{ background: url(../images/toppage/ranking_2.jpg) 0px 3px no-repeat;}
ul.ranking_contents_wrap li.ranking_2:hover { background: url(../images/toppage/ranking_2_on.jpg) 0px 3px no-repeat;}
ul.ranking_contents_wrap li.ranking_3		{ background: url(../images/toppage/ranking_3.jpg) 0px 3px no-repeat;}
ul.ranking_contents_wrap li.ranking_3:hover { background: url(../images/toppage/ranking_3_on.jpg) 0px 3px no-repeat;}
ul.ranking_contents_wrap li div.ranking_image 		{ float: left; display: inline; padding: 5px; width: 63px; background: #CCCCCC;
													  margin-top:3px; margin-left:15px; }
ul.ranking_contents_wrap li div.ranking_image:hover { float: left; display: inline; padding: 5px; width: 63px; background: #FF9933;
													  margin-top:3px; margin-left:15px; }
ul.ranking_contents_wrap li div.ranking_summary		{ float: right; padding:0; width:120px; }
ul.ranking_contents_wrap li div.ranking_summary h3 			{ padding:0; margin-top:10px; font-weight: bold; font-size: 92.4%; line-height: 1.335; }

ul.ranking_contents_wrap li div.ranking_summary a h3		{ color:#666666; display: block; padding: 0 0 0 17px; 
															  background: url(/common/images/ico_arrow01.gif) 0px 3px no-repeat;}
ul.ranking_contents_wrap li div.ranking_summary a:hover h3  { color:#FF9933; background: url(/common/images/ico_arrow01o.gif) 0px 3px no-repeat;}


ul.ranking_contents_wrap li.other div.ranking_image 		{ float: left; display: inline; padding: 5px; width: 30px; background: #CCCCCC;
													 		  margin-top:3px; margin-left:0px; }
ul.ranking_contents_wrap li.other div.ranking_image:hover 	{ float: left; display: inline; padding: 5px; width: 30px; background: #FF9933;
															  margin-top:3px; margin-left:0px; }
ul.ranking_contents_wrap li.other div.ranking_summary		{ float: right; padding:0; width:155px; }

ul.ranking_contents_wrap li.other div.ranking_summary h3 			{ padding:0; margin-top:15px; font-weight: bold; font-size: 92.4%; line-height: 1.335; }

ul.ranking_contents_wrap li.other div.ranking_summary a h3			{ color:#666666; display: block; padding: 0 0 0 17px; 
															  		  background: url(/common/images/ico_arrow01.gif) 0px 3px no-repeat;}
ul.ranking_contents_wrap li.other div.ranking_summary a:hover h3 	{ color:#FF9933; background: url(/common/images/ico_arrow01o.gif) 0px 3px no-repeat;}



/*ul.ranking_contents_wrap li:after { 
/* for Modern Browser */
/*content: "."; display: block; clear: both; height: 0px; visibility: hidden;
/*}


/*---------------------------------------- 
banner_wrap
---------------------------------------- */

div#banner_wrap {
width:770;
margin:-10px 0 10px -15px;
clear:both;
}
div#banner_wrap ul {
display:inline;
margin:0;
padding:0;
}
div#banner_wrap ul li {
margin:0;
padding:0;
float:left;
display:inline;
width:225px;
height:60;
margin-left:15px;
margin-top:10px;
}


/*side
---------------------------------------- */

div#side_wrap{
width:175px;
/*border:solid 1px #cc0000;*/
float:right;
}
div#tngs_customer_box{
margin-top:15px;
}
div#artist_serch{
width:175px;
margin-top:15px;
}
div#help_box{
width:175px;
margin-top:15px;
}
ul.help_link {
width:160px;
margin:5px 0 5px 10px;
}
ul.help_link li{
line-height:1.3;
padding: 0 0 0 17px;
background: url(../images/ico_arrow01.gif) 0px 50% no-repeat;
}
ul.help_link li:hover{
padding: 0 0 0 17px;
background: url(../images/ico_arrow01o.gif) 0px 50% no-repeat;
}
ul#artist_serch_btn{

}
li#artist_serch_btn01 a {
width:175px;
height:36px;
display:block;
text-indent:-9999px;
outline: none;
text-decoration:none;
background: url(../images/toppage/japan_artists_btn.jpg) 0 0 no-repeat;
margin-bottom:5px;
}
li#artist_serch_btn01 a:hover {
background: url(../images/toppage/japan_artists_btn_on.jpg) 0 0 no-repeat;
}
li#artist_serch_btn02 a{
width:175px;
height:36px;
display:block;
text-indent:-9999px;
outline: none;
text-decoration:none;
background: url(../images/toppage/inter_artists_btn.jpg) 0 0 no-repeat;
}
li#artist_serch_btn02 a:hover {
background: url(../images/toppage/inter_artists_btn_on.jpg) 0 0 no-repeat;
}


/*TNGS_menu*/

ul#TNGS_menu {
width:175px;
list-style:none;
margin-top:1px;
margin-bottom:10px;
}
li.tngs_menu_btn {
margin-top:3px;
}
li.tngs_menu_btn a {
width:175px;
height:31px;
display:block;
background:url(/common/images/about/TNGS_menu_btnimg.jpg) no-repeat;
}
li.tngs_menu_btn a span{
padding:10px 0 0 25px;
display:block;
}
li.tngs_menu_btn a:hover {
width:175px;
height:31px;
display:block;
background:url(/common/images/about/TNGS_menu_btnimg.jpg) 0 -31px no-repeat;
}


/*---------------------------------------- */





/*gallery
---------------------------------------- */

dev#gallery_wrap {
clear:both;
}


h2#gallery_top {
width:900px;
height:35px;
display:block;
background:url(../images/toppage/gallery_h.jpg) 0 0 no-repeat;
text-indent:-9999em;
}

ul#gallery_logo{
width:910px;
margin-left:-10px;
margin-bottom:50px;
}

ul#gallery_logo li{
width:172px;
height:40px;
display:block;
display:inline;
margin:0 0 0 10px;
padding:0;
}

ul#gallery_logo li img{
margin:10px 0 0 0;
padding:0;
}




/* ギャラリーセレクション */
/*---------------------------------------- */

div#gallery_wrap_top {
width: 900px;
height:35px;
position:relative;
}

div#gallery_wrap_right {
width:30px;
height:25px;
position: absolute;
top:3px;
left:870px;
background: url(../images/toppage/news_button_line.jpg) 36px 1px no-repeat;
}

dl#gallery_wrap_set {
position:relative;
top:0;
left:0;
list-style:none;
}

div#gallery_wrap h2{
width:900px;
height:35px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/gallery_h.jpg) 0 0 no-repeat;
text-decoration:none;
}


dl#gallery_wrap_button_set {
list-style:none;
width:30px;
height:25px;
display: inline;
}


dl#gallery_wrap_button_set dd.news_btn_page a{
width:30px;
height:25px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/page_button.jpg) 0 0 no-repeat;
text-decoration:none;
}

dl#gallery_wrap_button_set dd.news_btn_page:hover a{
background: url(../images/toppage/page_button_on.jpg) 0 0 no-repeat;
}


dl#gallery_wrap_button_set dd.news_btn_l a{
width:30px;
height:25px;
display:block;
text-indent:-9999px;
outline: none;
background: url(../images/toppage/page_button.jpg) 0 0 no-repeat;
text-decoration:none;
float:left;
}

dl#gallery_wrap_button_set dd.news_btn_l:hover a{
background: url(../images/toppage/page_button_on.jpg) 0 0 no-repeat;
}

dl#gallery_wrap_button_set dd.news_btn_r a{
width:30px;
height:25px;
display:block;
text-indent:-9999px;
margin-left:13px;
outline: none;
background: url(../images/toppage/rss_button.jpg) 0 0 no-repeat;
text-decoration:none;
float:left;
}

dl#gallery_wrap_button_set dd.news_btn_r:hover a{
background: url(../images/toppage/rss_button_on.jpg) 0 0 no-repeat;
}



/*---------------------------------------
topics
---------------------------------------- */


ul.topics {
width:175px;
}

ul.topics li {
padding: 10px 0;
height: 100%;
border-bottom: 1px solid #CCCCCC;
clear:both;
}

ul.topics li div.image {
float: left;
display: inline;
padding: 5px;
width: 40px;
background: #CCCCCC;
}

ul.topics li div.image:hover {
float: left;
display: inline;
padding: 5px;
width: 40px;
background: #FF9933;
}

ul.topics li div.summary {
float: right;
display: inline;
padding: 0 0 0 10px;
width: 103px;
border-left: 1px solid #CCCCCC;
}

ul.topics li div.summary h3 {
margin: 0;
padding: 0;
font-weight: bold;
background: url(/common/images/line_dotted02_gray.gif) repeat-x 0 100%;
font-size: 92.4%;
line-height: 1.2;
border-bottom:dotted 1px #CCCCCC;
}

ul.topics li div.summary a h3{
color:#666666;
display: block;
padding: 0 0 0 17px;
background: url(/common/images/ico_arrow01.gif) 0px 3px no-repeat;
}

ul.topics li div.summary a:hover h3  {
color:#FF9933;
background: url(/common/images/ico_arrow01o.gif) 0px 3px no-repeat;
}

ul.topics li div.summary a p {
color:#666666;
font-size: 78%;
line-height: 1.335;
}

ul.topics li div.summary a:hover p {
color:#FF9933;
font-size: 78%;
line-height: 1.335;
}

ul.topics li:after { /* for Modern Browser */
content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

/*---------------------------------------- */