@charset "shift_jis";
@import "contents.css";
@import "schedule.css";
@import "popup.css";
@import "print.css";



/*-----共通の設定-----*/

body{margin:0; padding:0;}
h1,h2,h3,h4,p{margin:0; padding:0;}
ul,li{margin:0; padding:0; list-style-type:none;}
a IMG{border:0;}
hr.none{display:none; clear:both;}
hr.green{margin:24px 0; padding:0; border:1px; height:1px; color:#88BB55; background-color:#88BB55; clear:both;}
hr.green2{margin:0 0 36px 0; padding:0; border:1px; height:1px; color:#88BB55; background-color:#88BB55; clear:both;}
.clear{clear:both;}

.greenline{margin:0 0 36px 0; border-top:1px solid #88BB55;}
.greenline2{margin:0; border-top:1px solid #88BB55;}

a{color:#0033CC; text-decoration:none;}
a:visited{color:#0033CC; text-decoration:none;}
a:hover{color:#FFFFFF; background-color:#0033CC; text-decoration:none;}
a:active{color:#FFFFFF; background-color:#0033CC; text-decoration:none;}

#wrapper{
	width:960px; 
	margin:0; 
	padding:0;
}



/*-----左ロゴ部分の設定-----*/

#leftbox{
	width:192px; 
	height:514px; 
	margin:0; 
	padding:0; 
	float:left; 
	background:url(../images/sidebar.gif) no-repeat top left;
}
#logo{
	width:34px; 
	height:303px; 
	margin:23px 0 0 35px; 
	padding:0; 
	text-indent:-9999px; 
	background:url(../images/top_logo.gif) no-repeat top left;
}

ul#leftnavi{
	margin:46px 0 0 36px;
	padding:0;
}
ul#leftnavi li{
	clear:both;
	margin:0 0 6px 0;
	padding:0;
	height: 15px;
	font-size:xx-small;
	line-height:100%;
}
ul#leftnavi li a#access,
ul#leftnavi li a#about,
ul#leftnavi li a#office,
ul#leftnavi li a#policy,
ul#leftnavi li a#sitemap,
ul#leftnavi li a#inquiry,
ul#leftnavi li a#qanda{
	display: block;
	margin:0;
	height: 15px;
	text-indent: -9999px;
}
ul#leftnavi li a#access{
	width:54px;
	background: transparent url(../images/top_bt_access.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#about{
	width:76px;
	background: transparent url(../images/top_bt_about.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#office{
	width:72px;
	background: transparent url(../images/top_bt_office.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#policy{
	width:83px;
	background: transparent url(../images/top_bt_policy.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#sitemap{
	width:70px;
	background: transparent url(../images/top_bt_sitemap.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#inquiry{
	width:80px;
	background: transparent url(../images/top_bt_inquiry.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#qanda{
	width:80px;
	background: transparent url(../images/top_bt_qanda.gif) no-repeat 0px 0px;
}
ul#leftnavi li a#access:hover,
ul#leftnavi li a#about:hover,
ul#leftnavi li a#office:hover,
ul#leftnavi li a#policy:hover,
ul#leftnavi li a#sitemap:hover,
ul#leftnavi li a#inquiry:hover,
ul#leftnavi li a#qanda:hover{
	background-position: 0px -15px;
}



/*-----コンテンツ部分の設定-----*/

#centerrightbox{
	width:768px; 
	margin: 0; 
	padding: 0px; 
	float:left; 
	background-color:#88BB55;
}

#centerbox{
	width:480px; 
	margin: 0; 
	padding: 0 0 24px 0; 
	float:left; 
	background-color:#ffffff;
}

#slidebox{
	width:480px; 
	height: 210px;
        margin: 0px 0px 10px 0px; 
}

#slides{
	margin-bottom:1500px; 
}

h2#pickuptitle{
	width:166px;
	height:15px;
	margin:18px 0 12px 0;
	padding:0;
	font-size:xx-small;
	text-indent:-9999px;
	background:url(../images/top_pickup.gif) no-repeat top left;
}

h2#pickuptitle2{
	width:166px;
	height:15px;
	margin:18px 0 5px 0;
	padding:0;
	font-size:xx-small;
	text-indent:-9999px;
	background:url(../images/top_pickup.gif) no-repeat top left;
}

h2#boshutitle{
	width:119px;
	height:15px;
	margin:18px 0 12px 0;
	padding:0;
	font-size:xx-small;
	text-indent:-9999px;
	background:url(../images/top_boshu.gif) no-repeat top left;
}

h2#oshirasetitle{
	width:66px;
	height:15px;
	margin:24px 0 12px 0;
	padding:0;
	font-size:xx-small;
	text-indent:-9999px;
	background:url(../images/top_oshirase.gif) no-repeat top left;
}

ul.pickup{
	margin:0;
	padding:0;
}
ul.pickup li{
	margin:0 0 12px 0;
	padding:0 0 0 15px;
	font-size:small;
	color:#333333;
	background:url(../images/arrow.gif) no-repeat top left;
}
ul.pickup li span.janre{
	margin:0 0 0 6px;
	padding:0 1px;
	font-size:x-small;
	line-height:100%;
	color:#0033CC;
	border:1px solid #0033CC;
}
ul.pickup li span.status{
	margin:0 0 0 6px;
	padding:0;
	font-size:x-small;
	line-height:100%;
	color:#FF3333;
	border-bottom:1px solid #FF3333;
}
ul.pickup li span.update{
	margin:0 0 0 6px;
	padding:0;
	font-size:x-small;
	line-height:100%;
	color:#999999;
}
ul.pickup li .data{
	margin:0;
	padding:3px 0 0 0;
	font-size:x-small;
	line-height:140%;
}

h3.topmidashi{
	font-size:small;
	color:#333333;
}
P.kyukan{
	padding:6px 0 0 0;
	font-size:small;
	color:#333333;
}

ul.line{
	width:456px;
	margin:3px 0 24px 0;
	padding:0;
	border-bottom:1px solid #CCCCCC;
}
ul.line li{
	margin:0 0 0 0;
	padding:3px;
	font-size:small;
	line-height:140%;
	color:#333333;
	border-top:1px solid #CCCCCC;
}

ul.arrow{
	margin:3px 0 0 0;
	padding:0;
}
ul.arrow li{
	margin:0;
	padding:0 0 0 15px;
	font-size:small;
	color:#333333;
	background:url(../images/arrow.gif) no-repeat top left;
}



/*-----右ナビ部分の設定-----*/

#rightbox{
	width:288px; 
	margin:0; 
	padding:0; 
	float:left; 
	background-color:#88BB55;
}

ul#rightnavi{
	margin:24px 0 0 24px;
	padding:0;
	font-size:x-small;
	line-height:140%;
	color:#222222;
}
ul#rightnavi li{
	width:240px;
	margin:0 0 12px 0;
	padding:0;
}
ul#rightnavi li a#zaidan,
ul#rightnavi li a#schedule,
ul#rightnavi li a#boshu,
ul#rightnavi li a#ticket,
ul#rightnavi li a#shisetsu,
ul#rightnavi li a#floorguide,
ul#rightnavi li a#pipi,
ul#rightnavi li a#jibunshi,
ul#rightnavi li a#katsudo,
ul#rightnavi li a#magazine{
	display: block;
	margin:0 0 3px 0;
	height:16px;
	font-size:0;
	line-height:0;
	text-indent: -9999px;
}
ul#rightnavi li a#zaidan{
	width:133px;
	background: transparent url(../images/top_menu_zaidan.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#schedule{
	width:165px;
	background: transparent url(../images/top_menu_schedule.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#boshu{
	width:60px;
	background: transparent url(../images/top_menu_boshu.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#ticket{
	width:164px;
	background: transparent url(../images/top_menu_ticket.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#shisetsu{
	width:121px;
	background: transparent url(../images/top_menu_shisetsu.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#floorguide{
	width:121px;
	background: transparent url(../images/top_menu_floorguide.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#pipi{
	width:184px;
	background: transparent url(../images/top_menu_pipi.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#jibunshi{
	width:206px;
	background: transparent url(../images/top_menu_jibunshi.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#katsudo{
	width:91px;
	background: transparent url(../images/top_menu_katsudo.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#magazine{
	width:91px;
	background: transparent url(../images/top_menu_magazine.gif) no-repeat 0px 0px;
}
ul#rightnavi li a#zaidan:hover,
ul#rightnavi li a#schedule:hover,
ul#rightnavi li a#boshu:hover,
ul#rightnavi li a#ticket:hover,
ul#rightnavi li a#shisetsu:hover,
ul#rightnavi li a#floorguide:hover,
ul#rightnavi li a#pipi:hover,
ul#rightnavi li a#jibunshi:hover,
ul#rightnavi li a#katsudo:hover,
ul#rightnavi li a#magazine:hover{
	background-position: 0px -16px;
}

#searchbox{
	width:240px; 
         height:20px; 
	margin:24px 0 0 24px; 
	padding:12px 0 ; 
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF;
}

#searchbox form{
	margin:0; 
	padding:0;
}

#searchbox input{
	
	height:19px; 
	margin:0 3px ; 
	padding:0; 
	float:left;
}
#searchbox img{
	margin:0; 
	cursor:pointer;
}

#blogbutton{
	width:169px; 
        height:51px; 
	margin: 12px 0 0 24px; 
}

.blog01 {
        width:169px; 
        height:51px; 
        background:url(http://www2.lib.city.kasugai.aichi.jp/zaidan/images/button_jimu2.jpg) no-repeat left bottom;
        margin-bottom: 10px;
}
.blog01 a {
        display:block;
        width:169px; 
        height:51px; 
        font-size:1px;
        line-height:1px;
        outline:none;
}
.blog01 a:hover {
       opacity:0.5;
       filter: alpha(opacity=50);
       -ms-filter: "alpha( opacity=50 )";
       background: #ffffff;
}

.blog02 {
        width:169px; 
        height:51px; 
        background:url(http://www2.lib.city.kasugai.aichi.jp/zaidan/images/button_staff2.jpg) no-repeat left bottom;
}
.blog02 a {
        display:block;
        width:169px; 
        height:51px; 
        font-size:1px;
        line-height:1px;
        outline:none;
}
.blog02 a:hover {
        opacity:0.5;
       filter: alpha(opacity=50);
       -ms-filter: "alpha( opacity=50 )";
       background: #ffffff;
}



/*-----フッタ部分の設定-----*/

#bottombox{
	clear:both; 
	height:96px; 
	margin:0; 
	padding:0; 
	background-color:#555555;
}
#copyright{
	width:960px; 
	height:36px; 
	margin:0; 
	padding:0; 
	font-size:x-small; 
	color:#FFFFFF;
}
#copyright P{
	margin:0 0 0 12px; 
	padding:6px 0 0 0;
}
#koukoku{
	width:960px; 
	height:60px; 
	margin:0; 
	padding:0; 
	text-align:right;
}
#koukoku IMG{
	margin:0 15px 0 0;
}


/*-----スライド部分の設定-----*/
.coin-slider { overflow: hidden; position: absolute; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; 
                      padding: 10px; 
                      float: left; }
.cs-buttons a:link {
	margin-left: 5px;
	height: 6px;
	width: 6px;
	float: left;
	text-indent: -1000px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #B8C4CF;
}

.cs-buttons a:hover {
	margin-left: 5px;
	height: 6px;
	width: 6px;
	float: left;
	text-indent: -1000px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #B8C4CF;
background-color: #B8C4CF;
}

.cs-buttons a:active {
	margin-left: 5px;
	height: 6px;
	width: 6px;
	float: left;
	text-indent: -1000px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #B8C4CF;
background-color: #B8C4CF;
}

.cs-active {
	color: #333333;
	background-color: #B8C4CF;
	border-radius: 5px;        
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
width: 6px;
}

#shinsai{
       width: 425px;
       font-size: 11px;
       border: solid 1px #CCCCCC;
       margin-top: 0px;
       padding: 10px;
}