@charset "UTF-8";

@import url(common.css);
@import url(main_menu.css);
@import url(head_and_foot.css);

/* CSS for start page */

/* to avoid reading CSS bug of Safari */
#null {
	margin: 0px;
}

/* space */
div.spaceOne {
	height: 10px;
}
div.spaceTwo {
	height: 25px;
}

/* each article */
div.article {
	width: 488px;
	margin: 0;
	padding: 0px 0px 10px 0px;
	border: solid #CDCDCD 1px;
	overflow: hidden;
	background-color: #FFFFFF;
}

div.articleTitleBar {
	width: 488px;
	height: 22px;
	margin: 0;
	padding: 0;
	border-bottom: solid #CDCDCD 1px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;
}
div.articleTitleBarBgOshirase {
	width: 466px;
	height: 22px;
	margin: 0;
	padding: 0px 0px 0px 22px;
	border: 0;
	background-image: url(../img/indivisual/article_titlebar.gif);
}
div.articleTitleBarBgSoumu {
	width: 466px;
	height: 22px;
	margin: 0;
	padding: 0px 0px 0px 22px;
	border: 0;
	background-image: url(../img/indivisual/article_titlebar_soumu.gif);
}
div.articleTitleBarBgGyoumu {
	width: 466px;
	height: 22px;
	margin: 0;
	padding: 0px 0px 0px 22px;
	border: 0;
	background-image: url(../img/indivisual/article_titlebar_gyoumu.gif);
}
div.articleTitleBarBgSeinen {
	width: 466px;
	height: 22px;
	margin: 0;
	padding: 0px 0px 0px 22px;
	border: 0;
	background-image: url(../img/indivisual/article_titlebar_seinen.gif);
}
div.articleTitleBarBgJyosei {
	width: 466px;
	height: 22px;
	margin: 0;
	padding: 0px 0px 0px 22px;
	border: 0;
	background-image: url(../img/indivisual/article_titlebar_jyosei.gif);
}

div.articleTitleBarTxt {
	width: 466px;
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.articleTitleBarTxt a,
div.articleTitleBarTxt a:link,
div.articleTitleBarTxt a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
div.articleTitleBarTxt a:hover,
div.articleTitleBarTxt a:focus {
	color: #FFFFFF;
	text-decoration:underline;
}
div.articleTitleBarTxt a:active {
	color: #BC54C3;
	text-decoration:underline;
}

div.optionBar {
	width: 488px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
}

div.linkTree {
	padding: 0px 0px 0px 10px;
	color: #7e7e7e;
	width: 380px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.linkTree a,
div.linkTree a:link,
div.linkTree a:visited {
	color: #7e7e7e;
	text-decoration:none;
}
div.linkTree a:hover,
div.linkTree a:focus {
	color: #2F75A1;
	text-decoration:underline;
}
div.linkTree a:active {
	color: #BC54C3;
	text-decoration:underline;
}

div.articleDate {
	padding: 0px 10px 0px 0px;
	color: #00A531;
	float: right;
}

div.articleTxt {
	width: 444px;
	margin: 10px 22px 0px 22px;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
}
div.articleTxt p {
	margin: 0;
	padding: 0;
}
div.articleTxt img {
	background-color: #FAFAFA;
	border-top: solid #CDCDCD 1px;
	border-left: solid #CDCDCD 1px;
	border-right: solid #A6A6A6 1px;
	border-bottom: solid #A6A6A6 1px;
	padding: 6px;
	margin: 10px;
}

div.articleMore {
	font-size: 14px;
	line-height: 24px;
	margin: 0px 22px 0px 22px;
	font-weight: bold;
}

/* prev and next button */
div.goBtns {
	width: 171px;
	height: 20px;
	margin: 10px 0px 0px 160px
}
div.goBtns img {
	visibility: hidden;
}
div.goBtns a,
div.goBtns a:link,
div.goBtns a:visited {
	background-position: 0px 0px;
	float: left;
}
div.goBtns a:focus,
div.goBtns a:hover,
div.goBtns a:active {
	background-position: 0px 20px;
	float: left;
}
.nextArticleBtn a {
	background-image: url(../img/indivisual/article_btn_next_roll.gif);
}
.prevArticleBtn a {
	background-image: url(../img/indivisual/article_btn_prev_roll.gif);
	height: 20px;
}


/* page number links */
div.linkNumbers {
	width: 444px;
	margin: 10px 23px 10px 23px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
div.linkNumDigit {
	font-family: "Courier New", Courier, mono;
	display: inline;
}
div.linkNumDigitCurrnt {
	font-weight: bold;
	color: #CC6600;
	display: inline;
}
div.linkNumDigit a,
div.linkNumDigit a:link,
div.linkNumDigit a:visited {
	color: #333333;
	text-decoration:underline;
}
div.linkNumDigit a:hover,
div.linkNumDigit a:focus {
	color: #2F75A1;
	text-decoration:underline;
}
div.linkNumDigit a:active {
	color: #BC54C3;
	text-decoration:underline;
}


/* category */
#categoryArea {
	width: 178px;
	margin: 6px 0px 0px 0px;
	padding: 10px;
	border: solid #CDCDCD 1px;
	background-color: #FAFAFA;
	color: #666666;
	font-size: 11px;
	line-height: 17px;
}
#categoryArea a,
#categoryArea a:link,
#categoryArea a:visited {
	color: #666666;
	text-decoration:none;
}
#categoryArea a:hover,
#categoryArea a:focus {
	color: #2F75A1;
	text-decoration:underline;
}
#categoryArea a:active {
	color: #BC54C3;
	text-decoration:underline;
}

#categoryArea .divider {
	width: 176px;
	height: 1px;
	margin: 10px 0px 10px 0px;
	background-image: url(../img/indivisual/side_divider.gif);
	clear: both;
	float: none;
	overflow: hidden;
}

#categoryArea ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	list-style-type: none;
}
#categoryArea li {
	margin: 0;
	padding: 0px 0px 0px 10px;
	background-image: url(../img/indivisual/dot_list.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}