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

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background-image: url(../img/bd_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size:74.5%;
	font-family:verdana,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
	color:#333;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/*-----------------------------------------------
 __container
-----------------------------------------------*/

/* 全体の幅 */
#container {
 width:100%;
 margin:0 0 0 0;
 padding:0px;
 text-align:left;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	width:967px;
	height:104px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	margin-bottom:0px;
}

p#header-inner {
	display:block;
	width:967px;
	/*height:43px;
	position:relative;*/
	margin-top:0px;
	background-color:#000;
	}

p#header-inner a#vpj-logo-box img {
	position:absolute;
	width:111px;
	height:104px;
	left:142px;
	top:0px;
	text-decoration:none;
	border-style:none;
	text-align:left;
	}
		

p#header-inner a#vpj-logo img {
	position:absolute;
	left:250px;
	top:10px;
	text-decoration:none;
	border-style:none;
	text-align:left;
	}
		
p#header-inner a#vpj-en img {
	position:absolute;
	width:107px;
	height:28px;
	left:1000px;
	top:15px;
	text-decoration:none;
	border-style:none;
	text-right:right;
	}	
	
/* ナビゲーション */
#navi {
	float:right;
	position: relative;
	top: 49px;
    z-index:100;
	right: 0px;
	width: 810px;
	height: 43px;
}


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

#navi li {
color: #fffff;
float: left;
width: 162px;
height: 43px;
margin: 0 0 0 0;
}

#navi li a {
font-weight:600;
font-size: 14px;
color: #000;
display: block;
width: 100%;
height: 53%;
padding: 10px 0;
text-align: center;
text-decoration: none;
background-image:url(../img/btn3.jpg);
}

#navi li a:hover {
color: #fff;
background-image:url(../img/btn4.jpg);
background-color: #000;
}

/* サブメニュー */
#navi ul.sub {
background: #000;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #fff;
background: #000;
font-size: 12px;
text-align: center;
font-weight: normal;
padding: 10px 0;
border-top:1px solid #000;
}

#navi ul.sub li a:hover {
color: #fff;
background-color: #990000;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:none;
}

#navi li.navi_menu_on{
border:none;
}


/* ヘッダーより下のコンテンツ部分 */

/* ぱんくずリスト */
div#topicpath-block{
	margin: 0 auto;
	text-align: left; 
	width:967px;
	height:30px;
	background:#FFF;
	}
ul#topicpath {
	margin: 0 0 0 0em;
	padding:0;
	display:block;
	font-size:13px;
	color:#666;
	background-color:#FFF;
	}

ul#topicpath li {
	float:left;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	list-style:none;
	}
	
ul#topicpath li a{
	color:#000099;
	text-decoration:underline;
	}


/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear: both;
	width:100%;
	height:53px;
    background-image:url(../img/bd_footer_bg.gif);
    background-repeat:repeat-x;
    background-position: left bottom;
	padding-bottom: 0px;
	margin:10% 0 0 0 ;
/*	position:relative;*/
position: fixed;
bottom: 0px;
	/*left:0*/;
	right:0;
	text-align:center#
	
	}

#footer .finner {
	width: 967px;
	margin: 0 auto 0 auto;
	padding:0px;
	text-align: left;
}
	
div#footer ul#ft {
	width:550px;
	height:20px;
	text-align:left;
	font-size:12px; !important;
	color:#CCC;
	padding-top:10px;
	float:left;
	/*margin-bottom:28px;*/
	}

div#footer ul#ft li {
	display:inline;
	border-right:1px solid #666;
	padding-right:0.5em;
	padding-left:0.5em;
	zoom:1;
	}
	
div#footer ul#ft li.lastChild {
	border:none;
	}
	
div#footer ul#ft a{
	color:#999;
	}

#footer p#copyright span {
	background-image:url(https://f.msgs.jp/fcnts/rzs/copyright.gif);
	background-repeat: no-repeat;
    background-position: 100% 100%;
    width: 369px;
    height: 0px;
    display: block;←--------ブロック化する
    text-indent: -9999px;←--------インデントで元の文字を飛ばす
    text-decoration: none;
	display:none;
	}
#footer p#copyright img {
	text-align:right;
}