@charset "utf-8";
/* CSS Document */
*	{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

body	{background-color: #FFFFFF; background-image: url(../images/bgBody.jpg); background-repeat: no-repeat; background-position: center 20px;}
h1	{height: 140px; text-align: center; text-indent: -3000px; } 
a img	{border: 1px solid #CCCCCC}
option	{padding-right: 10px;}

#col1, #col2, #col3	{margin-right: 0px; float: left; }
#col1 > div, #col2 > div, #col3 > div	{margin: 10px; margin-right: 0px;}
#col1	{width: 45%;  }
#col2	{width: 38%; }
#col3	{width: 15%;  }

#pageImage ul	{list-style: none; text-align: center; }
#pageImage ul li	{display: inline;}
#pageImage ul li a	{}
#pageImage ul li a img	{border: 1px solid #666666; width: 95%; margin: 5px; vertical-align: top; }

#gallery ul	{list-style: none; text-align: center; }
#gallery ul li	{display: inline;}
#gallery ul li a	{display: inline-block; width: 45%; margin: 5px; text-align: center; }
#gallery ul li a img	{border: 1px solid #666666; width: 100%; vertical-align: top; }

#communication	{}
#communication p a img	{vertical-align: middle; margin-right: 5px; border: none;}

#previewMap	{width: 100%; height: 200px; overflow: hidden}
#routeMap	{width: 100%; height: 450px; overflow: hidden}

.contentBox	{background-color: #D4D4D4; padding: 5px;  margin-bottom: 10px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #FFFFFF; }
.noTransparent	{opacity: 1!important; filter:Alpha(opacity=100)!important;}
/*
.contentBox:hover	{background-color: #FF0000}
.contentBox:hover h2	{color: #FFFFFF;}
.contentBox:hover > a	{color: #FFFFFF;}
*/

.commentBox *	{text-align: left}
.commentBox ul {list-style: none; }
.commentBox li	{border-bottom: 2px solid #D4D4D4; margin-left: -5px; margin-right: -5px; padding: 5px; color: #000000;}
.commentBox a 	{float: right;}
.commentBox a img	{border: none!important; margin-right: 0px!important; width: 16px!important;}
.commentBox span	{padding: 0px; color: #666666; background-color: #FFFFFF; font-size: 10px; display: block;}

.contentBox h2	{border-bottom: 2px solid #FFFFFF; margin-left: -5px; margin-right: -5px; padding: 5px; padding-left: 25px; padding-top: 0px; margin-bottom: 5px; background-image: url(../images/bgH2.gif); background-repeat: no-repeat; background-position: 6px 1px; }

.contentBox:hover h2	{background-image: url(../images/bgH2Active.gif);}
.date	{display: block; background-color: #D4D4D4; padding: 2px; padding-left: 5px; margin-bottom: 2px; font-size: 11px; font-weight: normal;}
.contentBox h4	{padding: 5px; background-color: #FFFFFF; padding-bottom: 10px;}
.contentBox p, .contentBox ul	{padding: 5px; background-color: #FFFFFF; padding-bottom: 10px;}
.contentBox p	{line-height: 18px; }
.contentBox > a	{display: block; text-align: center; text-decoration: none; margin-top: 5px; color: #FF0000; font-weight: bold; font-size: 12px;}
.contentBox p a, .contentBox ul a	{text-decoration: none; color: #FF0000; font-weight: bold;}

#mainNaviList	{list-style: none; position: fixed; width: 100%; background-color: #999999; overflow:auto; border-bottom: 2px solid #FFFFFF; text-align: right;}
#mainNaviList li	{display: inline;}
#mainNaviList li a, #mainNaviList li span	{display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; color: #FFFFFF; font-size: 10px; text-align: center; text-decoration: none; border-left: 2px solid #FFFFFF; background-color: #000033}
#mainNaviList li a.active	{background-color: #FF0000; color: #FFFFFF;} 

#counter	{position: absolute; top: 25px; left: 10px; font-size: 10px; color: #000000;}