/**
 * default.css
 * 
 * @package		Fits Publicity
 * @version		1.0.0
 * @author		Masayuki Iwai <miyabi@medix-inc.co.jp>
 * @copyright	Copyright &copy; 2007 Atman Inc. all rights reserved.
 **/


td,body {
	font-size:11px;
}
body {color:#5F5F5F;}
a:link {color:#5F5F5F; text-decoration:none;}
a:visited {color:#5F5F5F; text-decoration:none;}
a:hover {color:#fb9b1f; text-decoration:none;}
a:active {color:#fb9b1f; text-decoration:none;}


body
{
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
}

body.image
{
	padding: 8px;
	text-align: center;
}

body.admin
{
	padding: 12px;
}

img
{
	border: none;
}

input.disabled
{
	color: #cccccc;
	background: #eeeeee;
}

.align_center
{
	text-align: center;
}

.align_right
{
	text-align: right;
}

.clear
{
	font-size: 0px;
	line-height: 0px;
	clear: both;
}


#body
{
	width: 800px;
	margin: 0px auto;
}

#main
{
	padding: 0px 24px;
	text-align: left;
}

#navi
{
	float: left;
	width: 190px;
	border: solid 1px #dddddd;
	background: #f0f0f0;
}

#navi h3
{
	margin: 0px 0px 8px;
	padding: 0px;
	line-height: 0px;
}

#navi ul
{
	margin: 0px 0px 0px 8px;
	padding: 0px;
	list-style: none;
}

#navi #by_date
{
	padding: 3px;
}

#navi #by_date ul li
{
	padding-left: 12px;
	text-indent: -12px;
}

#navi #by_date ul li a
{
	padding-left: 12px;
}

#navi #by_date ul li.collapsed a
{
	background: url(img/collapsed.gif) no-repeat left top;
}

#navi #by_date ul li.expanded a
{
	background: url(img/expanded.gif) no-repeat left top;
}

#navi #by_date ul li.collapsed ul
{
	display: none;
}

#navi #by_date ul li ul
{
	margin: 0px;
}

#navi #by_date ul li ul li
{
	height: 16px;
	background: url(img/line.gif) no-repeat left top;
	line-height: 16px;
}

#navi #by_date ul li ul li.bottom
{
	background: url(img/line_bottom.gif) no-repeat left top;
}

#navi #by_date ul li.collapsed ul li a, #navi #by_date ul li.expanded ul li a
{
	background: none;
}

#navi #by_brand
{
	padding: 3px;
}

#navi #by_brand ul li
{
	padding: 0px 0px 4px 12px;
	line-height: 120%;
	text-indent: -12px;
}

#navi #by_brand ul li a
{
	padding-left: 12px;
	background: url(img/collapsed.gif) no-repeat left top;
}

#content
{
	float: right;
	width: 540px;
}

#content h2
{
	margin: 0px 0px 8px;
	padding: 20px 0px;
	border-top: solid 4px #ffc618;
	border-bottom: solid 2px #ffc618;
	font-size: 16px;
	line-height: 100%;
}

#content .release_date
{
	margin: 8px 0px;
	text-align: right;
}

#content .media a
{
	display: block;
	float: left;
	border-right: solid 1px #ffffff;
}

#content .media p
{
	margin: 0px;
	padding: 8px;
}

#content .item_list
{
	padding: 8px;
}

#content .item_list td
{
	padding: 0px 0px 12px;
}

#content .item_list td img
{
	margin-right: 8px;
}

#content .pagetop
{
	float: right;
	margin-bottom: 32px;
}

#content .pagetop a
{
	display: block;
	width: 68px;
	height: 12px;
	font-size: 0px;
	text-indent: -9999px;
}

#content .pagetop a:link, #content .pagetop a:visited
{
	background: url(img/button_pagetop0.gif) no-repeat center center;
}

#content .pagetop a:hover, #content .pagetop a:active
{
	background: url(img/button_pagetop1.gif) no-repeat center center;
}

.page_navi
{
	margin: 0px auto;
}

.page_navi .prev
{
	width: 48px;
	height: 17px;
	padding: 0px;
	background: #aaaaaa url(img/navi_left.gif) no-repeat left center;
}

.page_navi .prev a
{
	display: block;
	width: 40px;
	margin-left: 8px;
	height: 17px;
	font-size: 0px;
	text-indent: -9999px;
}

.page_navi .prev a:link, .page_navi .prev a:visited
{
	background: url(img/button_prev0.gif) no-repeat center center;
}

.page_navi .prev a:hover, .page_navi .prev a:active
{
	background: url(img/button_prev1.gif) no-repeat center center;
}

.page_navi .next
{
	width: 48px;
	height: 17px;
	padding: 0px;
	background: #aaaaaa url(img/navi_right.gif) no-repeat right center;
}

.page_navi .next a
{
	display: block;
	width: 40px;
	margin-right: 8px;
	height: 17px;
	font-size: 0px;
	text-indent: -9999px;
}

.page_navi .next a:link, .page_navi .next a:visited
{
	background: url(img/button_next0.gif) no-repeat center center;
}

.page_navi .next a:hover, .page_navi .next a:active
{
	background: url(img/button_next1.gif) no-repeat center center;
}

.page_navi .page_list
{
	height: 17px;
	padding: 0px 8px;
	background: #aaaaaa;
	line-height: 17px;
}

.page_navi .page_list a:link, .page_navi .page_list a:visited
{
	padding: 0px 2px;
	color: #ffffff;
}

.page_navi .page_list a:hover, .page_navi .page_list a:active
{
	padding: 0px 2px;
	color: #ffffff;
	background: #c4c4c4;
}


body.admin h1
{
	margin: 0px 0px 8px;
	padding: 20px 0px;
	border-top: solid 4px #ffc618;
	border-bottom: solid 2px #ffc618;
	font-size: 16px;
	line-height: 100%;
}

body.admin h2
{
	padding: 4px;
	font-size: 14px;
	line-height: 100%;
	border-left: solid 4px #999999;
	border-bottom: solid 1px #999999;
}

body.admin table.list
{
	width: 100%;
	border-collapse: collapse;
}

body.admin table.list th
{
	padding: 4px 8px;
	background: #cccccc;
	border: solid 1px #999999;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

body.admin table.list td
{
	padding: 2px 8px;
	border: solid 1px #999999;
	white-space: nowrap;
}

body.admin table.list tr.alt td
{
	background: #f0f0f0;
}

body.admin table.list td.title
{
	width: 100%;
	white-space: normal;
}

body.admin table.list td.status0, body.admin table.list tr.alt td.status0
{
	background: #dddddd;
}

body.admin table.list td.status1, body.admin table.list tr.alt td.status1
{
	background: #ffc618;
}

body.admin table.list td.buttons
{
	text-align: center;
}

body.admin table.list td.buttons input
{
	width: 48px;
}

body.admin table.form
{
	margin-left: 12px;
	border-collapse: collapse;
}

body.admin table.form th
{
	width: 96px;
	padding: 4px 8px;
	background: #cccccc;
	border: solid 1px #999999;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

body.admin table.form th.index
{
	width: auto;
	background: #999999;
	color: #ffffff;
	text-align: left;
}

body.admin table.form td
{
	padding: 2px 8px;
	border: solid 1px #999999;
	white-space: nowrap;
}