@charset "Shift_JIS";

/*  総合トップページ用

	* レイアウト設定
	--------------------------

■ ヘッダー

	* 共通設定
	--------------------------
	* ウォーカープラスロゴ
	* ナビゲーション・ログイン情報

■ メインコンテンツ

	* パンくずリスト
	* 緊急告知
	--------------------------
	* クレジット
	--------------------------

■ ナビゲーション（メイン左）

	* 共通設定
	--------------------------
	* エリアウォーカー
	* ウォーカーカテゴリ
	* マガジン
	* 角川グループサイト
	--------------------------
	
■ メインコンテンツ（メイン右）

	* 共通設定
	--------------------------
	* 各カテゴリー 特徴一覧,トピックス一覧,もっと見る
	--------------------------
	* Walkernew HEADLINE
	* PR
	* 特集＆トピックス
	* Pick Up!＜ウォーカーカテゴリ＞
	* 街角ウォーカー
	* 試写会＆プレゼント
	--------------------------

*/


/*-----------------------------------------------
  レイアウト設定
-----------------------------------------------*/

#page {
	margin: 0px auto;
	text-align: left;
	background: url(/images_common/contents_bg.gif) top repeat-x;
}
#header {
	margin: 0px auto;
	text-align: left;
}
#contents {
	width: 950px;
	margin: 0px auto;
}
#footer {
	clear: both;
	margin: 0px auto;
	text-align: left;
}
#main {
	float: left; width: 640px;
}

#main_contents {
	float: right; width: 480px;
}

#main_navigation {
	float: left; width: 150px;
}

#sub {
	float: right; width: 300px;
}


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

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

#header {
	height: 66px;
	background: url(/images_top/header/header_bg.gif) top repeat-x;
	white-space: nowrap;
	overflow: visible;
}

#header_box {
	display: block;
	margin: 0 auto;
	width: 950px;
	height: 67px;
}

#header_box_left{
	display: block;
	float: left;
	height: 61px;
	padding-top: 5px;
}

#header_box_right {
	display: block;
	float: right;
	text-align: right;
	padding-top: 24px;
	width: 400px;
}

/*-----------------------------------------------
  ウォーカープラスロゴ
-----------------------------------------------*/

#title {
}

#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: 180px;
	background: url(/images_top/header/header_logo_walkerplus.gif) no-repeat;
}

#title p{
	float: left;
	padding: 34px 0 0 2px;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

#title p span{
	color: #ffcc00;
}

/*-----------------------------------------------
  ナビゲーション・ログイン情報
-----------------------------------------------*/

#globalnavi {
	height: 13px;
	line-height: 13px;
}

#globalnavi p {
	color: #333333;
	font-size: 12px;
}

#user-status {
	text-align: right;
	padding-top: 5px;
}

#user-status p {
	height: 11px;
	line-height: 11px;
	font-size: 10px;
}

#user-status p span#username {
	padding-right: 3px;
}

#user-status p a{
	padding-left: 14px;
/*
	background: url(/images_top/specials/arrow_special.gif) 7px 3px no-repeat;
*/
	background: url(/images_top/icon/arrow_top_header.gif) 7px 3px no-repeat;
}

/*============================================================================
  メインコンテンツ
=============================================================================*/

/*-----------------------------------------------
  パンくずリスト
-----------------------------------------------*/

#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_common/icon/main_btn_path.gif) 0 0 no-repeat;
	padding:0px 6px 0 0;
}

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

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

#contents_top {
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 950px;
	padding: 9px 0 9px 0;
}

#notice p {
	color: #cc0000;
	font-size:12px;
	text-align:center;
}

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

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

/*============================================================================
  ナビゲーション（メイン左）
=============================================================================*/

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

.category_navi {
	width: 150px;
	margin-bottom: 10px;
	font-size: 12px;
}

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

.category_navi_ttl {
	width: 150px;
	height: 26px;
	text-indent: -9999px;
}

.category_navi_box_btm {
	display: block;
	width: 150px;
	padding-bottom: 4px;
	background: url(/images_top/category_bg_navi_btm.gif) left bottom no-repeat;
}

.category_navi_box {
	width: 130px;
	padding: 0 9px 4px 9px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background: url(/images_top/navi/navi_box_bg.gif) top repeat-x;
	white-space: nowrap;
	overflow: visible;
}

/*-----------------------------------------------
  エリアウォーカー
-----------------------------------------------*/

#navi_areawalker_ttl {
	background: url(/images_top/navi/navi_ttl_areawalker.gif);
}

#navi_areawalker_box {
	padding-top: 4px;
}

#navi_areawalker_box ul li {
	height: 26px;
	line-height: 26px;
	text-indent: 20px;
	font-weight: bold;
	list-style: none;
	border-bottom: 1px dotted #dddddd;
	background:url(/images_top/navi/navi_list.gif) 0px 5px no-repeat;
	background:url(/images_top/navi/navi_list.gif) 0px 5px no-repeat;

}

#navi_areawalker_box ul li a:visited {
color:#0099FF;
}

/*-----------------------------------------------
  ウォーカーカテゴリ
-----------------------------------------------*/

#navi_walkercategory_ttl {
	background: url(/images_top/navi/navi_ttl_walkercategory.gif);
}

#navi_walkercategory_box ul li {
	height: 20px;
	line-height: 20px;
	text-indent: 2px;
	list-style: none;
}

#navi_walkercategory_box {
	padding-top: 1px;
}

#navi_walkercategory_box ul li#gourmet {
	height: 27px;
	line-height: 27px;
	text-indent: 2px;
	font-weight: bold;
	background:url(/images_top/navi/walkercategory_icon_gourmet.gif) center right no-repeat;
	border-bottom: 1px dotted #dddddd;
}

#navi_walkercategory_box ul li#movie {
	height: 27px;
	line-height: 27px;
	text-indent: 2px;
	font-weight: bold;
	background:url(/images_top/navi/walkercategory_icon_movie.gif) center right no-repeat;
	border-bottom: 1px dotted #dddddd;
}

#navi_walkercategory_box ul li#wedding {
	height: 27px;
	line-height: 27px;
	text-indent: 2px;
	font-weight: bold;
	background:url(/images_top/navi/walkercategory_icon_wedding.gif) center right no-repeat;
	border-bottom: 1px dotted #dddddd;
}

#navi_walkercategory_box ul li a:visited {
color:#0099FF;
}

/*-----------------------------------------------
  マガジン
-----------------------------------------------*/

#navi_magazine_ttl {
	background: url(/images_top/navi/navi_ttl_magazine.gif);
}

#navi_magazine_box {
	padding-top: 6px;
}

#navi_magazine_box ul li {
	/*height: 20px;*/
	line-height: 16px;
	text-indent: 2px;
	list-style: none;
	margin-bottom:4px;
	white-space:normal;
}

#navi_magazine_box ul li a:visited {
color:#0099FF;
}

/*-----------------------------------------------
  角川グループサイト
-----------------------------------------------*/

#navi_group_ttl {
	background: url(/images_top/navi/navi_ttl_group.gif);
}

#navi_group_box {
	padding-top: 6px;
}

#navi_group_box ul li {
	height: 20px;
	line-height: 20px;
	text-indent: 2px;
	list-style: none;
}

#navi_group_box ul li a:visited {
color:#0099FF;
}

/*-----------------------------------------------
  左メニューのバナー
-----------------------------------------------*/
#banner_left {
	width: 150px;
	padding: 10px 0;
}

#banner_left ul li {
	float: right;
	list-style: none;
	width: 150px;
}


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

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

.category_main {
	width: 480px;
	margin-bottom: 10px;
}

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

.category_main_ttl {
	width: 480px;
	height: 35px;
	background: url(/images_top/category_bg_main_a.jpg) top no-repeat;
}

.category_main_ttl h3{
	display: block;
	float: left;
	line-height: 32px;
	font-size: 12px;
	text-indent: 10px;
}

.category_main_box_btm {
	display: block;
	width: 480px;
	padding-bottom: 5px;
	background: url(/images_top/category_bg_main_btm.gif) left bottom no-repeat;
}

.category_main_box {
	width: 460px;
	padding: 0 9px 9px 9px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

/*-----------------------------------------------
  各カテゴリー RSS,もっと見る,レポート一覧,ゴシップ一覧
-----------------------------------------------*/

.moreinfo_a {
	display: block;
	float: right;
	padding-right: 4px;
}

.moreinfo_b {
	display: block;
	float: right;
	padding-right: 2px;
}

.moreinfo_a p,
.moreinfo_b p {
	display: block;
	float: left;
}

.moreinfo_a p a {
	display: block;
	float: left;
	margin: 8px 4px 0 0;
	text-indent: -9999px;
}

.moreinfo_b p a{
	display: block;
	float: left;
	margin: 6px 4px 0 0;
	text-indent: -9999px;
}

.moreinfo_a p.more_feature a{
	width: 75px;
	height: 15px;
	background: url(/images_top/icon/more_feature.gif);
}

.moreinfo_a p.more_topics a{
	width: 75px;
	height: 15px;
	background: url(/images_top/icon/more_topics.gif);
}

.moreinfo_b p.more_more a{
	width: 60px;
	height: 15px;
	background: url(/images_top/icon/more_more.gif);
}

/*-----------------------------------------------
  Walkernew HEADLINE
-----------------------------------------------*/

/*-----------------------------------------------
  PR
-----------------------------------------------*/

#pr {
	margin: -3px 0 5px 1px;
width:450px;

}

#pr p {
	display: block;
	padding: 0 0 5px 0;
	font-size: 12px;
}

#pr p span.btn {
	display: block;
	width: 28px;
	height: 13px;
	line-height: 13px;	
	padding: 0 6px 0 0;
	text-indent: -9999px;
	background: url(/images_top/icon/pr_btn_top.gif) 0 0 no-repeat;
}

#pr p span.txt {
	display: block;
	height: 13px;
/*450*/
	width: 480px;
	line-height: 13px;
	text-align:left;
}


/*-----------------------------------------------
  特集＆トピックス
-----------------------------------------------*/

#topics {
	display: block;
	width: 480px;
}

#topics_box {

}

.topics_block {
	float: left;
	width: 140px;
	padding: 10px 15px 0 3px;
}

.topics_block_right {
	float: left;
	width: 140px;
	padding: 10px 0 0 0;
}

.topics_block dt,
.topics_block_right dt {
	line-height: 22px;
	font-weight:bold;
}

.topics_block dd,
.topics_block_right dd {
	line-height: 15px;
}

/*-----------------------------------------------
  Pick Up!＜ウォーカーカテゴリ＞
-----------------------------------------------*/

#pickup .category_main_ttl h3 span{
	font-weight: normal;
}

#pickup_box {

}

.pickup_block_top {
	width: 460px;
	padding: 5px 0 6px 0;
	background: url(/images_top/pickup_block_top_bg.gif) left bottom no-repeat;
}

.pickup_block_mid {
	width: 460px;
	padding: 5px 0 ;
	border-bottom: 1px dotted #dddddd;
}

.pickup_block_btm {
	width: 460px;
	padding: 5px 0 ;
	border-bottom: 1px dotted #dddddd;
}

.pickup_block_left {
	float: left;
	width: 228px;
	border-right: 1px dotted #dddddd;
}

.pickup_block_right {
	float: left;
	width: 224px;
	padding-left: 6px;
}

.pickup_detail img {
	display: block;
	float: left;
	width: 80px;
}

.pickup_detail p {
	display: block;
	float: left;
	width: 131px;
	font-size: 10px;
	line-height: 13px;
	padding: 4px 4px 0 9px;
}

.pickup_detail p a:link {
	color:#333333;
	text-decoration:none;
}

.pickup_detail p a:active {
	color:#333333;
	text-decoration:underline;
}

.pickup_detail p a:visited {
	color:#333333;
	text-decoration:none;
}

.pickup_detail p a:hover {
	color:#333333;
	text-decoration:underline;
}

.pickup_block_right_small {
	display: block;
	position: relative;
	float: right;
	width: 224px;
	padding-left: 6px;
}

.pickup_block_right_small_top {
	width: 224px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #dddddd;
}

.pickup_block_right_small_bottom {
	width: 224px;
	padding-top: 4px;
}

.pickup_detail_small {
	width: 224px;
}

.pickup_detail_small p {
	float: left;
	font-size: 12px;
	line-height: 15px;
	width: 222px;
	padding: 2px 0 0 2px;;
}

.pickup_detail_small p a:link {
	color:#333333;
	text-decoration:none;
}

.pickup_detail_small p a:active {
	color:#333333;
	text-decoration:underline;
}

.pickup_detail_small p a:visited {
	color:#333333;
	text-decoration:none;
}

.pickup_detail_small p a:hover {
	color:#333333;
	text-decoration:underline;
}

.pickup_block_btm_left {
	float: left;
	width: 262px;
}

.pickup_block_btm_left .pickup_detail img {
	display: block;
	float: left;
	width: 80px;
}

.pickup_block_btm_left .pickup_detail p {
	display: block;
	float: left;
	width: 169px;
	font-size: 12px;
	line-height: 15px;
	padding: 8px 4px 0 9px;
}

.pickup_block_btm_right {
	float: right;
	width: 180px;
	padding: 4px 0 0 18px;
}

.pickup_block_btm_right p {
	font-size: 12px;
	line-height: 15px;
}

.pickup_block_btm_right p a:link {
	color:#333333;
	text-decoration:none;
}

.pickup_block_btm_right p a:active {
	color:#333333;
	text-decoration:underline;
}

.pickup_block_btm_right p a:visited {
	color:#333333;
	text-decoration:none;
}

.pickup_block_btm_right p a:hover {
	color:#333333;
	text-decoration:underline;
}

.pickup_block_list {
	width: 460px;
	padding: 5px 0 0 0;
}

.pickup_block_list dl {
	display: block;
	float: left;
	width: 226px;
	padding: 3px 2px 0 2px;
}

.pickup_block_list dl dt {
	text-indent: 19px;
	line-height: 19px;
	background: url(/images_top/pickup_list.gif) center left no-repeat;
}

.pickup_block_list dl dd {
	text-indent: 19px;
	line-height: 18px;
}

.pickup_block_list dl dd a:link {
	color:#333333;
	text-decoration:none;
}

.pickup_block_list dl dd a:active {
	color:#333333;
	text-decoration:underline;
}

.pickup_block_list dl dd a:visited {
	color:#333333;
	text-decoration:none;
}

.pickup_block_list dl dd a:hover {
	color:#333333;
	text-decoration:underline;
}

/*-----------------------------------------------
  街角ウォーカー
-----------------------------------------------*/

#machikado_main {
	display: block;
	width: 480px;
}

#machikado_main_box {
	
}

.machikado_all_block {
	width: 460px;
	padding: 5px 0 5px 0;
	font-weight:bold;
}

h3.img_midashi {
	line-height:22px !important;
}

h3.img_midashi img {
	margin-top:5px;
}

.machikado_all_block p {
	margin-top:5px;
	float:left;
	width:290px;
}

.machikado_all_block form {
	float:right;
	width:165px;
}

.machikado_all_block form input.keyword_area {
	width:110px;
}

.machikado_img_block {
	border-bottom:1px dotted #CCCCCC;
	padding:6px 0 14px 0;
	width: 460px;
}

.machikado_img_block p {
	width: 460px;
}

.machikado_img_block p a {
	border:1px solid #ddd;
	display:block;
	float:left;
	width:70px;
	height:70px;
	text-align:center;
	margin:0 2px;
	_margin:0 1px;
}

.machikado_img_block p a:hover {
	border:1px solid #bbb;
}

/*
.machikado_all_block dt {
	float: left;
	width: 66px;
	line-height: 18px;
}

.machikado_all_block dd {
	float: left;
	width: 390px;
	line-height: 18px;
}
*/

.machikado_main_block {
	position: relative;
	display: block;
	width: 460px;
	padding: 5px 0 0 0;
	white-space: nowrap;
	overflow: visible;
}

.machikado_main_block dt {
	display: block;
	float: left;
	width: 66px;
	line-height: 18px;
}

.machikado_main_block dd {
	display: block;
	float: left;
	width: 390px;
	line-height: 18px;
}

.machikado_main_block dd p{
	display: block;
	float: left;
	width: 78px;
}

/*-----------------------------------------------
  試写会＆プレゼント
-----------------------------------------------*/

#preview-present .category_main_ttl {
	width: 480px;
	height: 35px;
	background: url(/images_top/category_bg_main_b.jpg) top no-repeat;
}

#preview-present .category_main_ttl h3{
	display: block;
	float: left;
	line-height: 28px;
	font-size: 12px;
	text-indent: 17px;
}

#preview-present .moreinfo p a{
	display: block;
	float: left;
	margin: 6px 4px 0 0;
	text-indent: -9999px;
}

#preview-present_list {
	display: block;
	padding-bottom: 7px;
	font-size: 12px;
}

#preview-present_list ul li {
	padding: 6px 0 0 22px;
	line-height: 15px;
	list-style: none;
	background:url(/images_top/icon/arrow_top.gif) 10px 10px no-repeat;
}