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

top.css

制作者：株式会社オール多摩
内容：他国語共通の指定

作成日：2010.3.30
最終修正日：2010.3.30




/* 全体
------------------------------------------------------------ */
* { margin : 0 ; padding : 0 ; }

body{
  margin:0 auto;
  padding: 0;
  background-image:url(../img/bg.gif) ;
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  font-size:13px;
  line-height:1.4em;
  font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  voice-family : "\"}\"";					/* おまじない */
  voice-family : inherit;					/* おまじない */
  /*text-align: center;*/
}

#wrapper{
	margin:0 auto;
	text-align:center;
	width:880px;
	}


#wrapper2{
	margin:15px 0 0 0 ;
	text-align:center;
	background-image:url(../img/bg_waku.gif);
	background-repeat:repeat-y;
	width:880px;
	}

img{
	border:none;
	margin:0px;
	padding:0px;
	}
	

#wrapper2 .bar{
	margin:0 auto;
	text-align:center;
	height:6px;
	background-image:url(../img/top_bar.gif);
	background-repeat:no-repeat;
	width:860px;
	}



#wrapper2 .l{
	clear:both;
	float:left;
	width:196px;
	margin-left:10px;
	padding-bottom:5px;
	background-image:url(../img/left_bg.gif);
	background-repeat:repeat-y;
	}


#wrapper2 .l #logo-top{
  width:222px;
  height:221px;
  background: url(../img/logo.png) no-repeat 0px 0px;
  margin:0px 0px 1px 5px;
  margin-top:-20px;
  margin-left:-25px;
  float:left;
  padding:1px 0 0 0;
}


/* IE6以下に対する設定 */
* html #wrapper2 .l #logo-top {
/* MacIE5対策 */
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/logo.png",
sizingMethod="scale");
/* */
background: url(../img/logo.gif) no-repeat 0px -3px;
}


	
/* メニュー
---------------------------------------------------- */
#menu{
	clear:both;
	float:left;
  background:transparent url(../img/menu.gif) no-repeat 0 0;
  width:192px;
  margin-top:20px;
  margin-left:0px;
  height:239px;
}


#menu ul {
  margin:0;
  padding:0;
}

#menu li {
  display:inline;
  list-style-type:none;
  float:left;
  text-align:left;
}


#menu li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  width:186px;
  display:block;
  overflow:hidden;
/*  text-indent:-9877em; */
  overflow:hidden;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
}


#menu li a:hover {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  width:186px;
  display:block;
  overflow:hidden;
/*  text-indent:-9877em; */
  overflow:hidden;
  color:#FFCC00;
  font-size:15px;
  font-weight:bold;
}


#menu li .text{
	font-size:18px;
	font-weight:bold;
	margin-left:60px;
	margin-top:18px;
}





/* 通常の指定
---------------------------------------------------- */

#menu li.stay a{
	background:url(../img/menu.gif) no-repeat 0px 0px;
	height:46px;
}

#menu li.map a{
	background:url(../img/menu.gif) no-repeat 47px 192px;
	height:47px;
}


#menu li.special a{
	background:url(../img/menu.gif) no-repeat 94px 192px;
	height:47px;
}

#menu li.access a{
	background:url(../img/menu.gif) no-repeat 140px 192px;
	height:47px;
}



/* マウスオーバー時の指定
---------------------------------------------------- */

#menu li.stay a:hover {
	padding-top:0px;
	background: url(../img/menu.gif) no-repeat -195px  0px;
	height:46px;
}

#menu li.map a:hover {
	padding-top:0px;
	background: url(../img/menu.gif) no-repeat -195px -46px;
	height:47px;
}
	
#menu li.special a:hover {
	padding-top:0px;
	background: url(../img/menu.gif) no-repeat -195px  -93px;
	height:47px;
}

#menu li.access a:hover {
	padding-top:0px;
	background: url(../img/menu.gif) no-repeat -195px  -140px;
	height:47px;
}


	


#wrapper2 .l .box{
	margin-left:5px;
	clear:both;
	float:left;
	background-color:#99B2E5;
	width:183px;
	}


#wrapper2 .l .box2{
	padding:2px;
	margin:5px;
	background-color:#FFFFFF;
	font-size:10px;
	width:169px;
	text-align:left;
	}
	
#wrapper2 .l .box2 .f-l{
	float:left;
	width:105px;
	background:url(../img/mobile_img.gif) no-repeat 55px 22px;
	}
	
#wrapper2 .l .box2 .f-r{
	float:left;
	width:64px;
	height:auto;
	}	


#wrapper2 .l-end{
	float:left;
	width:196px;
	height:3px;
	margin-left:0px;
	background-image:url(../img/left_bg_bottom.gif) 0 1px;
	background-repeat:no-repeat;	
	}


#wrapper2 .r{
	float:left;
	width:600px;
	}




/* ヘッダー
---------------------------------------------------- */
#header{
	margin:0 auto;
	text-align:center;
	width:100%;
	height:120px;
}


#header .top_left {
	float:left;
	width:280px;
	height:120px;
}


#header .top_right {
	float:right;
	width:300px;
	height:120px;
}


#header a{
	text-decoration:none;
}	


#header #top-img{
	clear:both;
	float:left;
	width:650px;
  	background: url(../img/top_bg_illust.gif) no-repeat 4px 70px;
	margin:0;
	padding:0;
	margin-left:12px;
	}


#logo-name{
  width:280px;
  height:60px;
  background: url(../img/name.png) no-repeat 0px 0px;
  margin:7px 0px 0px 5px;
  float:left;
}


/* IE6以下に対する設定 */
* html #logo-name {
/* MacIE5対策 */
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/name.png",
sizingMethod="scale");
/* */
background: url(../img/name.gif) no-repeat 0px -3px;
}


#logo-name h1{
	color:#000080;
	font-size:20px;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;
	letter-spacing:8px;
	}

#logo-name h1 a, #logo-name h1 a:hover{
	color:#000080;
	text-decoration:none;
	}



/* 外国語ボタン
---------------------------------------------------- */

#language {
  margin:0;
  padding:0;
  margin-left:15px;
  width:300px;
}


#language ul {
  margin:0;
  padding:0;
}

#language li {
  display:inline;
  list-style-type:none;
}


#language li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  width:auto;
  display:block;
  overflow:hidden;
  float:left;
  text-indent:-9877em;
  overflow:hidden;
}

#language .e a{
display:block;
width:86px;
height:29px;
background:url(../img/bt_english_off.gif) no-repeat;
text-decoration:none;
text-align:center;
margin-left:3px;
}

#language .e a:hover{
background:url(../img/bt_english_on.gif) no-repeat;
}


#language .j a{
display:block;
width:98px;
height:29px;
background:url(../img/bt_japanese_off.gif) no-repeat;
text-decoration:none;
text-align:center;
margin-left:3px;
}

#language .j a:hover{
background:url(../img/bt_japanese_on.gif) no-repeat;
}



#language .c a{
display:block;
width:89px;
height:29px;
background:url(../img/bt_chinese_off.gif) no-repeat;
text-decoration:none;
text-align:center;
margin-left:3px;
}

#language .c a:hover{
background:url(../img/bt_chinese_on.gif) no-repeat;
}


/* 検索
---------------------------------------------------- */
#serach{
	margin:0 auto;
	clear:both;
	float:left;
	text-align:left;
	width:275px;
	height:25px;
	margin-top:5px;
	margin-left:20px;
	}


#serach .waku{
	float:left;
	border:1px solid #000080;
	margin:2px 0 0 5px;
	padding:2px;
	width:180px;
	}


#serach .bt{
	float:left;
	margin:0px 0 0 2px;
	padding:0px;
	width:46px;
	height:23px;
	background:url(../img/search_bt.gif) no-repeat;
	border:0;
	color:#FFFFFF;
	}


/*サブメニュー
------------------------------------------------------*/

.top_menu {
	width:250px;
	margin-top:3px;
	padding:3px;
	padding-left:15px;
	font-size:90%;
}


.top_menu li {
  display:inline;
  margin-left:5px;
  color:#000080;
}

/*.s_menu li:before {
  /* :before -> ie6未対応
     content -> :before と組合せ
     li要素の前に記号文字を挿入 */
  /*content:" > ";
}*/
/*.s_menu li:first-child:before {
  /* :first-child:before -> ie6未対応
     子要素の一番初めのみ指定 */
  /*content:"";
}*/

.top_menu a{
	padding-left:15px;
	text-decoration:none;
	background: url(../img/mark_blue_off.gif) center left no-repeat;
	color:#000000;
}


.top_menu a:hover{
	padding-left:15px;
	text-decoration:underline;
	background: url(../img/mark_blue_on.gif) center left no-repeat;
	color:#000000;
}
	

/* コンテンツ
---------------------------------------------------- */
#contents{
	margin:0 auto;
	width:655px;
	clear:both;
	float:left;
	text-align:left;
	}
	



/* FLASH
---------------------------------------------------- */
#top_flash{
	clear:both;
	float:left;
	margin:0 auto;
	width:663px;
	height:350px;
	margin-top:0px;
	margin-left:1px;
	background:url(../img/top_img02.jpg) 0 0 no-repeat;
	}




/*パンくずリスト
------------------------------------------------------*/

.pan-list {
	margin-top:10px;
	padding:3px;
	margin-left:10px;
	font-size:90%;
	background-color:#eeeeee;
}


.pan-list li {
  display:inline;
  color:#000080;
}
/*.pan-list li:before {
  /* :before -> ie6未対応
     content -> :before と組合せ
     li要素の前に記号文字を挿入 */
  /*content:" > ";
}*/
/*.pan-list li:first-child:before {
  /* :first-child:before -> ie6未対応
     子要素の一番初めのみ指定 */
  /*content:"";
}*/

.pan-list a:link{
    padding-right: 14px;
    background: url(../img/breadcrumbs.gif) center right no-repeat;
	text-decoration:none;
	color:#000080;
}

.pan-list a:visited{
    padding-right: 14px;
    background: url(../img/breadcrumbs.gif) center right no-repeat;
	text-decoration:none;
	color:#000080;
}

.pan-list a:hover, .pan-list a:active{
    padding-right: 14px;
	text-decoration:underline;
	color:#000080;
}



/* イベント情報
---------------------------------------------------- */
#event{
	clear:both;
	float:left;
	margin:5 0 5 0;
	width:300px;
	text-align:left;
	}

#event .waku01{
	clear:both;
	float:left;
	margin:0;
	width:300px;
	height:13px;
    background: url(../img/event_waku01.gif) no-repeat;
	}

#event .waku02{
	clear:both;
	float:left;
	margin:0;
	width:300px;
	height:555px;
	text-align:left;
    background: url(../img/event_waku02.gif) repeat-y;
	}

#event .waku02 .title{
	float:left;
	margin:0;
	width:277px;
	height:37px;
	margin-left:12px;	
    background: url(../img/event_title.gif) 0px 0px no-repeat;
	}

#event .waku03{
	clear:both;
	float:left;
	margin:0;
	width:300px;
	height:13px;
    background: url(../img/event_waku03.gif) no-repeat;
	}
	


#event .date_bar{
	clear:both;
	margin-top:5px;
	margin-left:7px;
	padding-left:10px;
	padding-top:2px;
	width:284px;
	height:23px;
    background: url(../img/event_date_bar.gif) 0px 0px no-repeat;
	}		



#event .waku02 li{
	clear:both;
	float:left;
	width:260px;
	display:inline;
	padding-left:20px;
	margin-left:10px;
	margin-top:3px;
	margin-bottom:8px;
	padding-right:5px;
	list-style-type:none;
	background: url(../img/mark_orange.gif) no-repeat 2px 3px;
	color:#000000;
	}





/* コンテンツバナー
---------------------------------------------------- */

#contents_banner{
	float:right;
	background-color:#FFFFD6;
	text-align:left;
	margin:5px 0px 10px 3px;
	width:286px;
	height:570px;
	padding:2px;
	}

#contents_banner .top{
	margin:10px 0px 5px 3px;
	}

#contents_banner .center{
	margin:5px 0px 5px 3px;
	}

#contents_banner .bottom{
	margin:5px 0px 10px 3px;
	}


/* メイン
---------------------------------------------------- */
#main{
	margin:0 auto;
	width:594px;
	clear:both;
	float:left;
	text-align:left;
	padding:5px;
	margin-left:10px;
	}
		



/* 下ライン
---------------------------------------------------- */

#bottom_line{
	clear:both;
	float:left;
	margin-left:14px;
	margin-top:0px;
	}		



/* バナー
---------------------------------------------------- */
#banner{
	clear:both;
	float:left;
	background-color:#F0F0F0;
	text-align:left;
	margin:5px 10px 5px 10px;
	width:784px;
	height:62px;
	}


#bottom-img{
	clear:both;
	float:left;
	width:850px;
	height:52px;
  	background: url(../img/bottom_bg_illust.gif) no-repeat 0px -2px;
	margin:0;
	padding:0;
	margin-left:20px;
	}


/* ページトップへ戻るボタン
---------------------------------------------------- */

#to_top {
  margin:0;
  padding:0;
  margin-right:7px;
  margin-top:26px;
}



#to_top a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  width:auto;
  display:block;
  overflow:hidden;
  float:right;
  text-indent:-9877em;
  overflow:hidden;
}

#to_top .bt a{
display:block;
width:86px;
height:29px;
background:url(../img/bt_pagetop_off.gif) no-repeat;
text-decoration:none;
text-align:center;
margin-left:3px;
}

#to_top .bt a:hover{
background:url(../img/bt_pagetop_on.gif) no-repeat;
}

	
/* フッター
---------------------------------------------------- */
#footer{
	clear:both;
	float:left;
	height:119px;
	margin:0 auto;
  	background: url(../img/bottom_bg.gif) no-repeat 0px 0px;
	width:880px;
	font-size:90%;
}

#footer .box{
	margin:0px auto;
	width:860px;
	color:#FFFFFF;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
}

#footer .box .name{
	font-size:16px;
	font-weight:bold;
}

.copy{
	clear:both;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	margin-top:10px;
	width:700px;
}

.counter{
	float:right;
	margin-top:10px;
	margin-right:20px;
}


#footer .box a:link {
  color: #FFFFFF;
  text-decoration: none;
}

#footer .box a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#footer .box a:hover, #footer .box a:active {
  color: #FFFFFF;
  text-decoration:underline;
}