@charset "utf-8";
/*----------------------------------------------------------------------------------------------
Common Style
-----------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family:Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
	color: #333;
	font-size: 100%;
}
/*Except IE*/
html>/**/body {
	font-size: 16px;
}
a:link,
a:visited,
a:active {
	position:relative;
	outline: none;
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
img {
	border: 0;
}
ul { list-style-type: none; }

ul.disc { list-style-type: disc; margin-left: 2em;}
ul.circle { list-style-type: circle; margin-left: 2em;}
ul.list_none { list-style-type: none; }

/*----------------------------------------------------------------------------------------------
Base Style
-----------------------------------------------------------------------------------------------*/
#container_base {
	margin: 0 auto;
	width: 956px;
	background: url(/img/common/bg.gif) repeat-y center 0;
	border-bottom: 1px solid #fff;
}
#container {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
.clear {
	clear: both;
	width: 100%;
	line-height: 0;
	font-size: 1px;
}
/*----------------------------------------------------------------------------------------------
Color Style
-----------------------------------------------------------------------------------------------*/
.cred {
	color: #f00;
}
.cblue {
	color: #00f;
}
/*----------------------------------------------------------------------------------------------
Header Style
-----------------------------------------------------------------------------------------------*/
#header {
	background: #fc3 url(/img/common/header_shadow.gif) repeat-x 0 bottom;
	padding-bottom:13px;
	/*IE6*/
	_height: 1px;
}
#header .wrap {
	overflow: auto;
	padding: 10px 15px 0 15px;
}
#header h1 {
	float: left;
	width: 170px;
	margin-top: 4px;
}
#header a {
	color: #36c;
}
/*-- Information Style --*/
#header .info {
	float: left;
	width: 390px;
	height: 60px;
	background-color: #fff;
	border: 1px solid #c90;
	font-size: 75%;
	line-height: 1.3em;
}
#header .info .f10 {
	font-size: 80%;
}
#header .info .date {
	width: 210px;
	height: 15px;
	background-color: #fe6;
}
#header .info .date p {
	padding: 5px 6px;
}
#header .info .today {
	height: 35px;
}
#header .info .today p {
	margin: 0 6px;
	padding-left: 8px;
/*	background: url(/img/common/arrow1.gif) no-repeat 0 4px;*/
	background: url(/img/top/iconimage.gif) no-repeat -96px -740px;
}

#header .info .weather_info {
	width: 180px;
	padding-left: 10px;
}
#header .info .weather_info .wi2 {
	overflow: auto;
}
#header .info .weather_info .wi2 p {
	float: left;
	display: block;
	width: 100px;
}
#header .info .weather_info .wi2 a {
	float: right;
	display: block;
	width: 60px;
/*	background: url(/img/common/arrow1.gif) no-repeat 0 4px;*/
	background: url(/img/top/iconimage.gif) no-repeat -96px -740px;
	padding-left: 8px;
}
#header .info .weather_info .wi3 p {
	padding-left: 34px;
	height: 22px;
	line-height: 22px;
}

#weather_area #weather_icon_line p {
	display: block;
	float: center;
/*	margin-top: 2px;
	margin-right: 4px;*/
	width: 48px;
	height: 36px;
	text-indent: -9999em;
/*	line-height: 0;*/
}


/*-- Weather Icon Style --*/
/*
#weathericon1 { background: url(/img/icon_weather/01.jpg) no-repeat 0 0; }
#weathericon2 { background: url(/img/icon_weather/02.jpg) no-repeat 0 0; }
#weathericon3 { background: url(/img/icon_weather/03.jpg) no-repeat 0 0; }
#weathericon4 { background: url(/img/icon_weather/04.jpg) no-repeat 0 0; }
#weathericon5 { background: url(/img/icon_weather/05.jpg) no-repeat 0 0; }
#weathericon6 { background: url(/img/icon_weather/06.jpg) no-repeat 0 0; }
#weathericon7 { background: url(/img/icon_weather/07.jpg) no-repeat 0 0; }
#weathericon8 { background: url(/img/icon_weather/08.jpg) no-repeat 0 0; }
#weathericon9 { background: url(/img/icon_weather/09.jpg) no-repeat 0 0; }
#weathericon10 { background: url(/img/icon_weather/10.jpg) no-repeat 0 0; }
#weathericon11 { background: url(/img/icon_weather/11.jpg) no-repeat 0 0; }
#weathericon12 { background: url(/img/icon_weather/12.jpg) no-repeat 0 0; }
#weathericon13 { background: url(/img/icon_weather/13.jpg) no-repeat 0 0; }
#weathericon14 { background: url(/img/icon_weather/14.jpg) no-repeat 0 0; }
#weathericon15 { background: url(/img/icon_weather/15.jpg) no-repeat 0 0; }
#weathericon16 { background: url(/img/icon_weather/16.jpg) no-repeat 0 0; }
*/
#weathericon1  { background: url(/img/top/iconimage.gif) no-repeat -71px 0px; }
#weathericon2  { background: url(/img/top/iconimage.gif) no-repeat -71px -44px; }
#weathericon3  { background: url(/img/top/iconimage.gif) no-repeat -71px -87px; }
#weathericon4  { background: url(/img/top/iconimage.gif) no-repeat -71px -132px; }
#weathericon5  { background: url(/img/top/iconimage.gif) no-repeat -71px -176px; }
#weathericon6  { background: url(/img/top/iconimage.gif) no-repeat -71px -220px; }
#weathericon7  { background: url(/img/top/iconimage.gif) no-repeat -71px -265px; }
#weathericon8  { background: url(/img/top/iconimage.gif) no-repeat -71px -310px; }
#weathericon9  { background: url(/img/top/iconimage.gif) no-repeat -71px -354px; }
#weathericon10 { background: url(/img/top/iconimage.gif) no-repeat -71px -398px; }
#weathericon11 { background: url(/img/top/iconimage.gif) no-repeat -71px -441px; }
#weathericon12 { background: url(/img/top/iconimage.gif) no-repeat -71px -486px; }
#weathericon13 { background: url(/img/top/iconimage.gif) no-repeat -71px -530px; }
#weathericon14 { background: url(/img/top/iconimage.gif) no-repeat -71px -573px; }
#weathericon15 { background: url(/img/top/iconimage.gif) no-repeat -71px -616px; }
#weathericon16 { background: url(/img/top/iconimage.gif) no-repeat -71px -660px; }

#weathericonW1  { background: url(/img/common/weatherW.gif) no-repeat 0px 0px; }
#weathericonW2  { background: url(/img/common/weatherW.gif) no-repeat 0px -38px; }
#weathericonW3  { background: url(/img/common/weatherW.gif) no-repeat 0px -76px; }
#weathericonW4  { background: url(/img/common/weatherW.gif) no-repeat 0px -114px; }
#weathericonW5  { background: url(/img/common/weatherW.gif) no-repeat 0px -152px; }
#weathericonW6  { background: url(/img/common/weatherW.gif) no-repeat 0px -190px; }
#weathericonW7  { background: url(/img/common/weatherW.gif) no-repeat 0px -228px; }
#weathericonW8  { background: url(/img/common/weatherW.gif) no-repeat 0px -266px; }
#weathericonW9  { background: url(/img/common/weatherW.gif) no-repeat 0px -304px; }
#weathericonW10 { background: url(/img/common/weatherW.gif) no-repeat 0px -342px; }
#weathericonW11 { background: url(/img/common/weatherW.gif) no-repeat 0px -380px; }
#weathericonW12 { background: url(/img/common/weatherW.gif) no-repeat 0px -418px; }
#weathericonW13 { background: url(/img/common/weatherW.gif) no-repeat 0px -456px; }
#weathericonW14 { background: url(/img/common/weatherW.gif) no-repeat 0px -494px; }
#weathericonW15 { background: url(/img/common/weatherW.gif) no-repeat 0px -532px; }
#weathericonW16 { background: url(/img/common/weatherW.gif) no-repeat 0px -570px; }

/*-- Login Style --*/
#header .login {
	float: right;
	width: 340px;
}
#header .login p {
	margin-top: 8px;
	font-size: 63%;
	line-height: 1.5em;
}
#header .login p strong {
	padding: 0 20px 0 6px;
/*	background: url(/img/common/arrow1.gif) no-repeat 0 3px;*/
	background: url(/img/top/iconimage.gif) no-repeat -96px -741px;
}
#header .login table {
	float: left;
	margin-top: 8px;
	font-size: 100%;
}
#header .login th {
	padding-right: 5px;
	font-size: 63%;
	line-height: 1.5em;
}
#header .login td input {
	margin-right: 10px;
	padding: 2px;
	width: 60px;
	border: 1px solid #c90;
	font-size: 12px;
	font-family: sans-serif;
}
#header .login button {
	float: right;
	margin-top: 6px;
	width: 60px;
	height: 24px;
	border: 0;
	text-indent: -9999em;
	cursor: pointer;
}
.login_form_area {
	float: right;
	width: 340px;
}
.login_form_area p {
	margin-top: 8px;
	font-size: 63%;
	line-height: 1.5em;
}
.login_form_area p strong {
	padding: 0 20px 0 6px;
	background: url(/img/top/iconimage.gif) no-repeat -96px -741px;
}
.login_form_area table {
	float: left;
	margin-top: 8px;
	font-size: 100%;
}
.login_form_area th {
	padding-right: 5px;
	font-size: 63%;
	line-height: 1.5em;
}
.login_form_area td input {
	margin-right: 10px;
	padding: 2px;
	width: 60px;
	border: 1px solid #c90;
	font-size: 12px;
	font-family: sans-serif;
}
.login_form_area button {
	float: right;
	margin-top: 6px;
	width: 60px;
	height: 24px;
	border: 0;
	text-indent: -9999em;
	cursor: pointer;
}

/*----------------------------------------------------------------------------------------------
Contents Style
-----------------------------------------------------------------------------------------------*/
#contents {
	margin: 10px 15px;
}
/*----------------------------------------------------------------------------------------------
GlobalNavigation Style
-----------------------------------------------------------------------------------------------*/
#globalnavigation {
	clear: both;
	margin: 20px 0;
	padding: 2px 15px 10px 15px;
	background-color: #f4c247;
}
#globalnavigation #navi_up_wrap {
	height: 26px;
}
#globalnavigation #navi_bottom_wrap {
	height: 26px;
}
#globalnavigation .navi {
	background-color: #f4c247;
}
#globalnavigation .navi li {
	float: left;
	position:relative;
	white-space: nowrap;
	margin: 8px 0 0 0;
	border-right: 1px dotted #666;
	display: block;
}
#globalnavigation .navi li a {
	padding: 0 5px 0 25px;
	display: block;
	font-size: 75%;
	line-height: 19px;
}
#globalnavigation .navi li ul {
	position:absolute;
	top: -9999em;
	left: 0;
	visibility: hidden;
	background-color: #ff9;
	width: 100px;
	margin: 0;
}
#globalnavigation .navi li ul li {
	white-space: normal;
	margin: 0;
	padding: 0;
	border: 0;
}
#globalnavigation .navi li ul li ul {
	width: 200px;
}
#globalnavigation .navi li ul li ul li {
}
#globalnavigation .navi li ul li a {
	width: 100px;
	display: block;
	line-height: 14px;
	padding: 2px 0 2px 10px;
	border-left: 1px solid #ff9;
	border-top: 1px solid #ff9;
	border-right: 1px solid #c90;
	border-bottom: 1px solid #c90;
/*	background: #f4c247 url(/img/common/arrow4.gif) no-repeat 4px 6px;*/
	background: #f4c247 url(/img/top/iconimage.gif) no-repeat -92px -827px;
}


#globalnavigation .navi li ul li span {
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 4px;
	width: 33px;
	height: 12px;
	text-indent: -9999em;
	line-height: 0;
}


#globalnavigation .navi li ul li ul li a {
	width: 200px;
}
/*
#globalnavigation #navi1{ background: url(/img/icon_navi/01.gif) no-repeat 2px 0; z-index: 20; }
#globalnavigation #navi2{ background: url(/img/icon_navi/02.gif) no-repeat 2px 0; z-index: 19; }
#globalnavigation #navi3{ background: url(/img/icon_navi/03.gif) no-repeat 2px 0; z-index: 18; }
#globalnavigation #navi4{ background: url(/img/icon_navi/04.gif) no-repeat 2px 0; z-index: 17; }
#globalnavigation #navi5{ background: url(/img/icon_navi/05.gif) no-repeat 2px 0; z-index: 16; }
#globalnavigation #navi6{ background: url(/img/icon_navi/06.gif) no-repeat 2px 0; z-index: 15; }
#globalnavigation #navi7{ background: url(/img/icon_navi/07.gif) no-repeat 2px 0; z-index: 14; }
#globalnavigation #navi8{ background: url(/img/icon_navi/08.gif) no-repeat 2px 0; z-index: 13; }
#globalnavigation #navi9{ background: url(/img/icon_navi/09.gif) no-repeat 2px 0; z-index: 12; }
#globalnavigation #navi10{ background: url(/img/icon_navi/10.gif) no-repeat 2px 0; z-index: 11; }
#globalnavigation #navi11{ background: url(/img/icon_navi/11.gif) no-repeat 2px 0; z-index: 10; }
#globalnavigation #navi12{ background: url(/img/icon_navi/12.gif) no-repeat 2px 0; z-index: 9; }
#globalnavigation #navi13{ background: url(/img/icon_navi/13.gif) no-repeat 2px 0; z-index: 8; }
#globalnavigation #navi14{ background: url(/img/icon_navi/14.gif) no-repeat 2px 0; z-index: 7; }
#globalnavigation #navi15{ background: url(/img/icon_navi/15.gif) no-repeat 2px 0; z-index: 6; }
#globalnavigation #navi16{ background: url(/img/icon_navi/16.gif) no-repeat 2px 0; z-index: 5; }
#globalnavigation #navi17{ background: url(/img/icon_navi/17.gif) no-repeat 2px 0; z-index: 4; }
#globalnavigation #navi18{ background: url(/img/icon_navi/18.gif) no-repeat 2px 0; z-index: 3; }
#globalnavigation #navi19{ background: url(/img/icon_navi/19.gif) no-repeat 2px 0; z-index: 2; }
#globalnavigation #navi20{ background: url(/img/icon_navi/20.gif) no-repeat 2px 0; z-index: 1;}
*/
#globalnavigation #navi1 { background: url(/img/top/iconimage.gif) no-repeat -80px -852px; z-index: 20; }
#globalnavigation #navi2 { background: url(/img/top/iconimage.gif) no-repeat -80px -890px; z-index: 19; }
#globalnavigation #navi3 { background: url(/img/top/iconimage.gif) no-repeat -80px -929px; z-index: 18; }
#globalnavigation #navi4 { background: url(/img/top/iconimage.gif) no-repeat -80px -968px; z-index: 17; }
#globalnavigation #navi5 { background: url(/img/top/iconimage.gif) no-repeat -80px -1006px; z-index: 16; }
#globalnavigation #navi6 { background: url(/img/top/iconimage.gif) no-repeat -80px -1044px; z-index: 15; }
#globalnavigation #navi7 { background: url(/img/top/iconimage.gif) no-repeat -80px -1082px; z-index: 14; }
#globalnavigation #navi8 { background: url(/img/top/iconimage.gif) no-repeat -80px -1119px; z-index: 13; }
#globalnavigation #navi9 { background: url(/img/top/iconimage.gif) no-repeat -80px -1157px; z-index: 12; }
#globalnavigation #navi10{ background: url(/img/top/iconimage.gif) no-repeat -80px -1195px; z-index: 11; }
#globalnavigation #navi11{ background: url(/img/top/iconimage.gif) no-repeat -80px -1233px; z-index: 10; }
#globalnavigation #navi12{ background: url(/img/top/iconimage.gif) no-repeat -80px -1272px; z-index: 9; }
#globalnavigation #navi13{ background: url(/img/top/iconimage.gif) no-repeat -80px -1310px; z-index: 8; }
#globalnavigation #navi14{ background: url(/img/top/iconimage.gif) no-repeat -80px -1348px; z-index: 7; }
#globalnavigation #navi15{ background: url(/img/top/iconimage.gif) no-repeat -80px -1386px; z-index: 6; }
#globalnavigation #navi16{ background: url(/img/top/iconimage.gif) no-repeat -80px -1424px; z-index: 5; }
#globalnavigation #navi17{ background: url(/img/top/iconimage.gif) no-repeat -80px -1462px; z-index: 4; }
#globalnavigation #navi18{ background: url(/img/top/iconimage.gif) no-repeat -80px -1500px; z-index: 3; }
#globalnavigation #navi19{ background: url(/img/top/iconimage.gif) no-repeat -80px -1538px; z-index: 2; }


.navi_zindex {
	position:relative;
	z-index: 100;
}
/*----------------------------------------------------------------------------------------------
Footer Style
-----------------------------------------------------------------------------------------------*/
#footer {
	margin: 10px 20px;
	height: 20px;
	font-size: 63%;
	line-height: 1.2em;
}
#footer ul {
/*	float: left;*/
	/*width: 740px;*/
	border-left: 1px solid #666;
	text-align: left;
}
#footer ul li {
	/*float: left; */
	display:inline;
	padding: 0 10px;
	border-right: 1px solid #666;
	white-space: nowrap;
}
#footer p.copyright {
	/*float: right;*/
	font-size: 11px;
	text-align: right;
}
/*----------------------------------------------------------------------------------------------
Clearfix Style
-----------------------------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.insidelink_center {
  	/*clear: both;*/
	background-color: #fe6;
	margin:5px 10px 10px 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 14px;

}
.insidelink_center li {
	display:inline;
}
.insidelink_center li.item{
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	border-right: solid 1px #fb4;
}

#spot_breadcrumbs_list, #topic_breadcrumbs_list {
	text-align: left;
	font-size:  12px;
	padding-left: 0.5em
}

.topic_area {
	padding: 10px;
}

#topiccontents {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border: 1px solid #A0A0A0;
	min-height:200px
}

#topiccontents_webupdate {
        margin-left: 2em;
	padding: 1em;
}
/*----------------------------------------------------------------------------------------------
Clear Style
-----------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	width: 100%;
	height: 0;
	font-size: 1px;
	height: 1px;
	line-height: 0;

}