/*---------------------------
  マイタウントップページ
---------------------------*/
body {
margin:0px;
padding:0px;
text-align:center;
background:url(http://link.b1388.jp/image/bg1004a.gif) 
repeat-x 0 0;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}

#container {
width:900px;
margin:0px auto 0px auto;
padding:0px 0px 30px 0px;
background:#fff;
text-align:center;
}


#header {
width:100%;
margin:0px;
padding:0px;
}

#header-body {
margin:0px;
padding:0px;
color:#000;
background:#fff;
text-align:left;
font-family:arial, Helvetica;
}

#banner {
width:900px;
margin:0px;
padding:0px;
}

#banner-body {
margin:0px;
padding:0px;
font-family:arial, Helvetica;
color:#FFF;
font-size:80%;
}

#main {
width:100%;
margin:0px;
padding:0px;
}

#main-body {
margin:0px;
padding:10px 0px 0px 0px;
text-align:left;
background:#fff;
}

#wrapper {
float:left;
width:700px;
margin:0px;
padding:0px;
}

#content {
float:right;
width:500px;
margin:0px;
padding:0px;
}

#content-body {
margin:0px;
padding:0px 10px;
}

#sidebar {
float:left;
width:200px;
margin:0px;
padding:0px;
}

#sidebar-body {
margin:0px;
padding:0px;
font-weight:normal;
}

#links {
float:right;
width:200px;
margin:0px;
padding:0px;
}

#links-body {
margin:0px;
padding:0px;
font-weight:normal;
}

#footer {
clear:both;
width:100%;
margin:0px;
padding:0px;
}

#footer-body {
margin:0px;
padding:5px 0px;
color:#FFF;
background:#009900;
}

/*---------------------------
  Header style
---------------------------*/
.description-body {
display:block;
margin-right:0px;
margin-left:0px;
color:#fff;
line-height:140%;
font-size:16px;
font-family:sans-serif;
font-weight:bold;
}

/*---------------------------
  Side style
---------------------------*/
.sidetitle {
margin:0px;
padding:0px;
width:100%;
}

.sidetitle-body {
margin:0px;
padding:5px 0px;
color:#fff;
font-weight:bold;
background:#009900;
text-align:center;
}

.side {
marigin:0px;
padding:0px;
width:100%;
}

.side-body {
marigin:0px;
padding:5px;
color:#000;
line-height:140%;
word-break:break-all;
}

.side-body a {
color:#000;
text-decoration:none;
}

.side-body a:hover {
color:#ff0000;
text-decoration:underline;
}

/*---------------------------
  Footer style
---------------------------*/
.copyright {
width:100%;
}

/*---------------------------
  HTML tag style
---------------------------*/
h1 {
margin:0px;
padding:0px;
font-weight:bolder;
font-size:30px;
}

h1 a {
color:#fff;
font-family:arial, Helvetica;
text-decoration:none;
font-family:sans-serif;
font-weight:bolder;
}

h2 {
padding:0px;
font-weight:bold;
font-size:14px;
text-align:left;
font-family:arial, Helvetica;
color:#000;
}

h3 {
padding:0px;
font-size:14px;
font-weight:bold;
font-family:arial, Helvetica;
}

h3 a {
color:#333;
text-decoration:none;
}

a {
color:#002b9f;
text-decoration:none;
}

div {
border:none;
}

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

form {
margin:0px;
}

#compo013 {
PADDING:3px;
MARGIN:0px 0px 15px 0px; 
BACKGROUND: #ffffcc;
BORDER: #009900 1px solid;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
}

#compo025 {
PADDING:0px;
MARGIN-bottom:10px; 
BACKGROUND: #fff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#compo031, #compo032, #compo055 {
BORDER: #009900 1px solid;
PADDING:5px;
BACKGROUND: #ffffcc;
MARGIN: 0px 0px 15px; 
}

#compo049, #compo048, #compo043 {
PADDING:5px 0px 5px 15px;
BACKGROUND: #c8e9f7; 
MARGIN:0px 0px 15px; 
font-family:arial, Helvetica;
color:#000;
line-height:140%;
}

#compo043 a:hover {
color:#ff0000;
text-decoration:underline;
}

#compo048 a:hover {
color:#ff0000;
text-decoration:underline;
}

#compo049 a:hover {
color:#ff0000;
text-decoration:underline;
}

#compo049 {
display:none;
}

.blink {
PADDING:5px 0px 5px 15px;
BACKGROUND: #c8e9f7; 
MARGIN:0px 0px 15px; 
font-family:arial, Helvetica;
color:#000;
line-height:140%;
}

.blink a:hover {
color:#ff0000;
text-decoration:underline;
}

.link {
PADDING:5px;
MARGIN:0px; 
BACKGROUND: #ffffcc;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
}

/* ---------------------------
  グループメニュー
--------------------------- */
.menu ul{
 margin:0px;
 height:36px;
 padding:0;
 background:url(http://link.b1388.jp/image/bg1004a.gif) 
 repeat-x 0 0;
 position:relative;
 list-style-type:none;
}

.menu li{
 float:left;
 margin:0px;
 padding:0;
}

.menu a{
 display:block;
 height:36px;
 background-repeat:no-repeat;
}

li#m0 a{
 width:22px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/bg1004a.gif);
}

li#m1 a{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/mytown1004a.gif);
}

li#m1 a:hover{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/mytown1004a.gif);
 background-position:0px -36px;
 color:#fff;
}

li#m2 a{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/size1004a.gif);
}

li#m2 a:hover{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/size1004a.gif);
 background-position:0px -36px;
 color:#fff;
}

li#m3 a{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/twitter1004a.gif);
}

li#m3 a:hover{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/twitter1004a.gif);
 background-position:0px -36px;
 color:#fff;
}

li#m4 a{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/link1004a.gif);
}

li#m4 a:hover{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/link1004a.gif);
 background-position:0px -36px;
 color:#fff;
}

li#m5 a{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/event1004a.gif);
}

li#m5 a:hover{
 width:171px;
 height:36px;
 background-image:url(http://link.b1388.jp/image/event1004a.gif);
 background-position:0px -36px;
 color:#fff;
}