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

body	{margin: 0;}

#container	{width: 800px;
	margin: auto;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	background-color: #ffffff;}

#head	{border-bottom: solid 1px #aaaaaa;}

#wrapper	{padding: 0 20px;
	background-image: url(images/side.png);
	background-repeat: repeat-y;
	background-position: 570px 0;
	overflow :hidden;
	width: 760px;}

#content	{width: 530px;
	float: left;
	margin: 20px 0;}

#sidebar	{width: 190px;
	float: right;
	margin: 20px 0;}

#foot	{clear: both;
	border-top: solid 1px #aaaaaa;}

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

body	{background-image: url(images/texture.png);
	background-repeat: repeat;}


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

#header	{width: auto;
	height: 100px;
	background-image: url(images/title2.jpg);
	background-repeat: no-repeat;
	border: none;
        text-indent: -9999px;}

#header_inner	{padding: 15px 20px 0px 10px;}

#header h1	{margin: 0;
　　　　padding-left: 20px;
        color: #ffffff;
　　　　font-size: 2em;
        font-family: Verdana, Helvetica, sans-serif;}

.hmenu  	{margin: 0;
        font-size: 0.875em;
        text-align: right;}

.hmenu li     {list-style-type: none;
        display: inline;}

.hmenu li a   {text-decoration: none;
        color: #ff00ff;}

.hmenu li a:hover	{color: #40e0ed;}

/* ==================== メニュー ==================== */

.menu	{font-size: 1em;
	width: 800px;
	height: 40px;
	border-bottom: solid 1px #aaaaaa;}

.menu ul	{margin: 0;
	padding: 0;}

.menu li	{list-style-type: none;
	float: left;}

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

.menu, .menu li a     {background-image: url(images/bar05.jpg);
        background-repeat: repeat-x;}

.menu li a:hover	{background-position: 0 -50px;}        

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

.post	{width: auto;}

.post h2        {margin: 0
        margin-bottom: 15px;}     

.post h3	{font-size: 0.925em;
        color: #000000;
	margin: 0;
        margin-bottom: 5px;
        background-image: url(images/bar.jpg);
	background-repeat: no-repeat;
	line-height: 30px;
	padding-left: 30px;}

.post h4         {font-size: 1em;
        border-bottom: solid 2px #f0e68c;	
        margin-top: 15px; 
        margin-bottom: 15px;
        padding-bottom: 3px;}

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

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

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

/* ==================== 画像の配置 ==================== */

.imgcenter	{display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0px;}

.imgleft	{float: left;
	margin-right: 15px;
	margin-bottom: 15px;}

.imgright	{float: right;
	margin-bottom: 15px;
	margin-left: 15px;}

.imgborder	{border: solid 1px #888888;
	padding: 3px;}


.imgcaption	{text-align: center;
	font-size: 0.875em;
	float: left;
	width: 150px;
	margin-right:20px;
	margin-bottom: 20px;
	border: solid 1px #aaaaaa;
	padding: 2px;}

.imgcaption img	{margin-bottom: 5px;}

.imgcaption p	{margin: 0;}

/* ================ コンテンツメニュー ================ */

.conmenu        {width: 250px;
        overflow: hidden;}
      
.conmenu li     {margin-bottom: 0;
        list-style-type: none;
        line-height: 0;
        border-bottom: solid 1px #aaaaaa;
        border-left: solid 1px #aaaaaa;
        border-right: solid 1px #aaaaaa;}
       
.conmenu li a    {display: block;
       line-height: 27px;
       padding-left: 24px;
       background-image: url(images/menu_gray.png);
       background-repeat: no-repeat;
       color: #000000;
       font-size: 1em;
       text-decoration: none}
              
.conmenu li a:hover   {background-position: 0 -40px;}

.conmenu ul    {margin: 0;
       padding: 0;
       border-top: solid 1px #aaaaaa;}

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

.smenu	{width: auto;
	font-size: 0.875em;
	margin-bottom: 10px;
        background-color: #ffffff;
	border: solid 1px #b8e964;}

.smenu li	{margin-bottom: 8px;
	line-height: 1.2;
	list-style-type: none;
	background-image: url(images/markg.gif);
	background-repeat: no-repeat;
	padding-left: 18px}

.smenu li a	{color: #000000;
	text-decoration: none;}

.smenu li a:hover	{color: #ff8800;}

.smenu ul	{margin: 0;
	padding: 0;
	margin-left: 10px;}

.smenu h3	{background-color: #b8e964;
	padding: 3px 10px;
	margin: 0;
	margin-bottom: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #ffffff;}

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

#footer	{clear: both;
        width: auto;
	background-color: #cccc99;
        border-top: solid 1px #aaaaaa;}

#footer_inner	{padding: 20px 20px;}

#footer p	{color: #000000;
	font-size: 0.75em;
	margin: 0;}