@charset "utf-8";

/*
Theme Name: 副都心金融機関：住宅ローンニューステンプレート
Description: 金融機関：住宅ローンニュースブログのテンプレート
Version: 0.9
Author: in-seki
*/

/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

/* Hides from MacIE \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from MacIE */

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-align: center;
	font: 12px/15px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, sans-serif;
	font-size-adjust: none;
}
h1, h2, h3, h4, h5, h6, table, form, p, ul, ol, li, dl, dt, dd, img { 
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
}
div, p, table, form {
	text-align: left;
}
p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 16px;
}
table {
	border-collapse: collapse;
	empty-cells: show;
	border-width: 0px;
	border-style: none;
}
th, td {
	vertical-align: top;
	text-align: left;
}
img {
	border: 0px;
	vertical-align: top;
}
input {
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 0px;
}
ul,ol {
}
dl {
}

/* 共通リンクを定義 */

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	background: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}

/* ブログを定義 */

#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
}
#contents {
	padding-bottom: 1px;
}
#contents h2 {
}
#path_navigation {
	background: #f7f7f7;
	border: 1px solid #e8e8e8;
	list-style: none;
	padding: 4px;
	margin-bottom: 20px;
}
#path_navigation li {
	color: #FFFFFF;
	float: left;
	background: url(images/mark_arrow.gif) no-repeat right center;
	padding-right: 12px;
	margin-right: 2px;
	margin-top: 1px;
}
#path_navigation li.none  {
	background: url(none);
}
#path_navigation li .link  {
	background: #a0b08a;
	padding: 2px 4px;
}
#path_navigation li.none .active  {
	color: #FFFFFF;
	background: #cccccc;
	padding: 2px 4px;
}
#path_navigation li a:link {
	color: #FFFFFF;
	background: #a0b08a;
	padding: 2px 0px;
}
#path_navigation li a:visited {
	color: #FFFFFF;
	background: #a0b08a;
	padding: 2px 0px;
}
#path_navigation li a:hover {
	color: #e1eed0;
	background: #a0b08a;
	padding: 2px 0px;
}
#path_navigation li a:active {
	color: #e1eed0;
	background: #a0b08a;
	padding: 2px 0px;
}
#main {
	float: left;
	width: 636px;
	margin-top: 3px;
}
#navigation {
	float: right;
	width: 299px;
	background: url(images/navi_header.gif) no-repeat left top;
	padding-top: 13px;
	margin-bottom: 20px;
}
#navigation_main {
	background: url(images/navi_bg.gif) repeat-y;
	padding: 2px 13px 2px 16px;
}
#navigation_footer {
	background: url(images/navi_footer.gif) no-repeat left bottom;
	padding-bottom: 13px;
}
#navigation #bt_regist {
	text-align: center;
}
#navigation h3 {
	margin-bottom: 12px;
}
#navigation ul {
	list-style: none;
	margin-bottom: 16px;
	margin-left: 6px;
	margin-right: 6px;
}
#navigation li {
	background: url(images/mark_link.gif) no-repeat left 0px;
	padding-left: 22px;
	line-height: 16px;
	margin-bottom: 8px;
}
#navigation form {
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 16px;
}
.article {
	margin-bottom: 10px;
}
.article h3.title {
	background: #bf7f87 url(images/article_title.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 11px;
	padding-bottom: 8px;
	padding-left: 6px;
	_height: 15px;
	min-height: 15px;
}
.article h3.title a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.article h3.title a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.article h3.title a:hover {
	color: #e1b7bc;
	background: none;
	text-decoration: none;
}
.article h3.title a:active {
	color: #e1b7bc;
	background: none;
	text-decoration: none;
}
.article h4.date {
	background: #f7f7f7;
	text-align: right;
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	color: #af777e;
	padding: 5px 18px;
}
.article h4.date a:link {
	color: #af777e;
}
.article h4.date a:visited {
	color: #af777e;
}
.article h4.date a:hover {
	color: #af777e;
}
.article h4.date a:active {
	color: #af777e;
}
.article_main {
	background: url(images/article_bg.gif) no-repeat left top;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	padding: 20px 20px 4px;
}
.article_main a:link {
	color: #ff9933;
	text-decoration: none;
}
.article_main a:visited {
	color: #ff9933;
	text-decoration: none;
}
.article_main a:hover {
	color: #FF3300;
	background: none;
	text-decoration: none;
}
.article_main a:active {
	color: #FF3300;
	background: none;
	text-decoration: none;
}
.totop {
	text-align: right;
	font-size: 10px;
	margin-bottom: 20px;
}
.totop a:link {
	color: #996600;
}
.totop a:visited {
	color: #996600;
}
.totop a:hover {
	color: #996600;
}
.totop a:active {
	color: #996600;
}
.page_navigation {
	margin-top: 20px;
	margin-bottom: 20px;
}
.page_navigation .previous {
	width: 300px;
	float: left;
}
.page_navigation .next {
	width: 300px;
	float: right;
	text-align: right;
}
/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */