body{
	text-align:center;
	font-size:12px;
	margin:0px;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}



ul,li{
		margin:0;
		padding:0;
}

object,
embed,
img{
		vertical-align:top;
}

#container{
	width:982px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(../../container.gif);
	background-repeat:repeat-y;
}

#logo{
	background-image:url(../../ue-n.gif);
	background-repeat:no-repeat;
}

#main{
	width:817px;
	float:right;
	text-align:center;
	background:url('http://caffe-cocolo.jp/bg.gif') repeat-y 20px 0;
}

#side{
	width:165px;
	overflow:hidden;
	float:right;
}

li{
		list-style-type:none;
}

#contents{
	height:474px;
	margin-left:5px;
	margin-right:26px;
}

#contents-tree{
	height:224px;
	width:134px;
}

#contents-map{
	margin-top:118px;
	width:134px;
	text-align:center;
}

#contents-mail{
	margin-top:20px;
	margin-left:42px;
	overflow:hidden;
}

#contents-count{
	margin-top:38px;
	color:#ab060d;
	overflow:hidden;
}

img{
	border:none;
}



#footer{
	width:100%;
	height:16px;
	background-image:url(../../shita-n.gif);
	background-repeat:no-repeat;
	text-align:right; 
	font-size:92%;
	color:#8B0000;
	overflow:hidden;
	clear:right;
}

p.date{
	margin:0px 36px 0px 0px;
}

a{outline: none;}





#b-container{
	width:739px;
	margin:0 auto 0 auto;
	text-align:center;
	background-color:#2d5a00;
}

#banner{
	width:739px;
	height:103px;
	background:url('../../header.gif') no-repeat;
	text-align:left;
}

#banner a{color:#cee2a5;text-decoration:none;}
#banner a:link {color:#cee2a5;text-decoration:none;}
#banner a:visited{color:#cee2a5;text-decoration:none;}
#banner a:active {color:#cee2a5;text-decoration:none;}
#banner a:hover{color:#cee2a5;text-decoration:underline;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
	color:#CEE2A5;
	font-size:200%;
	font-weight:bold;
	padding:50px 10px 0 30px;
}

#content{
	width:543px;
	float:left;
	margin:0px 0 20px 5px;
	background-color:#2d5a00;
}

.blog{
	width:90%;
	margin:0 auto 0 auto;
	text-align:center;
}

.navigation {
	height:21px;
	color:#CCCCCC;
}

.alignleft{
	float:left;
	text-align:left;
	width:auto;
}

.alignright{
	float:right;
	margin-right:3px;
	text-align:right;
	width:auto;
}
.b-date{
	color:#ffffff;
	text-align:left;
	font-weight:normal;
	padding:10px 5px 10px 0;
	margin:5px 0 5px 0;
	background:#2d5a00 url('../../line02.gif') no-repeat 0 100%;
	font-size:100%;
}

.blogbody{
	line-height:135%;
	text-align:left;
	margin-bottom:40px;
}

.b-title{
	color:#ffffff;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 15px;
	margin-left:20px;
	background:#2d5a00 url('../../gtitle.gif') no-repeat 0 60%;
	font-size:109%;
}

.b-main{
	color:#ffffff;
	background-color:#2d5a00;
	margin:0 0 0 24px;
	padding:10px 0px 10px 10px;
	text-align:left;
}

a:link{color:#cccccc; text-decoration:none;}
a:visited {color:#cccccc; text-decoration:none;}
a:active{color:#cccccc; text-decoration:none;}
a:hover {color:#cccccc; text-decoration:underline;}

.entry_state{
	font-size:84%;
	color:#ffffff;
	margin:20px 30px 25px 20px;
}

.entry_date{
	border-top:1px dashed #003300;
	margin:10px 30px 10px 0px;
	padding:0px 0px 3px 5px;
	font-weight:normal;
	text-align:left;
	font-size:117%;
	color:#FFFFFF;
}

.entry_body{
	margin:10px 0 15px;
	text-align:left;
	overflow: hidden;
}

form p{
	margin:0;
}


label{
	color:#FFFFFF;
	font-weight:bold;
}

.coo{
	border:2px #003300 solid;
	width:200px;
	margin-top:5px;
	padding-left:2px;
}

#c_name{
	margin-left:15px;
	margin-top:5px;
}

#c_email{
	margin-left:5px;
	margin-top:5px;
}

#c_url{
	margin-top:5px;
	margin-left:14px;
}

#set_cookie{
	margin-top:10px;
	margin-left:50px;
}

#cookie{
	margin-top:10px;
	padding:0;
}

textarea{
	border:2px #003300 solid;
	width:350px;
	height:200px;
}

#c_mes {
	margin-top:5px;
	margin-left:50px;
	border:2px #003300 solid;
	overflow:auto;
}

#sub{
	margin-top:5px;
	margin-left:192px;
}

a.top{
	color:#cccccc;
	font-size:84%;
	border:1px solid;
	padding:3px 10px 3px 10px;
}