/*  
Theme Name: �����J�����L
Theme URI: http://ville.jp/
Description: blog.ville.jp
Version: 1.0
Author: kikuchi
Author URI: http://ville.jp/
*/

@CHARSET "UTF-8";

/* =========================================
RESET
========================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 1.0em; }

img{
	vertical-align: bottom;
}
hr  { display: none; }

body, table, textarea, input {
	font-family:sans-serif;
}

/* ========================================
LAYOUT
========================================= */

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

#container {
	width:910px;
	margin-left:auto;
	margin-right:auto;

}

#header {
	text-align:left;
	width:910px;
}

#main {
	text-align:left;
	width:530px;
	float:left;
	margin-top:10px;
}

#menu {
	width:350px;
	float:right;
	margin-top:10px;
}

#footer {
	clear:both;
}

/* ========================================
GENERAL
========================================= */
.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.gray {
	color:#85a4cd;
}


/* ========================================
LINKS
========================================= */
#container a {
	color:#000057;
}

#container a:visited {
	color:#2F2E6B;
}

#container a:hover {
	color:#B61E1E;
}

#container a:active {
	color:#B61E1E;
}


/* ========================================
HEADER
========================================= */
/* --------------------------
GLOVAL NAVIGATION
-------------------------- */
#globalNavi {
	width:auto;
}

#globalNavi li {
	float:left;
	list-style: none outside;
	display: inline;
}

/* --------------------------
LOGO, RSS, SEARCH
-------------------------- */
#logo {
	width:450px;
	float:left;
}

#rightBox {
	width:300px;
	float:right;
	text-align:right;
}

#searchForm {
	text-align:right;
}


/* ========================================
MAIN
========================================= */

/* --------------------------
ENTRY HEADER
-------------------------- */
.entry {
	float:none;
	clear:both;
	padding-bottom:60px;
}

.entry .entryHeader img {
	float:left;
}

.entry .entryHeader div.faceRight {
	float:right;
	width:445px;
	height:75px;
	padding-top:15px;
}

.entry .entryHeader .days {
	font-size:20px;
	color:#999;
	text-align:right;
}

#container .entry .entryHeader .title {
	width:445px;
	background-image:url("./images/title_bg.gif");
	height:30px;
	color:white;
	font-size:18px;
	text-indent:30px;
	line-height:30px;
}
	#container .entry .entryHeader .title a,
	#container .entry .entryHeader .title a:link
	#container .entry .entryHeader .title a:visited{
		color:#fff;
		text-decoration:none;
	}
	.entry .entryHeader .title a:hover{
		text-decoration:underline;
	}

/* --------------------------
ENTRY BODY
-------------------------- */
.entry .entryBody {
	clear:both;
	font-size:0.9em;
	color:#333;
}
.entry .entryBody p{
	padding:8px 0px;
	line-height:1.3em;
	margin-bottom:10px;
}
.entry .entryBody ul,
.entry .entryBody ol{
	margin:0.5em 0;
	padding-left:2em;
}

.entry .entryBody h3 {
	margin:0.8em 0 0.5em;
	color:#333;
	font-weight:bold;
}

.entry .entryBody strong {
	background-color:#CCFF33;
	font-weight:normal;
}

/* --------------------------
ENTRY FOOTER
-------------------------- */
.entry .entryFooter {
	padding:0px 0px;
}

#container .entry .entryFooter p {
	font-size:0.9em;
	background-color:#E7E7E7;
	color:#666;
	border-left:10px solid #99CCCC;
	line-height:1.4em;
	margin-left:0px;
	margin-bottom:0px;
	padding:5px 10px;
}

/* --------------------------
ENTRY COMMENT
-------------------------- */
.entry .entryComment h3 {
	margin:20px 0px 10px 0px;
}

.entry .entryComment p {
	font-size:0.9em;
	color:#333;
	line-height:1.3em;
	margin-bottom:5px;
}

.entry .entryComment .commentInfo {
	text-align:right;
	color:#999;
	margin-bottom:10px;
}

.entry .entryComment textarea, input {
	font-size:0.8em;
	margin-bottom:5px;
}

/* ========================================
MENU
========================================= */
.menuContainer {
	width:350px;
	text-align:left;
	background-image:url("./images/menu_bg.gif");
	margin-bottom:20px;
}

.menuContainer p {
	margin:0px 20px;
	line-height:1.6em;
}

.menuContainer #members {
	margin:0px 5px;
	padding:0;
	list-style-type:none;
}
	.menuContainer #members li{
		display:inline;
	}
	
	.menuContainer .banners{
		text-align:center;
	}
		.menuContainer .banners a{
			display:block;
			margin-top:8px;
		}

#menu ul {
	margin-left:0px;
	padding-left:40px;
	padding-right:20px;
}

#menu li {
	font-size:0.75em;
	color:#444;;
	line-height:1.9em;
	list-style-image:url("./images/list_mark.gif");
}

/* ========================================
FOOTER
========================================= */
#footer p {
	padding:20px 0 10px;
	font-size:0.7em;
	color:#999;
}