@charset "utf-8"; 

/*
 *	Stylesheet for www.esteban.co.jp/news/
 *
 *	Copyright (C) ESTEBAN. All Rights Reserved.
 *
 *	/news/css/news.css
 */

/******************************/
/**         content          **/
/******************************/
#content h1,
#other #h1,
#individual #h1 {
	text-indent:-9999px;
	float:left;
	font-size:10px;}

#content h1 a,
#other #h1 a,
#indivisual #h1 a {
	display:block;
	padding:0;
	width:161px;
	height:18px;
	background:url(/news/images/h1.gif) 0 0 no-repeat;
	margin:11px 0 5px 0;}

#cat_nav {
	background:url(/news/images/bg_catnav.gif) 0 0 no-repeat;
	height:18px;
	display:block;
	width:750px;}

#cat_nav li {
	float:left;
	text-indent:-9999px;}

#cat_nav li a {
	display:block;
	width:79px;
	height:18px;
	margin-left:6px;}

#cat_nav li#cat_topics a:link,
#cat_nav li#cat_topics a:visited {
	margin-left:299px;
	background:url(/news/images/btn_catnav.gif) 0 0 no-repeat;}

#cat_nav li#cat_topics a:hover,
#cat_nav li#cat_topics a:active {
	margin-left:299px;
	background:url(/news/images/btn_catnav.gif) 0 -18px no-repeat;}

#cat_nav li#cat_update a:link,
#cat_nav li#cat_update a:visited {
	width:94px;
	background:url(/news/images/btn_catnav.gif) -79px 0 no-repeat;}

#cat_nav li#cat_update a:hover,
#cat_nav li#cat_update a:active {
	width:94px;
	background:url(/news/images/btn_catnav.gif) -79px -18px no-repeat;}

#cat_nav li#cat_media a:link,
#cat_nav li#cat_media a:visited {
	width:73px;
	background:url(/news/images/btn_catnav.gif) -173px 0 no-repeat;}

#cat_nav li#cat_media a:hover,
#cat_nav li#cat_media a:active {
	width:73px;
	background:url(/news/images/btn_catnav.gif) -173px -18px no-repeat;}

.wrap {
	display:block;
	width:750px;
	background:url(/shared/images/bg_sidebar.gif) 0 0 repeat-y;}

#other .visual,
#individual .visual {
	background:url(/news/images/bg_visual.gif) 0 0 no-repeat;
	padding-top:18px;}

#main {
	float:left;
	width:559px;
	margin:15px 0 0 18px;}

#main h2,
#main #h2 {
	float:left;
	text-indent:-9999px;}

#main h2 a,
#main #h2 a {
	display:block;
	width:89px;
	height:45px;}

#main h2 a#cat_2005,
#main #h2 a#cat_2005 {
	background:url(/news/images/h2_2005.gif) 0 0 no-repeat;}

#main h2 a#cat_2006,
#main #h2 a#cat_2006 {
	background:url(/news/images/h2_2006.gif) 0 0 no-repeat;}

#main h2 a#cat_2007,
#main #h2 a#cat_2007 {
	background:url(/news/images/h2_2007.gif) 0 0 no-repeat;}

#main h2 a#cat_2008,
#main #h2 a#cat_2008 {
	background:url(/news/images/h2_2008.gif) 0 0 no-repeat;}

#main h2 a#cat_2009,
#main #h2 a#cat_2009 {
	background:url(/news/images/h2_2009.gif) 0 0 no-repeat;}

#main h2 a#cat_2010,
#main #h2 a#cat_2010 {
	background:url(/news/images/h2_2010.gif) 0 0 no-repeat;}

#main h2 a#cat_no-sale {
	background:url(/news/images/h2_no_sale.gif) 0 0 no-repeat;}

#main h2 a#cat_recruit {
	background:url(/news/images/h2_recruit.gif) 0 0 no-repeat;}

#main .news_list {
	padding:0 0 15px 0;
	width:543px;
	margin:0 16px 15px 0;
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
	border-bottom:1px solid #c0c0c0;}

#main span.stat {
	width:67px;
	display:block;
	padding-top:5px;
	float:left;
	line-height:1.4;
	font-weight:normal;}

#main span.stat span.cat {
	color:#88725e;
	font-size:10px;}

#main dl {
	width:467px;
	float:left;
	border-left:4px solid #c0c0c0;}

#main dl dt {
	padding:6px 0 0 13px;
	font-weight:bold;
	width:auto;
	display:block;
	margin-bottom:3px;}

#main dl a:link,
#main dl a:visited {
	color:#88725e;
	text-decoration:underline;}

#main dl a:hover,
#main dl a:active {
	color:#a54043;
	text-decoration:none;}

#main dl dd {
	padding:0 0 4px 13px;
	display:block;
	line-height:1.4;
	border:0;}

#main dl dd p {
padding-top:.1em;
	line-height:1.5;}

/* Recruit, etc. */
#other #main .news_list {
	width:541px;
	border:1px solid #ccc;}

#other #main .visual {
	background-image:none;
	border-top:8px solid #d2cec2;
	margin:8px;
	padding:10px 6px;}

#other #main h3 {
	color:#666;
	font-size:16px;
	border-left:4px solid #bfbfbf;
	padding:3px 12px 3px 12px;
	line-height:1.4;
	margin:0 0 10px 0;}

#other #main h3 span {
	font-weight:normal;
	font-size:12px;
	color:#88725e;
	margin:0;
	padding:0;
	line-height:1.0;}

#other #main h3 span.date {
	color:#333;}

#other #main .visual p {
	line-height:1.6;}

#other #main .visual h4 {
	font-size:14px;
	color:#88725e;
	margin-bottom:5px;}

/* Individual */
#individual #main .news_list {
	width:541px;
	border:1px solid #ccc;}

#individual #main .visual {
	background-image:none;
	border-top:8px solid #d2cec2;
	text-align:left!important;
	margin:8px;
	padding:10px 6px;}
#individual #main .visual br.clear {
	margin:0;
	padding:0;
	height:1px;
	line-height:1px;}

#individual #main h3,
#individual #main h1 {
	text-indent:0;
	color:#666;
	text-align:left!important;
	font-size:16px;
	border-left:4px solid #bfbfbf;
	padding:3px 12px 3px 12px;
	line-height:1.4;float:none;
	margin:0 0 10px 0;}

#individual #main h3 span,
#individual #main h1 span {
	font-weight:normal;
	font-size:12px;
	color:#88725e;
	margin:0;
	padding:0;
	line-height:1.0;}

#individual #main h3 span.date,
#individual #main h1 span.date {
	color:#333;}

#individual #main .visual p,
#other #main .visual p {
	line-height:1.6;
	margin-bottom:10px;}

#individual #main .visual h2,
#other #main .visual h4 {
	color:#594949;
	margin-top:0px;
	margin-bottom:5px;
	text-indent:0;
	font-size:13px;
	float:none;}

#main .visual ul.no-sale,
#main .visual ul.notes {
	margin:5px 0 10px 20px;}

#main .visual ul.no-sale li,
#main .visual ul.notes li {
	line-height:1.5;
	list-style-type:circle;
	padding:3px 0 0 0;}

#main .visual ul.notes li strong {
	color:#5f5f5f;}

.pagination {
	text-align:right!important;
	float:right;
	width:400px;
	margin:6px 24px 0 0;
	line-height:1.2;}

.pagination a:link,
.pagination a:visited {
	color:#780404;}

.pagination a:hover,
.pagination a:active {
	color:#919191;}

/******************************/
/**         sidebar          **/
/******************************/
#sidebar {
	float:left;
	width:173px;
	font-size:12px;}

#sidebar ul {
	background-color:#e9e7e1;}

#sidebar ul a:link,
#sidebar ul a:visited {
	color:#000;
	text-decoration:none;}

#sidebar ul a:hover,
#sidebar ul a:active {
	color:#a54043;
	text-decoration:underline;}

#sidebar ul#archive_year {
	margin-top:16px;
	border-bottom:1px solid #c5c5c3;}

#sidebar ul#archive_year li {
	border-top:1px solid #c5c5c3;
	padding:4px 3px 3px 0px;}

#sidebar ul#archive_year li a {
	padding-left:22px;
	line-height:1.5;
	display:block;}

#sidebar ul#archive_year li.active {
	background-color:#f7f7f5;}

#sidebar ul#archive_year li.active a {
	background:url(/news/images/bg_activenav.gif) 0 0 repeat-y #f7f7f5;}

#sidebar ul#archive_other {
color:#666;
	background-color:#e9e7e1;
	padding:10px 24px 30px 0;/*\*/
	padding:10px 24px 10px 0;/**/}

#sidebar ul#archive_other li {
	line-height:1.5;
	display:block;
	padding-left:10px;
	width:auto;
	margin:3px 0 3px 50px;
	float:right;
	background:url(/news/images/icon_arrow.gif) 0 50% no-repeat;}
/*¥*/
#sidebar ul#archive_other {
	overflow:hidden;}

#sidebar ul#archive_other:after {
	content:""; 
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;}
/**/
#rss_info {
	margin:19px 14px 19px 17px;
	font-size:10px;}

#rss_info span a {
	color:#780404;
	padding-left:30px;}

#rss_info img {
	margin-bottom:-3px;
	vertical-align:bottom;}

#rss_info p {
	margin:8px 0px;
	line-height:1.3;}

#content  div.skip {
	clear:both;
	width:750px;
	height:48px;
	background:url(/news/images/bg_totop.gif) 0 0 no-repeat;}

#content div.skip p {
	text-indent:-9999px;
	font-size:10px;
	float:right;
	padding:0;
	margin:0;
	line-height:1.0;}

#content div.skip p a {
	display:block;
	width:117px;
	height:24px;
	margin:24px 15px 0 600px!important;
	background:url(/shared/images/btn_totop.gif) 0 0 no-repeat;}

#content #main p.skip {
	width:auto;
	height:auto!important;
	background:none!important;
	float:left!important;
	text-indent:-9999px!important;}

/*Wysiwig*/
.w163 {
	width:163px;
	float:left;
	text-align:center;
	margin-top:5px;
	margin-right:25px;
	font-size:85%;
	color:#666;
line-height:1.4;}

.w125 {
	width:125px;
	float:left;
	margin:5px 25px 10px 0;
	text-align:center;
	color:#666;
	font-size:80%;
line-height:1.4;}

.caption {
	color:#666;
	font-size:80%;
	margin:5px 0 0 0;
	line-height:1.4;}

#main .visual dl.detail {
	zoom:1;
	min-height:1%;
	margin-left:0px;width:500px;
	height:auto;
	overflow:hidden;border-width:0;
	display:inline-block;}

html[xmlns] #main .visual dl.detail {
	display:block;}

#main .visual dl.detail:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;}

#main .visual dl.detail dt {
	font-weight:bold;
	float:left;
width:120px;
display:inline;
line-height:1.5;color:#372727;
margin:0;
padding:0 0 8px 0;}

#main .visual dl.detail dd {
margin:0 0 0 0;
padding:0 0 8px 0;
width:375px;
	float:left;
display:inline;
line-height:1.5;}