@charset "utf-8";
/* CSS Document */

/* ----------------------
 タグ・共用クラス
---------------------- */
h1 {
	font-size:8px;
	background: #80b02d;
	margin: 0;
	padding: 0 10px;
	color: #b8d685;
	text-align:right;
	height:10px;
}


.center {
	text-align:center;	
}

.bold {
	font-weight: bold;
}

.red {
	color:#af1500;
}



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

div.container {
	text-align:left;
	width: 916px;
	margin:0 auto;
	background: #fff;
}

div.containerInner {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

/* ----------------------
　ヘッダー
---------------------- */
div#header {
	background: url(../images/common/bg_header.jpg) 0 0 repeat-x;
	height: 153px;
}

div#headerContainer {
	margin:25px 0 24px;
	width:916px;
}

div#logo {
	float: left;
	padding-left:30px;
}

div#search {
	text-align:right;
	float: right;
	padding:20px 40px 0 0;
}

div#search input#s {
	height:23px;
	border:1px solid #ccc;
	background: #efefef;
	font-size:90%;
}

div#search input#submit {
	vertical-align: bottom;
}


/* ----------------------
 gNAV
---------------------- */

div#gNav {
	text-align:center;
}

div#gNav ul {
}


div#gNav li.level1{
	background:url(../images/common/bg_menu.jpg) 0 0 repeat-x;
	float: left;
	width:227px;
	text-align:center;
	border-collapse:collapse;
	border-left:1px solid #ccc;
	text-indent:0;
}

div#gNav li.level1:hover{
	background:url(../images/common/bg_menu.jpg) 0 -45px repeat-x;
}
div#gNav li.now{
	background:url(../images/common/bg_menu_now.jpg) 0 0 repeat-x;
}

div#gNav a.level1 {
	color:#fff;
	display:block;
	padding:0 10px;
	height: 45px;
	line-height:45px;
	font-size:80%;
}

div#gNav a.level1:hover {
	text-decoration: none;
	color: #eee;
}


/* ----------------------
 グローバルNAVI
---------------------- */
#nav-one li.level1 {
	position: relative;
	text-align:left;
	color: #80b02d;
}


#nav-one ul {
	font-size:80%;
	background: #ddd;
	position: absolute;
	top: -500em;
	left:0;
	width:227px;
}

#nav-one li:hover ul,
#nav-one li.sfHover ul {
	top: 45px;
	left: 0px;
}

#nav-one li:hover ul.gNavRight,
#nav-one li.sfHover ul.gNavRight{
	top: 45px;
	left: -130px;	
}

#nav-one li.level1 ul li {
	text-align:left;
}

#nav-one li.level1 ul li a {
	line-height:1.4;
	display:block;
	font-size:90%;
}

#nav-one li:hover ul li,
#nav-one li.sfHover ul li {
	margin:0;
	padding:0;
	border-top:1px dotted #eee;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #ddd;
	background-image:none;
	color: #222;
	padding:6px 10px;
	line-height:1.5;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #80b02d;
  color: #fff;
  text-decoration:none;
}



/* ----------------------
 パンクズ
---------------------- */
div#pankuzu {
	font-size:70%;
	color: #aaa;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	margin:0 20px;
}


/* ----------------------
 コンテンツ
---------------------- */
div#contentsContainer {
	width: 916px;
	padding:20px 0 60px;
}



div#contents {
	float: left;
	width: 666px;
}

div#contetns_inner {
	min-height:500px;
	padding:0 20px;
}


/* ----------------------
 トップページ
---------------------- */
div#keyvis {
	background: url(../images/index/keyvis.jpg) 0 0 no-repeat;
	height: 225px;
}


div#popular {
	text-align: center;	
	margin:0 auto 28px;
}

div#popularTtl {
	width: 876px;
	margin:20px auto 5px;
	background: url(../images/index/ttl_popular.jpg) 0 0 no-repeat;
	height: 36px;
}

div#popular a:link,
div#popular a:visited {
	font-weight:bold;
	text-decoration:underline;
	letter-spacing:0;
}

div#popular table {
	text-align:left;
	width: 876px;
	margin:0 auto;		
}


/* コンテンツ一覧 */
div#contentsArchive{
	width: 876px;
	margin:20px auto;
	text-align:left;
}

div#contentsArchiveTtl {
	background:url(../images/index/ttl_contents.jpg) 0 0 no-repeat;
	height: 26px;
}

div#contetnsArchiveContainer {
	width:850px;
	margin:0 auto;
}


div#contentsArchiveLeft {
	width: 400px;
	float: left;
}

div#contentsArchiveRight {
	width: 400px;
	float: right;
}


div#contentsArchive dl {
	margin:10px 0 12px;
	width:400px;
	font-size:80%;
}


div#contentsArchive dl dt {
	margin:18px 0 6px 0;
}

div#contentsArchive dl dd {
	background: url(../images/common/icon_document.gif) 0 4px no-repeat;
	padding:5px 0 5px 20px;
}

div#contentsArchive dl dd a:hover {
	text-decoration: underline;	
}





/* ----------------------
 一覧ページ
---------------------- */
div#archiveTtl {
	border-bottom:1px dotted #ccc;
	width:876px;
	padding-bottom:23px;
}

table#archiveTable {
	margin:0;
	width: 876px;
}

table#archiveTable td {
	padding:8px 0;
	width: 428px;
	border-bottom:1px dotted #ccc;
}

table#archiveTable td.spacerCell {
	width:20px;
	border-bottom:0;
}

div#contents table#archiveTable td dl {
	margin:0;
	padding:0;
	background:#fff;
	border:none;
}

div#contents table#archiveTable td dt,
table#archiveTable td dt{
	clear:both;
	margin:0;
	padding:0;
	float: left;
	width: 72px;
}


div#contents table#archiveTable td dd,
table#archiveTable td dd {
	padding:0;
	margin:0;
}


div#contents table#archiveTable td dd p,
table#archiveTable td dd p{
	padding:0;
	margin:0;
	text-indent: 0;
}

div#contents table#archiveTable td dl dt,
div#contents table#archiveTable td dl dt,
div#contents table#archiveTable td dl dt,
table#archiveTable td dl dt,
table#archiveTable td dl dt,
table#archiveTable td dl dt{
	text-decoration:none;
}

div#contents table#archiveTable td dd p.ttl,
table#archiveTable td dd p.ttl{
	padding:0;
	line-height:20px;
	font-size:100%;
	margin:0 0 6px;
}

div#contents table#archiveTable td dd p.txt,
table#archiveTable td dd p.txt{
	padding:0;
	margin:0;
	color:#777;
	font-size: 70%;
	line-height:1.4;
}



/* ----------------------
 検索結果
---------------------- */
div#searchBox {
	text-align:center;
}

div#searchBox_inner {
	width: 876px;
	margin:0 auto;
	text-align: left;
}


div#searchTtl {
	padding-bottom:10px;
}

div#searchBox h2 {
	font-weight:bold;
	line-height: 23px;
	margin:25px 0 0 0;
	padding:0 0 10px 0;
	font-size:110%;
	padding-left: 32px;
	background:url(../images/archive/bg_h2_search.jpg) 0 0 no-repeat;	
}

dl#searchResult {
	margin:12px 0;
	padding:20px 20px 0 20px;
	border:1px solid #ddd;
	background: #efefef;
}

dl#searchResult dt,
dl#searchResult dt a{
	font-size:100%;
	text-decoration:underline;
	font-weight:bold;
}

dl#searchResult dt {
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:url(../images/common/icon_document.gif) 0 0 no-repeat;	
}

dl#searchResult dd {
	font-size:80%;
	color:#666;
	margin:0px 0 20px 0;
	padding-bottom:16px;
	border-bottom:1px dotted #666;
}

dl#searchResult table#paging {
	width: 600px;
	text-align: center;
	margin:10px auto 20px;
}

dl#searchResult table#paging td{
	padding:0 20px;
	font-size:80%;
	
}


/* ----------------------
 単一記事
---------------------- */


/* 本文レイアウト */
div#contents h2 {
	font-weight:bold;
	line-height: 23px;
	margin:45px 0 0 0;
	padding:0 0 10px 0;
	font-size:110%;
	padding-left: 32px;
	background:url(../images/pages/bg_h2.jpg) 0 0 no-repeat;
}

div#contents h3 {
	font-weight:bold;
	line-height: 23px;
	margin:40px 0 0 0;
	padding:0 0 10px 0;
	font-size:100%;
	padding-left: 15px;
	background:url(../images/pages/bg_h3.jpg) 0 0 no-repeat;
}

div#contents h4 {
	font-weight:bold;
	line-height: 26px;
	margin:30px 0 0 0;
	padding:0 0 10px 0;
	font-size:100%;
	padding-left: 35px;
	background:url(../images/pages/bg_h4.jpg) 20px 0 no-repeat;
}

div#contents h4 a {
	line-height: 26px;	
}


div#contents p {
	letter-spacing: 1px;	
}

div#contents div#contetns_inner .indent {
	margin-left:20px;	
}


div#contents a:link,
div#contents a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #0000ff;
}

div#contents a:hover {
	color: #9999ff;
}

div#contents span {
	line-height:1.8;	
}

div#contents p,
div#contents ul,
div#contents dl{
	font-size:90%;	
	margin:8px 0 12px 0;
	line-height:1.8;
}

div#contents p {
	margin:8px 0 22px 0;
	text-indent:1em;
}

div#contents em {
	line-height:1.8;	
}

div#contents ul li,
div#contents div.box p,
div#contents div.box div{
	margin:18px 0;
	line-height:1.0;	
}

div#contents dl dt {
	margin:16px 0;
	line-height:1.4;		
}
div#contents dl dd{
	margin: 0 0 16px;
	line-height:1.4;		
}


div#contents ul,
div#contents dl,
div.box
{
	border:1px solid #ccc;
	background: #eee;
	padding:0 24px;
	letter-spacing:1px;
	list-style:disc;
	list-style-position:inside;
}

div#contents dl dt{
	font-weight: bold;
	text-decoration:underline;
}


div#contents dl dd{
	margin-left:12px;	
}

div#contents table.contTable1 {
	margin:0 0 12px;
	font-size:90%;
	width: 620px;
}

div#contents table.contTable1 td,
div#contents table.contTable1 th{
	padding:10px;
	line-height:1.6;
	text-align:center;
	border:1px solid #ccc;
}

div#contents table.contTable1 th {
	background:#efefef;
}

div#contents table.contTable2 {
	margin:0 0 12px 20px;
	font-size:90%;
	width: 600px;
}

div#contents table.contTable2 td,
div#contents table.contTable2 th{
	padding:10px;
	line-height:1.6;
	text-align:center;
	border:1px solid #ccc;
}

div#contents table.contTable2 th {
	background:#f1f1f1;
}





/* ランキング等誘導リンク */
div#contents .goto {
	background:url(../images/pages/icon_finger.jpg) 0 0 no-repeat;
	padding-left:30px;
	margin:0;
	
}

#contents .goto a:link,
#contents .goto a:visited{
	color:#03C;
	font-size:110%;
}

#contents .goto a:hover {
	color: #C66;	
}

/* 次の記事へ */
div#contents div.nextPost {
	margin:40px 0 20px 0;
	text-align:center;
	border-top: 1px dotted #ccc;	
	border-bottom: 1px dotted #ccc;	
}

div#contents div.nextPost p {
	margin:0;
	padding: 20px 0;
}

div#contents div.nextPost p img {
	vertical-align: baseline;
	margin-right:10px;
}


/* 関連記事 */
div.relatedPost {
		
}
div.relatedFooter {
	background:url(../images/pages/relatedPost_footer.jpg) center bottom no-repeat;				
}

div.relatedHeader {
	background:url(../images/pages/relatedPost_header.jpg) center top no-repeat;
	padding:38px 0 4px;
}

* html div.relatedHeader {
	padding:44px 0 4px;
	height: 1%;
}


div#contents div.relatedPost ul {
	border:none;
	background:#fff;
	list-style:none;
	padding:0;
	margin:6px 0 0;
}

div#contents div.relatedPost ul li {
	border-top:1px dotted #ccc;
	border-collapse:collapse;
	color:#001893;
	margin: 0;
	padding:0;
	line-height:1;
	background:url(../images/common/icon_arrow_wht.jpg) 6px 11px no-repeat;
}

* html div#contents div.relatedPost ul li {
	border-bottom:1px dotted #ffffff;	
}

div#contents div.relatedPost ul li a {
	line-height:1;
	color:#001893;
	margin:0;
	display: block;
	padding:10px 0 10px 26px;
}

div#contents div.relatedPost ul li a:hover {
	line-height:1;
	margin:0;
	color:#001893;
	background:#eee url(../images/common/icon_arrow_wht.jpg) 6px 11px no-repeat;;
}





/* ----------------------
 サイドバー
---------------------- */
div#side {
	width: 230px;
	float: left;
}

div.side_module {
	margin:0 0 20px;
}

div.category_header {
	
}

div.category_body {
	border-left:1px solid #ddd;	
	border-right:1px solid #ddd;	
	border-bottom:1px solid #ddd;	
}

div.category_body ul{
	font-size: 80%;
}

div.category_body ul li{
	border-bottom:1px dotted #ccc;
	background:#fff url(../images/common/icon_arrow_wht.jpg) 10px 12px no-repeat;
}

div.category_body ul li.last{
	border-bottom:none;
}


div.category_body ul li.now{
	padding:10px 15px 10px 26px;
	background:#ddd url(../images/common/icon_arrow_grn.jpg) 10px 12px no-repeat;
}

div.category_body ul li a {
	display:block;
	line-height:1.2;
	padding:10px 15px 10px 26px;
}

div.category_body ul li a:link,
div.category_body ul li a:visited{
	color:#001893;
	text-decoration: underline;
}

div.category_body ul li a:hover {
	background:#f1f1f1 url(../images/common/icon_arrow_wht.jpg) 10px 12px no-repeat;
}




/* ----------------------
 ページ（運営者・免責事項）
---------------------- */

div#pageContents {
	text-align:left;
	width: 876px;
	margin:0 auto;
	min-height:500px;
	height: auto !important;
	height: 500px;
}

div#pageContents h2 {
	font-weight:bold;
	line-height: 23px;
	margin:14px 0;
	padding:0 0 10px 0;
	font-size:110%;
	padding-left: 32px;
	background:url(../images/archive/bg_h2_search.jpg) 0 0 no-repeat;
}


div#pageContents ul {
	list-style:decimal;
	list-style-position:inside;
	margin:0;
	padding:0;
}

div#pageContents ul li {
	margin:10px 0;
	padding:0 10px;
	line-height:1.8;
}




/* ----------------------
　フッターリンク
---------------------- */
div#footerLink {
	background: #ededed;
	font-size:60%;
	color:#999;	
}

div#footerLink .containerInner{
	background: #dddddd;
	margin:0;
	text-align:center;
}

div#footerLinkContainer {
	width:914px;
	margin:0 auto;
	text-align:left;
}

div#footerLink p#footerlink_left {
	margin: 10px;
	float: left;
}

div#footerLink p#footerlink_left a:link,
div#footerLink p#footerlink_left a:visited {
	color:#999;	
}

div#footerLink p#footerlink_right {
	margin: 10px 20px;
	float: right;
}


/* ----------------------
 フッター
---------------------- */
div#footer {
	background: #dddddd;
}

div#footer .containerInner {
	background: #797979;
	min-height:150px;
	height: auto !important;
	height: 150px;
}

div#footer div#copyright {
	font-size:60%;
	color: #CCC;
	text-align:right;
}

div#footer div#copyright p {
	padding:10px;
}