/*共通CSS*/
@import "/reset.css";
@import "/common.css";

/*--------------------*/
/*ヘッダ*/
#header {
	margin: 0 auto;
	width: 800px;
	
}
/*枠*/
#body-box {
	margin: auto;
	width: 800px;
	background: url("/image/back.gif") repeat-y;
}
#left-box {
	float: left;
	margin: auto;
	width: 178px;
}
#center-box {
	float: left;
	margin: auto;
	width: 440px;
}
#right-box {
	float: right;
	margin: auto;
	width: 178px;
}
#bottom-box {
	clear: both;
	margin: auto;
	width: 800px;
	background: #6A6A6A;
}

/*左コンテンツ------------------------------------*/
/*JFN*/
#jfn-banner {
	margin: 12px auto auto;
	width: 160px;
}
#jfn-banner p {
	margin: 0 2px;
	line-height: 120%;
}
/*あばさけビジネス精神とは？*/
#about-abasake {
	margin: 15px auto auto;
	background: url("/image/back_about.gif");
	width: 164px;
	height: 215px;
}
#title-about-abasake {
	margin: 12px 10px auto 10px;
	font-family: "ＭＳ Ｐゴシック","sans-serif";
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
#about-abasake p {
	margin: 5px 10px 10px;
	font-family: "ＭＳ Ｐゴシック","sans-serif";
	font-size: 10px;
	line-height: 14px;
}
/*バナー*/
div.banner {
	margin: 14px auto auto;
}
/*メールお待ちします*/
div.mailto-banner {
	margin: 17px auto auto;
	width: 160px;
	font-family: "ＭＳ Ｐゴシック","sans-serif";
	font-size: 10px;
}
/*コメント,トラックバック*/
#side-comment, #side-trackback {
	margin: 17px auto auto;
	width: 160px;
}
#side-comment ul, #side-trackback ul {
	margin: 10px 5px 0 5px;
	font-size: 11px;
	line-height: 135%;
}
#side-comment ul li, #side-trackback ul li {
	margin-bottom: 5px;
}
/*中央コンテンツ------------------------------------*/
/*テーマ別最新情報*/
#theme-selection {
	margin: 3px auto auto;
	width: 414px;
	background: #F4E924;
}
#theme-selection table {
	margin: 3px auto auto;
	width: 390px;
}
#theme-selection table th {
	width: 20px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: top;
}
#theme-selection table td {
	width: 370px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}
/*あばさけ4人衆個人ブログ*/
#abasake-member-blog {
	margin: 10px auto auto;
	width: 426px;
}
#abasake-member-blog img.banner1 {
	margin: 5px 2px 5px 0;
}
#abasake-member-blog img.banner2 {
	margin: 5px 0 5px 0;
}
/*最新のラジオ放送*/
#radio-data {
	margin: 6px auto auto;
	background: #F4A724;
	width: 413px;
}
#radio-data table {
	margin: 3px auto auto;
	width: 390px;
}
#radio-data table th {
	width: 30px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: top;
}
#radio-data table td {
	width: 360px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}
#radio-comment {
	margin: 3px auto auto;
	width: 410px;
	text-align: right;
}
/* リンク色 */
#theme-selection a:link, #theme-selection a:visited, #radio-data a:link, #radio-data a:visited {
	color: #333;
	text-decoration: none;
}
#theme-selection a:hover, #theme-selection a:active, #radio-data a:hover, #radio-data a:active {
	color:#F36;
	text-decoration:underline;
}


/*記事*/
div.comment-box {
	margin: 5px auto 30px auto;
	width: 430px;
	border-bottom: 1px solid #000;
	text-align: left;
}
div.comment-box .day {
	text-align: left;
}
/*タイトル*/
div.comment-box .title {
	background: #E2E2E2;
}
div.comment-box .title p {
	padding: 3px 9px;
	font-size: 14px;
	font-weight: bold;
}
/*テーマ*/
div.comment-box .theme {
	margin: 7px 10px auto 10px;
	font-size: 11px;
}
/*記事本文*/
div.comment-box .text {
	margin: 20px 10px auto 10px;
}
/*続きを読む*/
div.comment-box .reed-next {
	margin: 25px 10px auto 10px;
}
/*ライター表記・コメント・トラックバック*/
div.comment-box .bottom {
	margin: 20px 10px auto 10px;
	font-size: 11px;
	text-align: right;
}

/*トラックバック*/
div.trackbacks {
	margin: 5px auto 30px auto;
	width: 430px;
	border-bottom: 1px solid #000;
	text-align: left;
}

/*コメント*/
div.comments {
	margin: 5px auto 30px auto;
	width: 430px;
	border-bottom: 1px solid #000;
	text-align: left;
}


.comment, .trackback {
    margin-bottom: 15px;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    font-weight: bold;
}

.trackbacks-header,
.comments-header {
    margin-bottom: 10px;
}

.comment-content-author,
.comment-content-date {
    font-weight: bold;
}

/* リンク色 */
div.comment-box .title a:link, div.comment-box .title a:visited {
	color: #333;
	text-decoration: none;
}
div.comment-box .title a:hover, div.comment-box .title a:active {
	color:#F36;
	text-decoration:underline;
}


/*右コンテンツ------------------------------------*/
/*フリーペーパー*/
#banner-paper {
	margin: 15px auto auto;
}
/*純米吟醸酒あばさけ*/
#banner-sake {
	margin: 11px auto auto;
}
/*あばさけ寿司*/
#banner-sushi {
	margin: 15px auto auto;
}
/*テーマ別*/
#side-theme, #side-entry, #side-backnumber, #side-calendar, #side-links, #side-rss {
	margin: 11px auto auto;
	width: 160px;
}
#side-theme ul, #side-entry ul, #side-backnumber ul, #side-links ul, #side-rss ul {
	margin: 3px 5px 0 5px;
	font-size: 11px;
	line-height: 135%;
}
#side-theme ul {
	font-size: 12px;
	line-height: 135%;
}
#side-theme ul li, #side-entry ul li, #side-backnumber ul li, #side-links ul li, #side-rss ul li {
	margin-bottom: 5px;
}
/*カレンダー*/
#side-calendar #side-calendar-box {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
#side-calendar-box table {
	margin: auto;
	width: 150px;
}
#side-calendar-box table th {
	font-size: 11px;
	color: #333;
	text-align: center;
}
#side-calendar-box table td {
	font-size: 11px;
	color: #333;
	text-align: center;
}
#side-calendar-box table td.month {
	padding-top: 6px;
}
#side-calendar-box table th.sun {
	color: C5004F;
}
#side-calendar-box table th.sat {
	color: 7FC1CC;
}

/* リンク色 */
#side-theme a:link, #side-theme a:visited {
	color: #333;
	text-decoration: none;
}
#side-theme a:hover, #side-theme a:active {
	color:#F36;
	text-decoration:underline;
}