/* CSS Document */

/*-------------------------------
　文字の指定
---------------------------------*/

img{
	border:0;
}


.red {
	color: #FF0000;
}

.mini{
	font-size:90%;
}

.titleText{
	font-size:24px;
	line-height:130%;
	margin:0;
}

.contentText{
	font-size:14px;
	line-height:130%;
	margin:5px;
}

.rightYose{
	text-align:right;
        clear:both;
}

.saishin-photo{
	padding: 0px 15px 5px 5px;
	float: left;
}

.saishin-photo-line{
	margin: 5px 15px 5px 5px;
	float: left;
	padding:5px;
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.underPhotoLeft{
	float:left;
        padding:5px 10px 5px 9px;
}

.titleText16{
	font-size:16px;
	line-height:130%;
	margin:0;
	padding:8px 0 0 0;
	font-weight:bold;
}

.titleText12{
	font-size:14px;
	line-height:130%;
	margin:0;
	font-weight:bold;
}

p.contentText12{
	font-size:12px;
	line-height:130%;
	margin:5px;
}

.size12{
	font-size:12px;
	line-height:130%;
}

.size12-news{
	font-size:12px;
	line-height:130%;
        width:665px;
}


.titleSub1{
	font-size:14px;
	color:#666666;
	line-height:130%;
	font-weight:100;
}

.chumoku{
	font-size:12px;
	color:#FF9900;
	line-height:130%;
}

.textRight{
        text-align:right;
        padding-right:5px;
        clear:both;
}

.size10{
	font-size:10px;
}

li.disc{
        list-style:disc;
}

.rightTeiban{
       text-align:right;
       padding-top:5px;
}

/*
 白いLink Color [
----------------------------------------------------------- */


a.hl:link {
    text-decoration:underline;
    color:#FFFFFF;
}

a.hl:visited {
    text-decoration :underline;
    color:#FFFFFF;
}

a.hl:hover {
    text-decoration :underline;
    color:#FFFFFF;
}

a.hl:active {
      color:#FFFFFF;
	  text-decoration :underline;
}

/*-------------------------------
　使わないけど、3カラム用
---------------------------------*/

#mainLeft2{
	float:left;
	width:160px;
}

#mainRight2{
	float:right;
	width:505px;
}

.mainTheBox{
	width:675px;
	clear:both;
        padding-bottom:10px;
}
	

/*-------------------------------
　トップ右側
---------------------------------*/

#mainRight2 .topicsTop{
	background:url(images/47topics_orange_background.jpg) no-repeat;
	padding:8px 0 0 12px;
	height:17px;
	font-size:12px;
}

#mainRight2 .topicsBackground{
	background-color:#F2F2F2;
	padding:5px;
	width:495px;
}

.topicsMainPhoto{
	float:left;
        background:#eeeeee;
	margin:5px 10px;;
	padding:5px;
}

#mainRight2 .topicsBox{
	padding:5px;
	font-size:14px;
	clear:both;
}




/*-------------------------------
　トップ左側
---------------------------------*/

#mainLeft2 .mainLeftHeader{
	background:url(images/newtopics_banner.jpg) no-repeat;
	text-align:right;
	padding:6px 2px 0 0;
	height:15px;
	color:#FFFFFF;
	font-size:10px;
}

#mainLeft2 .mainLeftCenter{
	background:url(images/topics_boder.jpg) repeat-y;
	padding:5px 3px 1px;
}

#mainLeft2 .mainLeftCenter .centerInHeader{
	width:154px;
}

#mainLeft2 .mainLeftCenter .centerInHeader div{
	float:left;
	margin:0;
}

#mainLeft2 .mainLeftCenter .centerInCenter{
	background:url(images/topics_inner_boder.jpg) repeat-y;
	padding:5px 3px;
	font-size:12px;
}


#mainLeft2 .mainLeftCenter .centerInCenter ul{
	font-size:12px;
	list-style:disc;
}



#mainLeft2 .mainLeftCenter .centerInFooter{
	width:154px;
}


#mainLeft2 .mainLeftFooter{
	width:160px;
        margin-bottom:10px;
}






/*-------------------------------
　675pxボックス
---------------------------------*/

.mainTheBox .long675box{
	widows:675px;
	background:url(http://img.47news.jp/47topics/images/675box_center.jpg) repeat-y;
}



.mainTheBox .long675box .long675head{
	width:675px;
}

.mainTheBox .long675box .long675title{
	background:url(images/black_long_back.jpg) no-repeat;
	padding:0 2px 0 0;
	margin-left:2px;
	height:23px;
}

.mainTheBox .long675box .long675center{
	background:url(http://img.47news.jp/47topics/images/675box_center.jpg) repeat-y;
	padding:5px;
        width:660px;
}


.mainTheBox .long675foot{
	clear:both;
	width:675px;
	padding-top:5px;
}


/*-------------------------------
　定番で使うスタイル
---------------------------------*/

.mainTheBox .long675box .long675center .teiban{
	line-height:1.6;
	list-style-type:none;
	margin:0;
	padding:5px; 
       font-size:12px;
       width:650px;
}


.mainTheBox .long675box .long675center .teiban ul#teibanList {
	margin: 0;
	width:650px;
	list-style-type:disc; 
}


.mainTheBox .long675box .long675center .teiban ul#teibanList:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}



.mainTheBox .long675box .long675center .teiban ul#teibanList li {
	margin: 0;
	padding: 0;
	float:left; 
	line-height:1.1;
	text-align:left;
	width:210px;
	font-size: 14px;
	padding:2px;
}


/*-------------------------------
　最新のニュースで使うスタイル
---------------------------------*/


.newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
        height:70px;
}

.inBoder{
	text-align:center;
	margin-bottom:5px;
	clear:both;
}


/*-----------------------------------------------------
　一番下のjavaを使うボックス部分で使うスタイル
-------------------------------------------------------*/

.tabSet  .long675underHead{
	width:675px;
	margin-top:10px;
	background:#FFFFFF;
	margin-bottom:5px;
}


.tabSet .long675underHead div{
 	padding:0px 0px 0px 0px; 
	float:left; 
}



.tabSet .contentsArea .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
        height:50px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}



/*---------------------------------------------------
　javascript部分のスタイル（上の）①
-----------------------------------------------------*/



/* クラススタイルは自由に変更してください。 */
.topicsSet {  
	clear:both;
	background:url(images/topics_boder.jpg) repeat-y;
	padding:5px 0 1px 3px;
}

.topicsSet .topicsArea {
	width:154px;
}
.topicsSet .topicsArea div { padding:0px 0px 0px 0px; float:left; }
.topicsSet .topicsArea div img { border:none; }

/*.tabSet .contentsArea { padding:10px; clear:both; border:5px #333333 solid; }*/
.topicsSet .topicsArea{
	background:url(images/topics_inner_boder.jpg) repeat-y;
	padding:0 0 5px;
	font-size:12px;
}


/*　----------------------------------------------------------
displayプロパティは必須です
ページ読み込み時に表示したいidをblockにしてください
*/
#topicscon0 { display:block; }
#topicscon1 { display:none; }
#topicscon2 { display:none; }

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




#mainLeft2 .topicsSet .centerInFooter{
	width:154px;
}


#mainLeft2 .mainLeftFooter{
	width:160px;
}


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


#topicscon0 ul{
	list-style:disc;
	margin:0 0 0 12px;
}

#topicscon0 ul li{
	margin:2px;
}

#topicscon1 ul{
	list-style:disc;
	margin:0 0 0 12px;
}


#topicscon1 ul li{
	margin:2px;
}


#topicscon2 ul{
	list-style:disc;
	margin:0 0 0 12px;
}


#topicscon2 ul li{
	margin:2px;
}




/*---------------------------------------------------
　javascript部分のスタイル(下の)　②
-----------------------------------------------------*/



/* クラススタイルは自由に変更してください。 */
.tabSet { 
	width:675px; 
	clear:both;
	background:url(http://img.47news.jp/47topics/images/675box_center.jpg) repeat-y;
}

.tabSet .tabArea {
	width:675px;
	background:#FFFFFF;
	margin-bottom:5px;
       background:url(images/tab_back_ground.jpg) no-repeat;
}
.tabSet .tabArea div { padding:0px 0px 0px 0px; float:left; }
.tabSet .tabArea div img { border:none; }

/*.tabSet .contentsArea { padding:10px; clear:both; border:5px #333333 solid; }*/
.tabSet .contentsArea{
	background:url(http://img.47news.jp/47topics/images/675box_center.jpg) repeat-y;
	padding:5px;
}


/*　----------------------------------------------------------
displayプロパティは必須です
ページ読み込み時に表示したいidをblockにしてください
*/
#contents0 { display:block; }
#contents1 { display:none; }
#contents2 { display:none; }
#contents3 { display:none; }
#contents4 { display:none; }
#contents5 { display:none; }
#contents6 { display:none; }
#contents7 { display:none; }
#contents8 { display:none; }
#contents9 { display:none; }

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




.tabSet .contentsArea　#contents0 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}

.tabSet .contentsArea　#contents1 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}


.tabSet .contentsArea　#contents2 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}

.tabSet .contentsArea　#contents3 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}

.tabSet .contentsArea　#contents4 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}

.tabSet .contentsArea　#contents5 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}

.tabSet .contentsArea　#contents6 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}


.tabSet .contentsArea　#contents7 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}


.tabSet .contentsArea　#contents8 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}

.tabSet .contentsArea　#contents9 .under4box{
	float:left;
	width:306px;
	padding-left:25px;
	margin-top:5px;
	background:url(http://img.47news.jp/47topics/images/underBack_mini.jpg) no-repeat;
}


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

.tabSet .contentsArea #contents0 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents1 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents2 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents3 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents4 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents5 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents6 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}


.tabSet .contentsArea #contents7 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}


.tabSet .contentsArea #contents8 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}

.tabSet .contentsArea #contents9 .newsFeatureMain{
	margin:0 2px 5px;
	background:#EEEEEE;
	width:662px
}


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

.tabSet .contentsArea #contents0 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}


.tabSet .contentsArea #contents1 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents2 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents3 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents4 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents5 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}


.tabSet .contentsArea #contents6 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents7 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents8 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}

.tabSet .contentsArea #contents9 .newsFeatureMain .newsFeature2{
	float:left;
	width:310px;
	padding:5px 5px 0 5px;
}


/*-------------------------------
　一覧用追加
---------------------------------*/
#mainContent .MainBox .box_bar_top_list {
	width:675px;
	padding:0;
	}



/*---------------------------------------------------
　main.css対策追加css
-----------------------------------------------------*/

#mainContent .MainBox .topContent li {
      color:#606060;
      position:relative;
      line-height:150%;
      list-style-image: url('http://www.47news.jp/images/dsicon.gif');
}

#mainContent .MainBox .topContent span.timestamp {
      display:block; 
      position:absolute; 
      right:0; 
      top:0; 
      color:#606060; 
     font-size:90%; 
}

/*---------------------------------
 Newマーク用 2008/02/07
-----------------------------------*/
span.new {
    display: none;
    color: red;
    font-weight: bold;
}


/*-------------------------------
　list用追加　　2008/11/20
---------------------------------*/

.cmnListmark1 li {padding:0px 7em 0 0}


/*-----------------------------------------------------
　ブログ記事ページのメニュー
-------------------------------------------------------*/

.box_bar_top .categoryMenu{
	line-height:1.6;
	list-style-type:none;
	margin:0;
	padding:0 0 0 0; 
	padding:0px;
    font-size:12px;
	height:30px;
}


.box_bar_top .categoryMenu ul#categoryContents {
	margin: 0;
	width:675px; 
}


.box_bar_top .categoryMenu ul#categoryContents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}



.box_bar_top .categoryMenu ul#categoryContents li {
	margin: 0;
	padding: 0;
	float:left; 
	line-height: 1;
}

.box_bar_top .categoryMenu ul#categoryContents li a{
	display: block;
	position: relative;
	font-size: 12px;
	color: #333;
	text-align: center;
	text-decoration: none;
	background-color: #eee;
	text-indent: -9999px;
	height:30px;
}





/*-----------------------------------------------
 メニューマウスオーバー　2008/08/25 saito
-----------------------------------------------*/


.box_bar_top .categoryMenu ul#categoryContents li#topicsTop a{
	background:url(http://www.47news.jp/47topics/images/in_menu_top_off.jpg) no-repeat;
	width:77px;
}


.box_bar_top .categoryMenu ul#categoryContents li#kurashi a{
	background:url(http://www.47news.jp/47topics/images/in_menu_kurashi_off.jpg) no-repeat;
	width:88px;
}

.box_bar_top .categoryMenu ul#categoryContents li#iryo a{
	background:url(http://www.47news.jp/47topics/images/in_menu_iryo_off.jpg) no-repeat;
	width:114px;
}

.box_bar_top .categoryMenu ul#categoryContents li#seiji a{
	background:url(http://www.47news.jp/47topics/images/in_menu_seiji_off.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#kankyo a{
	background:url(http://www.47news.jp/47topics/images/in_menu_kankyo_off.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#chiiki a{
	background:url(http://www.47news.jp/47topics/images/in_menu_chiiki_off.jpg) no-repeat;
	width:81px;
}

.box_bar_top .categoryMenu ul#categoryContents li#jiken a{
	background:url(http://www.47news.jp/47topics/images/in_menu_jiken_off.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#kyoiku a{
	background:url(http://www.47news.jp/47topics/images/in_menu_kyoiku_off.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#bunka a{
	background:url(http://www.47news.jp/47topics/images/in_menu_bunka_off.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#kokusai a{
	background:url(http://www.47news.jp/47topics/images/in_menu_kokusai_off.jpg) no-repeat;
	width:42px;
}

.box_bar_top .categoryMenu ul#categoryContents li#sports a{
	background:url(http://www.47news.jp/47topics/images/in_menu_sports2_off.jpg) no-repeat;
	width:58px;
}



/*----------- メニューマウスオーバー　----------*/


.box_bar_top .categoryMenu ul#categoryContents li#topicsTop a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_top_on.jpg) no-repeat;
	width:77px;
}


.box_bar_top .categoryMenu ul#categoryContents li#kurashi a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_kurashi_on.jpg) no-repeat;
	width:88px;
}

.box_bar_top .categoryMenu ul#categoryContents li#iryo a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_iryo_on.jpg) no-repeat;
	width:114px;
}

.box_bar_top .categoryMenu ul#categoryContents li#seiji a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_seiji_on.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#kankyo a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_kankyo_on.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#chiiki a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_chiiki_on.jpg) no-repeat;
	width:81px;
}

.box_bar_top .categoryMenu ul#categoryContents li#jiken a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_jiken_on.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#kyoiku a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_kyoiku_on.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#bunka a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_bunka_on.jpg) no-repeat;
	width:43px;
}

.box_bar_top .categoryMenu ul#categoryContents li#kokusai a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_kokusai_on.jpg) no-repeat;
	width:42px;
}

.box_bar_top .categoryMenu ul#categoryContents li#sports a:hover{
	background:url(http://www.47news.jp/47topics/images/in_menu_sports2_on.jpg) no-repeat;
	width:58px;
}

/*-----------------------------------------------
 アーカイブ部分　2008/11/25 saito
-----------------------------------------------*/

#mainContent .MainBox .topContent .topImg img {
	float:right;
        background:#CCCCCC;
	margin:10px;
	padding:5px;
}	

#mainContent .MainBox .topContent .topImg {
	float:right;
/*        background:#CCCCCC; */
	margin:10px;
/*	margin:20px 10px; */
/*	padding:5px; */
}

/*-----------------------------------------------
 大転換　2009/01/26 saito
-----------------------------------------------*/	

a.underLine:link{
	color:#000000;
	text-decoration:underline;
}

a.underLine:visited{
	color:#000000;
}

a.underLine:active{
	color:#000000;
}

a.underLine:hover{
	color:#000000;
	text-decoration:none;
}

h3{
    padding:0;
   margin:0;
}


/*--------------------------------------------------
　エントリーアーカイブのメニュー　　2009/06/04 SAITO
----------------------------------------------------*/

.categoryInMenu{
	background:url(http://www.47news.jp/47topics/images/in_menu_bg.jpg) no-repeat;
	height:30px;
	width:675px;
	font-size:12px;
	color:#FFFFFF;
}

.categoryInMenu ul{
	padding:7px 0 0 2px;
	margin:0;
	list-style:none;
}

.categoryInMenu ul li{
	padding:0 0 0 3px;
	margin:0;
	display:inline;
	font-size:12px;
	color:#FFFFFF;
}

.categoryInMenu ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.categoryInMenu ul li a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:bold;
}

/*-------------------------------------
　写真用     2009/08/06 SAITO
---------------------------------------*/

.photoFloat{
        float:right;
	padding:0;
	background:#E3E3E3;
	margin:0 0 0 5px; 
}

.photoFloat-l{
        float:left;
	padding:0;
	background:#E3E3E3;
	margin:0 5px 0 0; 
}

.caption{
	font-size: 10px; 
	line-height: 120%; 
	background:#E3E3E3; 
	padding:2px;
}

.sub_title_topics{
	font-size:18px;
	border-left:solid #333333 10px;
	border-bottom:solid 1px #333333;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	font-weight:bold;
}

