@charset "utf-8";

/*--HJNdesignCSS -- 2011,06,14 Rel-ish yu-ki--*/

/* FF Scrolbar */
html {
	overflow-y: scroll;
}

/* Base Font */
body {
	background: #fff;
	font: 13px "MS P Gothic","ＭＳ Ｐゴシック" sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 140%;
	color: #333;
}

table {
    font-size: inherit;
    font: 100%;
}

html>/**/body {
	font-size: 0.83em;
}


/* ##SPAN## */
span.txtc_red {
	color: #F00;
}

/* =styles */
.txt_right { text-align: right; }







/* =header */
#header {
	height: 94px;
	background: url(../img/header_bg_x.jpg) repeat-x left top;
}

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

#sitelogo {
	position: absolute;
	top: 15px;
	left: 0;
}

#submenu {
	position: absolute;
	top: 4px;
	right: 0;
	height: 35px;
	width: 458px;
	background: url(../img/submenu_bg.png) no-repeat left top;
}

#submenu ul {
	margin: 4px 0 0 15px;
}

#submenu li {
	display: inline;
	padding: 0 8px 0 0;
}


/* =globalmenu */
#gmenu {
	height: 62px;
	background: url(../img/global_bg_x.jpg) repeat-x left top;
	font-size: 108%;
}

#gmenu_inner {
	width: 950px;
	margin: 0 auto;
}

#gmenu_inner ul.menu > li {
	float: left;
}

#gmenu_inner ul.menu li ul.sub {
	position: absolute;
	display: none;
}

#gmenu_inner ul.menu li ul.sub >li {
	height: 45px;
	width: 278px;
	border-top: dotted 1px #ccc;
	background: #333;
	color: #fff;
}

#gmenu_inner ul.menu li ul.sub >li:first-child {
	border-top: none;
}

#gmenu_inner ul.menu li ul.sub li a:link,
#gmenu_inner ul.menu li ul.sub li a:visited,
#gmenu_inner ul.menu li ul.sub li a:active
{
	display: block;
	width: 100%;
	height: 100%;
	background: #333 url(../img/bg_menu_li_y.gif) repeat-y 270px top;
	text-decoration: none;
	color: #fff;
}

#gmenu_inner ul.menu li ul.sub li a:link span,
#gmenu_inner ul.menu li ul.sub li a:visited span,
#gmenu_inner ul.menu li ul.sub li a:active span {
	display: block;
	margin: 0 0 0 10px;
	padding: 15px 0 0 15px;
	background: url(../img/blet_arrow_sky.jpg) no-repeat left 19px;
}

#gmenu_inner ul.menu li ul.sub li a:hover {
	background: #009CF0 url(../img/bg_menu_li_white_y.gif) repeat-y 270px top;
}

#gmenu_inner ul.menu li ul.sub li a:hover span {
	display: block;
	margin: 0 0 0 10px;
	padding: 15px 0 0 15px;
	background: url(../img/blet_arrow_white.jpg) no-repeat left 19px;
}

/* =visual */
#visual_inner {
	width: 954px;
	margin: 0 auto;
}

/* =contents */
#contents {
	background: url(../img/contents_bg_x.jpg) repeat-x left top;
	font-size: 108%;
}

#contents h2 {
	width: 955px;
	margin: 0 auto;
	font-size: 77%;
	line-height: 200%;
	color: #fff;
}



/* =panlist */
#panlist {
	width: 955px;
	margin: 0 auto;
	clear: both;
}

#panlist li {
	display: inline;
	padding: 0 0 0 13px;
	background: url(../img/bg_arrow_panlist.gif) no-repeat left center;
	font-size: 77%;
	color: #fff;
}

#panlist li:first-child {
	padding: 0;
	background: none;
}

#panlist li a {
	color: #fff;
}



/* =contents_inner */
#contents_inner {
	width: 955px;
	margin: 30px auto 20px;
}

.ctg_kokuzei { background: url(../img/icon_kokuzei.gif) no-repeat left center; }
.ctg_etc { background: url(../img/icon_etc.gif) no-repeat left center; }
.ctg_machida { background: url(../img/icon_machida.gif) no-repeat left center; }
.ctg_toh-zen { background: url(../img/icon_toh-zen.gif) no-repeat left center; }


.pagetop {
	text-align: right;
	clear: both;
}



/* =left */
#left_box {
	float: left;
	width: 726px;
	margin: 0 25px 0 0;
}


/* =right */
#right_box {
	float: left;
	width: 204px;
}

.banners {
	margin: 15px 0;
}



/* =footer */
#footer {
	background: #f4f4f4 url(../img/footer_bg_x.jpg) repeat-x left top;
}

#footer_inner {
	width: 955px;
	margin: 0 auto;
}

#footer_banner {
	padding: 15px 0 30px;
}

#footer_banner li {
	display: inline;
	padding: 0 10px 0 0;
}

.flink_box {
	float: left;
	margin: 0 10px;
}

.flink_box li,
.flink_box h5
{
	font-size: 77%;
	line-height: 170%;
	font-weight: bold;
	color: #0085CD;
}

.flink_box h5 > a:link,
.flink_box li > a:link,
.flink_box h5 > a:visited,
.flink_box li > a:visited,
.flink_box h5 > a:active,
.flink_box li > a:active
{
	text-decoration: none;
	color: #0085CD;
}

.flink_box h5 > a:hover,
.flink_box li > a:hover
{
	text-decoration: underline;
}

.flink_box ul.lo_link {
	float: left;
	width: 50px;
	margin: 5px 10px 0 0;
}

.flink_box ul.lo_link li {
	font-weight: normal;
}

.flink_box ul.lo_link li a:link,
.flink_box ul.lo_link li a:visited,
.flink_box ul.lo_link li a:active
{
	padding: 0 0 0 10px;
	background: url(../img/blet_arrow_blue.gif) no-repeat left .3em;
	color: #0085CD;
}

.flink_box ul.lo_link li a:hover {
	text-decoration: underline;
}

.fbox_02{ margin: 0 30px;}

.fbox_02,
.fbox_03,
.fbox_04
{
	width: 160px;
}

.fbox_05 { width: 120px;}
.fbox_06 { width: auto; margin: 0 0 0 50px;}

#footer_add {
	margin: 15px 0 0;
	padding: 15px 0 0;
	background: url(../img/footer_line_x.gif) repeat-x left top;
	clear: both;
}

#footer_add h6 {
	font-size: 77%;
	font-weight: bold;
}

#footer_add p {
	font-size: 77%;
}

address {
	font-size: 77%;
	text-align: right;
}


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

#contents_inner:after,
#footer_link:after,
.about_hjn_04 dl:after,
.social_action_detail td ul:after,
.schedule_mlist:after,
.schedule_detail ul:after,
.column_photos:after,
.topics_photos:after,
.topics_mlist:after,
.c_pic_01 ul:after,
.c_walk div.linebox:after,
.w_011_01:after,
.w_012_01:after,
.w_013_01:after,
.w_014_01:after,
.w_015_01:after,
.w_016_01:after,
.w_017_01:after,
.w_018_01:after,
.w_019_01:after,
.w_020_01:after,
.w_021_01:after,
.w_022_01:after,
.w_023_01:after,
.w_024_01:after,
.w_025_01:after,
.w_026_01:after,
.w_027_01:after
{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

#contents_inner,
#footer_link,
.about_hjn_04 dl,
.social_action_detail td ul,
.schedule_mlist,
.schedule_detail ul,
.column_photos,
.topics_photos,
.topics_mlist,
.c_pic_01 ul,
.c_walk div.linebox,
.w_011_01,
.w_012_01,
.w_013_01,
.w_014_01,
.w_015_01,
.w_016_01,
.w_017_01,
.w_018_01,
.w_019_01,
.w_020_01,
.w_021_01,
.w_022_01,
.w_023_01,
.w_024_01,
.w_025_01,
.w_026_01,
.w_027_01
{ display: inline-block; }

/* exlude MacIE5 \*/

* html #contents_inner,
* html #footer_link,
* html .about_hjn_04 dl,
* html .social_action_detail td ul,
* html .schedule_mlist,
* html .schedule_detail ul,
* html .column_photos,
* html .topics_photos,
* html .topics_mlist,
* html .c_pic_01 ul,
* html .c_walk div.linebox,
* html .w_011_01,
* html .w_012_01,
* html .w_013_01,
* html .w_014_01,
* html .w_015_01,
* html .w_016_01,
* html .w_017_01,
* html .w_018_01,
* html .w_019_01,
* html .w_020_01,
* html .w_021_01,
* html .w_022_01,
* html .w_023_01,
* html .w_024_01,
* html .w_025_01,
* html .w_026_01,
* html .w_027_01
{ height: 1% }

#contents_inner,
#footer_link,
.about_hjn_04 dl,
.social_action_detail td ul,
.schedule_mlist,
.schedule_detail ul,
.column_photos,
.topics_photos,
.topics_mlist,
.c_pic_01 ul,
.c_walk div.linebox,
.w_011_01,
.w_012_01,
.w_013_01,
.w_014_01,
.w_015_01,
.w_016_01,
.w_017_01,
.w_018_01,
.w_019_01,
.w_020_01,
.w_021_01,
.w_022_01,
.w_023_01,
.w_024_01,
.w_025_01,
.w_026_01,
.w_027_01
{display:block;}
/* end MacIE5 */

.bg {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}