@charset "UTF-8";

/******************************
 * Universal Selecter
 ******************************/
* {
	margin:0px;
	padding:0px;
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

ul{
	list-style-type:none;
}

li{
	list-style-type:none;
}

dl {
}

dd {
}

dt {
}

ol ul{
	margin-left:20px;
}

a {
	color:#734d3f;
	line-height: 1.5em;
	text-decoration:none;
}

a:hover {
	color:#662f11;
	text-decoration:underline;
}

img {
	border: none;
    behavior: url(/css/htc/iepngfix.htc);
}

/******************************
 * Style
 ******************************/
body {
	background-color: #d5c297;
	text-align:left;
	color:#3d3b35;
	line-height: 1.3em;
	font-size:10pt;
}

address {
    background-color: #d5c297;
	width:	800px;
	bottom:	0px;
	left: 50%;
	margin-left: -400px;
	padding: 2px 0 2px 2px;
	color: #3d3b35;
	font-style:normal;
	position:absolute;
}

/******************************
 * Layout
 ******************************/
#wrapper {
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	width:	800px;
	top:	0%;
	left: 50%;
	margin-left: -400px;
	position: absolute;
}

#header {
	width:	800px;
}

#main_bar {
    background-color: #d5c297;
	width:	800px;
	height: 40px;
	margin: 10px 0 0 0;
	position: relative;
}

#main_title {
	width:	770px;
	height: 200px;
	margin: 10px 10px 0 10px;
	border: 5px solid #ffffff;
	position: relative;
}

.block {
	margin: 5px 0 0 0;
	padding: 0 0 150px 0;
	float: left;
}

.header {
	height: 30px;
	padding: 0;
}

.header .title {
	margin-right: 40%;
	padding: 7.5px 10px 7.5px 10px;
	background-color: #d5c297;
}


#contents {
	background-color: #ffffff;
	width:	210px;
	margin: 5px 0 10px 10px;
	padding: 10px 0 5px 0;
}

#contents .header .title {
	background-color: #45a448;
}

#contents .list {
	width:	190px;
	padding: 10px;
	font-size:10pt;
}

#topics {
	background-color: #ffffff;
	width:	340px;
	margin: 5px 0 10px 10px;
	padding: 10px 0 5px 0;
}

#topics .header .title {
	background-color: #47588d;
}


#topics .list {
	width:	320px;
	padding: 10px;
}

#topics .list dl {
}


#topics .list dt {
	padding: 2px 5px 2px 0;
	color: #56564b;
	clear: both;
	font-weight: bold;
	float: left;
}

#topics .list dd {
	padding: 1px 0 1px 0;
}

#hots {
	background-color: #ffffff;
	width:	340px;
	margin: 5px 0 10px 10px;
	padding: 10px 0 5px 0;
}

#hots .header .title {
	background-color: #c23e3e;
}

#hots .comment {
	padding: 10px;
}

#hots .date {
    text-align: right;
	font-size: 80%;
}

#loves {
	background-color: #ffffff;
	width:	210px;
	margin: 5px 0 10px 10px;
	padding: 10px 0 5px 0;
}

#loves .header .title {
	background-color: #eec318;
}

#loves .list {
	width:	190px;
	padding: 10px;
	font-size:10pt;
}


#mark {
        background-image: url(../img/milkwort.png);
        background-repeat: no-repeat;
        behavior: url(/css/htc/iepngfix.htc);
        width:  130px;
        height:  130px;
        right: 0px;
        bottom: 20px;
        margin: 15px;
        position:absolute;
}

.banner {
	width:	200px;
	height:	50px;
	margin: 10px 0px 10px 10px;
	border: 5px solid #ffffff;
}