@charset "utf-8";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #  								              	               # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


/* ?
---------------------------------------------------- */
/*

 1. base         ()
 2. Layout       ()
 3. Header       ()
 4. Content      ()
 5. Main         ()
 6. Sub          ()
 7. Footer       ()
 8. 汎用	

/*



/* base
---------------------------------------------------- */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #005BAC;
	text-align: center;
	color: #333;
	/*font-size: 62.5%;*/
	background-image: url(images/img_bg_body.gif);
	background-position: center top;
	background-repeat: repeat-y;
	font-size: small;
}
h2 {
	font-size: small;
}
body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, caption, img {
	margin: 0;
	padding: 0;
	border: none;
}


div, table {
	line-height: 140%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

img {
	vertical-align: bottom;
}

/*#DocBody, h1, h2, h3, h4, h5, h6, input, textarea {
	font-size: 1.2em;
}*/


a:link, 
a:visited, 
a:hover, 
a:active {
	color: #00469B;
}


/* Layout
---------------------------------------------------- */
#DocBody {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #00376B;
}
#Header {
	background-image: url(images/img_main.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 323px;
}
#Contents {
	padding: 0 10px;
	margin: 10px 0 0 0;
}
#Main {
	padding-bottom: 20px;
	width: 660px;
	float: right;
}
#Sub {
	width: 200px;
	float: left;
}
#MainContents {
	width: 440px;
	float: left;
}
#ExtraContents {
	width: 200px;
	float: right;
}
#Footer {
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-top: 5px solid #0095D8;
	clear: both;
}
	
.ExtraWindow {
	background-color: #fff;	
	margin-bottom: 10px;
	text-align: center;
}


/* Header
---------------------------------------------------- */
#Header h1 {
	text-indent: -9999px;
}
#Header h1 a {
	text-indent: -9999px;
	display: block;
	width: 550px;
	height: 300px;
}
#Header div a {
	text-indent: -9999px;
	display: block;
	width: 550px;
	height: 300px;
}
#Header ul {
	margin-top: 5px;
	padding: 10px 0;
	float: right;
	width: 180px;
	list-style: none;
}
#Header ul li {
	float: left;
	margin-right: 10px;
}


/* Main
---------------------------------------------------- */
.EntryDescription {
	background-image: url(images/img_main_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	margin: 0 0 10px 0;
}
.EntryHeader {
	padding: 18px 15px 0 50px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.EntryHeader h2 {
}
.EntryBody {
	padding: 0 20px;
	/*font-size: 1.2em;*/
	line-height: 1.4;
}
#EntryCategories {
}
#EntryTag {
}
.EntryFooter {
	background-image: url(images/img_main_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 10px;
}

#Comments {
	padding: 0;
	margin: 0;
}
#CommentsHeader {
	background-image: url(images/img_main_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 0 0 10px 0;
	margin: 0;
}
#CommentsBody {
	background-color: #fff;
	padding: 5px 0;
	margin: 0;
	/*font-size: 1.2em;*/
	line-height: 1.4;
}
.CommentsList {
	margin: 0 15px;
	font-weight:bold;
	margin-bottom:5px;
	color:#005BAC;
}
.CommentsBox {
	margin: 0 15px;
	background-image: url(images/bg_dotliine.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#CommentsFooter {
	background-image: url(images/img_main_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 10px;
	padding: 0;
	margin: 0 0 10px 0;
}

#CommentsForm {
	padding: 0;
	margin: 0;
}
#CommentsFormHeader {
	background-image: url(images/img_main_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 0 0 10px 0;
	margin: 0;
}
#CommentsFormBody {
	background-color: #fff;
	padding: 0 15px;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#CommentsFormFooter {
	background-image: url(images/img_main_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 10px;
	padding: 0;
	margin: 0;
}



#Comments label {
	/*font-size: 1.2em;*/
	line-height: 1.4;
}
#Comments h2 {
	padding: 18px 15px 0 50px;
	margin-bottom: 10px;
	line-height: 1.2;
}
#Comments div {
	/*margin: 0 15px;*/
}
.PostSubmit {
	text-align: center;
}

.comment {
}

#PostComment {
}
#PostComment h2 {
}
#comment-text {
	width: 404px;
}


#TrackBacks {
}
#TrackBacks h2 {
}
#TrackBackURL {
}
.TrackBacksContent {
}
.TrackBackHeader {
}
.TrackBackContent {
}
.asset-meta {
	padding:0 20px;
	text-align:right;
}

/* Sub
---------------------------------------------------- */
.SubContent {
	background-image: url(images/sub_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #C1DDFF;
	margin: 0 0 10px 0;
}
.SubContent ul {
	margin: 0 15px;
	padding: 10px 0;
	list-style: none;
}
.SubContent li {
	padding: 3px 0 6px 0;
	background-image: url(images/bg_dotliine.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#Calendar {
	padding-bottom: 15px;
}
#Calendar h3 {
	margin-bottom: 10px;
}
#Calendar caption dl {
	width: 170px;
	border-top: 2px solid #C1DDFF;
}
#Calendar caption dt {
	width: 140px;
	float: left;
	text-align: center;
	font-weight: bold;
	border-top: 2px solid #C1DDFF;
}
#Calendar caption .prevmonth {
	width: 15px;
	float: left;
	border-top: 2px solid #C1DDFF;
	text-indent: -9999px;
}
#Calendar caption .prevmonth a {
	display: block;
	text-indent: -9999px;
	background-image: url(images/ico_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}
#Calendar caption .nextmonth {
	width: 15px;
	float: left;
	text-align: right;
	border-top: 2px solid #C1DDFF;
	text-indent: -999px;
}
#Calendar caption .nextmonth a {
	display: block;
	text-indent: -9999px;
	background-image: url(images/ico_02.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}
#Calendar table {
	width: 170px;
	margin: 10px 15px 0 15px;
}
#Calendar th {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	width: 24px;
}
#Calendar td {
	text-align: center;
	background-color: #fff;
	border: 1px solid #C1DDFF;
	padding-top: 3px; 
	padding-bottom: 3px; 
}
#Calendar .sunday {
	color: #FF0000;
}
#Calendar .EntryDay {
	background-color: #005BAC;
	color: #FFFFFF;
}

#Calendar .EntryDay a {
	color: #FFFFFF;
}

.link {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
.link li {
	margin: 0 0 10px 0;
}



/* Footer
---------------------------------------------------- */
#Footer p {
	padding: 0 10px;
}


/* ページング-----------------------------------------------*/

.multiple-pages .total {
	text-align:center;
	color: #FFFFFF;
	clear:both;
}

.multiple-pages .back {
  font-size: 12px;
	float: left;
  text-indent: -9999px;
}

.multiple-pages .back a {
	display: block;
	width: 6.3em;
	text-align: center;
	float: left;
	padding: 5px 0;
	margin-left: 5px;
	color: #00469B;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	background-color: #c1ddff;
	font-size: 12px;
  text-indent: 0px;
}


.multiple-pages .next {
  font-size: 12px;
	float: right;
  text-indent: -9999px;
}

.multiple-pages .next a {
	display: block;
	width: 6.3em;
	text-align: center;
	float: right;
	padding: 5px 0;
	margin-left: 5px;
	color: #00469B;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	background-color: #c1ddff;
	font-size: 12px;
  text-indent: 0px;
}


.multiple-pages a:link, .multiple-pages a:visited {
	border: 1px solid #ccc;
	background-color: #c1ddff;
}
.multiple-pages a:hover {
	border: 1px solid #fff;
	background-color: #c1ddff;
}
.multiple-pages a:active {
	border: 1px solid #ccc;
	background-color: #c1ddff;
}
.multiple-pages b {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #85aad1;
}




/* 汎用
---------------------------------------------------- */

/* clearfix */
.clearfix:after {
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
	*html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from IE-mac */