﻿@charset "UTF-8";

/*Initialize start*/
* { 
/*	font-family: "ＭＳ Ｐゴシック",Osaka,"Trebuchet MS", Verdana, sans-serif;*/
	font-family: "ＭＳ Ｐゴシック",Osaka, Verdana, sans-serif;
	margin:0;
	padding:0;
	}


img {
	border:none;
	vertical-align:top;
	}

h1,h2,h3,h4 {
	font-weight:normal;
	font-size:11pt;
	margin:0;
	padding:0;
	}

*+html h1,h2,h3,h4 {
	font-weight:normal;
	font-size:11pt;
	margin:0;
	padding:0;
	}

a {
	outline :0;
	text-decoration: none;
	}

a:link { color: #666666;}
a:visited { color: #666666; }
a:hover { color: #cccccc;  }
a:active { color: #cccccc; }

span.red_l{
  font-size:120%;
  font-weight:bold;
  color:#cc0000;
}
span.blue_l{
  font-size:120%;
  font-weight:bold;
  color:#0838a5;
}

/*Initialize end*/

body {
	margin:0;
	padding:0;
	background-color:#DFE1E1;
	text-align:center;
	}

#container {
	width:800px;
	margin:0 auto 0 auto;
	padding-top:10px;
	background:url(../images/bg_con.jpg) repeat-y;
	text-align:left;	
	overflow: hidden;
	}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#header {
	width:760px;
	height:55px;
	margin:0 20px 0 20px;
	background:url(../images/bg_header.jpg) no-repeat;	
	}

h1 {
	text-indent:-9999px;
	}

h2 {
	font-size:9pt;
	font-weight:bold;
	margin:15px 0 0 230px;
}

*html h2 {
	font-size:11pt;
	font-weight:bold;
	margin:20px 0 0 200px;
	}

#logo {
	width:170px;
	height:45px;
	margin:-40px 0 0 5px;	
}

p.pankuzu {
	font-size:75%;
	line-height:2.0em;
	text-indent:1em;
}

#navi ul {
	width: 765px;
	height: 40px;
	margin:10px 0 0 20px;
	background: url(../images/navi.gif) no-repeat; 
	list-style: none;
    position: relative;
}

#navi ul li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
#navi ul li, #navi ul a {
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#navi_1 { left: 14px; width: 121px; }
#navi_2 { left: 144px; width: 121px; }
#navi_3 { left: 275px; width: 73px; }
#navi_4 { left: 357px; width: 86px; }
#navi_5 { left: 454px; width: 107px; }
#navi_6 { left: 568px; width: 108px; }
#navi_7 { left: 685px; width: 63px; }

#navi_1 a:hover, #bd-navi_1 #navi_1 a {
    background: transparent url(../images/navi.gif)
	-14px -41px no-repeat; }
	
#navi_2 a:hover, #bd-navi_2 #navi_2 a {
    background: transparent url(../images/navi.gif)
	-144px -41px no-repeat;
	}
	
#navi_3 a:hover, #bd-navi_3 #navi_3 a {
    background: transparent url(../images/navi.gif)
	-275px -41px no-repeat;
	}
	
#navi_4 a:hover, #bd-navi_4 #navi_4 a {
    background: transparent url(../images/navi.gif)
	-357px -41px no-repeat;
	}
	
#navi_5 a:hover, #bd-navi_5 #navi_5 a {
    background: transparent url(../images/navi.gif)
	-454px -41px no-repeat;
	}
#navi_6 a:hover, #bd-navi_6 #navi_6 a {
    background: transparent url(../images/navi.gif)
	-568px -41px no-repeat;
	}
#navi_7 a:hover, #bd-navi_7 #navi_7 a {
    background: transparent url(../images/navi.gif)
	-685px -41px no-repeat;
	}
	
.title {
	width:740px;
	height:22px;
	margin:10px 0 0 0;
	}

#footer {
	width:800px;
	height:75px;
	margin:0 auto 0 auto;
	font-size:65%;	
	background:url(../images/bg_footer.jpg) no-repeat;
	text-align:left;		
	clear:both;
	}

#footer ul {
	margin:20px 0 0 30px;
	display:inline;
	float:left;
	}
		
#footer ul li{
	color:#666666;
	display:inline;
	float:left;
	}

#copy{
	clear:both;
	width:800px;
	margin:0 0 0 30px;
	line-height:2.0em;
	color:#666666;
	}
