@charset "utf-8";
/* CSS Document */

/*IE6*/

* html div#container_pankuzu{
	margin-top:-2px;
}

* html ul#leftMenu {
	margin-top:-2px;
}

/*================================================================
 CSS START
================================================================*/

body{
	color:#666;
	font-family:Verdana, Arial, "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:left;
	background: url(../images/background.gif) repeat;
	margin: 0 auto;
	padding:0;
}

/*======== <a> ========*/

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

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

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

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


/*======== <a2> ========*/

a.pankuzu{
	color:#fff;
	text-decoration:none;
}

a.pankuzu:visited{
	color:#fff;
	text-decoration:none;
}

a.pankuzu:hover{
	color:#ffff00;
	text-decoration:underline;
}

a.pankuzu:active{
	color:#cc0066;
	text-decoration:underline;
}


/*================================================================
 レイアウト
================================================================*/

div#All{
	width:940px;
	height:auto;
	margin:0 auto;
	background: url(../images/container_background.gif) repeat-y;
}

div#ContentBox{
	background:#FFF;
	width:740px;
	margin:0 auto;
}

/*======== Header ========*/

div#Header{
	width:740px;
	height:100px;
	margin:0 auto;
}

div#Header h1{
	width:740px;
	height:100px;
	margin:0;
	background-image:url(../images/headerImage.jpg);
	overflow:hidden;
	text-indent:-9999px;
}

div#Header h1 a{
	display:block;
	margin:0;
}

div#container_pankuzu{
	background:#003366;
	width:732px;
	height:18px;
	padding-top:2px;
	padding-left: 8px;
	font-size:10px;
	color:#fff;
}

/*======== Main ========*/

div#Main{
	background:#FFF;
	width:740px;
	height:auto;
	float:right;
	clear:right;
}

/*======== leftMenu ========*/

div#Menu{
	background:#fff;
	width:180px;
	margin:0 auto;
	float:left;
	clear:right;
}

ul#leftMenu {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul#leftMenu a {
	display:block;
	width:150px;
	height:40px;
	padding-left:30px;
	overflow:hidden;
	background-image:url(../images/leftMenu.gif);
	background-repeat: no-repeat;
	line-height:40px;
	color:#003366;
	text-decoration:none;
}

ul#leftMenu a:hover {
	background-position:0 -40px;
}

div#Menu div.Content{
	background: url(../images/leftMenu_background.gif);
	width:180px;
	margin:0 auto;
	
}

div#Menu div.Content p{
	width:160px;
	margin:10px;
}

/*======== Topics ========*/

.topics{
	margin:0 auto;
	width:160px;
	font-size:90%;
	display:block;
	height:8em;
	overflow:auto;
	padding:0;
	margin:2px 10px;
	background:#FFFFFF;
}
.topics dt{
	margin:0 auto;
	padding-top:5px;
	font-weight:bolder;
	_text-indent:1em;
}
.topics dd{
	margin:0 auto;
	margin-left:2em;
	padding-top:5px;
	_text-indent:-4px; /* for IE */
}

p.bold_red {
	color:#cc0066;
	font-weight:bold;
	font-size:14px;
	margin:0px;
}


/*======== rightContents ========*/

div#rightContents{
	width:560px;
	float:right;
}

/*======== div#Footer ========*/

div#Footer{
	width:740px;
	height: 18px;
	line-height : 18px;
	text-align:center;
	color:#FFF;
	vertical-align: middle; 
	background: #003366;
	clear:both;
}

/*======== text pagetop ========*/

p.pagetop{
	font-size:14px;
	width:540px;
	text-align:right;
}