/* CSS Document */

div#pagebase{ background: url(images/bg_pagebase_index.gif) 0 0 repeat-x;}

h1{ position: absolute; width:363px; height:59px; top:-75px; left:0; z-index:10;}

div#main_img 					{ width: 940px; height: 416px; margin-top:23px; position:relative; background:none;}
ul#main_fade 					{ list-style: none; margin: 0 0 0 0; padding-top:3px;}
ul#main_fade li,
ul#main_fade li img					{ margin:0; padding:0;}
div#main_img p#deliver			{
								width: 280px;
								height:70px;
								position: absolute;
								top:295px;
								left:5px;
								z-index:30;
								font-size:10px;
								text-align:center;
								line-height:1.4;
								color:#ff0000;
								}
div#main_img p#deliver a		{
								width: 280px;
								height:70px;
								background:url(img_index/btn_webyykbg.gif) top left no-repeat;
								display:block;
								}
div#main_img p#deliver a:hover	{ background-position:0px -70px;}

div#l_area						{ float: left; display: inline; width:610px; position:relative; z-index:1; top:0px; margin-left:10px; padding-top:2px;}
div#l_area #push_area div		{ background: url(img_index/bg_push.gif) 0 0 no-repeat; width: 201px; height:135px; float:left; display:inline; }
div#l_area #push_area div.r		{ margin-left: 3px; margin-right: 3px;}
div#l_area #push_area div img	{ margin: 9px;}

div#news_area 				{ padding-top:3px; padding-left:5px;}
div#news_area h2			{ background: url(img_index/stt_news.gif) bottom left repeat-x; width:596px; height:30px; margin-bottom:0px; border:#f00 solid 2px; border-bottom:0px;}
div#news_area h2 span		{ display: none;}
div#news_area h2 img		{ margin-top:5px; margin-left:520px;}
div#news_area dl			{ padding: 10px 5px 5px 5px; font-size: 80%; width:586px; height:155px; overflow:auto; border:#f00 solid 2px; border-top:0px;}
div#news_area dt			{ width: 100px; height:16px; text-indent: 6px; margin-bottom:-24px;}
div#news_area dd			{ width: 450px; padding:0 5px 0px 115px; text-indent:-5px; line-height:1.4; margin-bottom:10px; background:url(img_index/news_line.gif) bottom left no-repeat; }
div#news_area dt,
div#news_area dd			{  line-height:16px; padding-bottom:8px;}

/*div#news_area dt			{ float:left; display:inline; width: 100px; text-indent: 6px;}
div#news_area dd			{ float:left; display:inline; width: 460px; padding-bottom:8px; padding-right:11px;}
div#news_area p 			{ background:url(img_index/news_line.gif) 0 0 no-repeat; margin-bottom:8px; margin-right:10px;}*/

#topics_area				{ padding: 14px 0 10px 0;} 
#topics_area h2				{ background: url(img_index/stt_topics.gif) 0 0 repeat-x; width:605px; height:38px; text-indent:-999em; clear:both; margin-bottom:10px;}
#topics_area dl			{ padding:5px 5px 15px 5px; background:url(img_index/news_line.gif) bottom left no-repeat; margin-right:5px; margin-bottom:15px;}
#topics_area dt			{ float:left; width:135px; padding-right:10px; }
#topics_area dt a img		{ border: 1px solid #cccccc; display: inline; padding:1px;}
#topics_area dt a:hover img { border: 1px solid #993333;}
#topics_area dd			{ float:left; font-size: 75%; padding:0 0 10px 10px; width:420px; border-left: 4px solid #e1ddd4; }
#topics_area dd h4		{ margin-bottom:10px; padding-bottom:3px; border-bottom:1px #CCC solid;}
#topics_area dd ul		{ list-style:none; padding:10px 10px 15px 10px; }
#topics_area dd ul li	{ padding:2px; border-bottom:#999999 dotted 1px;}

select.wid			{ background:#b91000; color:#fff; width:390px;}
select.wid option		{ border-bottom:dotted 1px #000; padding:2px; font-size:10px;}

div#r_area					{ float: right; display: inline; width:300px; position:relative; z-index:1; top:0px; margin-right:10px;}

  #colum_area 					{ padding:5px 8px 8px 8px;}
  #colum_area div				{
	  							width:284px; background: url(img_index/bg_colum.gif) 0 0 no-repeat;
  								border-top: 1px solid #4D4D4D; border-bottom: 1px solid #4D4D4D; margin-bottom:1px;
								padding: 10px 0; color:#eeeeee; clear:both;
								}
  #colum_area a.blglnk			{
								  width:142px; height:0px;
								  padding-top:30px;
								  overflow:hidden;
								  background:url(img_index/tt_blog_btn.gif) no-repeat;
								  display:block;
								  float:left;
								  }
  #colum_area a.blglnk.swsblg		{ background-position:0 0;}
  #colum_area a.blglnk.srsblg		{ background-position:-142px 0px;}
  #colum_area a.blglnk.swsblg:hover		{ background-position:0 -30px;}
  #colum_area a.blglnk.srsblg:hover		{ background-position:-142px -30px;}
  
  
  #colum_area div a img			{ border: 1px solid #cccccc; float: left; display: inline; padding:1px; margin-left:12px;}
  #colum_area div.swsblg a:hover img		{ border: 1px solid #b91000;}
  #colum_area div.srsblg a:hover img		{ border: 1px solid #0058b1;}
  
  #colum_area div dl				{ float: left; display: inline; margin-left:10px; width:190px;}
  #colum_area div dt				{ font-size: 75%; padding: 0 0 5px 0; line-height:1.2; font-weight:bold; text-indent:28px;}
  #colum_area div.swsblg dt		{ background:url(img_index/ic_sws.gif) no-repeat; background-position:0px 1px;}
  #colum_area div.srsblg dt		{ background:url(img_index/ic_srs.gif) no-repeat; background-position:0px 1px;}
  #colum_area div dt span			{ font-size:10px; font-weight: normal; line-height:1.4;}
  #colum_area div.swsblg dt span	{ color:#ff0000;}
  #colum_area div.srsblg dt span	{ color:#33ccff;}
  
  #colum_area div dt a			{ color:#ffffff; text-decoration:underline;}
  #colum_area div.swsblg dt a:hover	{ background:#b91000;}
  #colum_area div.srsblg dt a:hover	{ background:#0058b1;}
  
  #colum_area div dd				{ font-size: 10px; line-height:1.4;}



div#r_area div#subcontbox		{ padding: 10px 3px; position:relative; border:#e1ddd4 solid 2px;}
div#subcontbox h2				{ padding-bottom:12px;}
div#subcontbox p				{ padding: 0 10px; font-size:75%;}
div#subcontbox ul				{ margin: 10px; font-size:75%; line-height:140%; list-style:none;}
div#subcontbox li				{ margin-left:1em; border-bottom: dotted 1px #E1DDD4; padding: 2px 0;}
div#subcontbox li span			{ color:#CABC9E; padding-right:0.5em;} 

#backtop						{ padding-bottom:40px;}

#btn_detail a					{ z-index: 50; position:absolute; left:44px; top:318px; display: block; width:190px; height:38px; background:url(images/btn_detail.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden;}
#btn_detail a:hover				{ width:190px; height:38px; background:url(images/btn_detail.gif) 0 -38px no-repeat;}

ul#sntbnr					{
							margin:0px; margin-bottom:5px; list-style:none;
							}
ul#sntbnr li				{ margin-bottom:5px;}

div#info02					{ padding:5px; margin:0 3px 15px 3px; background:#000;}
div#info02 table			{ color:#fff; text-align:center; font-size:12px;}
div#info02 table td a img		{ background:#000;}
div#info02 table td a:hover img	{ background:#fff;}
div#info02 p				{ font-size:12px; line-height:1.4; border-bottom:1px dotted #777777; margin-bottom:10px; padding:10px;}

/*info4_サンクスフェスタコンテスト告知に使用*/
div#info03,
div#info04					{ padding:5px; margin:0 3px 15px 3px; background:#004eb7;}
div#info03 a img		{ background:#fff;}
div#info03 a:hover img	{ background:#004eb7;}
div#info03 p,
div#info04 p				{ font-size:12px; line-height:1.4; border-bottom:1px dotted #777777; margin-bottom:10px; padding:10px;}
div#info04			{ background:#000;}
div#info04 p		{ border-top:2px solid #000; border-bottom:none; padding:5px; margin-bottom:5px; background:#fff;}
div#info04 p a.dwnld	{ text-align:center; background:#f00; width:274px; height:30px; line-height:30px; color:#fff; display:block;}
div#info04 p a.dwnld:hover	{ background:#F93;}

/*アフターパーツ遅れます告知*/
dl.info1T		{
					padding:5px;
					border:3px double #900;
					font-size:12px;
					margin-bottom:10px;
					margin-right:4px;
					line-height:1.6;
					letter-spacing:1px;
}
dl.info1T dt	{
					padding:3px;
					padding-left:1.3em;
					text-indent:-1em;
					xborder-bottom:#000 solid 1px;
					margin-bottom:5px;
					background:#900;
					color:#fff;
}
dl.info1T dd	{
					
					margin-bottom:5px;
					padding:0 1em;
					font-size:12px;
}
dl.info1T dd.rtxt	{text-align:right;}
dl.info1T dd .txtsml	{ font-size:10px;}

/*オヤジブログバナー*/
div#btnOblog				{
	padding:10px 0px 10px 5px;
}
div#btnOblog img#oybloImg		{
	margin-bottom:-38px;
}
div#btnOblog p			{
	padding:0 50px 0 80px;
	height:30px;
	font-size:12px;
	line-height:1.4;
	color:#000;
}
div#btnOblog a			{
	xcolor:#fff;
}

/*pickup_area*/
div.pickup_area				{
	padding:20px 0px 20px 5px;
	border-top:dotted 2px #cccccc;
	border-bottom:dotted 2px #cccccc;
}