@charset "utf-8";

/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: BASE LAYOUT

==========================================================
*/

/*
===== [main] =====================================
*/
div#mainArea{
 width: 600px; 
 background: #ffffff;
	margin-bottom: 1px;			
}
div#mainAreaTitle,div#messageAreaTitle{
	margin: 0px 0px 0px 0px;	
 	width: 600px;	
	overflow: hidden;			
}


div#mainAreaTitle h2#chap01 {
	background: #ffffff url(img/n_pick_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap02 {
	background: #ffffff url(img/n_re_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap03 {
	background: #ffffff url(img/n_pick_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap04 {
	background: #ffffff url(img/n_event_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}


div#mainAreaTitle h2#chap05 {
	background: #ffffff url(img/n_ca_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle .detail01 {
	color: #777777;	
	font-size:12px;	
	line-height: 200%;	
}


div#newsArea{
 width: 600px; 
 background: #000000;
	margin-bottom: 1px;			
}

div#newsAreaTopContents{
 width: 600px; 
 background: #000000;
 padding: 0px 10px 0px 10px;	
 background: #000000 url("img/lib_top.gif") left top no-repeat;
}

div#newsAreaTopContents p {
	padding-top:5px;
	color: #C4AE34;	
	font-size:12px;		
}

div#newsAreaTopContents h3{
width: 580px;
	color: #C4AE34;	
	font-size:14px;	
	border-bottom: 1px dotted #48494A;		
}

div#newsAreaTopContents h3 a{
width: 580px;
	color: #C4AE34;	
	font-size:14px;	
text-decoration: none;
}

div#newsAreaTopContents h3 a:hover{
width: 580px;
	color: #C4AE34;	
	font-size:14px;		
}

div#newsAreaBotContents p a{
	color: #C4AE34;	
text-decoration: none;
}

div#newsAreaBotContents a:hover{
	color: #C4AE34;	
	text-decoration:underline
}

div#newsAreaBotContents a:visit{
	color: #C4AE34;	
}

div#newsAreaBotContents{
 width: 600px;
 background: #000000;
 padding: 0px 10px 10px 10px;	
 background: #000000 url("img/lib_bottom.gif") left bottom no-repeat;
}

div#newsAreaBotContents #flame{
	float:left;
	width: 130px;
	background: #ffffff;
	padding: 2px 2px 12px 2px;
	margin: 10px 10px 10px 0px;
	border: 1px solid #CCCCCC;	
}

div#newsAreaBotContents img{
	width: 130px;	
}

div#newsAreaBotContents p{
	padding-top:10px;
	color: #999999;	
	font-size:12px;	
}
/*
/**/



#ttlbox1{
	float:left;
	width:290px;
}
#ttlbox1 p{
	padding-left:10px;
	color: #777777;	
	font-size:12px;	
	line-height: 400%;
}

#ttlbox2{
	float:right;
	width:290px;
}
#ttlbox3{
	float:left;
	width:280px;
	margin:1%;
}
#ttlbox4{
	float:right;
	width:280px;
	margin:1%;
}
#ttlbox4 p{
	padding-left:10px;
	color: #777777;	
	font-size:12px;	
	line-height: 300%;
}

#ttlbox05{
	float:left;
	width:290px;
}
#ttlbox05 p{
	padding-left:10px;
	color: #777777;	
	font-size:12px;	
	line-height: 300%
}

#ttlbox6{
	float:right;
	width:290px;
}
#ttlbox07{
	float:left;
	width:290px;
}

#ttlbox08{
	float:left;
	width:290px;
}

#ttlboxr p{
	color: #777777;	
	font-size:12px;	
	float:right;
	width:290px;
	line-height: 200%
}
#ttlboxl{
	color: #777777;	
	font-size:12px;	
	float:left;
	width:290px;
	line-height: 200%
}

#ttlbox07 p{
	padding-left:10px;
	color: #777777;	
	font-size:12px;	
	line-height: 200%
}

#ttlbox08 p{
	padding-left:10px;
	color: #777777;	
	font-size:12px;	
	line-height: 250%
}

===== [calendar] =====================================
*/
div#calendar {
}

#calendar ul { 
	float:right;
	margin-top: 40px;
	list-style: none 
}


#calendar ul li { 
	margin-top: 5px;
list-style: none 
}


===== [photoflame] =====================================
*/
div#newsAreaBotContents img{
	float:left;
width: 130px;
	background: #ffffff;
		padding:2px 2px 12px 2px;
	margin-right:10px;
		border: 1px solid #333333;	
margin-top: 10px;
}

*/

div#attend {	
	text-align:left;
	color: #B8B8B8;	
	font-size:12px;	
	margin: 2px 0px 0px 5px;				
}

table {
	font-size: 12px;
	color: #666666;
	width: 600px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	border-collapse: separate;
	border-spacing: 1px;
}
th {
	padding: 8px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DEE1E2;
    text-align: center;
    width: 110px;
}
td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EDEEEE;
    text-align: center;
    width: 70px;
}

td.week {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DEE1E2;
    text-align: center;
    width: 70px;
}

h4{
	color: #666666;
}

#ttlbox5{
	float:right;
	width:350px;
    
}
#ttlbox5 p{
	text-align:right;
	padding-left:10px;
	color: #666666;	
	font-size: 10px;	
	line-height: 1%


}

#attendArea{
	width: 600px;
	background: #E6E9EA;
	display: block;
	border-bottom: 1px dotted #BDC4C6;	
	border-top: 1px dotted #BDC4C6;	
	margin-top: 20px;			
}
#attendArea p{
padding: 10px;
	text-align: center;
	color: #777777;	
	font-size:12px;				
}

.arrow{
color:#C4AE34;
}



/*
===== [カレンダー] =====================================
*/

div#CalArea{
 width: 600px; 
 background: #000;
} 
div#CalmessageArea{
	margin: 7px;
	color: #E6E9EA;		

} 

div#CalmessageArea h3{
	color: #C4AE34;		
	font-size: 14px;
	border-bottom: 1px dotted #BDC4C6;	
}

div#CalmessageArea p{
	margin-top: 10px; 
	font-size: 12px;	
}

/*