/* CSS Document */

body{
	background:#000000;
	font-size:12px;
	color:#333333;
	font-family:Verdana,Arial,メイリオ,'MS Pゴシック',Osaka;
	margin:0;
	padding:0;
}



h1 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}
h2 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

h3 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

p,ul {
	margin:0;
	padding:0;
}

.mini {
	letter-spacing:-0.2em
	}
	
	
address {
	margin:0 10px 0 0;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	font-style:normal;
	letter-spacing:0.1em;
	padding:10px 0 0 0;
}

img {
	border:0;
}

hr {
	height:1px;
}

/*--ここから--子ボックスにフロートをかけた際の、親ボックスレイアウト崩れ回避用タグ*/
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

/*--ここまで--子ボックスにフロートをかけた際の、親ボックスレイアウト崩れ回避用タグ*/

#flashcontent {
	margin:0 auto;
	width:100%;
	height:570px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	}

#flashcontent p{
	padding: 5px 0;
	}
	
/*共通クラス関連*/
.container{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#000000 url(../images/top/img_background_top_main.jpg) repeat-x top left;
}

.container div#wrapper{
	width:100%;
	margin:0 auto;
}


.base{
	width:950px;
	margin:0 auto;
}


.container div.left{
	width:255px;
	float:left;
	text-align:left;
	padding:20px 10px 10px 10px;
}

.container div.right{
	width:575px;
	float:right;
	text-align:left;
	padding:20px 10px 10px 10px;
}

#navi{
	width:100%;
	margin:0 auto;
	height:55px;
	background:url(../images/format/img_format_btn_base.jpg) repeat-x top left;
}

/*凡例*/
#hanrei {margin:0 auto; width:100%; height:22px;text-align:center;}

/*footer*/

#infomation {
	width:100%;
	padding:20px 0 0 0;
	height:200px;
	background:url(../images/format/bg_footer.jpg) top left repeat-x;
	text-align:center;
	}
	
.info_txt_box{
	margin:0 auto;
	width:910px;
	padding:20px;
	border: solid 1px #999999;
	}
	
.info_txt01 { font-size:12px; color:#FFFFFF; font-weight:bold;line-height:1.8em;}
.info_txt02 { font-size:12px; color:#FFFFFF;line-height:1.4em;}
.info_txt03 { font-size:10px; color:#FFFFFF;line-height:1.8em;}

#infomation2 {
	width:100%;
	height:21px;
	background:url(../images/format/bg_footer2.jpg) top repeat-x;
	}

.footer_tub {
	width:122px;
	height:21px;
}	

.footer_tub p{
	padding:0 0 0 15px;
}	
		
#footer {
	width:100%;
	text-align:left;
	background:url(../images/format/img_footer_base.gif) top repeat-x;
}


.footertext {
	margin:0;
	padding:4px 10px 4px 10px;
	line-height:1.4em;
	font-size:10px;
	color:#333333;
	background-color:#e8ecf4;
	 text-align:justify;
	/*text-justify:newspaper;*/
}
a.footertext01:link{
	font-size:10px;
	color:#333333;
	text-decoration:none;
}
a.footertext01:visited{
	font-size:10px;
	color:#333333;
	text-decoration:none;
}
a.footertext01:hover{
	font-size:10px;
	color:#333333;
	text-decoration:underline;
}

.footertext02 {
	padding:0 10px 0 10px;
	line-height:1.0em;
	font-size:12px;
	color:#62624b;
}
a.footertext03:link{
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
a.footertext03:visited{
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
a.footertext03:hover{
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}


#copyright {
	width:100%;
	height:60px;
	text-align:center;
	background-color:#3366a6;
}

#copyright p{
	padding:10px 0 0 0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}



/* フォーマット */
#map_title_bg {margin:0 auto;width:100%; height:40px;background:url(../images/format/bg_maptitle.gif);text-align:center;}
.map_title {margin:0 auto;width:950px; height:40px;background:url(../images/format/naha_03.gif) no-repeat;text-align:right;}
.map_title p{padding:12px 0 0 0; font-size:10px; color:#333333;}

#main_map {height:670px;padding:0}
#top_map {height:570px;background:url(../images/top/img_top_flash_back.jpg) repeat-x top left;}

#contents_bg {margin:0 auto;width:100%;background:url(../images/format/bg_contents.jpg);text-align:center;}
#contents_table {margin:10px auto 30px auto;}


/*TOP*/
#top_img{
	background:url(../images/top/img_top_01.jpg) no-repeat top left;
	width:950px;
	height:110px;
}

#top_img div{
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
	text-align:right;
	padding:15px 0 0 0;
	margin:0;
}

#top_img div h2{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}


#top_recommend_title{
	background:url(../images/top/img_title_recommend_back.jpg) no-repeat top left;
	width:950px;
	height:26px;
}

#top_recommend_title2{
	background:url(../images/top/img_title_recommend_back.jpg) no-repeat top left;
	width:950px;
	height:26px;
}

#top_recommend_title div{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 15px;
	color:#FFFFFF;
	text-align:left;
}

#top_recommend_title2 div{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 15px;
	color:#FFFFFF;
	text-align:left;
}

#top_recommend{
	background:url(../images/top/img_recommend_bg.jpg) repeat-x top left;
	width:950px;
	padding:11px 0 10px 0;
}

#top_recommend2{
	background:url(../images/top/img_recommend_bg.jpg) repeat-x bottom left;
	width:950px;
	height:145px;
	padding:11px 0 10px 0;
}

.citymap {
	font-weight:bold;
 }

#map01a{width:220px;height:39px;background-image:url(../images/top/img_citymap_01a.jpg);}
#map01a p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map01b {width:220px;height:76px;background-image:url(../images/top/img_citymap_01b.jpg);}
#map01c{width:220px;height:30px;background-image:url(../images/top/img_citymap_01c.jpg);}
#map01c p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map01c a:link{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map01c a:visited{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map01c a:hover{padding:6px 0 0 10px;font-size:12px;color:#ff0000; text-decoration:none;}

#map02a{width:220px;height:39px;background-image:url(../images/top/img_citymap_02a.jpg);}
#map02a p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map02b {width:220px;height:76px;background-image:url(../images/top/img_citymap_02b.jpg);}
#map02c{width:220px;height:30px;background-image:url(../images/top/img_citymap_02c.jpg);}
#map02c p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map02c a:link{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map02c a:visited{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map02c a:hover{padding:6px 0 0 10px;font-size:12px;color:#ff0000; text-decoration:none;}

#map03a{width:220px;height:39px;background-image:url(../images/top/img_citymap_03a.jpg);}
#map03a p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map03b {width:220px;height:76px;background-image:url(../images/top/img_citymap_03b.jpg);}
#map03c{width:220px;height:30px;background-image:url(../images/top/img_citymap_03c.jpg);}
#map03c p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map03c a:link{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map03c a:visited{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map03c a:hover{padding:6px 0 0 10px;font-size:12px;color:#ff0000; text-decoration:none;}

#map04a{width:220px;height:39px;background-image:url(../images/top/img_citymap_04a.jpg);}
#map04a p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map04b {width:220px;height:76px;background-image:url(../images/top/img_citymap_04b.jpg);}
#map04c{width:220px;height:30px;background-image:url(../images/top/img_citymap_04c.jpg);}
#map04c p{padding:6px 0 0 10px;font-size:10px;color:#FFFFFF;}
#map04c a:link{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map04c a:visited{padding:6px 0 0 10px;font-size:12px;color:#0f3f7a; text-decoration:none;}
#map04c a:hover{padding:6px 0 0 10px;font-size:12px;color:#ff0000; text-decoration:none;}



/* トップグローバルバナー */
#globalbanner { margin:20px 0 0 0;width:950px; height:220px; background:url(../images/top/bg_link.jpg) ;}

.global_caption {font-size:10px; color:#ffffff;}
.useful_caption {font-size:12px; color:#ffffff;}
.useful_caption p{padding: 0 0 0 20px}
.recommend_cell{
	border:1px solid #CCCCCC;
	width:178px;
	padding:10px 0 10px 0;
	text-align:center;
}

.recommend_cell p.title{
	text-align:center;
	padding:0 0 5px 0;
}

.recommend_box{
	width:167px;
	height:55px;
	padding:0;
	margin:0 auto;
}

.dot {
	clear:both;
	}
.recommend_box div.left{
	width:44px;
	text-align:left;
	float:left;
	padding:0;
	margin:0;
}

.recommend_box div.right{
	width:118px;
	font-size:10px;
	line-height:12px;
	float:right;
	padding:0;
	margin:0;
}

.recommend_box div.right a{
	color:#333333;
}

.recommend_box div.right a:hover{
	color:#696969;
	text-decoration:none;
}

.recommend_cell hr{
	width:167px;
	padding:5px 0;
	margin:0 auto;
	border:0;
	border-bottom:1px dotted #999999;
}

p.detail{
	text-align:center;
	padding:10px 0 0 0;
}

#news_title p{
	padding:30px 0 0 0;
}

#news_box{
	border:1px solid #e8e8e8;
	padding:1px 0 0 0; 
}

#news_box div.list{
	width:321px;
	margin:0 auto;
	background:url(../images/top/img_news_list_back.jpg) no-repeat top left;
	height:35px;
}

#news_box div.list a{
	color:#111111;
	font-size:12px;
	text-decoration:none;
}

#news_box p{
	padding:10px 0px 0 10px;
	margin:0;
	font-size:12px;
	text-align:left;
	width:281px;
}

#news_box div.list_on{
	width:321px;
	font-size:12px;
	margin:0 auto;
	background:url(../images/top/img_news_list_back_r.jpg) no-repeat top left;
	height:35px;
}

#news_box div.list_on a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

#link_title p{
	padding:30px 0 1px 0;
}