@charset "utf-8";

html {
	background:#76b7e5 url(../img/bg.gif) repeat-x;
}
body {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color:#666;
}
#frame {
	width:770px;
	margin:0 auto;
	text-align:left;
	background:#FFF;
	position:relative;
}
.article:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.article {
  min-height: 1px;
}

* html .article {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* header */

#header {
	padding:0 1px;
	background:url(../img/headerBg.gif) no-repeat right bottom;
}
#header img {
	display:block;
}
#logo {
	background:url(../img/logoBg.jpg) right top no-repeat;
	width:100%;
}
#header #lead {
	background:url(../img/lead.gif) no-repeat;
	width:500px;
	height:69px;
	text-indent:-9999px;
	overflow:hidden;
}
#header #title {
	width:500px;
	height:69px;
}
/* body */

#body {
	background:url(../img/bodyBg.gif) no-repeat 1px top;
	padding:39px 1px 0;
}
#body:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#body{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html #body{
  height:1%;
  overflow:visible;
}


/* article */

.section {
	width:485px;
	float:left;
	padding:0 20px 40px 39px;
}

.article {
	margin-bottom:40px;
	clear:both;
}
.article li {
	margin:0.62em 0;
	line-height:1.4;
	font-size:87.5%;
}
.article .link li {
	background:url(../img/linkBg.png) no-repeat;
	padding-left:16px;
	text-decoration:none;
	display:block;
}
.article a:hover {
	text-decoration:underline;
}

.article h2, .article h2 a {
	font-weight:bold;
	color:#004466;
	border-bottom:3px solid #a3bfcc;
	padding-bottom:2px;
	line-height:1.4;
	font-size:100%;
	text-decoration:none;
}
.article h2 a {
	border:none;
}
.article dt, .article dd {
	font-size:87.5%;
	line-height:1.4;
	margin:0.62em 0;
}
.article strong {
	font-weight:bold;
}
.article em {
	font-style:italic;
}
.article blockquote {
	border-left:3px solid #CCC;
	border-right:3px solid #CCC;
	padding:10px;
	background:#f2f2f2;
}
.article dt {
	font-weight:bold;
}
.article dd {
	border-left:5px solid #CCC;
	padding-left:10px;
}
address {
	font-style:normal;
}

/* figure */

.figure {
	overflow:auto;
	width:465px;
	font-weight:bold;
}

.figure img {
	margin:0 10px 0 0;
}
.article .figure p {
	margin:20px 0;
	clear:none;
	line-height:1.4;
	font-weight:bold;
}

.figure img {
	float:left;
	margin: 0 20px 0.62em 0;
	border:1px solid #999;
	font-size:87.5%;
}
.article .entry {
	border-bottom:1px dotted #CCC;
	padding-bottom:20px;
	margin:0.62em 0 5px;
	font-size:87.5%;
	line-height:1.62;
	clear:both;
}
.article p {
	clear:both;
	margin:0.62em 0;
	font-size:87.5%;
	line-height:1.62;
}
	
.article .entryDate {
	float:left;
	margin:0 30px 20px 10px;
	line-height:16px;
	font-size:75%;
}
.article .state li {
	float:right;
	margin:0 0 0 10px;
	font-size:71.4%
	}
.entry_comment {
	clear:both;
	padding-top:2em;
	}
.article table {
	border:1px solid #999;
	margin:0.62em 0;
	border-collapse:separate;
	border-spacing:5px;
}
.article th, .article td {
	padding:0.3em 0.5em 0.1em;
	line-height:1.4;
	font-size:75%;
	vertical-align:top;
	border:1px solid #CCC;
}
.article th {
	background:#76b7e5 url(../img/bg.gif) repeat-x;
	color:#FFF;
}

/* entryNavi */

.entryNavi {
	clear:both;
	font-size:75%;
}
.pager {
	clear:both;
	font-size:75%;
	line-height:1.4;
	padding-top:40px;
}
	
.pager a {
	border:1px solid #CCC;
	background:#F2f2f2;
	padding:5px;
	text-decoration:none;
	clear:both;
}

/* tag */

.article .tag li {
	font-size:100%;
	float:left;
	margin:0 10px 20px 0;
	line-height:16px;
}
.article .tag li a {
	width:auto;
	background:none;
	font-size:75%;
	padding:0;
}

/* aside */

#aside {
	float:right;
	background:url(../img/asideBg.png) no-repeat left bottom;
	padding-bottom:10px;
	width:224px;
}

#aside ul {
	background:#b8d2e5;
	margin-left:10px;
	padding:10px 10px 5px;
}
	
#aside li {
	font-size:75%;
	margin:0.4em 0;
	line-height:1.4;
	background:url(../img/linkBgAside.png) no-repeat;
	padding-left:16px;
}
#aside li a {
	text-decoration:none;
}
#aside li a:hover {
	text-decoration:underline;
}
#aside #search {
	margin-left:10px;
	padding:5px;
	background:#b8d2e5;
}
#aside #searchBox {
	font-size:12px;
	width:150px;
}

/* calendar */

#aside #calendar {
	padding:20px 0;
	margin:0 0 0 10px;
	background:#b8d2e5;
}
#aside #calendar table {
}
#aside #calendar td {
	font-size:75%;
	text-align:center;
	width:30px;
}
#aside #calendar a {
	display:block;
	padding:5px;
	background:#FFF;
	text-decoration:none;
}
#aside #calendar a:hover {
	background:#CCE5F2;
}
#aside #calendar .calendar_month td {
	width:auto;
	padding-bottom:10px;
}
#aside #calendar .calendar_month a {
	display:inline;
	background:#b8d2e5;
}
#aside #calendar .calendar_week td {
	font-size:62.5%;
}

.section .linktitle {
	margin:0;}
.linktitle {
	margin:0 0 0 10px;
	padding:5px;
	font-size:75%;
	font-weight:bold;
	background:#99CCFF;
	color:#FFF;
}
.comment_body {
	font-size:87.5%;}

/* archives */

.archives a {
	width:auto;
}


/* mainNav */

#mainNav {
	position:absolute;
	right:1px;
	top:93px;
}
#mainNav li {
	text-align:right;
	float:right;
	clear:right;
}
#mainNav a img {
	display:block;
}
#mainNav a:hover img {
	visibility:hidden;
}

#bottomNav {
	clear:both;
}

/* footer */

#footer {
	clear:both;
	text-align:center;
	background:url(../img/bg.gif) left bottom repeat-x;
	padding:20px 0 10px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	height:80px;
}
#footer li {
	padding:0 1em;
	display:inline;
	font-size:75%;
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	background:#FFF;
	color:#76b7e5;
}
#footer address {
	font-size:75%;
	padding:20px;
	color:#FFF;
}

.SpryHiddenRegion {
	display:none;
}