@charset "UTF-8";

@import "common.css";   /*初期化・共通*/

@import "header.css";   /*ヘッダー*/
@import "navi.css";     /*ナビゲーション・メニュー*/
@import "contents.css"; /*本文*/
@import "footer.css";   /*フッター*/

/*\*/

/* layout レイアウト ****************************************/

#info div#container {
	margin: 0 auto;
	height: 717px;
	background: url(../image/bg.jpg) repeat-x;
	text-align: center;
}

#infoE div#container {
	margin: 0 auto 164px auto; padding: 0 0 30px 0;
	background: url(../image/bg.jpg) repeat-x;
	text-align: center;
}

#info div#header {
	margin: 0 auto;
	width: 950px; height: 63px;
	text-align: left;
}

#infoE div#header {
	margin: 0 auto;
	width: 950px; height: 63px;
	text-align: left;
}

#info div#contents {
}

#info div#mainContents {
	margin: 0 auto;
	width: 950px; height: 392px;
	text-align: left;
}

#infoE div#mainContents {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

div#navi {
	margin: 0 auto;
	width: 950px; height: 44px;
	text-align: left;
}

div#footer {
	clear: both;
	position: relative;
	top: 0; left: 0;
	margin: 0 auto; padding: 10px 0 0 0;
	width: 850px;
	border-top: 1px solid #57391b;
	text-align: left;
}


/* contents 本文 ********************************************/

/*メイン背景*/
#infoE #mainContents {
	background: url(../image/info-contents-bg.jpg) repeat-y;
}

#info #infoEntryArea {
	padding: 0 0 30px 0; height: 362px;
	background: url(../image/information-entry.jpg) no-repeat left bottom;
}

#infoE #infoEntryArea {
	padding: 0 0 30px 0;
	background: url(../image/information-entry.jpg) no-repeat left bottom;
}


/*タイトル部分*/
#infoTitleArea {
	padding: 23px 0 0 0;
}

#infoTitleArea h1 {
	float: left;
	margin: 0; padding: 0;
	width: 245px; height: 25px;
	text-align: left; text-indent: -9999px;
	background: url(../image/information-title.gif) no-repeat;
}

#infoTitleArea #feed {
	float: left;
	margin: 4px 0 0 0;
	width: 70px; height: 25px;
}

#infoTitleArea #viewmonth {
	float: left;
	margin: 4px 0 0 0;
	width: 100px; height: 25px;
}

/*テーブル設定*/

#info table#tbcontainer {
	margin: 0 0 0 100px;
}

#info table#tbcontainer th {
	padding: 12px 0 0 0;
	color: #fff; letter-spacing: 0.1em;
}

#info table#tbcontainer td {
	padding: 9px 0 0 15px;
	letter-spacing: 0.1em;
}

#info a , #infoE a {
	color: #e0cfab;
}

#info a:hover , #infoE a:hover {
	color: #f90;
}

#info #footer a , #infoE #footer a {
	color: #967446;
}

#info #footer a:hover , #infoE #footer a:hover {
	color: #b69363;
}

#info div#footer address , #info div#footer address a , #info div#footer address a span , #info div#footer address a:hover {
	color: #57391b;
}

#infoE div#footer address , #infoE div#footer address a , #infoE div#footer address a span , #infoE div#footer address a:hover {
	color: #57391b;
}


/* リストページ */

#info table#tbcontainer {
	padding: 0;
	width: 605px;
}

#info td#tdcontainer {
	padding: 0;
	vertical-align: top; text-align: left;
}

#info td#tdcontainer td {
	color: #d8bd92;
}

#info table#tbcontainer table {
	position: relative;
    top: 0; left: 0;
}

#infoEntryListArea {
}

#infoTMList {
	float: left;
	width: 705px;
}

#infoMonthList {
	width: 110px;
	float: left;
}

#infoYearList {
	width: 110px;
	float: left;
}


#pagenavi {
	padding: 20px 0 0 0;
	color: #e0cfab;
	text-align: center;
}

#infoMonthList li , #infoYearList li {
	padding: 10px 0 0 18px;
	background: url(../image/info-following.gif) no-repeat left 17px;
	color: #d8bd92; letter-spacing: 0.1em;
}

#infoMonthList li.active , #infoYearList li.active {
	background: url(../image/info-this.gif) no-repeat left 17px;
	letter-spacing: 0.1em;
}


/*footer information*/

#info #footer #newsArea a {
	color: #937440; font-size: 10px; letter-spacing: 0.1em;
	text-decoration: underline;
}

#info #footer #newsArea a:hover {
	color: #b69363; font-size: 10px; letter-spacing: 0.1em;
}


/* 記事 */

#infoEntry strong {
	color: #d8bd92;
}

#infoE .photoAreaH , #infoE .photoAreaH0 {
	height: 277px;
}

#infoE .photoAreaH1 {
	height: 264px;
}

#infoE .photoAreaH2 {
	height: 400px;
}

#infoE .photoAreaH3 {
	/*高さ指定無し*/
}

#infoE #infoEntry strong , #infoE #infoEntry strong * {
	font-weight: bold;
}

#infoE #infoEntry {
	margin: 20px 0 0 100px;
	width: 750px;
}

#infoE #infoEntry td {
	vertical-align: top;
}

#infoE #infoEntry td#photoArea {
	padding: 0;
	width: 180px;
	text-align: center;
}

#infoE #infoEntry td#bodyArea {
	padding: 0 0 0 20px;
}

#infoE #infoEntry #photoArea p , #infoE #infoEntry #bodyArea p {
	margin: 0; padding: 0;
	color: #d8bd92; 
}

#infoE #infoEntry h2 {
	padding: 5px 0 10px 0;
	color: #ffcb7d; font-size: 14px; font-weight: bold;
}

#photoArea div {
	padding: 0 0 15px 0;
}

#infoE #infoEntry #photoArea .captxt {
	padding: 5px 0 0 0;
}

#infoE #infoEntry #bodyArea #entryLink {
	padding: 20px 0 0 0;
}

#infoE #infoEntry span {
	color: #d8bd92;
}

/*--------------------------------------
 プレビュー
--------------------------------------*/

#previewmsg {
	padding: 5px;
	background: #333;
	color: #fff; font-weight: bold; text-align: center;
}

#previewmsg input {
	width: 100px;
}