@charset "UTF-8";


/* サイトの基本設定 */
*{
	margin: 0px; padding: 0px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #CCCCCC;
	color: #333333;
}
a:link {
	color: #336666;
	outline: 0;
}
a:visited {
	color: #336666;
	outline: 0;
}
a:hover {
	color: #FF6600;
	outline: 0;
}
a:active {
	color: #FF6600;
	outline: 0;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* フレーム */
#wrapper {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/back1.jpg);
	background-repeat: repeat-y;
	background-position: 1px;
	padding-left: 1px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ヘッダー */
#access {
	margin-left: 15px;
	width: 720px;
	font-size: 12px;
	color: #999999;
	background-color: #FFFFFF;
	height: 15px;
	background-image: url(../img/header-img1.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 10px;
}
#access a:link,
#access a:visited,
#access a:hover,
#access a:active {
	color: #999999;
}
#header {
	height: 65px;
	width: 730px;
	margin-left: 15px;
	background-image: url(../img/header-img2.jpg);
	background-repeat: no-repeat;
	
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* お問い合わせボタン */
a.bt-contact:link,
a.bt-contact:visited,
a.bt-contact:hover,
a.bt-contact:active {
	height: 25px;
	width: 95px;
	margin-top: 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	float: right;
	margin-right: 20px;
}
a.bt-contact:link {
	background-image: url(../img/bt-contact.jpg);
}
a.bt-contact:visited {
	background-image: url(../img/bt-contact.jpg);
}
a.bt-contact:hover {
	background-image: url(../img/bt-contact-over.jpg);
}
a.bt-contact:active {
	background-image: url(../img/bt-contact-over.jpg);
}
/* サイトマップボタン */
a.bt-sitemap:link,
a.bt-sitemap:visited,
a.bt-sitemap:hover,
a.bt-sitemap:active {
	height: 25px;
	width: 95px;
	margin-top: 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	float: right;
}
a.bt-sitemap:link {
	background-image: url(../img/bt-sitemap.jpg);
}
a.bt-sitemap:visited {
	background-image: url(../img/bt-sitemap.jpg);
}
a.bt-sitemap:hover {
	background-image: url(../img/bt-sitemap-over.jpg);
}
a.bt-sitemap:active {
	background-image: url(../img/bt-sitemap-over.jpg);
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ヘッダーボタンのボックス */
#bt-headbox {
	width: 728px;
	margin-left: 16px;
}
#bt-headbox li {
	float: left;
	list-style-type: none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ヘッダーボタン */
/* 共通設定 */
a.bt-head1:link,
a.bt-head1:visited,
a.bt-head1:hover,
a.bt-head1:active,
a.bt-head2:link,
a.bt-head2:visited,
a.bt-head2:hover,
a.bt-head2:active,
a.bt-head3:link,
a.bt-head3:visited,
a.bt-head3:hover,
a.bt-head3:active,
a.bt-head4:link,
a.bt-head4:visited,
a.bt-head4:hover,
a.bt-head4:active {
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 182px;
	text-decoration: none;
}
/* トップページ */
a.bt-head1:link {
	background-image: url(../img/bt-head1.jpg);
}
a.bt-head1:visited {
	background-image: url(../img/bt-head1.jpg);
}
a.bt-head1:hover {
	background-image: url(../img/bt-head1-over.jpg);
}
a.bt-head1:active {
	background-image: url(../img/bt-head1-over.jpg);
}
/* 年金の基礎知識 */
a.bt-head2:link {
	background-image: url(../img/bt-head2.jpg);
}
a.bt-head2:visited {
	background-image: url(../img/bt-head2.jpg);
}
a.bt-head2:hover {
	background-image: url(../img/bt-head2-over.jpg);
}
a.bt-head2:active {
	background-image: url(../img/bt-head2-over.jpg);
}
/* 老齢基礎年金計算 */
a.bt-head3:link {
	background-image: url(../img/bt-head3.jpg);
}
a.bt-head3:visited {
	background-image: url(../img/bt-head3.jpg);
}
a.bt-head3:hover {
	background-image: url(../img/bt-head3-over.jpg);
}
a.bt-head3:active {
	background-image: url(../img/bt-head3-over.jpg);
}
/* 付加年金計算 */
a.bt-head4:link {
	background-image: url(../img/bt-head4.jpg);
}
a.bt-head4:visited {
	background-image: url(../img/bt-head4.jpg);
}
a.bt-head4:hover {
	background-image: url(../img/bt-head4-over.jpg);
}
a.bt-head4:active {
	background-image: url(../img/bt-head4-over.jpg);
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* メイン */
#main {
	width: 730px;
	float: left;
	padding-left: 15px;
	padding-bottom: 20px;
	margin-top: 30px;
	background-image: url(../img/back2.jpg);
	background-repeat: repeat-y;
	background-position: 15px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* コンテンツ */
#contents {
	width: 510px;
	float: right;
}
#bread {
	width: 500px;
	height: 16px;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 10px;
	color: #666666;
	padding-left: 10px;
	margin-bottom: 25px;
}
#ads-top {
	float: left;
	margin-bottom: 35px;
}
#ads-left {
	width: 250px;
	float: left;
}
#ads-right {
	width: 250px;
	float: right;
	margin-left: 10px;
}
#ads-bottom {
	clear: left;
	padding-top: 15px;
	margin-left: 10px;
}
h2 {
	background-image: url(../img/caption.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 500px;
	padding-left: 10px;
	padding-top: 7px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #003333;
	clear: both;
}
h3 {
	background-image: url(../img/caption.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 500px;
	padding-left: 10px;
	padding-top: 7px;
	margin-top: 50px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #003333;
}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
	color: #003333;
}
p {
	margin-bottom: 25px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 150%;
}
.color-red {
	color: #CC0000;
}
.color-green-b {
	color: #999900;
	font-weight: bold;
}
.number {
	font-weight: bold;
	color: #666600;
}
.indent {
	margin-bottom: 25px;
	margin-left: 32px;
	font-size: 14px;
	line-height: 150%;
	text-indent: -24px;
}
.emphasis {
	font-weight: bold;
	color: #669900;
}
#flash-rourei {
	width: 490px;
	height: 570px;
	margin-bottom: 25px;
	margin-left: 10px;
	background-image: url(../img/flash-information.gif);
	background-repeat: no-repeat;
	background-position: 33px 235px;
}
#flash-fuka {
	width: 490px;
	height: 425px;
	margin-bottom: 25px;
	margin-left: 10px;
	background-image: url(../img/flash-information.gif);
	background-repeat: no-repeat;
	background-position: 33px 163px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



/* トップページ　カテゴリ */
/* ボックス */
.left-box,
.center-box,
.right-box {
	width: 150px;
	padding-left: 15px;
	float: left;
}
/* 見出し　共通設定 */
#caption-basis,
#caption-oldage,
#caption-handicap,
#caption-bereaved,
#caption-originality,
#caption-other {
	height: 65px;
	width: 500px;
	float: left;
	margin-top: 30px;
	margin-left: 5px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* ベース　共通設定 */
#base-basis,
#base-oldage,
#base-handicap,
#base-bereaved,
#base-originality {
	width: 500px;
	margin-left: 5px;
	float: left;
	background-repeat: repeat-y;
	font-size: 12px;
}
/* ベース　ラスト */
#base-other {
	width: 500px;
	margin-left: 5px;
	margin-bottom: 25px;
	float: left;
	background-repeat: repeat-y;
	font-size: 12px;
}
/* li 共通設定 */
#base-basis li,
#base-oldage li,
#base-handicap li,
#base-bereaved li,
#base-originality li,
#base-other li {
	height: 15px;
	padding-left: 11px;
	margin-top: 7px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	list-style-type: none;
}
/* 年金の基礎知識 */
#caption-basis {
	background-image: url(../img/caption-basis.jpg);
}
#base-basis {
	background-image: url(../img/base-basis.jpg);
}
#base-basis li {
	background-image: url(../img/triangle-basis.jpg);
}
/* 老齢年金 */
#caption-oldage {
	background-image: url(../img/caption-oldage.jpg);
}
#base-oldage {
	background-image: url(../img/base-oldage.jpg);
}
#base-oldage li {
	background-image: url(../img/triangle-oldage.jpg);
}
#base-oldage a:link,
#base-oldage a:visited {
	color: #660000;
}
#base-oldage a:hover,
#base-oldage a:active {
	color: #FF6600;
}
/* 障害年金 */
#caption-handicap {
	background-image: url(../img/caption-handicap.jpg);
}
#base-handicap {
	background-image: url(../img/base-handicap.jpg);
}
#base-handicap li {
	background-image: url(../img/triangle-handicap.jpg);
}
#base-handicap a:link,
#base-handicap a:visited {
	color: #666600;
}
#base-handicap a:hover,
#base-handicap a:active {
	color: #FF6600;
}
/* 遺族年金 */
#caption-bereaved {
	background-image: url(../img/caption-bereaved.jpg);
}
#base-bereaved {
	background-image: url(../img/base-bereaved.jpg);
}
#base-bereaved li {
	background-image: url(../img/triangle-bereaved.jpg);
}
#base-bereaved a:link,
#base-bereaved a:visited {
	color: #660066;
}
#base-bereaved a:hover,
#base-bereaved a:active {
	color: #FF6600;
}
/* 独自給付 */
#caption-originality {
	background-image: url(../img/caption-originality.jpg);
}
#base-originality {
	background-image: url(../img/base-originality.jpg);
}
#base-originality li {
	background-image: url(../img/triangle-originality.jpg);
}
#base-originality a:link,
#base-originality a:visited {
	color: #000066;
}
#base-originality a:hover,
#base-originality a:active {
	color: #FF6600;
}
/* その他 */
#caption-other {
	background-image: url(../img/caption-other.jpg);
}
#base-other {
	background-image: url(../img/base-other.jpg);
}
#base-other li {
	background-image: url(../img/triangle-other.jpg);
}
#base-other a:link,
#base-other a:visited {
	color: #666666;
}
#base-other a:hover,
#base-other a:active {
	color: #FF6600;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



/* カテゴリーページ */
.mark-kokumin,
.mark-kousei,
.mark-community {
	height: 19px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 14px;
	background-repeat: no-repeat;
}
/* 国民年金 */
.mark-kokumin {
	background-image: url(../img/mark-kokumin.jpg);
}
.mark-kokumin a:link,
.mark-kokumin a:visited {
	color: #006600;
}
.mark-kokumin a:hover,
.mark-kokumin a:active {
	color: #FF6600;
}
/* 厚生年金保険 */
.mark-kousei {
	background-image: url(../img/mark-kousei.jpg);
}
.mark-kousei a:link,
.mark-kousei a:visited {
	color: #006666;
}
.mark-kousei a:hover,
.mark-kousei a:active {
	color: #FF6600;
}
/* 共通 */
.mark-community {
	background-image: url(../img/mark-community.jpg);
}
.mark-community a:link,
.mark-community a:visited {
	color: #666600;
}
.mark-community a:hover,
.mark-community a:active {
	color: #FF6600;
}
/* 説明文 */
.explanation {
	margin-bottom: 30px;
	font-size: 14px;
	margin-left: 50px;
	line-height: 150%;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ナビ */
#navi {
	width: 210px;
	float: left;
}
#navi-contents {
	height: 45px;
	width: 210px;
	background-image: url(../img/navi-contents.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#navi ul {
	margin-bottom: 60px;
	list-style-type: none;
}
#navi li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#navi li a:link,
#navi li a:visited,
#navi li a:hover,
#navi li a:active {
	height: 38px;
	width: 188px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 22px;
	padding-left: 22px;
	background-image: url(../img/bt-navi-over.jpg);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#navi li a:link,
#navi li a:visited {
	color: #666666;
	background-image: url(../img/bt-navi.jpg);
}
#navi li a:hover,
#navi li a:active {
	color: #FF6600;
	background-image: url(../img/bt-navi-over.jpg);
}
#navi-information {
	height: 45px;
	width: 210px;
	background-image: url(../img/navi-information.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ページトップへ戻る */
#return {
	width: 745px;
	height: 20px;
	float: left;
	padding-top: 10px;
	margin-bottom: 30px;
	background-image: url(../img/navi-footer.jpg);
	background-repeat: no-repeat;
	background-position: 15px;
	font-size: 12px;
	text-align: right;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* フッター */
#footer {
	height: 21px;
	width: 760px;
	clear: left;
	padding-top: 4px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
	font-size: 10px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* サイトマップ */
.sitemap-box {
	margin-bottom: 25px;
	margin-left: 10px;
}
.sitemap-box li {
	line-height: 150%;
	font-size: 14px;
	list-style-type: none;
	background-image: url(../img/triangle.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 4px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* 年金ニュース */
.top-example {
	padding: 5px;
	margin-right: 10px;
	line-height: 150%;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
}
.top-example a:link,
.top-example a:visited {
	color: #336633;
	font-weight: bold;
}
.top-example a:hover,
.top-example a:active {
	color: #FF6600;
	font-weight: bold;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* 年金ニュース */
#info-box {
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	list-style-position: inside;
	line-height: 175%;
}
#info-box li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* 年金相談バナー */
a.banner-qa {
	width: 120px;
	height: 60px;
	margin-left: 10px;
	margin-bottom: 20px;
	background-image: url(../img/banner-qa.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* 年金相談室 */
#tel-info {
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	line-height: 135%;
	background-color: #CCFFCC;
}
#tel-info strong {
	color: #003333;
}
.information {
	font-weight: bold;
	color: #336666;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* 年金相談ルール */
.number-box {
	padding-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* 年金相談 */
#qa-category,
.qa {
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	list-style-position: inside;
	line-height: 200%;
}
.qa li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.qa-year {
	color: #CC0000;
	font-weight: bold;
	list-style-type: none;
}
.question {
	padding-top: 75px;
	background-image: url(../img/question.gif);
	background-repeat: no-repeat;
}
.answer {
	background-image: url(../img/answer.gif);
	background-repeat: no-repeat;
	padding-top: 75px;
	margin-top: 70px;

}
.article {
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.article a {
	font-weight: bold;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


.simple-a {
	padding-left: 17px;
	background-image: url(../img/simple-a.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-size: 12px;
	color: #006699;
}
.simple-q {
	padding-left: 17px;
	background-image: url(../img/simple-q.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}