@charset "utf-8";


/*============================================================================
  ヘッダー
=============================================================================*/

/*-----------------------------------------------
  背景（#abd2d2）
-----------------------------------------------*/

#header {
	background: url(/images/header/header_bg.gif) top repeat-x;
	background-color: #abd2d2;
}

/*-----------------------------------------------
  各エリアロゴ
-----------------------------------------------*/

/*ヘッダー Walkerplusロゴ*/

#title h1{
	float: left;
	display: inline;
	height: 61px;
	text-indent: -9999px;
}

#title h1 a{
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 61px;
	width: 163px;
	background: url(/images/header/header_logo_walkerplus.gif) no-repeat;
}

/*-----------------------------------------------
  ヘッダー上部　ナビゲーション
-----------------------------------------------*/

#gnavi_top a {
	background: url(/images/header/header_btn_top.gif) no-repeat;
}

#gnavi_guide a {
	background: url(/images/header/header_btn_guide.gif) no-repeat;
}

#gnavi_rss a {
	background: url(/images/header/header_btn_rss.gif) no-repeat;
}


/*============================================================================
 メイン（左）コンテンツ
=============================================================================*/

/*-----------------------------------------------
  共通設定
-----------------------------------------------*/

/*左カラム内で幅635pxにするためのclassらしい*/

.category_left {
	width: 635px;
	padding-bottom:10px;
}

.category_left:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.category_left_ttl {
	width: 620px;
	height: 20px;
	padding: 0px 0px 10px 0px;
	background: none;
}

.category_left_ttl h3{
	border-left:3px solid #77aaaa;
	display: block;
	float: left;
	height:18px;
	padding:1px 0 1px 7px;
	line-height: 18px;
	font-size: 14px;
}

.category_left_ttl_l {
	background:transparent url(/images/category_bg_left.jpg) no-repeat scroll center top;
	height:28px;
	padding:0 0 16px 15px;
	width:620px;
}

.category_left_ttl_l h3 {
	display:block;
	float:left;
	font-size:14px;
	line-height:30px;
}

/*RSSへのリンク*/
.category_left_ttl_l p.rss_icon a {
background:transparent url(/images/rss_icon.gif) no-repeat;
display:block;
float:right;
height:15px;
margin:7px 4px 0 0;
width:43px;
text-indent:-9999px;
}
/*
.rss_icon a {
display:block;
float:left;
text-indent:-9999px;
}
*/

/*記事詳細へのリンク*/
/*
.readmore {
	font-size: 12px;
	padding: 0 4px;
}

.readmore a{
	padding: 0 4px;
}
*/
/*-----------------------------------------------
  パンくずリスト
-----------------------------------------------*/

#contents_top {
	display: block;
	padding-bottom: 9px;
}

.topicpath {
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 950px;
	padding: 9px 0 11px 0;
}

.topicpath p {
	display: block;
	height: 15px;
	line-height: 15px;
}

.topicpath p span.btn {
	display: block;
	width: 57px;
	height: 15px;
	line-height: 15px;
	float: left;
	text-indent: -9999px;
	background: url(/images/icon/main_btn_path.gif) 0 0 no-repeat;
	padding:0px 6px 0 0;
}

.topicpath p span.txt {
	display: block;
}

/*-----------------------------------------------
  広告テキスト
-----------------------------------------------*/

#ad-txt {
	display: block;
font-size:14px;
	padding: 5px 0 6px 0;
	margin: 0 auto;
	width: 950px;
	text-align: center;
}

#ad-txt p {
	color: #333333;
}

/*-----------------------------------------------
  緊急告知
-----------------------------------------------*/

#notice {
	display: block;
	padding: 0 0 6px 0;
}

#notice p {
	color: #cc0000;
}

/*-----------------------------------------------
  クレジット
-----------------------------------------------*/

#credit {
	clear: both;
	display: block;
	padding-bottom: 6px;
	width: 950px;
	font-size: 10px;
	color: #999999;
	border-bottom: 1px dotted #dddddd;
}

/*-----------------------------------------------
  ピックアップコンテンツ（右カラム用のアドをCSSでメインカラム用の体裁にしている）
-----------------------------------------------*/

#main .category_right {
	width: 635px;
	padding:0;
	border:none;
	margin-bottom: 10px;
}

#main .category_right_ttl {
	width: 635px;
	height: 25px;
	padding: 0;
	background:none;
}

#main .category_right_ttl h3{
	display: block;
	float:none;
	line-height: 15px;
	font-size: 12px;
	height: 15px;
	padding: 0 0 10px 0;
	background: url(/images/pickup_contents_bg_ttl.gif) no-repeat;
	text-indent: -9999px;
}

#main #walkerplus-recommend {
	margin-bottom:30px;
	font-size: 12px;
	border-bottom: 1px dotted #dddddd;
}

#main #walkerplus-recommend_list {
	width:635px;
	padding: 0;
	font-size: 12px;
}

#main #walkerplus-recommend_list ul li {
	float:left;
	list-style: none;
	background:url(/images/arrow_entertainment.gif) 2px 4px no-repeat;
	padding: 0 0 10px 13px;
	margin-left:16px;
	_margin-left:8px;
	width:280px;
}

/*-----------------------------------------------
  注目の情報
-----------------------------------------------*/

#note {
	padding-bottom: 5px;
	margin-bottom: 44px;
	font-size: 14px;
	border-bottom: 1px dotted #dddddd;
}

#note h3 {
	width: 635px;
	height: 15px;
	padding: 0 0 10px 0;
	background: url(/images/note_bg_ttl.gif) no-repeat;
	text-indent: -9999px;
}

#note_box {
	width: 635px;
}

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

#note_block_right {
	float:right;
	width: 451px;
	padding: 0 12px;
	line-height: 19px;
}

#note_block_right h4 {
	font-size: 14px;
	padding: 0 0 2px 0;
}

#note_block_right p.right{
	margin-top: 26px;
	text-align: right;
	font-size: 12px;
}

/*-----------------------------------------------
  レクタングルボックス
-----------------------------------------------*/

#rec_box {
	width: 635px;
}

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

#rec_block_right {
	font-size: 12px;
	float:right;
	padding: 0 12px;
	width: 451px;
	line-height: 19px;
}

div#rec_ttl{
	font-size: 14px;
	padding: 0 0 2px 0;
	width:451px;
}

div#rec_ttl{width:451px;line-height:1.5;font-weight:bold;}

div#rec_link{width:451px;text-align: right;font-size: 12px;}


/*-----------------------------------------------
  特集ヘッドライン
-----------------------------------------------*/

#headline_box_btm_2 {
	display: block;
	position: relative;
	padding-bottom: 6px;
	margin-bottom:20px;
	background: url(/images/headline_bg_btm.gif) left bottom no-repeat;
}

#headline_box_top_2 {
	display: block;
	position: relative;
	padding-top: 7px;
	width: 635px;
	background: url(/images/headline_bg_top.jpg) top left no-repeat;

}

#headline_box_2 {
	display: block;
	position: relative;
	width: 605px;
	padding: 15px;
	clear: both;
	font-size: 14px;
}

#headline_box_2:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#headline_photo_2 {
	float: left;
	display: block;
	margin: 0 auto;
}

#headline_photo_box_2 {
	display: table-cell;
	padding: 0 9px 5px 0;
	background: url(/images/pic_bg_btm.gif) bottom right no-repeat; }

#headline_photo_box_2 img{
	display: block;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

#headline_ttl_2 {
	float: right;
	display: block;
	color:#0099FF;
}

#headline_txt_2 {
	margin-bottom: 10px;
	padding-bottom: 4px;
}

#headline_txt_2 h2{
	padding: 0 0 8px 0;
	font-size: 24px;
}

#headline_txt_2 h2 img{
	margin:0 0 -6px 3px;
}

#headline_txt_2 p{
	border-top:1px dotted #c1c1c1;
	padding-top: 3px;
	font-size: 12px;
	color: #666666;
	text-align:right;
}

#headline_txt2_2 {
	line-height: 22px;
	color: #666666;
}

.specialAreaTop{
	list-style: none;
	margin: 10px 0px 10px 0px;
}

.specialAreaTop li{
	float:left;
	padding: 3px 5px 0px 5px;
}

.specialAreaTop li a{
	font-size:12px;
}

/*-----------------------------------------------
  特集リンク
-----------------------------------------------*/

#specialtop_column {
	margin-bottom:6px;
}

#specialtop_column .column_top_outer {
  background: transparent url(/images/column_dotline.gif) no-repeat left bottom;
	padding-bottom:8px;
	width:635px;
}

#specialtop_column .column_btm_outer {
	padding-bottom:8px;
	margin-bottom:10px;
	width:635px;
}

#specialtop_column .column_left {
	border-right:1px dotted #ddd;
	float:left;
	padding:0 0 6px 6px;
	width:309px;
}

#specialtop_column .column_right {
	float:right;
	padding:0 0 6px 6px;
	width:309px;
}

#specialtop_column h4 {
	font-size:14px;
	margin-bottom:6px;
}

#specialtop_column .column_btm_outer h4 {
	margin-top:8px;
}

#specialtop_column p {
	line-height:18px;
	margin-bottom:10px;
	width:290px;
}

#specialtop_column p img {
	float:left;
	margin-right:8px;
}

/*-----------------------------------------------
  特集リスト
-----------------------------------------------*/

#specialAll_list{
	margin-bottom:26px;
}

#specialAll_list p{
	margin:0 0 10px 6px;
}

.special_list_title{
	margin-left:6px;
}

#specialAll_list .special_list_title h4{
	font-size: 14px;
	background:transparent url(/images/arrow_entertainment.gif) no-repeat scroll 0 8px;
	padding:3px 0 6px 12px;
}

#specialAll_list .special_list_title h4 span{
	font-weight: normal
}