/* ==================== レイアウト ==================== */

body	{background-color: #3f5b06;}

#container	{width: 764px;
	margin: auto;}

#wrapper	{padding: 0 20px;
	background-color: #ffffff;
	overflow: hidden;
	width: 724px;}

#content	{width: 494px;
	float: left;
	margin: 10px 0;}

#sidebar	{width: 200px;
	float: right;
	margin: 10px 0;}

#foot	{clear: both;}

/* ==================== 背景 ==================== */

body	{background-image: url(imgs/back_stripe.png);
	background-repeat: repeat;}

/* ==================== ヘッダー ==================== */

#header	{width: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;}

#header h1	{margin: 0;
	padding-top: 10px;
	padding-left: 10px;}

#header p	{margin: 0;
	margin-top: 8px;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;}


/* ==================== ナビゲーションメニュー ==================== */

#nav	{font-size: 0.75em;
	width: auto;
	height: 40px;
	background-color: #000000;
	border-top: solid 1px #ffffff;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;}

#nav ul	{margin: 0;
	padding: 0;}

#nav li	{list-style-type: none;
	float: left;}

#nav li a	{display: block;
	width: 127px;
	line-height: 40px;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	text-decoration: none;}

#nav li a:hover	{background-color: #0ce0c0}


/* ==================== コンテンツ ==================== */

.post	{width: auto;}

.post h2	{font-size: 1em;
	margin: 0;
	margin-bottom: 15px;
	background-color: #b8e964;
	line-height: 32px;
	padding-left: 10px;}

.posttext	{font-size: 0.875em;
	line-height: 1.5}

.posttext p	{margin: 0;
	margin-bottom: 20px;}


/* ==================== サイドバー ==================== */

.imglist	{width: auto;}

.imgtrim	{width: 95px;
	height: 90px;
	overflow: hidden;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;}

.imgtrim img	{margin-top: -20px;
	margin-left: -30px;}


/* ==================== フッター ==================== */

#footer	{width: auto;
	border-top: none;
	padding-top: 10px;
	padding-bottom: 20px;}

#footer p	{color: #ffffff;
	font-size: 0.75em;
	margin: 0;}
	
/* ==================== ドロップダウンメニュー ==================== */

#navi_continer {
position: relative;
z-index:100;
width: 764px;
height:33px;
}

#navi {
position: absolute;
top: 5px;
left: 0px;
width: 764px;
}

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

#navi li {
color: #fffff;
float: left;
width: 127px;
margin: 0;
}

#navi li a {
font-size: 14px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #3399ff;
}

#navi li a:hover {
color: #ffffff;
background-color: #0ce0c0;
}

/* サブメニュー */
#navi ul.sub {
background: #eeeeee;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid #000099;
}

#navi ul.sub li a:hover {

color: #ffffff;
background-color: #ff9900;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:0px solid #000099;
}

#navi li.navi_menu_on{
border:1px solid #000099;
}