@charset "utf-8";

/* -----------------------------------------------------------
 Created:        2007-05-31
 Last update:    2007-05-31
 Style Info:     カテゴリのスタイル
----------------------------------------------------------- */

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


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

#wrapperContent #mainContent {
	background: url(../img/share/backgroun_main_content.gif) 360px 10px no-repeat;
}

#wrapperContent #mainContent h1 {
	padding : 0 0 0px;
	margin-top : 0;
}

#wrapperContent #mainContent h1 img {
	position : relative;
	bottom : -12px;
	vertical-align : bottom;
}

h2.newest_15 {
	background: url(../img/share/border_blurred_02.gif) left bottom repeat-x;
	margin-top : 30px;
	padding-bottom : 15px;
}

.section .diary_box {
	background : url(../img/eco_diary/bg_diary.gif);
	margin-top : 10px;
	padding-left : 10px;
	border : 1px solid #f7f2e4;
	width : 608px;
	overflow : hidden;
}

.section .diary_box div {
	width : 190px;
	height : 180px;
	margin-right : 10px;
	float : left;
}

.section .diary_box > div {
	height : auto;
	min-height : 180px;
}

.section .diary_box div img {
	vertical-align : bottom;
}

.section .diary_box div p,
.section .diary_box div h3 {
	padding-bottom : 3px;
	margin : 0;
	background : url(../img/share/bg_noteline.gif);
}


.section .diary_box div p.recommend {
	border-bottom : 1px solid #e4dcc0;
	background : none;
	margin : 25px 0 0;
	width : 110px;
	float : left;
}

.section .diary_box div p.star {
	margin : 0;
}

.section .diary_box div h3 {
	clear : both;
}

.section .navi {
	background : url(../img/eco_diary/bg_navi.gif);
	width : 620px;
	clear : both;
}

.section .navi ul li {
	width : 265px;
	padding : 3px 20px;
	float : left;
}

.section .navi ul li.back {
	background : url(../img/eco_diary/pause.gif) right 3px no-repeat;
	text-align : right;
}


.section .connection {
	background: url(../img/share/border_blurred_02.gif) left top repeat-x;
	margin-top : 10px;
	padding-top : 10px;
	width : 620px;
}

.section .connection div {
	width : 198px;
	border : 1px solid #c4ae8b;
	margin-right : 10px;
	float : left;
	overflow : hidden;
}

.section .connection div h3 {
	background : #fcf8ec url(../img/share/arrow_title.gif) 10px 5px no-repeat;
	width : 128px;
	padding : 5px 40px;
}

.section .connection div ul {
	margin : 10px 0 10px 30px;
	padding-left : 20px;
}

.section .connection div ul li {
	list-style : disc;
}

.section .connection div.end {
	margin : 0;
	float : right;
}


img.img_l {
	margin : 10px 10px 0 0;
	float : left;
}

/* side ------------------------------------------*/

#wrapperContent #navi #utilityNavi {
	margin-top : 0px;
}

#wrapperContent #navi #utilityNavi ul li.bnr {
	margin-bottom : 2px;
}

#wrapperContent #navi #utilityNavi ul li.line {
	width : 180px;
	border-top : 1px solid #fff;
	margin : 15px 0 5px 10px;
	padding-top : 5px;
	padding-left : 0;
}

#wrapperContent #navi .diary_list {
	margin : 0;
}

#wrapperContent #navi .diary_list h3 img {
	vertical-align : bottom;
}


#wrapperContent #navi .diary_list ul {
	background : url(../img/eco_diary/bg_diary.gif) repeat-y;
	border : 1px solid #f7f2e4;
	border-top : 0;
	border-bottom : 0;
	width : 168px;
	padding : 5px 15px 5px;
}

#wrapperContent #navi .diary_list ul li {
	background : url(../img/share/arrow_diary.gif) left 0.2em no-repeat;
	padding :  0 0 15px 30px;
	font-size : 82.5%;
}

#wrapperContent #navi .diary_list p.all_list {
	background : url(../img/eco_diary/bg_diary.gif) repeat-y;
	border : 1px solid #f7f2e4;
	border-top : 0;
	padding : 0 10px 10px;
	font-size : 0.8em;
	text-align : right;
	margin : 0;
}

#wrapperContent #navi .diary_list h4 {
	background : url(../img/eco_diary/side_header.gif) no-repeat;
	padding : 15px 10px 0 30px;
	font-size : 1em;
}


#wrapperContent #navi .connection ul li {
	background : none;
	list-style : disc;
	padding : 0;
	margin-left : 30px;
}


.section .diary_box:after,
.section .navi:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;

}

/* archive ---------------------------------------*/

.archive_title {
	background : url(../img/share/arrow_title.gif) left 0.1em no-repeat;
	padding-left : 30px;
}

.archive h3 {
	background : url(../img/eco_diary/icon_pen.gif) no-repeat;
	margin : 15px 0 0;
	padding-left : 25px;
}

.archive div h4 {
	/*border-bottom : 1px solid #e4dcc0;*/
	background : url(../img/share/bg_noteline.gif);
	padding-bottom : 3px;
	margin : 0;
	clear : both;
}

/* detail ----------------------------------------*/

#eco_diary_detail .section h2,
#eco_diary_detail .section p.discription,
#eco_diary_detail .section div.detail {
	float : right;
	width : 370px;
}

#eco_diary_detail .section h2 {
	/*padding-top : 20px;*/
	font-size : 1.2em;
}

#eco_diary_detail .section p.discription {
	/*margin-top : -45px;*/
	margin : 0;
	padding-top : 20px;
}

#eco_diary_detail .section img.img_l {
	margin : -20px 0 0;
}

.section .detail p.recommend {
	border-bottom : 1px solid #e4dcc0;
	padding-bottom : 10px;
}

.section .detail {
	padding-bottom : 35px;
}

.section .detail dl {
	border-top : 1px solid #e4dcc0;
	padding-top : 10px;
}

.section .detail dl dt,
.section .detail dl dd {
	display : inline;
}


#eco_diary_detail .section h3 {
	background: url(../img/share/border_blurred_02.gif) left bottom repeat-x;
	padding : 0px 0 15px;
	clear : both;
}

/* 評価の部分 ------------------------------------*/

.evalute {
	padding-bottom : 10px;
}

.evalute h4 {
	margin-top : 5px;
}

.evalute dl.evalute_list {
	background : #fff;
	border : 1px solid #f7f2e4;
	width : 300px;
	height : 215px;
	margin-right : 10px;
	padding : 10px 5px;
	overflow : auto;
	float : left;
}

.evalute dl.evalute_list dt {
	border-bottom : 1px solid #e4dcc0;
	padding : 5px 0;
}

.evalute dl.evalute_list dd {
	border-bottom : 3px double #e4dcc0;
	padding : 5px 0;
}

.evalute dl.evalute_list dd.author_evalute {
	border : 0;
	margin-top : -23px;
	padding : 0;
	text-align : right;
}

.evalute fieldset {
	width : 260px;
	margin-top : -20px;
	padding-right : 10px;
	float: right;
}

.evalute fieldset dl {
	width : 240px;
	margin : 15px 0 0 20px;
}

.evalute fieldset dl dt {
	display : none;
}

.evalute fieldset p {
	margin : -20px 0 0;
	text-align : right;
}

.evalute textarea,
.evalute select {
	width : 100%;
}

.evalute select {
	margin-bottom : 10px;
}

.evalute textarea {
	margin-bottom : 5px;
}

/* 各ページのつながり部分 --------------------------------------*/

.connection_list {
	margin-top : 35px;
}

.connection_list h4.archive_title {
	margin-top : 20px;
}

.connection_list h3 {
	background: url(../img/share/border_blurred_02.gif) left bottom repeat-x;
	padding : 0px 0 15px;
	clear : both;
}

.connection_list ul {
	margin-top : 10px;
}

.connection_list ul li {
	display : inline;
	margin-right : 7px;
}

/* エコな言葉の覚え書き --------------------------*/

#eco_diary_words p.discription {
	border : 1px solid #a71100;
	padding : 10px 0;
	text-align : center;
	font-weight : bold;
}

#eco_diary_words p.img_r {
	width : 80px;
	float : right;
	margin-left : 30px;
	font-size : 0.8em;
	line-height : 1;
}

#eco_diary_words p.img_r img {
	margin-bottom : 5px;
}

.reference {
	border-top : 1px solid #e4dcc0;
	border-bottom : 1px solid #e4dcc0;
	margin-top : 30px;
	padding-bottom : 20px;
}

.reference ul {
	margin-left : 30px;
}

.reference li {
	list-style : disc;
}

.word_archive {
	clear : both;
	margin-left : 15px;
	padding : 15px 0;
}

.word_archive h3 {
	
}

.word_archive img.img_l {
	margin : 0 10px 0 0;
}

.word_archive p {
	margin : 0;
}

/* つながり一覧 ----------------------------------*/

.tagcloud {
	padding : 0 100px;
	text-align : center;
}

.tagcloud ul li {
	display : inline;
	font-weight : bold;
}

a.tag10 {font-size: 70%;}
a.tag9 {font-size: 80%;}
a.tag8 {font-size: 90%;}
a.tag7 {font-size: 100%;}
a.tag6 {font-size: 110%;}
a.tag5 {font-size: 120%;}
a.tag4 {font-size: 130%;}
a.tag3 {font-size: 140%;}
a.tag2 {font-size: 150%;}
a.tag1 {font-size: 160%;}
a.tag0 {font-size: 170%;}