/***********************************************/
/* style.css                             */
/***********************************************/

/***********************************************/
/* index.html                            */
/***********************************************/ 

/* 基本 */
body{
	background-color:#ececec;
	background-image:url(img/bk_01.jpg);
	background-position:center;
	background-repeat:repeat-y;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-family: Verdana,  "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;
}

a      {text-decoration: none;
	color: #4169e1
	}

a:hover {text-decoration: underline
	}
	
hr { clear: left;
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #ccc; /* 線色 */
  	height: 1px; /* 高さ */
}

hr.style1 {
	border-top: 1px dotted #bbb;
	text-align: center;
}
hr.style1:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #fff;
	color: #bbb;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}

/* レイアウト */
div#container	{width: 900px;
				margin: auto;
				}
		
div#content	{width: 500px;
			float: left;
			border: solid 1px #cccccc;
			padding: 10px 15px;
			margin-bottom: 20px;
			background-color:#FFFFFF
			}

div#sidebar	{border: solid 1px #cccccc;
			width: 360px;
			float: right;
			margin-bottom: 20px;
			background-color:#FFFFFF}
		
/* ヘッダー */
div#header	{position:relative;
			width: 900px;
			margin: auto;
			background-color:#FFFFFF;
			border-bottom: none;
			margin-bottom: 10px;
			margin-top: 10px
		}
		
div#header h1	{font-size: 1.875em;
		margin: 0;
		margin-bottom: 4px
		}
div#header a	{text-decoration: none;
		}
div#header .desc	{font-size: 11px;
					position:absolute;
					top:32px;
					right:0;
					z-index:10;
					line-height:1.2em
		}

div#header .site{font-size: 12px;
				color: #c0c0c0;
				position:absolute;
				top:0px;
				left:800px;
				z-index:20
				}


/* 記事 */


div#content p	{font-size: 0.875em;
		line-height: 1.6;
		margin-top: 10px;
		padding: 0 10px}
		
div#content ul { clear:left;
				list-style:none;
				margin:0;
				padding:0;
				font-size:0.75em
				}

div#content ul li{ margin:5px 0;
					float:left;
					list-style-type:none;
					}
div#content li a{ 
					display:block;
					width:110px;
					padding:3px;
					margin-right:5px;
					border:solid #444 1px;
					text-decoration:none;
					text-align:center;
					color:#444;
					}
				
div#content li a:hover { border: 1px #dc143c solid;
							color:#dc143c;
							background-color:#cfc8c8
							}

div#content li img {padding-bottom:4px
					}		



/* 記事内の画像 */
div#content img	{border: none;
				margin:0;
				}
.cap { text-align:right;
		font-size:0.75em;
		padding:4px
		}

.clearleft { clear:left
			}

.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

/* フォント */
.tx_gr { color: #006666}
.tx_red { color:#dc143c }

/* サイドバー */

div#sidebar ul	{margin: 0;
		padding: 0}

div#sidebar h2	{font-size: 0.75em;
		color: #778899;
		padding-bottom: 6px;
		margin: 0 0 10px}

			

/* .navBar */

.navBar { clear:left;
		border-top:dotted 1px #ccc
		}

.navBar ul { list-style-type: none
			}
			
.navBar li { magin: 0;
			padding:0 0 10px 0
			}
			
			
.navBar li p {font-size: 0.75em;
			line-height: 1.166;
			padding:0 10px;
			}

.nav_bt { margin: 0 10px;
		line-height:2em;
		font-size:0.8em;
		}		

			
.navBar h4 {
			font-size: 0.875em;
			color:#333333;
			margin:0;
			padding:0 10px
			}

.navBar a:hover { text-decoration: underline
			}
			


/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	padding: 5px;
	margin: 20px 10px}

p.feed a	{color: #778899;
		text-decoration: none}

p.feed img	{vertical-align: middle;
		margin-right: 6px}

/* フッター */
div#footer	{clear: both;
		border-top: solid 1px #cccccc;
		padding: 6px 0}

#address	{font-size: 0.75em;
	font-style: normal;
	color: #666666;
	font-family: Verdana, sans-serif;
	margin: 0}

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}


/* breadCrumb */

#breadCrumb{
	font-size: 0.75em;
	padding: 5px 0px 10px 10px;
}