@charset "utf-8";

/* ------------------------------------------------------
�����ݒ�
------------------------------------------------------ */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
  
/* remember to define focus styles! */
:focus { 
    outline: 0; 
} 
  
/* remember to highlight inserts somehow! */
ins { 
    text-decoration: none; 
} 
del { 
    text-decoration: line-through; 
} 
  
/* tables still need 'cellspacing="0"' in the markup */
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}

img {
	vertical-align:bottom:
}


/* ------------------------------------------------------

------------------------------------------------------ */
body{
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}


h3.Head{
	width:1000px;
	margin:10px auto 20px auto;
	font-size:1.6em;
	font-weight:bold;
	display:block;
	padding:10px 0 10px 0;
	text-indent:100px;
}

#BgContainer{
	width:1000px;
	margin:0 auto;
        border: 1px solid #eee;
box-shadow: rgba(0,0,0,.1) 0 0 10px 3px;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 0 10px 3px;
    -moz-box-shadow: rgba(0,0,0,.1) 0 0 10px 3px;
}

#Container{
	width:1000px;
	margin:0 auto;
}

#Container ul#Navi{
	overflow:hidden;
	display:block;
	width:965px;
	height:29px;
	background-color:#f5f5f5; 
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 35px;
display: flex;
    
}

#Container ul#Navi li{
	width:128px;
	margin:0 2px 0 0;
}

#Container ul#Navi li.Normal a{
display:block;
	width:131px;
	height:30px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center; 
text-decoration:none;
}



#Container ul#Navi li.Normal a:hover{
	text-decoration:underline;
}

#Container ul#Navi li.Member{
	width:131px;
	height:30px;
	color:#FFF;
	font-size:0.85em;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	background-image:url(../img/m_member_rollout.gif);
}

#Container ul#Navi li.Member a:link{
	display:block;
	width:131px;
	height:30px;
	color:#FFF;
	text-decoration:none;
}

#Container ul#Navi li.Member a:visited{
	display:block;
	width:131px;
	height:30px;
	color:#FFF;
	text-decoration:none;
}
#Container ul#Navi li.Member a:hover{
	display:block;
	width:131px;
	height:30px;
	color:#FFF;
	text-decoration:none;
	background-image:url(../img/m_member_rollover.gif);
}

#MainImg{
	position:relative;
	width:1000px;
	height:445px;
	background-image: url(../img/2012_main.jpg);
}

#MainImg #News{
	position: absolute;
	top:206px;
	left:633px;
	height:165px;
	width:320px;
	z-index:10;
	padding:0 10px 0 10px;
}

#MainImg #News ul li span.Date{
	text-decoration:none;
	font-size:8px;
	margin:0 5px 0 5px;
	color:#1D8998;
}

#MainImg #News ul li{
	color:#FFF;
	line-height:14px;
	text-indent:38px;
	margin:4px 0 0 0;
	background-image:url(../img/new_icon.gif);
	background-repeat:no-repeat;
	font-size:12px;
}

#MainImg #News ul li a:link{
	color:#333;
}

#MainImg #News ul li a:visited{
	color:#333;
}

#MainImg #News ul li a:hover{
	color: #005C80;
}

#MainImg #News h2{
	font-size:0.85em;
	color:#333;
	line-height:28px;
}

#Contents{
	width:1000px;
	overflow:hidden;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.ContentsBody{
	padding:20px 0px 20px 0px;
	color:#333;
}

#Left{
	float:left;
	width:420px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}

.Coment{
	line-height:150%;
	font-size:0.85em;
}

#Right{
	float:right;
	width:500px;
	padding:30px 20px 0 0;
}

#Footer{
	width:970px;
	margin:40px 0 0 0;
	padding:30px 0 0 30px;
	font-size:0.8em;
	background-color:#eee;
	color:#333;
}


.HeadText{
	width:760px;
	margin:0 auto;
	padding:20px;
	background-color:#eaf9fd;
	font-size:1em;
	font-weight:bold;
	line-height:160%;
}


dl.Setsumei{
	width:800px;
	margin:40px auto;
	border-left:2px solid #80D5EA;
}

dl.Setsumei dt{
	font-weight:bold;
	line-height:160%;
	font-size:1.2em;
	text-indent:15px;
}
dl.Setsumei dd{
	padding-top:15px;
	padding-left:15px;
	font-size:0.85em;
	line-height:160%;
}

.Calendar{
	width:800px;
	margin:0 auto;}


#AnotherContainer{
	width:1000px;
	margin:0 auto;
}

.AnotherList li{
	display:block;
	overflow:hidden;
	width:800px;
	margin:14px auto;
	border:1px solid #666;
}

.AnotherList li img{
	float:left;
	}

.AnotherList li p{
	display:block;
	width:320px;
	float: right;
	padding-top:30px;
	color:#CCC;
	line-height:150%;
	font-size:0.85em;
	}

.Text1{
	color:#CCC;
	}

.AnotherListTitle{
	font-size:1.2em;
	font-weight:bold;
	line-height:180%;
	
}


ul.MainNavi{
	margin:0;
	padding:0;
	overflow:hidden;
	width:1000px;
	height:64px;
}

ul.MainNavi li{
	margin:0;
	padding:0;
	float:left;
}