@charset "UTF-8";
/*全媒体共通 記事一覧css*/

/****************************************
		*アーカイブ記事タイトル
*****************************************/

.arcchive_title{
	background-image:url(../img/single/kiji_title.jpg);
	background-repeat:no-repeat;
	width:665px;
	height:20px;
	padding:10px 5px 5px 10px;
	font-size:14px;
	color:#000000;
	margin-bottom:10px;
}

/****************************************
		*Jquelyを使ったレイアウトの指定
*****************************************/
ul.thumb_view li{  
    width: 250px;  
}  
ul.thumb_view li h2 {  
    display: inline;  
}  
ul.thumb_view li p{  
    display: none;  
} 
ul.thumb_view li .content_block a img {  
    margin: 0 0 10px;  
}


/*css*/
ul.display {
	float: left;
	width: 680px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.display li {
	float: left;
	width: 680px;
	padding:0;
	margin: 0;
}
ul.display li a {
	color:#FFCC00;
	/*text-decoration: none;*/
}
ul.display li .content_block {
	padding-bottom:10px;
	padding-top:15px;
	/*background-image:url(../img/archive/listbox_bg.jpg);
	background-repeat:no-repeat;*/
	clear:both;
	height:120px;
	border-bottom:1px solid #CCCCCC;
}
ul.display li .content_block:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html ul.display li .content_block{
  height: 1em;
  overflow: visible;
}
/*\*/



ul.display li .content_block h4 a {
	color:#0033CC!important;
	text-decoration:none;
	font-size:15px;
}
ul.display li .content_block h4 a:hover {
	color:#0033CC!important;
	text-decoration:underline!important;
}	

/*掲載日*/
ul.display li .content_block .page_data{
	color:#339933;
	margin-top:3px;
	font-size:12px!important;
	margin-bottom:7px!important;
}
ul.display li .content_block .page_data a{
	text-decoration:none;
	color:#0033CC!important;
}
ul.display li .content_block .page_data a:hover{
	text-decoration:underline;
	color:#CC0000;
}	

/*サムネイル画像*/
ul.display li .content_block a img{
	border:1px solid #BABABA;
	/*padding:2px;*/
	background-color:#FFFFFF;
	margin-right:10px;
	margin-bottom:5px;
	float: left;
}
ul.display li .content_block a:hover img{
	border:1px solid #CC0000;
}	

/*記事を読む*/
ul.display li .content_block .page_more a{
	/*background-color:#669933;*/
	background-color:#3399FF;
	text-decoration:none;
	color:#FFFFFF!important;
	font-size:12px;
	padding:5px 8px 8px 8px;
	text-align:left;
	width:110px;
	height:16px;
	float:right;
	display:block;
	margin-right:5px;
}

ul.display li .content_block .page_more a:hover{
	background-color:#FF6600;
}
ul.display li .content_block .more_read{
	text-align:right!important;
}
ul.display li .content_block .more_read a{
	color:#0066CC!important;
	text-decoration:none!important;
}
ul.display li .content_block .more_read a:hover{
	text-decoration:underline!important;
}	


/*記事説明文章*/
	
ul.display li .content_block .page_intro{
	font-size:12px;
	line-height:145%;
	color:#555555;
	padding-bottom:8px;
}	

/*記事カテゴリ*/
ul.display li .content_block span.list_category{
	color:#333333!important;
	font-size:12px;
}
ul.display li .content_block span.list_category a{
	color:#333333!important;
	font-size:12px;
	text-decoration:none!important;
}
ul.display li .content_block span.list_category a:hover{
	color:#333333!important;
	font-size:12px;
	text-decoration:underline!important;
}	
	
/****************************************
		*Jquelyを使ったレイアウトの指定　横バージョン
*****************************************/

ul.thumb_view li{
	width: 165px;
	margin-right:5px;
}
ul.thumb_view li .content_block{
	background-image:none!important;
	border:none;
	height:160px;
}	

ul.thumb_view li h4 a{
	display: inline;
	font-size:12px!important;
	line-height:145%;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .more_read{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 5px;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(../img/archive/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }

/***************************************************
	  *ページネーション
http://coliss.com/articles/blog/wordpress/how-to-build-a-wordpress-post-pagination-without-plugin.html
****************************************************/
.pagination {
padding-top:10px;
font-size:13px;
line-height:13px;
margin-top:15px;
float:right;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 1px 4px 4px 0;
padding:10px;
text-decoration:none;
width:auto;
color:#fff!important;
background-color:#666666;
}
 
.pagination a:hover{
color:#fff;
background-color:#0066CC;
}
 
.pagination .current{
padding:10px;
background-color:#0066CC;
color:#fff;
}

/***************************************************
	  *記事一覧横バージョン
****************************************************/
.list_blockbox{
	width:690px;
	clear:both;
	margin: 0 -10px 0 0;  
	_zoom: 1;     
    overflow: hidden;
	cursor: pointer;  
}	
.list_blockbox:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .list_blockbox{
  height: 1em;
  overflow: visible;
}
/*\*/

.list_blockbox li{
	width:162px;
	margin-right:10px;
	float:left;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
}

.list_blockbox li .heightLine-list_block a img{
	border:1px solid #000000;
	margin-bottom:3px;
}
.list_blockbox li .heightLine-list_block .heightLine-list_midashi{
	font-weight:bold;
	color:#0066CC;
	font-size:13px;
	margin-bottom:3px;
	line-height:145%;
}	
.list_blockbox li .heightLine-list_block .heightLine-list_midashi a{
	color:#0066CC!important;
	text-decoration:none!important;
}	
.list_blockbox li .heightLine-list_block .heightLine-list_midashi a:hover{
	color:#0066CC!important;
	text-decoration:underline!important;
}

.list_blockbox li .heightLine-list_block .list_profile{
	font-size:11px;
	line-height:135%;
	color:#666666;
	margin-bottom:8px;
	height:24px;
}
.list_blockbox li .heightLine-list_block .heightLine-list_profile{
	font-size:11px;
	line-height:135%;
	color:#666666;
	margin-bottom:8px;
}	

.listnone{
	display:none;
}		

/***************************************************
	  *記事一覧フォトTOPICSバージョン
****************************************************/
.photo_list_blockbox{
	width:690px;
	clear:both;
	margin: 0 -10px 0 0;  
	_zoom: 1;     
    overflow: hidden;
	cursor: pointer;  
}	
.photo_list_blockbox:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .photo_list_blockbox{
  height: 1em;
  overflow: visible;
}
/*\*/

.photo_list_blockbox li{
	width:220px;
	margin-right:10px;
	float:left;
	border-bottom:1px dotted #999999;
	padding-bottom:10px;
	display:block;
	margin-bottom:10px;
}
.photo_list_blockbox li .heightLine-photo_list_block a img{
	margin-bottom:5px;
}
.photo_list_blockbox li .heightLine-photo_list_block .heightLine-list_midashi{
	font-weight:bold;
	color:#0066CC;
	font-size:13px;
	margin-bottom:7px;
	line-height:145%;
}

.photo_list_blockbox li .heightLine-photo_list_block .heightLine-list_midashi a{
	color:#0066CC!important;
	text-decoration:none!important;
}	
.photo_list_blockbox li .heightLine-photo_list_block .heightLine-list_midashi a:hover{
	color:#0066CC!important;
	text-decoration:underline!important;
}
	
.photo_list_blockbox li .heightLine-photo_list_block .list_profile{
	font-size:12px;
	color:#666666;
	line-height:135%;
}	

/***************************************************
	  *パーツニュース用
****************************************************/
.list_blockbox_pn{
	width:690px;
	clear:both;
	margin: 0 -10px 0 0;  
	_zoom: 1;     
    overflow: hidden;
}	
.list_blockbox_pn:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .list_blockbox_pn{
  height: 1em;
  overflow: visible;
}
/*\*/
.list_blockbox_pn li{
	width:162px;
	margin-right:10px;
	float:left;
	height:205px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	display:block;
	margin-bottom:10px;
}
.list_blockbox_pn li .list_block a img{
	border:1px solid #000000;
	margin-bottom:3px;
}
.list_blockbox_pn li .list_block a:hover img{
	border:1px solid #CC0000;
	margin-bottom:3px;
}

.list_blockbox_pn li .list_block h4.list_midashi_pn{
	margin-bottom:7px;
	height:65px;
}

.list_blockbox_pn li .list_block h4.list_midashi_pn a{
	text-decoration:none!important;
	color:#0033CC!important;
	line-height:140%;
	font-size:12px!important;
	font-weight:normal;
}
.list_blockbox_pn li .list_block .list_midashi_pn a:hover{
	text-decoration:underline!important;
}	
.list_blockbox_pn li .list_block .list_profile{
	font-size:12px;
	line-height:135%;
	color:#666666;
	margin-bottom:3px;
}	


/****************************************
		*右メニューカテゴリ記事
*****************************************/
.right_inner_menu_kiji {
	margin-bottom: 10px;
	padding: 5px;
	font-size:13px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color:#999999;
	border-bottom-color:#999999;
	border-left-color:#999999;
	background-color:#FFFFCC;
}
.right_inner_menu_kiji li {
	margin-bottom: 5px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#999999;
	list-style-type: none;
}
.right_inner_menu_kiji li a{
 color:#0033FF!important;
 text-decoration:none!important;
}
.right_inner_menu_kiji li a:hover{
 text-decoration:underline!important;
}
.right_inner_menu_select{
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
	font-size:12px;
}
	
/*.right_midashi_menu {
  padding-left: 10px;
  font-size: 12px;
  color: #FFFFFF;
  background-image: url(../img/common/right_midashi_big.gif);
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 4px;
  padding-bottom: 1px;
}*/

.right_midashi_menu { background-color:#000; font-weight:normal; color:#fff; font-size:12px; padding:6px 10px 5px 10px;border-top-left-radius: 4px; border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px; }


/****************************************
		*コラム用
*****************************************/

ul li .content_column{
	border-bottom:2px dotted #999999;
	padding-bottom:5px;
	margin-bottom:15px;
	margin-top:10px;
}
ul li .content_column h4 a{
	font-size:18px;
	font-weight:bold;	
	color:#0033FF!important;
 text-decoration:none!important;
}
ul li .content_column h4 a:hover{
 text-decoration:underline!important;
}
.page_data_column{
	font-size:11px;
	color:#333333;
	margin-top:5px;
}