@charset "utf-8";

/* -----------------------------------------------------------
 Created:        2007-05-31
 Last update:    2007-05-31
 Style Info:     トップのスタイル
----------------------------------------------------------- */

@import url("base.css");
@import url("clear.css");


/* --------------------------------------------------
	インデックス
----------------------------------------------------*/

#index #eyecatch {
	width: 900px;
	height: 235px;
	margin: 0 0 10px 0;
}

#index #eyecatch flash {
	margin: 0;
}

#index #eyecatch p {
	margin: 0;
}

#index #eyecatch flash,
#index #eyecatch img {
	vertical-align: bottom;
}

#index #wrapperContent {
	padding: 0;
}

#index #wrapperContent #mainContent {
	background: none;
}

#index #wrapperContent #mainContent .section {
	margin: 0 0 20px 0;
	padding-top : 20px;
	clear : both;
}

#index #wrapperContent #mainContent .largeBnr p {
	margin: 0;
}

#index #wrapperContent #mainContent #keywords {
	padding: 0 0 20px 0;
	background: url(../img/share/border_blurred_02.gif) 0px 100% repeat-x;
}

#index #wrapperContent #mainContent #keywords h2 {
	float: left;
	width: 192px;
}

#index #wrapperContent #mainContent #keywords p {
	float: left;
	width: 412px;
	height: 37px;
	margin: 10px 0 0 0;
	padding: 8px;
	text-align: center;
	background: url(../img/top/background_search.gif) 0px 0px no-repeat;
}

#index #wrapperContent #mainContent #keywords p * {
	vertical-align: middle;
}

#index #wrapperContent #mainContent #keywords p input#inputKeywords {
	width: 120px;
	border: 1px solid #7F9DB9;
	background: #FFF;
}

#index #wrapperContent #mainContent #categories {
	padding: 0 0 15px 0;
	background: url(../img/share/border_blurred_02.gif) 0px 100% repeat-x;
}

#index #wrapperContent #mainContent #categories h2 {
	float: left;
	width: 192px;
}

#index #wrapperContent #mainContent #categories #categoryNavi {
	float: left;
	width: 428px;
}

#index #wrapperContent #mainContent #categories #categoryNavi ul li {
	float: left;
	width: 75px;
	padding: 0 5px 10px 5px;
	font-size: 85%;
	text-align: center;
}

#index #wrapperContent #mainContent .bnr {
	padding: 0 0 20px 0;
	background: url(../img/share/border_blurred_02.gif) 0px 100% repeat-x;
}

#index #wrapperContent #mainContent .bnr ul li {
	float: left;
	width: 200px;
	padding: 3px;
}

#index #wrapperContent #mainContent .bnr ul li img {
	vertical-align: bottom;
}

#index #wrapperContent #mainContent #ranking {
	padding: 0 0 20px;
	background: url(../img/share/border_blurred_02.gif) 0px 100% repeat-x;
}

#index #wrapperContent #mainContent #ranking h2 {
	float: left;
	width: 160px;
}

#index #wrapperContent #mainContent #ranking dl {
	float: left;
	width: 460px;
	font-size: 85%;
}

#index #wrapperContent #mainContent #ranking dl dd {
	margin: -2px 0 10px 0;
}

#index #wrapperContent #mainContent #information {
}

#index #wrapperContent #mainContent #information h2 {
	float: left;
	width: 160px;
}

#index #wrapperContent #mainContent #information table {
	float: left;
	width: 460px;
	font-size: 85%;
}

#index #wrapperContent #mainContent #information table td.date {
	width: 120px;
	padding: 5px;
	vertical-align: top;
}

#index #wrapperContent #mainContent #information table td.title {
	width: 340px;
	padding: 5px;
	vertical-align: top;
}

#index #wrapperContent #navi #utilityNavi {
	margin: 2px 0 10px 0;
}

.topic {
	position : relative;
	width : 295px;
	margin-top : 10px;
	padding-bottom : 30px;
	float : left;
}

.topic p.discription {
	position : absolute;
	top : 75px;
	width : 295px;
	margin : 0;
	padding : 0 0 0 10px;
	font-size : 0.8em;
	line-height : 1.2;
}

.topic div.inner {
	width : 263px;
	padding : 15px 15px 10px;
}

.topic div img {
	vertical-align : middle;
}

.eco_diary {
	margin-right : 30px;
}

.eco_diary div.inner {
	background : url(../img/top/bg_diary.gif) repeat-y;
	border : 1px solid #f6f2e4;
}

.eco_diary div img.img_l {
	margin-right : 9px;
	float : left;
}

.eco_diary div h3 a {
	color : #a20412;
}

.eco_diary .inner div h3,
.eco_diary .inner div p {
	width : 185px;
	margin : 0;
	padding : 3px 0;
	float : right;
	font-size : 0.8em;
	background : url(../img/share/bg_noteline.gif);
}

/*.eco_diary .inner h3,*/
.eco_diary .inner p.recommend {
	/*border-bottom : 1px solid #e2dcbf;*/
	background : url(../img/share/bg_noteline.gif);
}


.eco_diary .inner div {
	border-bottom : 1px solid #e2dcbf;
	width : 263px;
	margin-bottom : 10px;
	clear : both;
}

.eco_diary .inner p.btn {
	margin : 0;
	padding : 0;
	text-align : right;
}

.eco_winter div.inner {
	background : url(../img/top/bg_winter_in.gif) repeat-y;
	margin-top : 0;
	padding : 0;
	width : 293px;
}

.eco_winter div.inner ul {
	background : url(../img/top/bg_winter_top.gif) left top no-repeat;
	padding : 10px 0 5px 0;
	width : 293px;
}

.eco_winter div.inner ul li {
	background : url(../img/top/bg_yellow.gif) left top no-repeat;
	margin-left : 10px;
	padding : 10px 0 0 10px;
	font-size : 0.8em;
	height : 50px;
}

.eco_winter div.inner ul li.pink {
	background : url(../img/top/bg_pink.gif) left top no-repeat;
}

.eco_winter div.inner ul li.blue {
	background : url(../img/top/bg_blue.gif) left top no-repeat;
}

.eco_winter div.inner ul li.lightgreen {
	background : url(../img/top/bg_lightgreen.gif) left top no-repeat;
}

.eco_winter div.inner ul li.green {
	background : url(../img/top/bg_green.gif) left top no-repeat;
}

.eco_winter div.inner ul > li {
	height : auto;
	min-height : 50px;
}

.eco_winter .inner p.btn {
	background : url(../img/top/bg_winter_btm.gif) left bottom no-repeat;
	margin : 0;
	padding : 0 10px 10px;
	text-align : right;
}