@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  navigation.css
 style info : 
=================================================================== */

/*--------------------------------------
sidemenu
--------------------------------------*/
#sidemenu{ position: absolute; right:0; z-index: 10000; top: 100px;}
#sidemenu ul li,
#sidemenu ul li a{
	width: 22px;
	height: 74px;
	display: block;
	text-indent: -10000px;
}
#sidemenu ul li a{ background: url(../images/common/btn_sns.png) top left no-repeat;}
#sidemenu ul li#sidemenu01{ margin-bottom: 13px;}
#sidemenu ul li#sidemenu01 a{ background-position: 0 0;}
#sidemenu ul li#sidemenu02 a{ background-position: 0 -74px;}
/*--------------------------------------
Global navigation
--------------------------------------*/

#glb_nav{
}


#glb_nav ul{ width: 944px;}
nav#glb_nav ul li,
nav#glb_nav ul li a{
	height: 30px;
	display: block;
	text-indent: -10000px;
	float: left;
	background: url(../images/common/grovalnavi.gif) top left no-repeat;
}
nav#glb_nav ul li#nav01,
nav#glb_nav ul li#nav01_off,
nav#glb_nav ul li#nav01 a{ width: 88px;}
nav#glb_nav ul li#nav02,
nav#glb_nav ul li#nav02_off,
nav#glb_nav ul li#nav02 a{ width: 106px;}
nav#glb_nav ul li#nav03,
nav#glb_nav ul li#nav03_off,
nav#glb_nav ul li#nav03 a{ width: 93px;}
nav#glb_nav ul li#nav04,
nav#glb_nav ul li#nav04_off,
nav#glb_nav ul li#nav04 a{ width: 91px;}
nav#glb_nav ul li#nav05,
nav#glb_nav ul li#nav05_off,
nav#glb_nav ul li#nav05 a{ width: 149px;}
nav#glb_nav ul li#nav06,
nav#glb_nav ul li#nav06_off,
nav#glb_nav ul li#nav06 a{ width: 174px;}
nav#glb_nav ul li#nav07,
nav#glb_nav ul li#nav07_off,
nav#glb_nav ul li#nav07 a{ width: 111px;}
nav#glb_nav ul li#nav08,
nav#glb_nav ul li#nav08_off,
nav#glb_nav ul li#nav08 a{ width: 128px;}
nav#glb_nav ul li#nav01 a{ background-position: 0 0;}
nav#glb_nav ul li#nav02 a{ background-position: -88px 0;}
nav#glb_nav ul li#nav03 a{ background-position: -194px 0;}
nav#glb_nav ul li#nav04 a{ background-position: -287px 0;}
nav#glb_nav ul li#nav05 a{ background-position: -378px 0;}
nav#glb_nav ul li#nav06 a{ background-position: -527px 0;}
nav#glb_nav ul li#nav07 a{ background-position: -701px 0;}
nav#glb_nav ul li#nav08 a{ background-position: -812px 0;}
/* hover */
nav#glb_nav ul li#nav01,
nav#glb_nav ul li#nav01 a:hover{ background-position: 0 -30px;}
nav#glb_nav ul li#nav02,
nav#glb_nav ul li#nav02 a:hover{ background-position: -88px -30px;}
nav#glb_nav ul li#nav03,
nav#glb_nav ul li#nav03 a:hover{ background-position: -194px -30px;}
nav#glb_nav ul li#nav04,
nav#glb_nav ul li#nav04 a:hover{ background-position: -287px -30px;}
nav#glb_nav ul li#nav05,
nav#glb_nav ul li#nav05 a:hover{ background-position: -378px -30px;}
nav#glb_nav ul li#nav06,
nav#glb_nav ul li#nav06 a:hover{ background-position: -527px -30px;}
nav#glb_nav ul li#nav07,
nav#glb_nav ul li#nav07 a:hover{ background-position: -701px -30px;}
nav#glb_nav ul li#nav08,
nav#glb_nav ul li#nav08 a:hover{ background-position: -812px -30px;}
/* off */
nav#glb_nav ul li#nav01_off{ background-position: 0 -60px;}
nav#glb_nav ul li#nav02_off{ background-position: -88px -60px;}
nav#glb_nav ul li#nav03_off{ background-position: -194px -60px;}
nav#glb_nav ul li#nav04_off{ background-position: -287px -60px;}
nav#glb_nav ul li#nav05_off{ background-position: -378px -60px;}
nav#glb_nav ul li#nav06_off{ background-position: -527px -60px;}
nav#glb_nav ul li#nav07_off{ background-position: -701px -60px;}
nav#glb_nav ul li#nav08_off{ background-position: -812px -60px;}
/*--------------------------------------
Left Navigation
--------------------------------------*/
nav#nav_about ul li,
nav#nav_about ul li a{
	width: 160px;
	height: 26px;
	display: block;
	text-indent: -10000px;
}
nav#nav_about ul li,
nav#nav_join ul li{ margin-bottom: 20px;}
nav#nav_about ul li,
nav#nav_about ul li a{ background: url(/images/about/navi_about.gif) top left no-repeat;}

/* About Page Navigation*/
nav#nav_about ul li#nav_about01 a{ background-position: 0 0;}
nav#nav_about ul li#nav_about02 a{ background-position: 0 -26px;}
nav#nav_about ul li#nav_about03 a{ background-position: 0 -52px;}
nav#nav_about ul li#nav_about04 a{ background-position: 0 -78px;}
/*hover*/
nav#nav_about ul li#nav_about01,
nav#nav_about ul li#nav_about01 a:hover{ background-position: -200px 0;}
nav#nav_about ul li#nav_about02,
nav#nav_about ul li#nav_about02 a:hover{ background-position: -200px -26px;}
nav#nav_about ul li#nav_about03,
nav#nav_about ul li#nav_about03 a:hover{ background-position: -200px -52px;}
nav#nav_about ul li#nav_about04,
nav#nav_about ul li#nav_about04 a:hover{ background-position: -200px -78px;}

/* Join Page Navigation*/
nav#nav_join ul li,
nav#nav_join ul li a{
	width: 160px;
	height: 26px;
	display: block;
	text-indent: -10000px;
}

nav#nav_join ul li,
nav#nav_join ul li a{ background: url(/images/join/navi_join.gif) top left no-repeat;}

nav#nav_join ul li#nav_join04,
nav#nav_join ul li#nav_join06{ margin-left: 20px; margin-bottom: 10px!important;}
nav#nav_join ul li#nav_join05{ margin-left: 20px; margin-bottom: 20px!important;}
nav#nav_join ul li#nav_join04,
nav#nav_join ul li#nav_join04 a,
nav#nav_join ul li#nav_join06,
nav#nav_join ul li#nav_join06 a{ height: 12px!important;}
nav#nav_join ul li#nav_join05,
nav#nav_join ul li#nav_join05 a{ height: 10px!important;}
nav#nav_join ul li#nav_join01 a{ background-position: 0 0;}
nav#nav_join ul li#nav_join02 a{ background-position: 0 -78px;}
nav#nav_join ul li#nav_join03 a{ background-position: 0 -104px;}
nav#nav_join ul li#nav_join04 a{ background-position: 0 -26px;}
nav#nav_join ul li#nav_join06 a{ background-position: 0 -131px;}
nav#nav_join ul li#nav_join05 a{ background-position: 0 -152px;}
/*hover*/
nav#nav_join ul li#nav_join01,
nav#nav_join ul li#nav_join01 a:hover{ background-position: -200px 0;}
nav#nav_join ul li#nav_join02,
nav#nav_join ul li#nav_join02 a:hover{ background-position: -200px -78px;}
nav#nav_join ul li#nav_join03,
nav#nav_join ul li#nav_join03 a:hover{ background-position: -200px -104px;}
nav#nav_join ul li#nav_join04,
nav#nav_join ul li#nav_join04 a:hover{ background-position: -200px -26px;}
nav#nav_join ul li#nav_join06,
nav#nav_join ul li#nav_join06 a:hover{ background-position: -200px -131px;}
nav#nav_join ul li#nav_join05,
nav#nav_join ul li#nav_join05 a:hover{ background-position: -200px -152px;}

/* Map Page Navigation*/
nav#nav_map ul li,
nav#nav_map ul li a{
	width: 68px;
	height: 16px;
	display: block;
	text-indent: -10000px;
}
nav#nav_map ul li{ margin-bottom: 10px;}
nav#nav_map ul li.last{ margin-bottom: 20px;}
/* iwate */
nav#nav_supporters ul li,
nav#nav_map ul li#nav_about01,
nav#nav_map ul li#nav_about01 a{ height: 14px;}
nav#nav_map ul li#nav_about01 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_about01{ background: url(/2011/images/map/navi_map_iwate.gif) no-repeat -200px 0;}
/* fukushima */
nav#nav_map ul li#nav_about02,
nav#nav_map ul li#nav_about02 a{ height: 14px;}
nav#nav_map ul li#nav_about02 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_about02{ background: url(/2011/images/map/navi_map_fukushima.gif) no-repeat -200px 0;}

/* iwate */
nav#nav_map ul li#nav_map01,
nav#nav_map ul li#nav_map01 a{ height: 14px;}
nav#nav_map ul li#nav_map01 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map01 a{ background: url(/2011/images/map/navi_map_iwate.gif) no-repeat 0 0;}
/* otsuchi */
nav#nav_map ul li#nav_map01_01,
nav#nav_map ul li#nav_map01_01 a{ height: 11px;}
nav#nav_map ul li#nav_map01_01 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map01_01 a{ background: url(/2011/images/map/navi_map_ootsuchi.gif) no-repeat 0 0;}
/* yamada */
nav#nav_map ul li#nav_map01_03,
nav#nav_map ul li#nav_map01_03 a{ height: 11px;}
nav#nav_map ul li#nav_map01_03 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map01_03 a{ background: url(/2011/images/map/navi_map_yamada.gif) no-repeat 0 0;}
/* ohunato */
nav#nav_map ul li#nav_map01_02,
nav#nav_map ul li#nav_map01_02 a{ height: 12px; width: 95px;}
nav#nav_map ul li#nav_map01_02 a:hover{ background-position: -200px 0; width: 95px;}
nav#nav_map ul li#nav_map01_02 a{ background: url(/2011/images/map/navi_map_ohunato.gif) no-repeat 0 0;}
/* kamaishi */
nav#nav_map ul li#nav_map01_04,
nav#nav_map ul li#nav_map01_04 a{ height: 11px;}
nav#nav_map ul li#nav_map01_04 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map01_04 a{ background: url(/2011/images/map/navi_map_kamaishi.gif) no-repeat 0 0;}
/* rikuzen */
nav#nav_map ul li#nav_map01_05,
nav#nav_map ul li#nav_map01_05 a{ height: 12px;}
nav#nav_map ul li#nav_map01_05 a:hover{ background-position: -112px 0;}
nav#nav_map ul li#nav_map01_05 a{ background: url(/2011/images/map/navi_map_rikuzen.gif) no-repeat 0 0;}

/* fukushima */
nav#nav_map ul li#nav_map02,
nav#nav_map ul li#nav_map02 a{ height: 14px;}
nav#nav_map ul li#nav_map02 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map02 a{ background: url(/2011/images/map/navi_map_fukushima.gif) no-repeat 0 0;}
/* iwaki */
nav#nav_map ul li#nav_map02_01,
nav#nav_map ul li#nav_map02_01 a{ height: 11px;}
nav#nav_map ul li#nav_map02_01 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map02_01 a{ background: url(/2011/images/map/navi_map_iwaki.gif) no-repeat 0 0;}
nav#nav_map ul li#nav_map02_02,
nav#nav_map ul li#nav_map02_02 a{ height: 11px;}
nav#nav_map ul li#nav_map02_02 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map02_02 a{ background: url(/2011/images/map/navi_map_souma.gif) no-repeat 0 0;}
/* miyagi */
nav#nav_map ul li#nav_map03,
nav#nav_map ul li#nav_map03 a{ height: 14px;}
nav#nav_map ul li#nav_map03 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map03 a{ background: url(/2011/images/map/navi_map_miyagi.gif) no-repeat 0 0;}
nav#nav_map ul li#nav_map03{ background: url(/2011/images/map/navi_map_miyagi.gif) no-repeat -200px 0;}

/* 気仙沼 */
nav#nav_map ul li#nav_map03_01,
nav#nav_map ul li#nav_map03_01 a{ height: 11px;}
nav#nav_map ul li#nav_map03_01 a:hover{ background-position: -200px 0;}
nav#nav_map ul li#nav_map03_01 a{ background: url(/2011/images/map/navi_map_kesennuma.gif) no-repeat 0 0;}


/* Supporters Page Navigation*/
nav#nav_supporters ul li { margin-bottom: 20px;}
nav#nav_supporters ul li,
nav#nav_supporters ul li a{
	width: 200px;
	height: 26px;
	display: block;
	text-indent: -10000px;
	background: url(/2011/images/supporters/navi_supporters.gif) top left no-repeat;
}
nav#nav_supporters ul li#nav_supporters01 a{ background-position: 0 0;}
nav#nav_supporters ul li#nav_supporters02 a{ background-position: 0 -26px;}
nav#nav_supporters ul li#nav_supporters03 a{ background-position: 0 -52px;}

/* hover */
nav#nav_supporters ul li#nav_supporters01,
nav#nav_supporters ul li#nav_supporters01 a:hover{ background-position: -200px 0;}
nav#nav_supporters ul li#nav_supporters02,
nav#nav_supporters ul li#nav_supporters02 a:hover{ background-position: -200px -26px;}
nav#nav_supporters ul li#nav_supporters03,
nav#nav_supporters ul li#nav_supporters03 a:hover{ background-position: -200px -52px;}