/* SITE CSS !important */
*{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
img,table,tr,td,map			{	border : 0px; }
input,textarea,select *{ margin:1px; }
buttom,input[type="submit"]		{	border : 2px outset; }

body	{	font-size : 0.8em ; text-align : center; background: url(../images/head_keyvisual_back.jpg) repeat-x center top; }
h1		{	width:910px; margin:0 auto; font-size:12px; height:18px; color:white; text-align:left; padding-top: 0px !important; }
div#head_img
{
	width			: 100%;
	height			: 112px;
	text-align		: center;
	line-height		: 0px;
	background		: red url(../images/head_keyvisual.jpg) no-repeat center top;
	vertical-align	: top;
	padding			: 0px !important;
	margin			: 0px !important;
}
div#head_img div#sp{ width:178px; float:left;height:0px; }
p		{	padding : 3px; }
form	{	padding : 3px; }
.c	{	display:block; clear:both; }
/*	ヘッダー	*/
div#header	{ width:100%; text-align : center; color:white; }
#header dl	{ display:block; width:810px; margin: 3px auto 0px auto; }
#header dt
{
	display			: block;
	float			: right;
	background		:  url(../images/shadow.gif) no-repeat scroll right top;
	height			: 28px;
	margin-top		: 2px !important;
	margin-top		: -1px;
	vertical-align	: middle;
}
#header dt a
{
	font-size		: 12px;
	display			: block;
	height			: 22px;
	float			: left;
	vertical-align	: middle;
	background		:  url(../images/mark01_normal.gif) no-repeat scroll left 6px;
	padding			: 6px 20px 0px 15px;
	color			: white;
}
#header dt a:hover{ background: url(../images/mark01_over.gif) no-repeat scroll left 6px; color : pink; }

/*
	メイン
*/
div#contents	{ width:800px; margin: 1px auto 0px auto; clear:both; background:  url(../images/left_menu_bg.gif) repeat-y scroll 6px; }
/*	左	*/
div#contents div#left_contents
{
	width		: 170px;
	height		: auto;
	float		: left;
	text-align	: left;
	margin-top		: 1px;
	padding-left	: 27px;
	padding-bottom	: 27px;
}
/* ■左メインコンテンツ■ */
div#left_contents dl
{
	width			: 160px;
	margin-top		: 10px;
}
div#left_contents dt
{
	height	: 18px;
	color	: white;
	font-weight		: bold;
	text-align		: left;
	padding-left	: 22px;
	padding-top		: 2px;
}
div#left_contents dd
{
	line-height	: 1.2em;
	text-align	: left;
	border-left	: 1px solid #999999;
	border-right	: 1px solid #666666;
	border-bottom	: 1px solid #000000;
	background-color	: white;
}
div#left_contents dt.red{		background-image	: url(../images/dt_small_red.gif); }		/*	色変更	*/
div#left_contents dt.pink{		background-image	: url(../images/dt_small_pink.gif); }	/*	色変更	*/
div#left_contents dt.yellow{	background-image	: url(../images/dt_small_yellow.gif); }	/*	色変更	*/
div#left_contents dt.green{		background-image	: url(../images/dt_small_green.gif); }	/*	色変更	*/

div#left_contents dl.ranking{ width : auto; padding-left : 5px; }
div#left_contents dl.ranking dt{ font-weight : bold; color : red; padding-left:5px;padding-top : 0px; height:auto; }
div#left_contents dl.ranking dd{ border : 0px; padding: 0 0 0 10px; background : url(../images/icon_deltahead_orange.gif) no-repeat scroll left center; }

div#left_contents a.member
{
	display		: block;
	height		: 30px;
	text-align		: left;
	vertical-align	: middle;
	border			: 1px solid #999999;
	padding-left	: 62px;
	margin-top		: 3px;
	text-decoration	: none;
}
div#left_contents a#pic01{	background : white url(../images/member_01.jpg) no-repeat scroll left center; }		/*	画像変更	*/
div#left_contents a#pic02{	background : white url(../images/member_02.jpg) no-repeat scroll left center; }		/*	画像変更	*/
div#left_contents a#pic03{	background : white url(../images/member_add.gif) no-repeat scroll left center; }		/*	画像変更	*/
div#left_contents a#pic04{	background : white url(../images/member_login.gif) no-repeat scroll left center; }	/*	画像変更	*/
div#left_contents a#pic05{	background : white url(../images/member_qa.gif) no-repeat scroll left center; }		/*	画像変更	*/
div#left_contents a.member:hover{ background-color : #eeeeee !important; }

div#left_contents a.mobile{ display : block; height: 111px;background :  url(../images/mobile_normal.gif) no-repeat scroll left center; }
div#left_contents a.mobile:hover{ display : block; height: 111px;background :  url(../images/mobile_over.gif) no-repeat scroll left center; }

/*	右メイン	*/
div#contents div#main_contents
{
	margin-top	: 1px;
	text-align	: left;
	float		: left;
}
/*
	フッター
*/
div#footer		{ width:100%; text-align : center; clear:both; background:  url(../images/footer.gif) repeat-x scroll center top; height: 30px; }
#footer div.menu
{
	margin: 0px auto;
	width : 780px;
	height:30px;
	text-align : left;
	
	background:  url(../images/footer_title.gif) no-repeat scroll left bottom;
}

/* 検索フォーム */
table.product
{
	width: 560px;
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	border-bottom:1px solid black;
	border-right:1px solid black;
	margin:10px;
}
table.product tr
{
	background-color: #eeeeee;
}
table.product td
{
	border-top:1px solid black;
	border-left:1px solid black;
	text-align:center;
	vertical-align:center;
	padding:3px;
	width:60px;
	height:auto;
}
table.product td.td_img{ padding:0px; background-color:black; }
table.product td img
{
	width: 90px;
	border: none;
	padding:0px;
	margin:0px;
}
table.product td.td_view{ width:220px; text-align:left; }
tr.tr_title td{ width:auto; background-color:#cccccc; font-weight:bold; }
table.product caption{ text-align:left; }
table.product caption h2{ font-size:20px; font-weight:bold; color:#cf0000; text-align:left; }


/*	汎用	*/
td.td_submit
{
	text-align		: center;
	border			: 0px;
	padding			: 10px auto;
}

/*	黒いボタン	*/
a.black_b
{
	margin-left		: 5px;
	background		: url(../images/black_b.gif) no-repeat left center;
	display			: block;
	vertical-align	: middle;
	padding-left	: 17px;
	padding-top		: 7px;
	color			: white;
	font-weight		: bold;
	height			: 23px;
	width			: 123px;
	text-decoration	: none;
}
a.black_b:hover{ color : red; }
a.black_link
{
	display			: block;
	background		: #999999;
	color			: white;
	font-weight		: bold;
	padding			: 3px;
	text-decoration	: none;
	border-bottom	: 1px solid #333333;
}
a.black_link:hover
{
	background		: white;
	color			: black;
}
/*	ドットセパレーター	*/
.dot
{
	display			: block;
	background		: url(../images/dot.gif) repeat-x left center;
	clear			: both;
	margin			: 10px 10px;
	margin-top		: 0px;
}