@charset "utf-8";

/* * * Reset * * */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, blockquote, pre, table, th, td, form{
	margin:0;
	padding:0;
}
img {
	vertical-align: baseline;
}
a img {
	border: none;
}

li{
	list-style-type:none;
}
/* * * Setting * * */
body {
	background: #FFF;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 90%;
	color: #666;
	text-align:center;
}
a{
	color:#1E4E9B;
}
a:hover{
	color:#F90;
}

/* * * general * * */
#container{
	width:960px;
	margin:0 auto;
	text-align:left;
	background:url(../img/side_bg.jpg) right top repeat-y;
}
#container_inner{
	background:url(../img/bg.jpg) 0 180px no-repeat;
}

.note {
	color: #f00;
}

/*** header***/
#header{
/*
	background:url(../img/header.jpg) left top no-repeat;
	height:184px;
*/
}
#header h1{
/*	display:none;*/
}
/* * * wrapper * * */
#wrapper{
/*	background:url(../img/bg.jpg) 0 0 no-repeat;*/
}
#wrapper{ /zoom : 1; }
#wrapper:after{ content : ''; display : block; clear : both; height:0; }

/*** contents***/
#contents{
	float:left;
	width:700px;
}
#contents p{
	line-height:1.3em;
	font-weight:bold;
	padding-top:3px;
}




/*** side***/
#side{
	width:260px;
	float:right;
}

/*news*/
#side #news{
	background:url(../img/news_bottom.png) right bottom no-repeat;
	padding-bottom:23px;
}
#side #news h2{
}
#side #news ul{
	height:180px;
	background-color:#FFF;
	overflow:scroll;
	overflow-x:hidden;
	border:1px solid #666;
	margin:0 10px;


-webkit-box-shadow:0 0 6px 2px rgba(200,200,200,0.2) inset;
-moz-box-shadow:0 0 6px 2px rgba(200,200,200,0.2) inset;
box-shadow:0 0 6px 2px rgba(200,200,200,0.2) inset; 
	

}
#side #news ul li{
	background:url(../img/line2.gif) 5px bottom no-repeat;
	margin:3px 0 0 0;
	padding:0 5px 10px 5px;
	font-size:90%;
	line-height:1.2em;
}
#side #news ul li span.date{
	display:block;
	background:url(../img/i_mark01.gif) left 0.2em no-repeat;
	padding:0 5px 0 10px;
}




/*** modal win *******************************************************/
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.news_win{
  /*background: none repeat scroll 0 0 #FFFFFF;*/
  background:url(../../news/img/bg.gif) repeat-y left top scroll #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px 40px 30px 80px;
  width: 670px;
  height:80%;
  overflow:scroll;
  /*border:3px solid #FFA54B;*/
 }
 
.news_win dt{
	margin:0 0 15px 0;
	/* padding:0 0 15px 0; */
	padding:0 10px 15px 0;
	background:url(../../news/img/line.gif) left bottom no-repeat;
	color:#950C3A;
	font-size: 116%;
	font-weight: bold;
}
/* .news_win dt h3 .date{
	display:block;
	font-weight:normal;
	color:#666;
	padding-bottom:5px;
} */
.news_win dt .date{
	display:block;
	font-weight:normal;
	color:#666;
	padding-bottom:5px;
}
.news_win dd h4{
	padding:0 0 1em 0;
	color:#950C3A;
}
.news_win dd p{
	padding:0 0 1em 0;
	line-height:1.5em;
}
.news_win dd .info{
	color:#F39;
}

.news_win dd .design01{
	background:#FFC;
	border:#FFA54B 3px solid;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:20px;
}

.b_close{
	text-align:center;
	clear:both;
}
.modal_close{ 
/*
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/modal_close.png);
  z-index: 2;
*/
}
/*20131028*/
#news20130718 dd.poster {
	float:left;
	width:410px;
}
#news20130718 dd.main {
	float:left;
	width:200px;
}

/*20140402*/
#news20140402 dd.note20140402 {
	border: solid 1px #dd0101;
	border-bottom: solid 7px #dd0101;
	color: #dd0101;
	line-height: 1.6em;
	margin: 0 auto 1em;
	padding: 7px 15px;
	text-align: center;
	width: 15em;
}

html body div#news20140402.news_win dl dd.note20140402 strong {
	font-size: 146.5%;
}

/*menu*/
#side #side_menu{
	line-height:0;
	margin:0 0 0 8px;

}

#side #banner li{
	padding-top:10px;
}


/*** footer***/
#footer{
	clear:both;
	margin:50px 0 0 0;

}
#footer{ /zoom : 1; }
#footer:after{ content : ''; display : block; clear : both; height:0; }
#footer #copy{
	float:left;
	width:660px;
	color:#666;
	padding:10px;
	border-top:1px solid #333;
	font-size:90%;
}
#footer #gakken{
	float:right;
	width:260px;
	text-align:center;
}







/* * class * */
a.hover80:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

