/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	text-align:center;
}

h1{
	font-weight: normal;
	font-size: 71%;
	color:#666666;
	margin: 2px 0px 2px 2px;
	padding: 0px;
}

h2{
	font-weight: normal;
	font-size: 68%;
	color:#666666;
	margin: 2px 0px 2px 2px;
	padding: 0px;
}

h3{
 font-weight: normal;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-weight: normal;
 font-size: 100%;
 margin: 0px;
 padding: 0px;
}

img{
	border:0;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
/*	margin-bottom:20px; */
}

#masthead{
	padding: 5px 0px 0px 0px;
	width: 100%;
	border-top:solid 3px #760737;
	background-image: url(/img/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

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

#left h3{
 font-weight: normal;
 font-size: 60%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

#present{
	float:right;
	width: 196px;
	padding: 0px;
	margin:0;
}

#content{
	width:372px;
	float: left;
	margin:0 0 5px 0;
	padding:0;
}

/* index用top用画像 */
#topimage {
	width:780px;
	padding:0;
	margin:0;
    height : 136px;
    _overflow : hidden; 
}

#topimage img {
    margin:0;
    padding:0;
}

/* その他のtop用画像 */
#topimg{
	width:780px;
	padding:9px 0 9px 0px;
	text-align:center;
}

#mainbg{
	background-image:url(/img/main_bg.gif);
	margin 0;
	padding 0;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 15px;
}
#siteName span{
	display: none;
}


/************* #globalNav styles **************/

#globalNav{
    clear:both;
    border-bottom: 1px solid #CCC;
    margin:0;
    padding:0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************** .news styles ***************/

.news{
	padding: 0px 0px 10px 7px;
}

.news h2{
	font-weight: normal;
	font-size: 0.65em;
	padding: 6px 0px 0 0px;
	text-align: center;
}

.date{
	color:#6c0136;
	font-size:0.75em;
	font-weight:bold;
	/*margin:6px 0 0 6px;*/
	margin:0 0 0 6px;
	padding:0;	
}

.title{
	color:#6c0136;
	font-size:0.8em;
	/*margin:5px 0 0 8px;*/
	margin:0 0 0 0;
	padding:0;
}


.title a{
	color:#330099;
}

.title a:hover{
	color:#FF9900;
}

.news .text{
	font-size:0.7em;
	width:330px;
	color:#666666;
	/*margin:4px 0 8px 8px;*/
	margin:0 0 0 0;
	padding:0 0 3px 10px;
	line-height:1.25em;
	border-bottom:1px solid #CCCCCC;
}

.line{
	margin:0 0 0 5px;
	padding:0 0 5px 0;
}
.news dl{
	width:330px;
	margin:3px 0 3px 0;   
	/*border-bottom:1px solid #CCCCCC;*/ 
}
.news dt{
	float:left;
	width:95px;
	margin-bottom:3px;   
	padding:0 0 0 0;
	clear:both;
}
.news dd {
	width:215x;   
	margin-left:96px;   
	margin-bottom:3px;   
	padding:0 0 0 0;
}
.news .newsImg{
	margin:5px 0;
}
.past .card{
	margin-top:5px;
	margin-right:2px;
}
.news .news_top_list{
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-arrow-color:		rgb(150,200,150);
	scrollbar-face-color:		rgb(255,255,247);
	scrollbar-highlight-color:	rgb(255,255,255);
	scrollbar-shadow-color:		rgb(150,150,150);
	scrollbar-darkshadow-color:	rgb(255,255,247);
	scrollbar-3dlight-color:	rgb(150,150,150);
	height: 640px;
}



/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 2px 10px 5px 10px;
	margin:0 10px 0 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#siteInfo a{
	color:#330099;
	text-decoration: none;
}

#siteInfo a:hover{
	color:#FF9900;
}

/************* #copyright styles ***************/

#copyright{
	padding: 8px 10px 2px 10px;
	margin:0 10px 10px 10px;
}


/*********** #left link styles ***********/

#left ul a:link, #left ul a:visited {display: block;}
#left ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#left li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #left li {border-bottom: none;}


/*********** #calendar styles ***********/


div#calendar{
	margin: 0px;
	padding: 0 0 0 8px;
	color:#666666;
	font-size:0.85em;
}

div#calendar h2 {
	padding: 8px 0px 0px 0px;
	margin:0;
}

div#calendar p {
	margin:3px 0 0 0;
	padding:0;
	font-size:0.75em;
	line-height:1.5em;
}

div#calendar table{
	text-align:center;
	width:189px;
	border:solid 4px #CCCCCC;
	background-image:url(/img/calendar_bg.gif);
	margin:5px 0 0 0;
	padding:5px;
}

div#calendar table td.calendar-month {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:5px
}

div#calendar table td.calendar-week {
	padding:2px 0 4px 0;
}


div#calendar table tbody.day-section td {
	font-size:0.85em;
	padding-top : 2px;
}

div#calendar table tbody.day-section td a {
	color:#FF6600;
}

div#calendar table tbody.day-section td a:hover {
	color:#330099;
}

div#calendar div.calendar_bottom {
	text-align:center;
	margin:8px 0 0 0;
	padding:0;
}

div#calendar div.calendar_bottom a {
    text-decoration: none;
}

div#calendar div.calendar_bottom img.maru{
	margin:3px;
	padding:0;
}

#calendar #pickup{
	width:189px;
	background:url(../img/pickup_bg.gif);
	margin:10px 0 0 0;
}
#calendar #pickup p.pdate{
	color:#830f45;
	font-size:85%;
	margin:0 22px;
	padding:1px 0 2px 0;
	line-height:1em;
}
#calendar #pickup p.ptxt{
	font-size:85%;
	margin:0 22px 2px 22px;
	padding:0 0 4px 0;
	line-height:1.1em;
	border-bottom:1px solid #cccccc;
}
#calendar #pickup p.ptxt a{
	color:#330099;
}

/*********** .banner styles ***********/

.banner{
	margin: 0px;
	padding: 3px 0px 5px 0px;
	font-size: 0.9em;
}
.banner img{
	margin-bottom:3px;
}
.banner h2{
	padding: 8px 0px 0px 0px;
}

.banner h3{
	/*padding: 2px 0px 2px 0px;*/
	font-size: 75%;
	color:#666666;
	margin: 0px 0px 2px 2px;
}

/************** #address styles **************/

#address{
	clear:both;
	padding: 0px 0px 10px 0;
	line-height:1.3em;
}
#address h2{
	font-size:120%;
	font-weight: bold;
	margin:0 0 0 0;
}

#address img{
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #DEDEDE;
}

/************** #present styles **************/

#present{
	margin: 0;
	padding: 8px 0 0 5px;
	font-size: 80%;
	color:#666666;
}

#present h2{
	padding: 0;
}

#present p{
	padding: 0 0 5px 5px;
	margin:0;
}
#present p img{
	margin-top:10px;
}
.past{
	line-height:1.2em;
	border-top:1px dotted #CCCCCC;
	margin:0px 10px 10px 0;
	padding:5px 8px 0 0;
	font-size:0.9em;
}

#present p.wein{
	float:left;
	margin:8px 18px 0 2px;
}

#present p.kikan{
	margin:0;
	padding:6px 0 6px 5px;
}

p.kikaku{
	margin:0 12px 10px 20px;
	padding:5px;
	background-color:#FFE6E6;
	color:#9f0e22;
}

.kikaku2{
	margin:0 12px 0 5px;
	padding:5px;
	background-color:#FFE6E6;
	color:#9f0e22;
	width:170px;
}
.uresuji{
	margin:5px 12px 25px 0px;
	padding:5px;
	background-color:#FFE6E6;
	color:#9f0e22;
	width:170px;
}

/************** #masthead styles **************/

#masthead h1{
	margin:0 0 0px 12px;
	padding:0;
}

#masthead #siteName{
	float:left;
}

#masthead #submenu{
	font-size:0.8em;
	float:left;
	clear:right;
	text-align:left;
	margin:13px 5px 0 10px;
	padding:0;
	color:#CCCCCC;
}

#masthead #submenu a{
	color:#330099;
	text-decoration: none;
}

#masthead #submenu a:hover{
	color:#FF9900;
}

#masthead #member{
	clear:right;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	color:#6c0136;
}

#masthead #member ul{
	list-style:none;
	margin:13px 0 0 0;
	padding:0;
}

#masthead #member li{
	list-style:none;
	float:left;
	border:none;
}

/************* #navi styles *************/

#navi{
	text-align:left;
	font-size: 0.7em;
	padding: 0px 0px 8px 20px;
	color:#666666;
}

#navi a{
	color:#330099;
	text-decoration:none;
}

#navi a:hover{
	color:#FF9900;
}

#navim{
	margin:10px 0 0 0;
	padding:0;
}

/************* #pagetop styles *************/

.pagetop{
	text-align:right;
	margin:18px 0 10px 0; 
 	padding:0;
}

/************* #err styles *************/

.err{
 	font-weight:bold;
	font-size:1.5em;
	margin:0;
	padding:0;
	color:#cc0000;
}

 .err02{
	margin:12px 55px 0px 55px;
	padding:2px 0 3px 0;
	font-size:0.8em;
	color:#FFFFFF;
	background-color:#CC0000;
}