/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
	background-image: url(img/bgimg.jpg);
	background-repeat: repeat-x;
    font-family: verdana, 'trebuchet ms', sans-serif,Meiryo;
    font-size: 12px;
	line-height: 14px;
	color: #555555;
}

a {
	display: block;
	color: #0099CC;
	background-color: none;
	text-decoration: none;
}
a:hover {
	display: block;
	color: #FF6600;
	background-color: none;
	text-decoration: underline;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

h3{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}

/* ID elements */

/* ID Container elements */
#container{
	width: 750px;
	height: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	/*background-image: url(img/gra.gif);*/
	background-repeat: repeat-y;
	background-color: #ffffff;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
}

/*
#container_bottom{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/gra_bottom.gif);
	background-repeat: no-repeat;
	text-align: center;
}
*/

#header,
#menu,
#contents,
#footer{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}


#header{
}


/* ID menu elements */
#menu{
}
#menu li{
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
}


/* ID Contents elements */
#contents{
	margin-top:0;
	margin-botom: 0;
}


/* ID left elements */
#left{
	margin-left: 10px;
	margin-right: 20px;
	float: left;
	width: 355px;
}

#left ul li{
	margin-bottom: 5px;
	font-size: 12px;
}
#left ul li div.entrydate{
	float: left;
	margin-left: 5px;
}
#left ul li div.entrytitle{
	float: left;
	margin-left: 1em;
}
#left ul li div.entrycategory{
	float: left;
	margin-left: 1em;
	font-size: 10px;
	color:#999999;
}


/* ID right elements */
#right{
	width: 345px;
	margin-right: 5px;
	float: left;
}

#staffvoice{
	width: 345px;
}
#staffvoice h3{
	margin-top: 0;
}
#staffvoice ul{
	margin-left: 5px;
}

#meguro{
	text-align: right;
	margin-top: 20px;
	margin-left: auto;
	margin-right: 5px;
	width: 130px;
	clear: both;
}
#meguro p{
	margin-top:0;
}
.meguro_photo{
	text-align: center;
	vertical-align: top;
	width: 100px;
	height: 75px;
}
.meguro_photo img {
	height: 75px;
	width: 100px;
}
.meguro_text{
	text-align: center;
	vertical-align: top;
}

/* ID bottom elements */
#bottom{
	width: 740px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 0;
	padding-right: 10px;
	text-align: right;
	font-size: 10px;
	color: #999999;
}


/* ID footer elements */
#footer{
	width: 747px;
	margin-top: 5px;
	padding-right: 3px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	height: 16px;
	background-color: #000099;
}


/*** Category Archive ID ***/

#categories{
	margin-left: 1ex;
}
#categories p{
	margin-top: 0px;
	margin-bottom: 5px;
}
#categories h2,
#archivelist h2{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 1ex;
	display: block;
	border-left: #0099CC 3px solid;
	border-bottom: #999999 1px dotted;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
#archivelist{
	margin-top: 20px;
	margin-left: 1ex;
}
#archivelist li{
	border-bottom: #999999 1px dotted;
	margin-bottom: 7px;
}
.catdat{
	float: left;
}
.cattitle{
	float: left;
	margin-left: 1em;
}
.entrytitle{
/*	border-bottom: #666666 dotted 1px;*/
}
.entrybody{
	border-bottom: #999999 solid 1px;
	margin-bottom: 10px;
}


/*** Entry Archive ID ***/
/* ID entry elements */
#entry,
#entrylist,
#monthlylist{
	margin-left: 1ex;
}
#entry h2{
	padding-left: 1ex;
	display: block;
	border-left: #0099CC 3px solid;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
#entry li.bottom{
	border-top: #666666 1px dotted;
	font-size: 10px;
	color: #666666;
	text-align: right;
}

#entrylist{
	margin-top: 20px;
}
#monthlylist{
	margin-top: 30px;
}

#entrylist h2,
#monthlylist h2{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 1ex;
	display: block;
	border-left: #0099CC 3px solid;
	border-bottom: #999999 1px dotted;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}

#entrylist li,
#monthlylist li{
	border-bottom: #999999 1px dotted;
	margin-bottom: 7px;
}
#entrylist a{
	float: left;
}

#entrylist div.datecaption{
	float: right;
	font-size: 10px;
	color:#999999;
}


/* Class elements */

.indextopics{
	padding: 5px 0 5px 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: #cccccc 1px dotted;
	border-bottom: #cccccc 1px dotted;
	clear: both;
}
.text{
	margin-left: 5px;
	width:230px;
	float: left;
	vertical-align: top;
}
.image{
	margin-left: 5px;
	width: 100px;
	float: left;
}
.image img{
	width: 100px;
	height: 75px;
}
.clear{
	clear: both;
}
.continue{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
	font-size: 10px;
	clear: both;
	border-bottom: 1px solid #cccccc;
}