/* 20080312 */
/* 基本要素 */
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg {
	 display: inline-block;
}
/* no ie mac */
* html .pkg {
	zoom:1;
}
.pkg {
	display: block;
}
/* */

body{
	margin: 0;
	padding: 0;
	color: #525252;
	font-family: osaka,"MS Pゴシック",arial,helvetica,sans-serif;
	font-size: 100%;
	text-align: left;
	background: #f3eedc;
}
a img {
	border: none;
}

/* 文字系 */
h1, h2, h3, h4, h5, h6{
	font-family: osaka,"MS Pゴシック",arial,helvetica,sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* リンク */
a,
a:link,
a:visited {
	color: #0e96a9;
}
a:hover {
	color: #ea3324;
	text-decoration: none;
}


/* レイアウト系 */
body {
	text-align: center;
}

#pageTop {
	background-color: #c8b37e;
}

/* ▼hack */
#pageTop h1 { 
	width: 900px;
	margin: 0 auto;
	padding: 1px 0px 1px 27px;
	color: #fff;
	font-size: 80%;
	text-align: left;
}

#container {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    text-align: left;
}


#header {
	width: 885px;
	height: 44px;
	margin: 16px 0 0 15px;
	background: url(image/img/bg_header.gif) repeat-x;
}

#headerArea {
    float: left;
    width: 885px;
}

/* ▼hack */
.toppage {
	float: left;
	margin: 0 0 0 36px;
}

.rss {
	float: left;
	margin: 0 0 0 12px;
}

/* ▼hack */
.baibai{
	float: right;
	margin: 0 33px 0 0;
}

#title {
	position: relative;
	width: 900px;
	height: 236px;
	background: url(image/img/title.gif) no-repeat;
}

#title h2 { 
	text-indent: -9999px;
}

.txthidden { 
	text-indent: -9999px;
}

/* ▼hack */
#title p {
	position: absolute;
	width: 430px;
	line-height: 1.3em;
	color: #a27e23;
	font-size: 93%;
	text-align: center;
	left: 245px;
	top: 123px;
}

#contentBg {
	margin: 0 auto;
    width: 900px;
    background: url(image/img/content_bg.gif) repeat-y;
}

#wrapper {
    float: left;
    width: 684px;
}

/* ▼hack */
.top {
	margin: 10px 14px 0 0;
	padding-bottom: 4px;
	font-size: 80%;
	text-align: right;
}

.top img {
	margin-right: 6px;
}



/* レイアウト系　メインエリア */

#contentMain {
    float: right;
    width: 489px;
	margin-top: 13px;
}

.contentMainBg01 {
	clear: both;
    width: 489px;
	height: 10px;
}

.contentMainBg02 {
    width: 489px;
	height: 8px;
    background: url(image/img/bg03.gif) no-repeat;
}


#search {
    width: 489px;
}

.contentSearch {
    width: 489px;
	height: 49px;
}

.searchBotton {
    width: 469px;
	height: 61px;
	margin: 3px 10px 0 10px;
}
.mansyon {
    float: left;
	width: 156px;
	height: 58px;
}
.kodate {
    float: left;
	width: 156px;
	height: 58px;
}
.tochi {
    float: right;
	width: 157px;
	height: 58px;
}
.contentMainBg03 {
    width: 489px;
	height: 8px;
    background: url(image/img/bg04.gif) no-repeat;
}
/* ▼hack */
.contentMainBg04 {
	clear: both;
    width: 489px;
	height: 10px;
	margin-bottom: 54px;
    background: url(image/img/bg05.gif) no-repeat;
}


/* レイアウト系　トップページ */
#contentNew {
    float: left;
    width: 489px;
}

.newTitle {
	clear: both;
}

.newPhoto {
	float: left;
}

.newArticle {
	float: left;
}
.newARight{
	float: right;
}

#newContent {
    width: 489px;
	padding-top: 8px;
    background: url(image/img/bg_newcontent.gif) repeat-y;
}

/* ▼hack */
.article_new_wide {
	float: left;
	width : 461px;
	margin: 10px 14px 14px 14px;
}

.imgTable img {
	margin: 0 15px 0 0;
}

.newPhotoLink img {
	_margin-top: 4px;
	margin-right: 6px;
}

/* ▼hack */
.newPhotoLink {
	width : 461px;
	margin: 0 14px 10px 0;
}
.newPhotoLink a {
	padding-bottom: 10px;
	font-size: 80%;
}

/* ▼hack */
.tensen {
	width: 461px;
	height: 1%;
	margin: 0 14px 10px 14px;
	border-bottom:1px dotted #d3c297;
}

.articleNewList {
	width : 461px;
	margin: 0 14px 10px;
	padding-bottom: 8px;
	height:1%;
	border-bottom:1px dotted #d3c297;
}

.newArticleTitle {
	clear: both;
	width : 461px;
	margin-bottom: 10px;
}

.newArticleTitle a {
	font-weight: bold;	
}

.newArticleTitle p {
	font-size: 93%;
}

.newArticleTitle img {
	margin-right: 6px;
}

.articleNewCont {
	width: 461px;
}

.articleNewListImg {
	float: left;
}

.articleNewListImg img {
	margin-right: 14px;
}


.articleNewList a{
	font-size: 93%;
	margin-bottom: 10px;
}

/* ▼hack */
.articleNewDesc p {
	float: center;
	margin-left: 16px;
	margin-bottom: 10px;
	font-size: 80%;
	line-height: 1.5em;
}

/* ▼hack */
.articleNewDesc p a {
	font-size: 100%;
}

.articleNewEtrinfo {
	font-size: 80%;
}

.pListAll {
	margin-right: 14px;
	padding: 0;
	font-size: 80%;
	text-align: right;
}

.pListAll img {
	margin-right: 6px;
}

.contentNav {
	margin: 0 14px 10px 14px;
	font-size: 80%;
	text-align: left;
	line-height: 1.5em;
}

/* レイアウト系　新着画像一覧 */

/* ▼hack */
.imageLoop {
	width: 461px;
	margin: 0 20px 0 20px;
}

.imageText {
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
	padding-top: 15px;
}
.imageText .imageTextPhoto {
	width: 106px;
	height: 106px;
}

.imageText p {
	width: 106px;
	height: 6em;
	font-size: 80%;
	overflow: hidden; 
}
	

/* レイアウト系　記事ページ */
.articleCont {
	width: 461px;
	margin: 0 14px 0 14px;
}

.dateHeader{
	margin: 2px 0 6px;
	color: #63ba67;
	font-size: 75%;
	text-transform: uppercase;
	text-align: left;
}

.articleTitle {
	width: 461px;
	margin-bottom: 20px;
	background: url(image/img/kiji_title02.gif) repeat-y;
}
.articleTitleTxt {
	margin: 7px 14px;
	color: #63ba67;
	font-size: 100%;
	font-weight: bold;	
}

.articleTitleTxt a,
.articleTitleTxt a:link,
.articleTitleTxt a:visited,
.articleTitleTxt a:hover {
	color: #63ba67;
	text-decoration: underline;
}


.articleBlock {
	width: 447px;
	margin-left: 14px;
}

.articleBlockTxt {
	width: 447px;
	line-height: 1.5em;
	font-size: 85%;
}

.goodjob {
	width: 461px;
	margin: 34px 0 15px;
	background: url(image/img/goodjob_waku02.gif) repeat-y;
}

.goodjobCont {
	padding: 9px 16px 7px 16px;
}

.goodjobCont img {
	margin: 11px 13px 12px 0;
}

.goodIcon {
	margin: 0 11px 7px 11px;
}

.goodjobContBttom {
	margin-top: 7px;
}

.goodjobPoint {
	margin-right: 11px;
	font-size: 80%;
	text-align: right;
}

.articleFooter {
	font-size: 80%;
	text-align: right;
}

/* レイアウト系　年月ページ */
.page {
	margin-bottom: 4px;
	margin-left: 18px;
	font-size: 80%;
}

.topDay {
	margin: 10px 0 18px 0;
	font-size: 80%;
	text-align: right;
}

.topDay img {
	margin-right: 6px;
}

/* レイアウト系　左側*/
#contentLleft {
    float: right;
    width: 192px;
	margin: 13px 3px 0 0;
}

#categoryTitle {
    width: 169px;
	height: 73px;
	margin-bottom: 0;
	_margin-bottom: 6px;
}

.sideContent h3 {
	margin: 0;
	font-size : 93%;
}

/* ▼hack */
.sideContent li {
	width: 162px;
	margin: 0 0 0 24px;
	background: url(image/img/bg_category2.gif) repeat-y;
}

.sideContent .sideList li {
	line-height: 1.2;
	width: 132px;
	padding: 5px 0 0 30px;
	font-size: 80%;
	background: url(image/img/bg_category.gif) no-repeat left 0.2em;
}

.sideContent .sideList li img {
	height: 7px;
	margin-left: -26px;
	margin-top: 5px;
}

/* ▼hack */
#rankingTitle {
	width: 169px;
	height: 60px;
	margin: 30px 6px 6px 0;
}

.sideContentInner {
	margin: 0 0 10px 22px;
}

/* ▼hack */
.sideContentInner ul.ranking li{
	width: 143px;
	padding-left: 24px;
}

/* ▼hack */
.sideContentInner ul.ranking li a{
	display: block;
	line-height: 1.5;
	padding: 3px 0 3px 0;
	margin-left: 3px;
	font-size: 80%;
}

.sideContentInner ul.ranking li.ra1 {
	margin-left: 0;
	background: url(image/img/hoshi.gif) no-repeat left top;
}

.sideContentInner ul.ranking li.ra2 {
	background: url(image/img/2.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra3 {
	background: url(image/img/3.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra4 {
	background: url(image/img/4.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra5 {
	background: url(image/img/5.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra6 {
	background: url(image/img/6.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra7 {
	background: url(image/img/7.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra8 {
	background: url(image/img/8.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra9 {
	background: url(image/img/9.gif) no-repeat left top;
	margin-left: 0;
}
.sideContentInner ul.ranking li.ra10 {
	background: url(image/img/10.gif) no-repeat left top;
	margin-left: 0;
}

.sideContentInner ul.ranking > li {
	margin-left: 0;
}



#archiveTitle {
	width: 172px;
	margin-top: 24px;
}

.archiveContent{
	width: 162px;
	margin: 0 0 10px 25px;
}

#feedTitle {
	width: 189px;
	margin-top: 24px;
}

.feedContent{
	width: 162px;
	margin: 0 0 52px 25px;
}

/* ▼hack */
.feedList li {
	margin-bottom: 3px;
	line-height: 1.5em;
	font-size: 80%;
	background: url(image/img/icon.gif) no-repeat left 0.3em;
}

.feedList li p {
	padding-left: 16px;
}

.rssIcon {
	width: 43px;
	margin: 18px 59px 0 59px;
}




/* レイアウト系　右側*/
#contentRight {
    float: left;
    width: 192px;
	padding: 0 10px 0 9px;
}

.ttlSumai {
	padding-top: 13px;
}


.ss-header {
	width: 197px;
	margin: 0;
	padding: 0;
	background: url(image/img/oen_title_bottom.gif) no-repeat;
}

/* ▼hack */
.ss-header .blockInn {
	width: 197px;
	padding:15px 0 15px 0;
}

.ss-header .sbBlock {
	margin: 0 5px 12px 5px;
	border-bottom: 1px dotted #525252;
}

.ss-header .sbBlock h4 {
	margin: 0;
	padding: 0 0 0 18px;
	background: url(image/img/link_ar_bg_l.gif) no-repeat left 0.1em;
}
.ss-header .sbBlock h4 a {
	display: block;
	line-height : 1.2em;
	color: #525252;
	font-size: 93%;
	font-weight: bold;	
	text-decoration: none;
}

.ss-header .sbBlock p {
	line-height: 1.5em;
	padding:0 0 10px 20px;
	font-size: 80%;
}
.ss-header .chkList {
	margin: 0 5px 12px 5px;
	border-bottom: 1px dotted #525252;
}

.ss-header .chkList h4 {
	display: block;
	line-height : 1.2em;
	padding: 0 0 0 18px;
	color: #525252;
	font-size: 93%;
	font-weight: bold;	
	text-decoration: none;
	background: url(image/img/link_ar_bg_l.gif) no-repeat left 0.1em;
}
.ss-header .chkList ul {
	margin: 0 0 10px 16px;
}
.ss-header .chkList li {
	margin-top: 6px;
	padding: 3px 0 3px 20px;
	line-height: 1.5;
	font-size: 80%;
	background: url(image/img/ico_pdf.gif) no-repeat left 0.3em;
}

.ss-header .last {
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: none;
}



/* レイアウト系　フッター*/
#footer {
    clear: both;
	width: 100%;
	padding-bottom: 12px;
}

#footer .fCopy {
    WIDTH: 855px;
    HEIGHT: 2px;
    margin: 0 0 0 30px;
    BACKGROUND: url(image/img/f_bg_cpy_01.gif) repeat-x;
}

/* ▼hack */
#footer .fLi {
	margin-left: 30px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 10px;
}

#footer .fLiL LI {
    float: left;
    WHITE-SPACE: nowrap;
	font-size: 80%;
}

.footSp {
	margin:	0 0 0 3px;
	color:	#0e96a9;
}

#footer .fCopy01 {
    WIDTH: 94px;
    HEIGHT: 25px;
    margin: 13px 0 0 30px;
    BACKGROUND: url(image/img/f_g_cpy_01.gif) no-repeat;
}

/* ▼hack */
#footer .fCopy02{
    float: right;
	margin-top: -25px;
	margin-right: 15px;
    FONT-SIZE: 77%;
}

/* IEのハック（ここから） */
* html #pageTop h1 { 
	width: 900px;
	margin: 0 auto;
	padding: 2px 0px 2px 27px;
	color: #fff;
	font-size: 80%;
	text-align: left;
}
*+html #pageTop h1 { 
	width: 900px;
	margin: 0 auto;
	padding: 2px 0px 2px 27px;
	color: #fff;
	font-size: 80%;
	text-align: left;
}

* html .toppage {
	float: left;
	margin: 0 0 0 18px;
}

*+html .toppage {
	float: left;
	margin: 0 0 0 18px;
}

* html .baibai{
	float: right;
	margin: 0 16px 0 0;
}
*+html .baibai{
	float: right;
	margin: 0 16px 0 0;
}

* html .article_new_wide {
	float: left;
	width : 461px;
	margin: 10px 0 6px 7px;
}
* html .newPhotoLink {
	width : 461px;
	margin: 0 14px -2px 0;
}
*+html .newPhotoLink {
	width : 461px;
	margin: 0 14px -2px 0;
}
* html .articleNewDesc p {
	float: center;
	margin-left: 16px;
	margin-bottom: 5px;
	font-size: 80%;
	line-height: 1.5em;
}
*+html .articleNewDesc p {
	float: center;
	margin-left: 16px;
	margin-bottom: 5px;
	font-size: 80%;
	line-height: 1.5em;
}

* html .ss-header .blockInn {
	width: 197px;
	padding:15px 0 20px 0;
}
*+html .ss-header .blockInn {
	width: 197px;
	padding:15px 0 20px 0;
}

* html #footer .fCopy02{
    float: right;
	margin-top: -25px;
	margin-right: 5px;
    FONT-SIZE: 77%;
}
*+html #footer .fCopy02{
    float: right;
	margin-top: -25px;
	margin-right: 15px;
    FONT-SIZE: 77%;
}

* html #footer .fLi {
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 0;
}
*+html #footer .fLi {
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 10px;
}

* html .tensen {
	width: 461px;
	height: 1%;
	margin: 0 14px 10px 12px;
	border-bottom:1px dotted #d3c297;
}
*+html .tensen {
	width: 461px;
	height: 1%;
	margin: 0 14px 10px 12px;
	border-bottom:1px dotted #d3c297;
}
* html .sideContentInner ul.ranking li{
	width: 143px;
	padding-left: 20px;
}
*+html .sideContentInner ul.ranking li{
	width: 143px;
	padding-left: 20px;
}
* html .imageLoop {
	width: 461px;
	margin: 0 0 6px 20px;
}
*+html .imageLoop {
	width: 461px;
	margin: 0 0 6px 20px;
}

* html .articleNewDesc p a {
	font-size: 93%;
}
*+html .articleNewDesc p a {
	font-size: 93%;
}
* html #rankingTitle {
	width: 169px;
	height: 60px;
	margin: 25px 6px 6px 0;
}
*+html #rankingTitle {
	width: 169px;
	height: 60px;
	margin: 24px 6px 6px 0;
}
* html .sideContent li {
	width: 162px;
	margin: 0 0 0 22px;
	background: url(image/img/bg_category2.gif) repeat-y;
}
*+html .top {
	margin: 20px 14px 0 0;
	padding-bottom: 4px;
	font-size: 80%;
	text-align: right;
}
* html .goodjob form {
	display: inline;
}
*+html .goodjob form {
	display: inline;
}
* html .contentMainBg04 {
	clear: both;
    width: 489px;
	height: 10px;
	margin-bottom: 20px;
    background: url(image/img/bg05.gif) no-repeat;
}
* html .sideContentInner ul.ranking li a{
	display: block;
	line-height: 1.5;
	padding: 3px 0 3px 0;
	margin-left: 6px;
	font-size: 80%;
}
* html .feedList li {
	margin-bottom: 3px;
	line-height: 1.5em;
	font-size: 80%;
	background: url(image/img/icon.gif) no-repeat left 0.4em;
}
*+html .feedList li {
	margin-bottom: 3px;
	line-height: 1.5em;
	font-size: 80%;
	background: url(image/img/icon.gif) no-repeat left 0.4em;
}

/* IEのハック（ここまで） */

