@charset "UTF-8";
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #d0e6f5;
	margin: 0; /*  [上下左右]or[上下][左右]or[上][左右][下]or[上][右][下][左]*/
	padding: 0;
	text-align: center; /* IE 5* ブラウザではコンテナが中央揃え */
	color: #000000;
}

a:link       { text-decoration: underline; color:#032c7f }
a:visited    { text-decoration: underline; color:#032c7f }
a:hover      { text-decoration: underline; color:#00cc33 }

h1 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16px;
	font-weight: bolder;
	line-height: 16px;
	color: #4B4B4B;
}	

h2 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	font-weight: bolder;
	line-height: 16px;
	color: #4B4B4B;
}	

h3 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	font-weight: bolder;
	line-height: 16px;
	color: #4B4B4B;
}	



.base #container {
	width: 790px;  /* 最大幅である 790px 左右の経線枠を入れたサイズ */
	background:  url(contanerbg.gif) repeat-y;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	
}
.base #header {
margin:0 10px; /* <-背景画像用マージン */
display:block;
height:40px;
	padding: 0px 0px 0px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	/*background-color: #0066CC;*/
	background:  url(headerbk.gif) repeat-x;
}
.base #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.base #mainContent {
margin:0 10px; /* <-背景画像用マージン */
	padding: 0 15px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.base #mainContentiten {
margin:0 10px; /* <-背景画像用マージン */
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.base #footer {
margin:0 10px; /* <-背景画像用マージン */

	padding: 5px 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFFFFF;
	border-bottom:solid 1px #003366;
	text-align:center;
}
.base #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 5px 0px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	
	
}


.pop #container {
	width: 650px;  /* 最大幅である 790px 左右の経線枠を入れたサイズ */
	
	
	
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	
}
.pop #header {
margin:0 10px; /* <-背景画像用マージン */
display:block;
height:40px;
	padding: 0px 10px 0px 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	/*background-color: #0066CC;*/
	background:  url(headerbk.gif) repeat-x;
}
.pop #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.pop #mainContent {
margin:0 10px; /* <-背景画像用マージン */
	padding: 0 15px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	border:solid 1px #000066;
}
.pop #footer {
margin:0 10px; /* <-背景画像用マージン */

	padding: 5px 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFFFFF;
	border-bottom:solid 1px #003366;
	text-align:center;
}
.pop #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 5px 0px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	
	
}
























/* ヘッダーキャッチコピー */
.headeritem {
margin:0px 0px; /* <-背景画像用マージン */
display:block;
width:740px;
height:30px;
}

.catch {
margin:0 0px; /* <-背景画像用マージン */
display:block;
float:right;
width:68px;
height:30px;
/*background: no-repeat url(images/catchcopy.gif);*/
}

/* ヘッダーロゴ */
.logo {
margin:0 0px; /* <-背景画像用マージン */
display:block;
float:left;
width:160px;
height:30px;
/*background: no-repeat url(images/logo.gif);*/
}

.footeritem {
margin:0 0px; /* <-背景画像用マージン */
	padding: 0px 0px;
	display:block;
	width:730px;
	height:25px;
	background:#FFFFFF;
	border-bottom:solid 1px #003366;
	text-align:right;
}




/*------------ submenu navigation -------------- */
#subnavi {
	margin:0 10px; /* <-背景画像用マージン */
    padding: 0px 0px;
	display:block;
	width:770px;
	height:132px;
	background-color:#87c7ee;
	border-top:1px solid #828282;
    border-bottom:4px solid #3867b2;
	}

.subnavibox {
	margin:0px 0px 0px 0px;/* [上][右][下][左]*/
    padding: 0px 0px;
	display:block;
	float:left;
	width:185px;
	height:132px;
	background: no-repeat url(images/subnavibtnboxbg.gif);
}

.subheadphoto {
	margin:0px 0px 0px 0px;/* [上][右][下][左]*/
    padding: 0px 0px;
	display:block;
	float:right;
	width:585px;
	height:132px;
}

.subnavibtn {
	margin:0px 0px;
	padding: 0px 0px;
	}


/*------------ toppage item -------------- */
#topflash {
	margin:0 10px; /* <-背景画像用マージン */
    padding: 0px 0px;
	display:block;
	width:770px;
	height:240px;
	background-color:#003366
	}

.topflash_area {
	margin:0 0px; /* <-背景画像用マージン */
    padding: 0px 0px;
	display:block;
	width:770px;
	height:235px;
	background-color:#dae041;
	border-top:1px solid #828282;
    border-bottom:4px solid #3867b2;
}


.newsbox { 
	margin:0px 0px 10px 10px; /*  [上下左右]or[上下][左右]or[上][左右][下]or[上][右][下][左]*/
    padding: 0px 0px;
	display:block;
	float:left;	
	width:424px;
	height:235px;
	vertical-align:top;
}

.newsarea {
	margin:0 0px; 
    padding: 0px 0px;
	display:block;
	width:424px;
	height:195px;
	background-color:#f5fafb;
	border-left:1px solid #a1afcd;
	border-right:1px solid #a1afcd;	
}

.update {
    margin:5px 10px; 
    padding: 0px 0px;
	text-align:right;
	color:#032c7f;
	font:"ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
}

.newslist {
    margin:5px 10px; 
    padding: 0px 0px;
	text-align:left;
	color:#032c7f;
	font:"ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12@x;
}

.newslist ul {
	margin: 0px 0px;
    padding: 0px 0px;
    list-style-type:none;
}

.newslist li {
	margin: 0px 0px;
	padding: 0px 0px;
	line-height: 140%;
	list-style-type:none;
}


.topicbox {
margin:0px 0px 10px 0px;
	margin:0 0px; /* <-背景画像用マージン */
    padding: 0px 0px;
	float:left;
	display:block;
	width:300px;
	height:285px;
	/* background-color:#dae041;
	border:1px solid #000;*/
}


.topcitem {
margin:10px 0px 0px 0px; /*  [上下左右]or[上下][左右]or[上][左右][下]or[上][右][下][左]*/
    padding: 0px 0px;
}

.topphoto {
	margin:0 0px; 
    padding: 0px 0px;
	display:block;
	width:740px;
	height:300px;
}


/*------------ global navigation -------------- */
#gnavi {
	margin:0 10px; /* <-背景画像用マージン */
    padding: 0px 0px;
	height:24px;
	text-align:center;
	background:repeat-x url(images/gnavbg.gif);
	/* background-color:#ff3600; */
	/* border-top:2px solid #dff2fe; */
    /* border-bottom:2px solid #dff2fe; */
}

.gmenu {
	margin: 0px 0px;
    padding: 2px 0px;/* メニューボタンの上下アキ */
	height:20px;
	text-align:left;	
	/* border:1px solid #919191; */
}

.gmenu ul {
	margin: 0px 0px;
    padding: 0px 0px;
    list-style-type:none;
}

.gmenu li {
    float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	/*   has under space  IE 6 */
	font-size: 0;
 	line-height: 0;
 	vertical-align: bottom;
 	/*<----  has under space  IE 6 */ 
    list-style-type:none;
}

/* selective-navi-b  */
.current {
	/* font-weight: bold;  Not change selective text-link */
	/* border: 1px solid #F96; Not change selective text-link */
}

.current img {
	font-weight: normal;
	border: 0;
}

img,abbr,acronym,fieldset {
	 border: 0; 
}


.text-j-large {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size:16px;
	line-height:normal
	color: #121A17;
}

.text-j-large-b {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size:18px;
	line-height:normal
	color: #121A17;
}


.text-j {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 150%;
	color: #121A17;
}

.text-j-iten {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 200%;
	color: #121A17;
}

.text-j-b {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 16px;
	color: #121A17;
	font-weight: bold;
}

.text-j-b-l {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16px;
	line-height: 16px;
	color: #121A17;
	font-weight: bold;
}

.b1		{
    border-width:1;
	border-color:#d4d4d4;
	border-style:solid;
	background-color:#ffffff;height:100%;}
	
.text-j-s {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 14px;
	color: #121A17;
}
.text-j-bl {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 18px;
	line-height: 14px;
	color: #0000ff;
}
.text-j-blue {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 14px;
	color: #0000ff;
}
.text-j-s-s {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 8px;
	line-height: 11px;
	color: #121A17;
}

.trcolork {
	background-color: #FFFFFF; /* 奇数行の背景色 */ 
} 

.trcolorg {
	background-color: #EAFDD0; /* 偶数行の背景色 */ 
}