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

body {font-family:sans-serif;margin:0;padding:0;}
a {text-decoration:none;color:#000000;}
a:visited {color:inherit;}
a:hover {color:#e4007f;text-decoration:none;}
a.a_bk {color:#000000;}
a.a_bk:hover {color:#ff0033;text-decoration:none;}
img {border:none;}
table {border-collapse:collapse;border-color:#aaaaaa;padding:3px;}
td {text-align:left;padding:3px;}

p {text-indent:1em;}
p.tw_text {text-indent:0;margin-top:5px;padding-bottom:5px;border-bottom:solid;border-color:#aaaaaa;border-width:1px;}

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

#h_whatsnew {width:750px;height:70px;}
.h_whatsnewitem {margin-left:25px;width:570px;height:100%;overflow:auto;float:left;}
#h_guide_title {width:100%;height:50px;margin-bottom:25px;background-color:#a6d9e2;text-align:center;font-weight:bold;font-size:20px;line-height:50px;}
.h_guide {width:240px;height:195px;float:left;}
.h_guide_photo {width:240px;height:135px;}
.h_guide_name {margin-top:5px;width:100%;font-weight:bold;font-size:16px;text-align:center;}
.h_guide_place {margin-top:-2px;width:100%;font-size:13px;text-align:center;}
.h_guide_space {width:20px;height:195px;float:left;}

#h_banners {margin-top:20px;margin-left:35px;width:153px;float:left;}
#h_info {margin-left:0px;top:0px;width:640px;float:left;}
.h_banner {width:153px;height:93px;margin-bottom:10px;border:none;}
.h_rect0 {top:0px;width:236px;height:150px;float:left;}
.h_rect1 {margin-top:10px;width:234px;height:60px;border:solid 1px;float:left;}
.h_rect2 {margin-top:10px;width:480px;height:130px;background-color:#ffffff;border:none;border-color:#efefef;float:left;}
.h_rectwd {margin-left:10px;width:216px;height:130px;padding:10px;background-color:#ddddff;}
.h_evhead {margin-top:10px;margin-left:23px;}
.h_event {margin-left:23px;margin-top:10px;margin-right:23px;margin-bottom:10px;font-size:10pt;}
.h_eventitem {line-height:100%;}
.h_evname {width:100%;margin-top:10px;font-size:10.5pt;line-height:120%;font-weight:bold;border-bottom:solid;border-width:1px;}
.h_evdate {font-size:10.5pt;line-height:120%;}
#h_wdrect {height:75px;overflow:auto;border-top-style:solid;border-top-color:#000000;border-top-width:1px;}
.h_wditem {margin-left:0px;margin-top:5px;}
.h_wdmm {font-size:10pt;line-height:100%;vertical-align:top;text-align:right;padding-left:0px;padding-right:0px;}
.h_wdtitle {font-size:10pt;line-height:100%;vertical-align:top;padding-right:0px;}
#h_wdsub {margin-top:4px;margin-bottom:1px;text-align:left;}
#h_wdhist {font-size:9pt;text-align:right;}
#h_footer {margin-top:10px;width:100%;height:50px;border-top-style:solid;border-top-color:#fee3ac;border-top-width:7px;}
.h_cl {clear:both;}
#h_exp {margin-top:20px;margin-right:1em;font-size:90%;line-height:120%;}
#h_map {position:absolute;top:100px;left:207px;}

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

.ctext {margin-bottom:15px;}

#textrect {margin:30px;}
.tset {margin-top:10px;}

.inputctrl {font-size:12pt;}

#closebt {
	margin-top:7px;
	margin-bottom:3px;
	width:100%;
	text-align:center;
	background-color:#0072b5;
}

#pagetitlebar {margin-top:12px;height:38px;text-align:center;width:100%;}
.pagetitle {font-size:14pt;font-weight:bold;margin-right:3px;float:left;width:38px;height:38px;line-height:38px;}

#mailto {position:relative;top:570px;height:50px;margin-left:auto;margin-right:auto;}
#copyright {margin-left:20px;font-size:10pt;font-weight:normal;color:#222222;text-decoration:none;}
a.kzlink {font-size:7pt;color:#222222;text-decoration: none;}

#logo {
	position:relative;
	top:16px;
	width:164px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#menubox {position:absolute;top:231px;left:0px;width:210px;}
#menubox > ul {list-style:none;width:200px;padding-left:10px;}
#menubox a {
	display:block;
	text-decoration:none;
	padding-left:20px;
	line-height:50px;
	font-family:sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:16px;
	text-align:left;
}
#menubox:hover a {opacity:0.2;}
#menubox:hover ul:hover a {opacity:0.2;}
#menubox:hover ul:hover a:hover {opacity:1;}

.submenus {
	position:absolute;
	left:120px;
	/*background-color:transparent;*/
}
.submenus > ul {list-style:none;}

.h_pic {float:left;width:315px;height:221px;}
#h_bncafe {position:absolute;top:370px;width:100%;height:96px;background-color:#eaeadd;}
#h_bncomm {position:absolute;top:480px;width:100%;height:96px;background-color:#eaeadd;}
.h_logo {width:86px;height:86px;margin-top:5px;margin-left:30px;margin-right:30px;top:0px;float:left;}
.h_catch {margin-top:28px;font-size:11pt;font-weight:bold;color:#888888;text-align:left;}
#h_newsrect {position:absolute;top:250px;left:30px;right:30px;height:100px;background-color:#ffffff;}
#h_newshead {position:absolute;top:0px;left:0px;width:10em;height:20px;background-color:#ffffff;color:#b44193;font-size:12pt;font-weight:bold;line-height:20px;text-align:left;}
#h_news {position:absolute;top:25px;left:0px;right:20px;height:80px;overflow:auto;background-color:#ffffff;}
.h_news_item {width:100%;border-bottom:solid;border-width:3px;border-color:#ffffff;background-color:#ffffff;}

/* 市民交流スペース　ポップアップ */
#sp_pu_grpname {font-size:14pt;font-weight:bold;color:#800000;margin-bottom:20px;}
.sp_pu_photo {width:500px;margin-left:auto;margin-right:auto;margin-bottom:20px;}
.sp_pu_img {width:500px;}
.sp_pu_caption {font-size:13pt;font-weight:bold;color:#404040;}
.sp_pu_text {font-size:12pt;margin-bottom:20px}

.w_title {width:100%;font-weight:bold;font-size:12pt;color:#ffffff;text-indent:1em;}
.w_text {width:100%;margin-top:20px;margin-bottom:30px;}

.a_title {color:#ff0099;font-weight:bold;font-size:14pt;margin-bottom:15px;}

.l_title {color:#000000;font-weight:bold;font-size:14pt;margin-bottom:15px;}

#ch_mark {
	position:absolute;
	top:10px;
	right:0px;
	height:80px;
}

#top_lessonguide {
	margin-top:30px;
	margin-left:0px;
	margin-right:0px;
	padding:10px 10px 10px 10px;
	background-color:#ffffff;color:#000000;font-size:12pt;line-height:16pt;vertical-align:middle;
	border:solid;border-color:#000000;border-width:2px;
	border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;
	-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;
	/*background-image:url(../material/batik-1.jpg);*/
	/*text-shadow:2px 2px 2px #222222;*//*,-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;*/
	/*-webkit-text-fill-color:#ff8009;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:#222222;*/
}

#whatsnewbox {
	/*position:relative;*/
	/*top:10px;*/
	width:80%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	/*height:200px;*/
	border-top:solid;
	border-bottom:solid;
	border-width:2px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	text-align:right;
	color:#333333;
}

#whatsnew {
	/*position:relative;*/
	top:0px;
	left:0px;
	width:100%;
	/*height:185px;*/
	overflow:auto;
	border:none;
	background-color:#e6e6e6;
	text-align:left;
}

#searchbox {
	position:absolute;
	top:240px;
	left:0px;
	width: 230px;
	font-size:100%;
	line-height: 110%;
	text-decoration: none;
	color:#006c2d;
	font-weight:bold;
	text-align:left;
}

#pep3box {
	position:absolute;
	top:330px;
	left:10px;
	width: 202px;
}

#qr_code {
	position:relative;
	top:630px;
	width:98px;
	height:98px;
	margin-left:auto;
	margin-right:auto;
}


#home {
	position:relative;
	width:50%;
	text-align:center;
	margin-top:15px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
}

#headerbox {
	position:absolute;
	top:0px;
	left:0px;
	height:95%;
	width:100%;
	text-align:left;
	line-height:0px;
	padding-left:10px;
	border-bottom:solid;
	border-width:4px;
	border-color:#ffffff;
}

#headertext {
	/*margin-top:30px;*/
	color:#006c2d;
	font-family:sans-serif;
	font-size:80%;
	font-weight:bold;
}

#tag {
	position:absolute;
	top:16px;
	left:19px;
	height:22px;
	width:260px;
	text-align:center;
	background-color:#e6e6e6;
	color:#006c2d;
	font-size:12pt;
	line-height:13pt;
	vertical-align:bottom;
}

#textbox {
	position:absolute;
	top:20px;
	left:270px;
	right:0px;
	text-align:left;
}

#textbox_old {
	margin-top:20px;
	margin-left:270px;
	/*margin-right:5px;*/
	background-color:#ffcccc;
	/*color:#000000;*/
	text-align:left;
	position:relative;
	height:450px;
}

#textfooter {
	width:100%;
	background-color:#e6e6e6;
	text-align:center;
	padding-top:10px;
	font-size:10pt;
}

#weekstar {
	width:90%;margin-top:30px;margin-left:auto;margin-right:auto;border:solid;border-width:2px;border-color:#808080;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	font-weight:bold;text-align:left;padding-bottom:20px;
}
#weekstarbar {
	background-color:#808080;color:#ffffff;font-size:16pt;line-height:16pt;vertical-align:middle;
	border:solid;border-color:#808080;border-width:2px;border-top-left-radius:8px;border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
}
#weekstarpict {width:160px;height:220px;margin-top:20px;margin-left:20px;margin-right:0px;float:left;}
#weekstartext {width:430px;margin-top:20px;margin-left:0px;margin-right:20px;text-align:left;float:right;}

.newbookheader {
	width:98%;margin-top:20px;margin-left:auto;margin-right:auto;border:none;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	font-weight:bold;font-size:20px;text-align:center;
}
.newbook {
	width:90%;margin-top:10px;margin-left:auto;margin-right:auto;border:none;
	font-weight:bold;text-align:left;padding-bottom:20px;
}
.newbookpict {width:160px;height:220px;margin-top:20px;margin-left:20px;margin-right:0px;float:left;}
.newbooktext {width:430px;margin-top:20px;margin-left:0px;margin-right:20px;text-align:left;float:right;}

.catalog {
	width:90%;margin-top:5px;margin-left:auto;margin-right:auto;border:none;
	font-weight:bold;text-align:left;padding-bottom:20px;
}
.cataloggenre {width:100%;text-align:left;font-size:9pt;font-weight:normal;}
.catalogpict {width:80px;height:110px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;font-size:5pt;font-weight:normal;}
.catalogtext {width:550px;margin-top:0px;margin-left:0px;margin-right:0px;text-align:left;float:right;}

.orderinputcol {width:470px;}
.orderinput {width:100%;}

/* fonts */
.fhnk {font-size:14pt;font-weight:normal;color:#000000;line-height:16pt;}
.fhnr {font-size:14pt;font-weight:normal;color:#ff0000;line-height:16pt;}
.fhng {font-size:14pt;font-weight:normal;color:#00ff00;line-height:16pt;}
.fhnb {font-size:14pt;font-weight:normal;color:#0000ff;line-height:16pt;}
.fhbk {font-size:14pt;font-weight:bold;color:#000000;line-height:16pt;}
.fhbr {font-size:14pt;font-weight:bold;color:#ff0000;line-height:16pt;}
.fhbg {font-size:14pt;font-weight:bold;color:#006c2d;line-height:16pt;}
.fhbb {font-size:14pt;font-weight:bold;color:#0000ff;line-height:16pt;}

.flnk {font-size:12pt;font-weight:normal;color:#000000;line-height:15pt;}
.flnr {font-size:12pt;font-weight:normal;color:#ff0000;line-height:15pt;}
.flng {font-size:12pt;font-weight:normal;color:#006c2d;line-height:15pt;}
.flnb {font-size:12pt;font-weight:normal;color:#0000ff;line-height:15pt;}
.flbk {font-size:12pt;font-weight:bold;color:#000000;line-height:15pt;}
.flbr {font-size:12pt;font-weight:bold;color:#ff0000;line-height:15pt;}
.flbg {font-size:12pt;font-weight:bold;color:#00ff00;line-height:15pt;}
.flbb {font-size:12pt;font-weight:bold;color:#0000ff;line-height:15pt;}

.fmnk {font-size:10pt;font-weight:normal;color:#000000;line-height:14pt;}
.fmnr {font-size:10pt;font-weight:normal;color:#ff0000;line-height:14pt;}
.fmng {font-size:10pt;font-weight:normal;color:#00ff00;line-height:14pt;}
.fmnb {font-size:10pt;font-weight:normal;color:#0000ff;line-height:14pt;}
.fmbk {font-size:10pt;font-weight:bold;color:#000000;line-height:14pt;}
.fmbr {font-size:10pt;font-weight:bold;color:#ff0000;line-height:14pt;}
.fmbg {font-size:10pt;font-weight:bold;color:#00ff00;line-height:14pt;}
.fmbb {font-size:10pt;font-weight:bold;color:#0000ff;line-height:14pt;}
.fmby {font-size:10pt;font-weight:bold;color:#ff9900;line-height:14pt;}

.fsnk {font-size:9pt;font-weight:normal;color:#000000;line-height:10pt;}
.fsnr {font-size:9pt;font-weight:normal;color:#ff0000;line-height:10pt;}
.fsng {font-size:9pt;font-weight:normal;color:#006c2d;line-height:10pt;}
.fsnb {font-size:9pt;font-weight:normal;color:#0000ff;line-height:10pt;}
.fsbk {font-size:9pt;font-weight:bold;color:#000000;line-height:10pt;}
.fsbr {font-size:9pt;font-weight:bold;color:#ff0000;line-height:10pt;}
.fsbg {font-size:9pt;font-weight:bold;color:#00ff00;line-height:10pt;}
.fsbb {font-size:9pt;font-weight:bold;color:#0000ff;line-height:10pt;}

.ftnk {font-size:7pt;font-weight:normal;color:#000000;line-height:8pt;}
.ftnr {font-size:7pt;font-weight:normal;color:#ff0000;line-height:8pt;}
.ftng {font-size:7pt;font-weight:normal;color:#00ff00;line-height:8pt;}
.ftnb {font-size:7pt;font-weight:normal;color:#0000ff;line-height:8pt;}
.ftbk {font-size:7pt;font-weight:bold;color:#000000;line-height:8pt;}
.ftbr {font-size:7pt;font-weight:bold;color:#ff0000;line-height:8pt;}
.ftbg {font-size:7pt;font-weight:bold;color:#00ff00;line-height:8pt;}
.ftbb {font-size:7pt;font-weight:bold;color:#0000ff;line-height:8pt;}

.flbt {font-size:11pt;font-weight:bold;line-height:16pt;margin-top:10px;}

.aka {color:#be0e60;}
.kiiro {color:#ff6600;}