@charset "utf-8";
/* CSS Document */

#menubar {
	width:100%;
	overflow:hidden;
	position:relative;
}

#menubar img{
	vertical-align:top;	/*  画像下に隙間ができるのを抑制 */
	border:0px;
}
#menubar li{
	line-height:0px;
}

#mainmenu {
	width:100%;
	overflow:hidden;
	
	
}

#mainmenu img{
	vertical-align:top;	/*  画像下に隙間ができるのを抑制 */
	border:0px;
}
#mainmenu li{
	line-height:0px;
	
}


.hiddenmenus ul {
	list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}

.hiddenmenus li {
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色：赤 */
   padding: 0.1em 0.3em; /* 内側の余白：上下に0.1文字分・左右に0.3文字分 */
   width:100px;
}
.hiddenmenus li a {
   text-decoration: none; /* リンクの下線を消す */
}


/* ▼北海道・東北 */
#subMenu01 li {
	background-color:#F00; /* 赤 */
	border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
	border-style: solid; /* 線種：実践 */
	border-color:#FFF; /* 線の色 */
	padding-left:0px;
}
#subMenu01 li a {
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu01 li a:hover{
	background-color:#FFF;
	color:#F00;
}
#subMenu01 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}
	
	
	
/* ▼信越・北陸 */
#subMenu02 li {
   background-color:#F00; /* 赤 */
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色 */
   padding-left:0px;
}

#subMenu02 li a {
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu02 li a:hover{
	background-color:#FFF;
	color:#F00;
	}
#subMenu02 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}


/* ▼関東 */
#subMenu03 li {
   background-color:#F00; /* 赤 */  
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色 */
   padding-left:0px;
}
#subMenu03 li a {
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu03 li a:hover{
	background-color:#FFF;
	color:#F00;
	}
#subMenu03 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}

/* ▼東海 */
#subMenu04 li {
   background-color:#F00; /* 赤 */
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色 */
   padding-left:0px;
}
#subMenu04 li a {
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu04 li a:hover{
	background-color:#FFF;
	color:#F00;
	}
#subMenu04 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}

/* ▼近畿 */
#subMenu05 li {
   background-color:#F00; /* 赤 */
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色 */
   padding-left:0px;
}
#subMenu05 li a {
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu05 li a:hover{
	background-color:#FFF;
	color:#F00;
	}
#subMenu05 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}

/* ▼中国・四国 */
#subMenu06 li {
   background-color:#F00; /* 赤 */
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色 */
   padding-left:0px;
}
#subMenu06 li a {
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu06 li a:hover{
	background-color:#FFF;
	color:#F00;
	}
#subMenu06 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}

/* ▼九州 */
#subMenu07 li {
   background-color:#F00; /* 赤 */
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color:#FFF; /* 線の色 */
   padding-left:0px;
}
#subMenu07 li a {
	display:block;
	width:100px;
	color:#F00;
	text-decoration:none;
	padding: 0.4em 0.3em; /* 内側の余白：上下に0.4文字分・左右に0.3文字分 */
}
#subMenu07 li a:hover{
	background-color:#FFF;
	color:#F00;}
#subMenu07 ul{
list-style:none; /*リスト先頭の記号を消す*/
	margin:0px;	/*本来の余白をなくす*/
	padding:0px;	/*本来の余白をなくす*/
	width:10em;	/*横幅：10文字分*/
}



/* ▼個別の位置 */
#subMenu01 {
   position:absolute;
   top: 27px;
   left:110px;
}
#subMenu02 {
   position:absolute;
   top: 27px;
   left:230px;
}
#subMenu03 {
   position:absolute;
   top: 27px;
   left: 350px;
}
#subMenu04 {
   position:absolute;
   top: 27px;
   left: 460px;
}
#subMenu05 {
   position:absolute;
   top: 27px;
   left: 580px;
}
#subMenu06 {
   position:absolute; 
   top: 27px;
   left: 690px;
}
#subMenu07 {
   position:absolute;
   top: 27px;
   left: 700px;
}


/* ▼個別の装飾 */
#subMenu01 { visibility: hidden; }
#subMenu02 { visibility: hidden; }
#subMenu03 { visibility: hidden; }
#subMenu04 { visibility: hidden; }
#subMenu05 { visibility: hidden; }
#subMenu06 { visibility: hidden; }
#subMenu07 { visibility: hidden; }