@charset "Shift_JIS";

/* **************************************  */
/* タイトル：style.css */
/* 制作社：ELD Co.,Ltd. */
/* 概要：全ページのベースとなるCSSファイル */
/* 制作日：2007年5月22日 */
/* ************************************* */

/* kill 'Browser standard style'ブラウザの標準ルールを初期化する
---------------------------------------------------------------------------- */
body,form, fieldset {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd {
	margin:0;
	padding:0;
}

blockquote,dt,li,dd {
	margin-left: 1em;
}

li {
	list-style:none;
}

input, textarea {
	font-size: 0.75em;
}

/* 全体構造
---------------------------------------------------------------------------- */
body {
	margin:0px auto 0px auto;
	padding:0;
	color:#333333;
}


/* FONT STYLE
---------------------------------------------------------------------------- */
h1 {
	font-size: 2em;
	line-height:2em;
}

h2 {
	margin-top:2em;
	font-size: 1.5em;
	line-height:2.4em;
}


h3 {
	font-size: 1.3em;
	line-height:1.5em;
	padding: 3px 5px 3px 5px;
	background: #c5ec84;
}

h4 {
	font-size: 1em;
	line-height:1.3em;
}

h5 {
	font-size: 0.8em;
	line-height:1em;
	text-align:left;
}

h6 {
	font-size: 0.75em;
	line-height:1em;
	text-align:left;
}


ul{
	margin:0px 0em;
}


p {
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: left;
	text-decoration:none;
	color: #333333;
}


/* テキストリンクのスタイル
---------------------------------------------------------------------------- */


a:link {
	color: #003366;
	text-decoration:underline;
}

a:visited {
	color: #006699;
	text-decoration:none;
}

a:hover {
	color: #0066cc;
	text-decoration:underline;
}

a:active {
	color: #6666ff;
	text-decoration:underline; 
}


/* List-Styleを非表示にする
---------------------------------------------------------------------------- */
ul {	
	list-style: none;
}


kokunen {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

t1_12 {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.t-midashi {
	margin: 5px 0px 0px 0px;
}

/* 年金コンテスト2009
---------------------------------------------------------------------------- */
#contest-box {
	width: 550px;
	text-align: center;
	margin: 10px auto 10px auto;
	padding: 20px 20px 20px 20px;
}


.read-box3 {
	width: 480px;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: left;
	margin: 30px 20px 10px 20px;
	padding: 20px 19px 20px 19px;
	background-color:#ffd1d1;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}

.title-box09 {
	width: 520px;
	font-size: 0.8em;
	line-height: 1.5em;	
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

.area09{
	width: 480px;
	font-size: 1em;
	line-height: 1.5em;
	background-color:#d1e8ff;
	padding: 10px 0px 10px 20px;
	margin: 20px 0px 0px 10px;
	border-left: 4px solid #006699;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #cccccc;
}

.sld-box3 {
	display:block;
	width:230px;
	height:150px;
	margin:0px 0px 5px 0px;
  	padding:5px 5px 5px 5px;
	background-color:#d1e8ff;
}


/* 年金コンテスト
---------------------------------------------------------------------------- */
.read-box {
	width: 480px;
	font-size: 0.8em;
	line-height: 1.5em;	
	text-align:left;
	padding: 20px 19px 20px 19px;
	margin: 30px 10px 10px 2px;
	background-color:#CCFFCC;
}

.read-box2 {
	width: 480px;
	font-size: 1.0em;
	line-height: 1.5em;	
	text-align:center;
	padding: 20px 19px 20px 19px;
	margin: 30px 10px 10px 2px;
	background-color:#CCFFCC;
}

.msg-box {
	width: 480px;
	font-size: 0.8em;
	line-height: 1.5em;	
	text-align:left;
	padding: 20px 19px 20px 19px;
	margin: 30px 10px 10px 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}


.sakuhin-box {
	width: 520px;
	font-size: 0.8em;
	line-height: 1.5em;	
	text-align:left;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.area {
	width: 460px;
	font-size: 1em;
	line-height: 1.5em;
	background-color:#CCFFFF;
	padding: 10px 0px 10px 20px;
	margin: 10px 0px 0px 10px;
	border-left: 4px solid #006699;
	border-bottom: 1px solid #cccccc;
}

.sakuhin-l {
	width: 180px;
	text-align:left;
	float:left;
	padding: 10px 0px 0px 15px;
	margin: 10px 10px 0px 20px;
}

.sakuhin-ly {
	width: 250px;
	text-align:left;
	float:left;
	padding: 10px 0px 0px 15px;
	margin: 10px 0px 0px 10px;
}

.sakuhin-r {
	width: 180px;
	text-align:left;
	float:right;
	padding: 10px 0px 0px 10px;
	margin: 10px 30px 0px 10px;
}


.sakuhin-ry {
	width: 250px;
	text-align:left;
	float:right;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.type {
	width: 160px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	padding: 5px 0px 5px 5px;
	margin: 10px 0px 0px 0px;
	background-color:#eeeeee;
}

.gakumei-l {
	width: 160px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	padding: 5px 0px 5px 5px;;
	margin: 0px 0px 0px 0px;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}

.name-l {
	width: 160px;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #333333;
	padding: 5px 0px 5px 5px;
	margin: 0px 10px 10px 0px;
	border-bottom:1px dotted #cccccc;
}

.gakumei-r {
	width: 160px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	padding: 5px 0px 5px 5px;
	margin: 0px 10px 0px 0px;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}

.name-r {
	width: 160px;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #333333;
	padding: 5px 0px 5px 5px;
	margin: 0px 10px 10px 0px;
	border-bottom:1px dotted #cccccc;
}

.sakuhin-box-end {
 	clear:both;
}


.topix-title {
	width: 430px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
	text-align:center;
}

.topix {
	width: 430px;
	padding: 10px 9px 20px 9px;
	margin: 0px 10px 0px 5px;
	font-size: 1.0em;
	line-height: 1.5em;	
	text-align:left;
	border-top: 0px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.banner-box-a {
	width: 190px;
	font-size: 12px;
	line-height: 20px;
	text-align:center;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 2px;
}

.sidemenu-box {
	width: 140px;
	text-align:center;
	margin: 10px 0px 10px 0px;
}

.side-logo {
	width: 140px;
	font-size: 0.75em;
	line-height: 1.2em;	
	text-align:center;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


/* イメージ配置
---------------------------------------------------------------------------- */
.photo1 {
	float: left;
	margin: 10px 10px 10px 0px;
}

.photo2 {
	float: right;
	margin: 10 10px 10px 10px;
}

.photo3 {
	float: left;
	margin: 10px 10px 20px 0px;
}

.photo4 {
	float: left;
	margin: 5px 10px 5px 0px;
}

.photobox {
  width: 110px;
  display: block;
  float: right;
  margin: 0px 10px 10px 10px;
}

.photobox2 {
  width: 120px;
  display: block;
  float: right;
  margin: 10px 10px 10px 10px;
}

.photo-p5 {
  padding:5px;
}

.photo-p6 {
  padding:5px;
  margin:0px 0px 5px 0px;
}

.photo-p7 {
	margin: 5px 5px 5px 5px;
}

.ctr01 {
	width:120px;
	text-align:center;
	margin: 5px auto 5px auto;
	padding:0px 0px 0px 0px;
}


/* 年金作品コンクールスライドショー用BOX
---------------------------------------------------------------------------- */
.topics-table{
	width: 440px;
	margin:0px 0px 5px 0px;
}

.tit-box {
	width: 240px;
	margin:0px 0px 0px 0px;
}

.sld-box {
	width:410px;
	margin:10px 10px 10px 5px;
  	padding:10px;
	background-color:#FFFFCC;
	border:1px solid #cccccc;
}

.sld-box2 {
	display:block;
	width:230px;
	height:150px;
	margin:0px 0px 5px 0px;
  	padding:5px 5px 5px 5px;
	background-color:#ccffcc;
}

.setumei02 {
	font-size: 11px;
	line-height: 16px;	
	text-align:left;
}


.sld-frm {
	width:110px;
	margin:5px 5px 10px 5px;
  	padding:2px;
	background-color:#ffffff;
	border:0px solid #dddddd;
}

.setumei01 {
	width: 230px;
	font-size: 0.75em;
	line-height: 1.2em;	
	text-align:left;
  	padding:5px;
}

.b-box {
	margin-top:7px;
	margin-bottom:5px;
}

.mark-box {
	margin:10px 0px 10px 0px;
}

/* 日本国民年金協会からのお知らせ
---------------------------------------------------------------------------- */
.title-boxc {
	width: 490px;
	height:80px;
	text-align:center;
	font-weight:bold;	
	padding: 20px 20px 20px 20px;
	margin: 10px 0px 10px 0px;
	background-color:#CCFFCC;
}

.kyokai-title01 {
	width: 480px;
	font-size: 14px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	margin: 20px 0px 10px 20px;
	padding: 10px 10px 10px 15px;
	border-top: 0px solid #dddddd;
	border-left: 5px solid #0099ff;
	border-bottom: 1px solid #0099ff;
	background-image:url(data/c01/c01_img/iin/patern02.gif);
}

.page-title-box {
	width: 500px;
	text-align:center;
	font-weight:bold;
	padding: 10px 20px 10px 20px;
	margin: 10px 10px 10px 10px;
	background-color:#d1e8ff;
}

.kyokai-msg-box {
	width: 560px;
	font-size: 0.8em;
	line-height: 1.5em;	
	text-align:left;
	padding: 20px 19px 20px 19px;
	margin: 30px 20px 10px 20px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.msg-txt {
	font-size: 13px;
	line-height:26px;
	font-weight: normal;
	text-align:left;
}

.msg-txt-rght {
	font-size: 13px;
	line-height:26px;
	font-weight: normal;
	text-align:right;
}

.msg-txt-ctr {
	font-size: 13px;
	line-height:26px;
	font-weight: normal;
	text-align:ctr;
}

/* 国民年金委員レポート
---------------------------------------------------------------------------- */
.title-boxa {
	width: 490px;
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 10px 0px;
	background-image:url(data/c01/c01_img/iin/patern02.gif);
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.title-boxb {
	width: 490px;
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 10px 0px;
	background-image:url(data/c01/c01_img/iin/patern01.gif);
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.kn-title01a {
	width: 365px;
	font-size: 14px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	margin: 20px 0px 20px 20px;
	padding: 20px 20px 20px 20px;
	background: #FFFFCC;

}

.kn-title01b {
	width: 400px;
	font-size: 14px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	margin: 20px 0px 10px 20px;
	padding: 10px 10px 10px 15px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image:url(data/c01/c01_img/iin/patern02.gif);
}


.kn-title01end {
	width: 400px;
	font-size: 14px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	margin: 20px 0px 10px 20px;
	padding: 10px 10px 10px 15px;
	border-bottom: 1px solid #CCCCCC;
}

.kn-title02 {
	width: 360px;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	font-weight:normal;
	margin: 5px 0px 10px 40px;
	padding: 5px 10px 5px 15px;	
}

.kn-title02b {
	width: 360px;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	font-weight:normal;
	margin: 5px 0px 10px 40px;
	padding: 0px 10px 10px 15px;	
}

.kn-title03 {
	width: 490px;
	font-size: 14px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	padding: 10px 10px 10px 15px;
	margin: 10px 0px 10px 0px;
	border-left: 5px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;

}

.kn-title-box-top {
	width: 426px;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}


.kn-title-box {
	width: 426px;
	margin: 30px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.kn-title-box-head {
	width: 426px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.kn-title-box-body {
	width: 426px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background-image:url(data/c01/c01_img/iin/title03_body.jpg);
	background-repeat:repeat-y;
}

.kn-title-box-bottom {
	width: 426px;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.read {
	width: 400px;
	font-size: 12px;
	line-height: 20px;
	text-align:left;
	font-weight:normal;
	padding: 5px 5px 5px 5px;
	margin: 10px 45px 10px 45px;
}


.cap {
	font-size: 10px;
	line-height: 13px;
	text-align:left;
	font-weight:normal;
	background-color: #eeeeee;
	margin: 1px 0px 2px 0px;
	padding: 5px 3px 5px 3px;

}

.cap2 {
	font-size: 10px;
	line-height: 13px;
	text-align:right;
	font-weight:normal;
	background-color: #eeeeee;
	margin: 1px 0px 2px 0px;
	padding: 5px 3px 5px 3px;

}

.box-2 {
	margin: 10px 20px 10px 20px;
	padding: 10px 10px 10px 15px;
	background-color:#ffffff;
	border:3px dashed #cccccc;
}

.gotop {
	width: 500px;
	text-align:center;
}

.txt-center {
	text-align:center;
}


.iin-box05 {
	width: 426px;
	margin: 20px 20px 10px 20px;
	border-top:1px solid #cccccc;
	border-left:5px solid #0099cc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-image:url(data/c01/c01_img/iin/patern03.gif);
}


.iin-msg {
	width:380px;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	line-height:28px;
	text-align:left;
	font-weight:bold;
	margin:0px 20px 0px 20px;
}

.iin-box06 {
	width: 426px;
	margin: 20px 20px 20px 20px;
}

.iin-msg-top {
	width:406px;
	height:20px;
	background-image:url(data/c01/c01_img/iin/td01.gif);
}

.iin-msg-body {
	width:406px;
	height:25px;
	background-image:url(data/c01/c01_img/iin/td02.gif);
}

.iin-msg-bottom {
	width:406px;
	height:20px;
	background-image:url(data/c01/c01_img/iin/td03.gif);
}


/* 広報資料ダウンロードページ
---------------------------------------------------------------------------- */
.title-box-d {
	width: 490px;
	padding: 10px 20px 10px 20px;
	margin: 50px auto 50px auto;
	background-image:url(data/c01/c01_img/iin/patern01.gif);
	border: 1px solid #dddddd;
	padding: 10px 20px 10px 20px;
}


.kouhou-read {
	font-size: 12px;
	line-height:24px;
	text-align:center;
	font-weight:normal;
	padding: 10px 0px 10px 0px;
}

.download-read {
	font-size: 12px;
	line-height: 20px;
	text-align:left;
	font-weight:normal;
	padding: 10px 0px 20px 0px;
}

.download-msg-box {
	display:block;
	width: 480px;
	font-size: 0.8em;
	line-height: 1.5em;	
	text-align:left;
	padding: 20px 10px 20px 10px;
	margin: 30px 10px 10px 60px;
	border-top: 1px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.uline {
	border-bottom: 1px dashed #cccccc;
}

.td-lft {
	border-left: 10px solid #6699cc;
	padding-left:10px;
}

.top-line {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

.top-line-lft {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;	
}


.top-line-rgt {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;	
}

/* 海外に在住する日本国籍の方の国民年金任意加入の手続窓口案内ページ
---------------------------------------------------------------------------- */
.msg-top {
display:block;
width:470px;
font-family: "ＭＳ Ｐゴシック", "Osaka"; 
font-size: 14px;
font-style: normal;
line-height:18px;
font-weight: bold;
text-align:center;
background-color:#FFFFCC;
color: #0066cc;
border:1px solid #0066cc;
padding:20px 10px 20px 10px;
margin:0px 0px 20px 0px;
}


.msg-fo5 {
font-size: 12px;
font-style: normal;
line-height:20px;
font-weight: normal;
text-align:center;
}