@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.o-works.com/
File name:		layout_news.css
Summary:		base styles
Created:		2009-4-1
Last update:	2009-4-1 by Sadaoka
Author:			Sadaoka(admin), Tanaka
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* News Pickup */
/* ------------------------------------------------------------ */
#subtitle {
	width: 720px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#news_pickup_list {
	background-color: #d1d1bd;
	width: 720px;
	height: 214px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	position: relative;
	border: 0px #f00 solid;
}

#news_pickup_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #0f0 solid;
}

#news_pickup_list li {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

#news_pickup_list .news_pickup01 a {
	background: url(../images/news_pickup01.jpg) left top no-repeat;
	width: 354px;
	height: 101px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 4px;
	top: 4px;
	border: 0px #00f solid;
}

#news_pickup_list .news_pickup01 a:hover {
	background: url(../images/news_pickup01.jpg) left bottom no-repeat;
}

#news_pickup_list .news_pickup02 a {
	background: url(../images/news_pickup02.jpg) left top no-repeat;
	width: 354px;
	height: 101px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	right: 4px;
	top: 4px;
	border: 0px #00f solid;
}

#news_pickup_list .news_pickup02 a:hover {
	background: url(../images/news_pickup02.jpg) left bottom no-repeat;
}

#news_pickup_list .news_pickup03 a {
	background: url(../images/news_pickup03.jpg) left top no-repeat;
	width: 354px;
	height: 101px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 4px;
	bottom: 4px;
	border: 0px #00f solid;
}

#news_pickup_list .news_pickup03 a:hover {
	background: url(../images/news_pickup03.jpg) left bottom no-repeat;
}

#news_pickup_list .news_pickup04 {
	background: url(../images/news_pickup04.jpg) left top no-repeat;
	width: 354px;
	height: 101px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	right: 4px;
	bottom: 4px;
	border: 0px #00f solid;
}

#news_pickup_list .news_pickup04 a:hover {
	background: url(../images/news_pickup04.jpg) left bottom no-repeat;
}

/* News Toppage用 */
/* ------------------------------------------------------------ */
#top_topics_list {
	text-align: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #0f0 solid;
}

#top_topics_list p {
	background: url(../images/top_topics_arrow.gif) left center no-repeat;
	margin: 0px;
	padding: 10px 0px 10px 20px;
	display: block;
	border-bottom: 1px #646464 dotted;
}


/* News */
/* ------------------------------------------------------------ */
.new_title_layout {
	clear: both;
	width: 720px; /* ボックスの幅を指定 */
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border-top: 2px #666637 solid;
}

.new_title_layout h4 {
	background: url(../images/news_bg.gif) left top no-repeat;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	width: 605px;
	height: 28px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: block;
	float: left;
	border: 0px #f00 solid;
}

.new_title_layout p {
	background-color: #efeee8;
	text-align: center;
	font-size: 10px;
	line-height: 28px;
	color: #493532;
	width: 95px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	border: 0px #f00 solid;
}

.new_layout {
	clear: both;
	width: 680px; /* ボックスの幅を指定 */
	margin: 0px auto;
	padding: 20px;
	display: block;
	overflow: hidden;
	border-bottom: 1px #666637 solid;
}

.new_layout .new_img {
	text-align: center;
	width: 200px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	border: 0px #f00 solid;
}

.new_layout .img {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.new_layout .new_text {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

/* Font size H_type */
/* ------------------------------------------------------------ */
.new_layout h1,
.new_layout h2,
.new_layout h3,
.new_layout h4,
.new_layout h5,
.new_layout h6 {
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px #f00 solid;
}