@charset "UTF-8";



/*---------------------------------------------*/
body {
	color: #333333;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;
	
	
	background-image:url(../images/kaikan_bkimg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position:top center;
}

.search {
	-moz-box-sizing: border-box;

	left: 0;
	bottom: 0;
	border: 1px solid #C7375A;
	padding: 1px;
	width: 120px;
	height: 16px;
	background-color: #fffafa;
}
.searchsubmit {

	right: 0;
	bottom: 0;
	border: 0px solid #C7375A;
	padding: 1px;
	width: 80px;
	height: 20px;
	background-color: #C7375A;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
}

img {
	vertical-align: top;
}
a {
	color: #003399;
}
a:visited {
	color: #333333;
}
a:hover,
a:focus {
	color: #3366CC;
}
a:active {
	color: #CC3300;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
}
#header {
	position: relative;
	padding-bottom: 0px;
	height: 100px;
	background: url(../images/kaikan_01.jpg) left bottom repeat-x;
}
#mainmenu{
	width: 800px;
	margin: 0 auto;
	height: 32px;
}
#topimg{
	width: 800px;
	margin: 0 auto;
	height: 200px;
}

#topimgleftmenu {
	width: 200px;
	float: left;
	height: 275px;
}
#topimgrightmenu {
	width: 600px;
	float: right;
	height: 275px;
}


#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 0px;
line-height: 180%
}
#content #primary {
	float: left;
	width: 590px;
}
#content #secondary {
	float: right;
	width: 200px;
}

#content #primarySUB {
	float: right;
	width: 590px;
}
#content #secondarySUB {
	float: left;
	width: 200px;
}

#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 10px;
}


/* ---------------------------------------------*/

#logo {
	padding: 11px 0;
}
#utilityNavigation {
	position: absolute;
	right: 0;
	top: 15px;
	width: 200px;
	font-size: 90%;
	line-height: 1.2;
}

#utilityNavigation #searchbox{
	width: 243px;
	position: absolute;
	top: 53px;
	right: -26px;
}

#utilityNavigation li {
	position: absolute;
	top: 0;
	width: 10em;
}
#utilityNavigation li#navSiteMap {
	right: 0;
}
#utilityNavigation li#navInquiry {
	right: 9em;
}
#utilityNavigation li#navShisetu {
	right: 20em;
}


#utilityNavigation li a {
	padding-left: 12px;
	text-decoration: none;
}
#utilityNavigation li#navSiteMap a {
	background: url(../images/ico_sitemap_color.gif) left center no-repeat;
}
#utilityNavigation li#navInquiry a {
	background: url(../images/ico_mail_color.gif) left center no-repeat;
}
#utilityNavigation li#navShisetu a {
	background: url(../images/ico_back_color.gif) left center no-repeat;
}


/* ---------------------------------------------*/
#topicPath {
	height: 50px;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1.2;
}
#topicPath li {
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 32px;
	background: #EEEEEE url(../images/topicpath_li_bg.gif) left center no-repeat;
}
#topicPath li.first {
	padding-left: 30px;
	background: #EEEEEE url(../images/topicpath_li_bg_first.gif) left center no-repeat;
}
#topicPath li.last {
	background: #FFFFFF url(../images/topicpath_li_bg_last.gif) left center no-repeat;
}

/* ---------------------------------------------*/
#localNavigation ul {
	background: #F5F5F5;
	line-height: 1.2;
}
#localNavigation ul li {
	padding-bottom: 2px;
	background: url(../images/ln_li_bg.gif) left bottom repeat-x;
}
#localNavigation ul li a {
	display: block;
	width: 172px; /* for WinIE6 */
	padding: 8px 10px 8px 18px;
	background: url(../images/arrow_big.gif) 9px 13px no-repeat;
	text-decoration: none;
}
#localNavigation ul li a:hover,
#localNavigation ul li a:focus {
	background: #E6E6E6 url(../images/arrow_big.gif) 11px 13px no-repeat;
}
#localNavigation ul li ul {
	margin-left: 20px;
	font-size: 90%;
}
#localNavigation ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #E5E5E5;
}
#localNavigation ul li ul li a {
	width: 156px; /* for WinIE6 */
	padding: 6px 10px 6px 14px;
	background: url(../images/arrow_small.gif) 6px 11px no-repeat;
}
#localNavigation ul li ul li a:hover,
#localNavigation ul li ul li a:focus {
	background: #E6E6E6 url(../images/arrow_small.gif) 7px 11px no-repeat;
}

/* ---------------------------------------------*/
#footerNavigation {
	padding-left: 10px;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1.2;
}
#footerNavigation li {
	float: left;
	margin-right: 10px;
	padding: 8px 0;
}
#footerNavigation li a {
	display: block;
	padding-left: 6px;
	background: url(../images/arrow_small.gif) left center no-repeat;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 765px; /* for WinIE6,7 */
	padding: 20px 17px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1;
}


/* ---------------------------------------------*/
.arrow01{
	padding-left:10px;
	background-image:url(../images/icon_arrow01.gif);
	background-repeat:no-repeat;
	background-position:0em 0.1em;
}
.Mb
{
font-size: 14px;
color: #333333;
font-weight: bold;

}

.gray{ color: #666666;}

#newsbox{
	margin-top: 0px;
	margin-bottom: 25px;

}