@charset "utf-8";
*{
	margin:0px;
	padding:0px;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	background-color:#E2EBFE;
	line-height: normal;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}

a:link
{
	text-decoration: none;
	color: #3399FF;
}
a:visited
{
	text-decoration: none;
	color: #3399FF;
}
a[href]:hover
{
	text-decoration: none;
	color: #CC0000;
}
img
{
	border:none;
}

hr{
	clear:both;
}

/*------------------------------------------*/
/*基本構成									*/
/*------------------------------------------*/
#wrapper {
	width: 980px;
	margin: 0 auto; 
	overflow: hidden;
	border-left:solid 1px;
	border-right:solid 1px;
	background-color:#FFF;
}

#header{
	width:980px;
}

#header img{
	padding-left:20px;
}

#header form{
	display:inline;
	margin-left:30px;
}

#footer{
	background-color:#ADF;
	width:980px;
	margin: 0 auto;
	text-align:right;
	border-left:solid 1px;
	border-right:solid 1px;
}

#contents{
	margin:5px;
	padding:5px;
}

.menu{
	width:200px;
	position:absolute;
}

ul.guid{
	margin-top:30px;
}

ul.guid li{
	margin-left:20px;
	margin-top:1px;
	width:150px;
	list-style-type:none;
	border:groove #6CF 3px;
	text-align:center;
}

ul.guid li a{
	display:block;
	width:150px;
	background-color:#FFF;
}
	

ul.guid li a:hover{
	background-color:#555;
	color:#FFF;
}

.note{
	/*position:absolute;*/
	margin-left:200px;
	padding:20px 30px;
}

/*------------------------------------------*/
/*トップページ								*/
/*------------------------------------------*/
#top{
	width:780px;
	margin-top:5px;
	background-color:#FFF;
	position:relative;
	float:left;
}

#top img{
	padding-left:10px;
}

.note dt{
	margin-top:10px;
	padding-left:15px;
	font-weight:bold;
	border-bottom:3px double #666;
	background:#99DDFF;
}

.note dd{
	padding:5px 10px 10px 25px;
	background:#EEEEFF;
	font-size:11pt;
	border-bottom:3px double #333;


}

/*------------------------------------------*/
/*ニュース									*/
/*------------------------------------------*/
.news{
	margin-left:200px;
	padding:20px 30px;
	text-align:right;
	margin-bottom:30px;
	font-size:9pt;
}

.news h4{
	text-align:left;
	font-size:16pt;
}

.news dl{

}

.news dt{
	font-size:12pt;
	margin-top:15px;
	font-weight:bold;
	border-bottom:3px double #666;
	background:#CCC;
	text-align:left;
}

.news dd{
	padding:5px 10px 10px 10px;
	background:#EEE;
	font-size:11pt;
	border-bottom:3px double #333;
	text-align:left;
}

.news img{
    align:center;
}

.book{
	padding:20px;
}

.book h3{
	margin-top:10px;
}

.book li{
	margin-left:30px;
}

.list {
		text-align:left;
		}
.list tr {
			vertical-align:top;
			}
.list_esp {
		border:solid 1px;
}
.list_esp tr td{
		border:solid 2px #3CC;
		border-collapse:separate;
}
/*------------------------------------------*/
/*IE6/IE7回避用								*/
/*------------------------------------------*/
#top hr{
	clear:both;
	width:0px;
	padding:0px;
	margin:0px;
}

/*------------------------------------------*/
/*作品バナー								*/
/*------------------------------------------*/
#side_banner{
	width:200px;
	float: right;
	position:relative;
}

#side_banner dd{
	padding-top:2px;
	margin-left:30px;
}

/*------------------------------------------*/
/*アコーディオン							*/
/*------------------------------------------*/
#accordion_p{
	background: #FFF;
	display: block;
	padding: 5px;
	width: 600px;
}
#accordion_p .item {
    width: 600px;
    height: 30px;
    overflow: hidden;
    
    transition: height ease-in-out 500ms;
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;
    
    margin-bottom: 1px;
}
#accordion_p a {
	display: block;
	height: 30px;
	background:#9BF;
	padding: 5px;
	color: #1e1e1e;
	text-decoration: none;
}


#accordion_p table{
	font-size:13px;
}

#accordion_p table a{
	height:300px;
	background-color:#FFF;
}

#accordion_p div:hover {
    height:600px;
}

	#left{
    width:30%;
    height:300px;
    float:left;
 	}

	#right{
		width:65%;
		height: 300px;
		border: solid 2px #80BAFF;
		overflow:auto;
		position:relative;
		left:15px;
   /* height:350px;
    margin-left:35%;
    overflow:auto;*/
	}
	#right h4 {
					color:#3c3c3c;
					background-color:#8BBFFF;
					margin:0px;
					padding:0px;
				 }
	#right p{
		font-size:9pt;
	}
	.blocks {
		padding:10px;
	}
	.light_image{
		margin:10px;
		padding:10px;
	}
	
	.light_image img{
		margin-left:20px;
		margin-top: 10px;
		border:none;
	}
	
#contact {
			width:520px;
			height:750px;
			border :none;
		}
		
#comic80{
	background: url(image/event/event18_comic80/bg.jpg) no-repeat;
	width: 520px;
	height: 3000px;
	position: relative;
}

#comic80 a{
	display: block;
	width: 170px;
	height: 40px;
	background: url(image/event/event18_comic80/off.png);
	position: absolute;
}
#comic80 a:hover,
#comic80 a:active{
	background: url(image/event/event18_comic80/on.png);
}

#comic82{
	background: url(image/event/event25_cm82/bk.jpg);
	width: 520px;
	height: 2250px;
	position: relative;
}

#joyful_party{
	width:200px;
	height:40px;
	display:inline-block;
	top:230px;
	left:150px;
	position:absolute;
}