@charset "shift_jis";
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 950px;
}

#hdrArea {
	border-top: 3px solid #414141;
	height: 50px;
}

#hdrAreaInner {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#hdrAreaNav {
	width: 650px;
	background: url(../img/bg_hdr_nav01.gif) no-repeat 0 0 #414141;
	position: absolute;
	top: 0;
	right: 30px;
}

#hdrAreaNavInner {
	width: 600px;
	background: url(../img/bg_hdr_nav02.gif) no-repeat right 0;
	padding: 0 80px;
}

#hdrAreaNavInner ul {
	width: 620px;
	height: 31px;
	background: url(../img/bg_line01.png) no-repeat 600px 50%;
	background-color: #414141;
}

#hdrAreaNavInner ul li {
	text-align: center;
	width: 120px;
	float: left;
	line-height: 31px;
	background: url(../img/bg_line01.png) no-repeat 0 50%;
}

#hdrAreaNavInner ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

#hdrAreaNavInner ul li a:hover {
	color: #CFF;
}

/* =========================================================
header
========================================================= */
div#header {
	width: 950px;
	margin: 0 auto;
}

p#topText {
	height: 30px;
	background: url(../img/bg_toptext.png) no-repeat 75px 0;
	color: #666;
	line-height: 30px;
	text-align: right;
}

/* =========================================================
hdrLeft
========================================================= */
div#hdrLeft {
	float: left;
	width: 250px;
}

div#hdrLeft h1 {
	width: 245px;
	height: 60px;
}

/* =========================================================
hdrRight
========================================================= */
div#hdrRight {
	float: right;
	width: 690px;
}

/* =========================================================
nav
========================================================= */
#nav {
	clear: both;
    width: 950px;
	height: 67px;
    margin: 0;
	padding: 20px 0 0 0;
	background: url(../img/bg_nav.png) repeat-x top;
    list-style: none;
	_overflow: hidden;
    z-index: 99999;
}
 
#nav li {
	float: left;
    position: relative;
}
 
#nav a {
    float: left;
    color: #000;
	height: 67px;
}

#nav li a img {
	vertical-align: top;
}
 
#nav li:hover > a {
    color: #18469E;
}
 
*html #nav li a:hover /* IE6 */ {
    color: #18469E;
}
 
#nav li:hover > ul {
    display: block;
}
 
/* Sub-menu */
 
#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 67px;
    left: 0;
    z-index: 99999;
    background: #E3F4F9;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
}
 
#nav ul a {
    padding: 6px 10px 4px 20px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	text-decoration: none;
	background: url(../img/ico_pointer02.gif) no-repeat 10px center;
}
 
*html #nav ul a /* IE6 */ {
    height: 12px;
    width: 210px;
}
 
*:first-child+html #nav ul a /* IE7 */ {
    height: 12px;
    width: 210px;
}
 
#nav ul a:hover {
    background-color: #BBE4F0;
}

#nav ul li:first-child a {
	padding-top: 10px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
 
#nav ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #E3F4F9;
}
 
#nav ul li:first-child a:hover:after {
    border-bottom-color: #BBE4F0;
}
 
#nav ul li:last-child a {
	padding-bottom: 10px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
 
/* Clear floated elements */
#nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */

/* =========================================================
topicpath
========================================================= */
p#topicpath {
	font-size: 10px;
	line-height: 30px;
}

p#topicpath a {
	color: #1D4692;
}

p#topicpath a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* =========================================================
wrapper
========================================================= */
div#wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 20px;
}

div#subContents {
	width: 900px;
	padding: 20px;
	border: 5px solid #F5F4F0;
}

div#subContents h2.type01 {
	height: 42px;
	padding: 25px 0 0 33px;
	margin: 0 0 10px;
	background: url(../img/bg_h2_type01.png) no-repeat;
}

div#subContents h2.type02 {
	height: 32px;
	padding: 15px 0 0 33px;
	margin: 0 0 10px;
	background: url(../img/bg_h2_type02.png) no-repeat;
}

/* =========================================================
footer
========================================================= */
div#footer {
}

/* =========================================================
ftrInfo
========================================================= */
div#ftrInfo {
	background-color: #EBEBEB;
}

/* =========================================================
ftrInfoWrap
========================================================= */
div#ftrInfoWrap {
	width: 950px;
	height: 57px;
	margin: 0 auto;
	padding: 13px 0 0;
	overflow: hidden;
	color: #666;
	line-height: 14px;
}

p#ftrLogo {
	float: left;
	width: 215px;
	height: 44px;
}

p#ftrAddress {
	float: left;
	padding: 0 25px 0;
}

/* =========================================================
ftrNav
========================================================= */
div#ftrNav {
	clear: both;
	background-color: #2B9CBD;
}

/* =========================================================
ftrNavWrap
========================================================= */
div#ftrNavWrap {
	width: 950px;
	margin: 0 auto;
	padding: 30px 0 20px;
	position: relative;
}

p#ptBtn {
	width: 39px;
	height: 54px;
	position: absolute;
	top: 0;
	right: 0;
}

div#ftrNavWrap h2 {
	padding-left: 20px;
	background: url(../img/ico_pointer01.png) no-repeat left center;
	color: #FFF;
	font-size: 10px;
	line-height: 30px;
	border-bottom: 1px solid #CCC;
}

div#ftrNavWrap ul {
	height: 316px;
	margin: 15px 0 0;
	padding: 0 0 0 10px;
	background: url(../img/bg_fnav01.gif) repeat-y left top;
}

div#ftrNavWrap ul li {
	padding-left: 15px;
	background: url(../img/ico_arrow01.gif) no-repeat left center;
	font-size: 11px;
	line-height: 20px;
	white-space: nowrap;
}

div#ftrNavWrap ul li a {
	display: block;
	height: 20px;
	color: #FFF;
	text-decoration: none;
}

div#ftrNavWrap ul li a:hover {
	color: #FFD100;
	text-decoration: underline;
}

div#ftrNavWrap div.fnav {
	float: left;
	padding-right: 15px;
}

div#ftrNavWrap div#fnav01 {
	width: 220px;
}

div#ftrNavWrap div#fnav01 ul {
	background: none;
}

div#ftrNavWrap div#fnav02 {
	width: 190px;
}

div#ftrNavWrap div#fnav03 {
	width: 240px;
}

div#ftrNavWrap div#fnav04 {
	width: 190px;
}

/* =========================================================
copyright
========================================================= */
p#copyright {
	clear: both;
	color: #FFF;
	font-size: 10px;
	line-height: 30px;
	text-align: right;
}