@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
* html body {
	text-align:center;
}
/* wrapper
============================== */
#tmp_wrapper {
	background: url(/shared/site_toshokankids/images/common/background.gif);
}
#tmp_wrapper .caution {
	padding:0 10px;
}
#tmp_wrapper .caution p {
	width:960px;
	margin:0 auto;
}
* html #tmp_wrapper .caution p {
	text-align:left;
}
#tmp_wrapper2 {
	min-width:960px;
	padding:0 10px;
}
#tmp_wrapper3 {
	width:960px;
	margin:0 auto;
	background-color: #FFF;
}
* html #tmp_wrapper3 {
	text-align:left;
}
/* main
============================== */
#tmp_wrap_main {
	padding:0 25px 0;
	color:inherit;
	background-color:#FFFFFF;
	clear:both; /* 変更しない */
}
#tmp_wrapper3 .column_full {
	
}
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}
/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_nm {
	width:100%; /* 変更しない */
}
.wrap_col_lft_navi {
	float:left; /* 変更しない */
	position:relative; /* 変更しない */
	z-index:1; /* 変更しない */
}
.wrap_col_rgt_navi {
	float:right; /* 変更しない */
}
.column_full .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_lnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_rnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_main {
	padding:0; /* デザインによって変更 */
}
/* top
============================== */
.format_top .column_full .wrap_col_nm {
	margin-right:-230px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_nm2 {
	margin-right:230px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-230px; /* デザインによって変更 */
}
.format_top .column_full .col_lft_navi {/* デザインによって変更 */
}
.format_top .column_full .wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.format_top .column_full .col_rgt_navi {/* デザインによって変更 */
}
.format_top .column_full .col_main {
	margin-left:230px; /* デザインによって変更 */
}
/* free
============================== */
.format_free .wrap_col_nm {
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .wrap_col_nm2 {
	margin-right:210px; /* デザインによって変更 */
}
.format_free .wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .col_lft_navi { /* デザインによって変更 */
}
.format_free .wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.format_free .col_rgt_navi { /* デザインによって変更 */
}
.format_free .column_full .col_main {
	margin-left:220px; /* デザインによって変更 */
}
.format_free .column_lnavi .col_main {
	margin-left:230px; /* デザインによって変更 */
}
.format_free .column_rnavi .wrap_col_main {
	margin-right:-230px; /* デザインによって変更 */
}
.format_free .column_rnavi .col_main {
	margin-right:230px; /* デザインによって変更 */
}
/* ==================================================
header
================================================== */
#tmp_hg {
	padding:0 0 35px;
}
#tmp_hgp {
	padding:0 0 10px;
	background: url(/shared/site_toshokankids/images/header/header-bg.jpg) no-repeat center top;
}
#tmp_header {
	min-height:78px;
}
* html #tmp_header {
	height:78px;
}
#head-link {
	padding: 5px 10px;
	background-color: #FFF;
	}
#tmp_hlogo {
	padding:0 0 14px 0;
	clear:both;
}


/* ==================================================
navi
================================================== */
/* gnavi
============================== */
#tmp_gnavi {
	clear:both;
	padding:0 0 28px 0;
	background: url(/shared/site_toshokankids/images/navi/gnavi/nav-bottom.jpg) no-repeat center bottom;
}
#tmp_gnavi ul {
	height: 70px;
	padding-left: 10px;
	list-style:none;
	font-size:0.1%;
	line-height:0.1;
}
#tmp_gnavi ul li {
	margin:0 2px 0 0;
	float:left;
	display: inline;
}
#tmp_gnavi ul li.lastnav {
	margin:0 0 0 0;
}
#tmp_gnavi ul li img {
	vertical-align:top;
}
/* pankuzu
============================== */
#tmp_pankuzu {
	clear:both;
	margin:10px 0 0;
	padding:4px 10px 10px 30px;
	font-size: 80%;
	background: url(/shared/site_toshokankids/images/pankuzu/pankuzu-bg.jpg) no-repeat center top;
}



/* ==================================================
main
================================================== */
#tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
}
.col_main .main_top {
	margin:0 0 20px;
	background:url(/shared/site_toshokankids/images/main/main_top_bg.jpg) repeat-y left top;
}
.col_main .main_top_ttl {
	padding:5px 3px 4px 10px;
	background:url(/shared/site_toshokankids/images/main/main_top_ttl_bg.jpg) no-repeat left top;
}
.col_main .main_top_cnt {
	padding:10px;
	background:url(/shared/site_toshokankids/images/main/main_top_cnt_bg.jpg) no-repeat left bottom;
}
.col_main .main_top_cnt p {
	margin:0 0 0.5em 0;
}
#tmp_main_info,
#tmp_main_event {
	color:#462400;
	background-color:transparent;
}

.col_main .main_top_cnt li {
	margin:0 1.6em 0.6em 0.6em;
	line-height: 160%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #CCCCCC;
}
#tmp_main_info .main_top_cnt ul,
#tmp_main_event .main_top_cnt ul {
	margin:0 0 30px 0;
	list-style-type: none;
}

#tmp_main_info p.ichiranlink,
#tmp_main_event p.ichiranlink {
	float: left;
	width: 350px;
	padding-left: 25px;
	}
#tmp_main_info p.ichiranlink {
	background: url(/shared/site_toshokankids/images/main/icon-info.gif) no-repeat 5px center;
	}
#tmp_main_event p.ichiranlink {
	background: url(/shared/site_toshokankids/images/main/icon-event.gif) no-repeat 5px center;
	}
#tmp_main_info p.rssicon,
#tmp_main_event p.rssicon {
	float: right;
	margin: 0 25px 0 0;
	}

*:first-child+html #tmp_main_info div.clear,
*:first-child+html #tmp_main_event div.clear{
	height: 1px;
	}
* html #tmp_main_info div.clear,
* html #tmp_main_event div.clear {
	height: 1px;
	}





/* update
============================== */
#tmp_contents #tmp_wrap_ut2 {
	float:right;
}
#tmp_contents #tmp_update {
	margin-bottom:0;
	float:right;
}
#tmp_contents #tmp_twitter {
	margin-bottom:0;
	padding:0 0 0 10px;
	float:left;
}
#tmp_contents #tmp_facebook {
	margin-bottom:0;
	padding:0 0 0 0;
	float:left;
}
#tmp_contents #tmp_mixi {
	margin-bottom:0;
	width:120px;
	float:left;
}
#tmp_contents #tmp_mixi iframe {
	width:120px !important;
}
#tmp_contents #tmp_gooble_plus {
	margin-bottom:0;
	padding:0 0 0 20px;
	float:left;
}
#tmp_contents #tmp_hatena {
	margin-bottom:0;
	padding:0 0 0 0;
	float:left;
}
/* plugin 変更しない
============================== */
.plugin {
	margin:0 0 10px;
	padding:10px;
	border:1px solid #CCCCCC;
	clear:both;
}
.plugin .plugin_img {
	margin:0 10px 0 0 !important;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
.plugin p {
	margin:0 !important;
}
/* inquiry
============================== */
#tmp_inquiry {
	margin:0 0 10px;
	clear:both;
	border:2px solid #CCCCCC;
}
#tmp_inquiry_ttl {
	padding:0;
	font-weight:bold;
	color:#4E4027;
	background-color: #EBEBEB;
}
#tmp_inquiry_ttl p {
	margin-bottom:0 !important;
	padding:5px 10px 2px;
}
#tmp_inquiry_cnt {
	padding:7px 15px;
}
#tmp_inquiry_cnt p {
	margin-bottom:0 !important;
}
#tmp_inquiry_cnt .inquiry_parts {
	margin:0 0 0.8em;
}
#tmp_inquiry_cnt .inquiry_btn {
	margin:0.3em 0 0;
}


div.clear-pagetop {
	clear: both;
	height: 50px;
	}
p#pagetop {
	width: 204px;
	height: 52px;
	padding: 21px 0 0 45px;
	font-size: 12px;
	background: url(/shared/site_toshokankids/images/footer/pagetop-bg.gif) no-repeat 0 top;
	float: right;
}
*html p#pagetop {
	width: 250px;
	padding: 21px 15px 0 45px;
}


/* ==================================================
footer
================================================== */
#tmp_wrap_footer {
	padding:0 10px;
	color:inherit;
	clear:both;
}
#tmp_footer {
	clear:both;
	width:960px;
	height: 155px;
	margin:0 auto;
	padding:0;
	background: url(/shared/site_toshokankids/images/footer/footer-bg.jpg) no-repeat center top;
}
* html #tmp_footer {
	text-align:left;
}
#tmp_flogo {
	margin:0;
	padding: 50px 25px 0 25px;
	font-size:0.1%;
	line-height:0.1;
}

#tmp_flogo p#footer-logo {
	width:350px;
	float: left;
	padding: 0 0 10px 0;
}

#tmp_f_address {
	clear: both;
}

#tmp_footer address {
	margin:0 0 2px;
	font-style:normal;
	line-height:1.5;
	font-size: 12px;
}
#tmp_f_address p {
	padding-bottom: 15px;
	line-height:1.5;
	font-size: 12px;
}
#tmp_f_address p#caution {
	padding: 5px 0 5px 25px;
	background: url(/shared/site_toshokankids/images/footer/caution-mark.gif) no-repeat left center;
}


#tmp_wrap_copyright {
	margin:0 0 14px;
	padding:30px 10px 0 10px;
	color:#999999;
	background-color:#F2F2F2;
	clear:both;
}
#tmp_copyright {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#tmp_copyright p {
	padding:0 5px;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#C40000; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#1F8413; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}

p.cap{ 
	margin: 0;
	padding-left:1em;
	text-indent:-1em;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:140%; /* 変更しない */
}
.txt_small {
	font-size:80%; /* 変更しない */
}
.space_lft1 {
	padding-left:1em; /* 変更しない */
}
p.indent1 {
	text-indent:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
	height: 5px;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
	margin-left:3.2em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol,
ul.noicon p,
ul.noicon h1,
ul.noicon h2,
ul.noicon h3,
ul.noicon h4,
ul.noicon h5,
ul.noicon h6,
ul.noicon table,
ul.noicon div {
	text-indent:0 !important;	
}
ul ul.noicon,
ol ul.noicon {
	text-indent:-1.5em !important;
	margin-left:1.5em !important;	
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
table.col2 {
	width:100% !important;
	margin:0 !important;
	border-collapse:collapse !important;
	border-spacing:0 !important;
	background:transparent !important;
}
table.col2 td.col2L,
table.col2 td.col2R {
	vertical-align:top !important;
	text-align:left !important;
}
table.col2 td.col2L {
	width:51% !important;
	padding:0 !important;
	border-right-width:15px !important;
}
#tmp_main table.col2 td.col2L {
	border-right:15px solid #FFFFFF !important;
}
table.col2 td.col2R {
	width:49% !important;
	padding:0 !important;
}
#tmp_main table.col2 td.col2L {
	border-top:none !important;
	border-bottom:none !important;
	border-left:none !important;
}
#tmp_main table.col2,
#tmp_main table.col2 td.col2R{
	border:none !important;
}
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:49%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
table.col2 table.col2 td.col2L {
	padding:0 !important;
}
div.col2 div.col2 div.col2L {
	width:48%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47%;
}
/* fixed_col2 ▼変更しない
   編集領域には使わない（イベントカレンダー・定型等に使う）
============================== */
div.fixed_col2 {
	width:100%;
}
div.fixed_col2 div.fixed_col2L {
	display:table;
	width:49%;
	margin-right:2%;
	float:left;
}
div.fixed_col2 div.fixed_col2R {
	display:table;
	width:48%;
	float:right;
}
/* col3 ▼変更しない
============================== */
table.col3 {
	width:100% !important;
	margin:0 !important;
	border-collapse:collapse !important;
	border-spacing:0 !important;
	background:transparent !important;
}
table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R {
	vertical-align:top !important;
	text-align:left !important;
	padding:0 !important;
}
table.col3 td.col3L,
table.col3 td.col3M {
	width:33% !important;
	border-right-width:10px !important;
}
#tmp_main table.col3 td.col3L,
#tmp_main table.col3 td.col3M {
	border-right-color:#FFFFFF !important;
}
table.col3 td.col3R {
	width:31% !important;
}
#tmp_main table.col3 td.col3L,
#tmp_main table.col3 td.col3M {
	border-top:none !important;
	border-bottom:none !important;
	border-left:none !important;
}
#tmp_main table.col3,
#tmp_main table.col3 td.col3R {
	border:none !important;
}
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:32%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31%;
	float:left;
}
/* img_cap ▼変更しない
============================== */
table.img_cap {
	margin:0 0 0.3em !important;
	border-collapse:collapse !important;
	border-spacing:0 !important;
	background:transparent !important;
}
table.img_cap td {
	padding:0 !important;
}
#tmp_main table.img_cap,
#tmp_main table.img_cap td {
	border:none !important;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* layouttable ▼変更しない
============================== */
table.layouttable {
	margin:0 !important;
	border:none !important;
	border-collapse:collapse !important;
	border-spacing:0 !important;
	background:transparent !important;
}
table.layouttable th,
table.layouttable td {
	padding:0 15px 0 0 !important;
	border:none !important;
	vertical-align:top !important;
	text-align:left !important;
}
/* ==================================================
system
================================================== */
/* indent ▼変更しない
============================== */
div.section,
blockquote {
	padding:0 0 0 1em;
}
/* linkicon
============================== */
#tmp_main a.icon_pdf,
#tmp_main a.icon_word,
#tmp_main a.icon_excel {
	display:inline-block;
}
a.icon_pdf,
a.icon_word,
a.icon_excel {
	margin:0 3px;
	padding-left:36px;
	text-indent:0 !important;
}
li a.icon_pdf,
li a.icon_word,
li a.icon_excel {
	background-position:0 0.2em;
}
a.icon_pdf {
	background:url(/shared/system/images/linkicon/icon_pdf.gif) no-repeat 0 0.4em;
}
a.icon_word {
	background:url(/shared/system/images/linkicon/icon_word.gif) no-repeat 0 0.4em;
}
a.icon_excel {
	background:url(/shared/system/images/linkicon/icon_excel.gif) no-repeat 0 0.4em;
}
/* bgcolor
============================== */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
td.bg_light_green,
th.bg_light_green {
	color:inherit;
	background-color:#EAF7DD; /* デザインによって変更 */
}
td.bg_yellow,
th.bg_yellow {
	color:inherit;
	background-color:#FFF4CA; /* デザインによって変更 */
}
td.bg_gray,
th.bg_gray {
	color:inherit;
	background-color:#E9E9E9; /* デザインによって変更 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents:after,
#tmp_contents #tmp_wrap_ut:after,
#tmp_contents #tmp_wrap_ut2:after,
#tmp_maincontents:after,
#tmp_hg:after,
#tmp_header:after,
#tmp_means:after,
#tmp_means_primary:after,
#tmp_search:after,
#tmp_hnavi:after,
#tmp_gnavi:after,
#tmp_main:after,
#tmp_topics:after,
#tmp_topics_cnt:after,
#tmp_topics_cnt .topics_box:after,
#tmp_wrap_full:after,
#tmp_wrap_lm:after,
#tmp_event_cal_ttl:after,
#tmp_cal_navi:after,
#rnavi_banner:after,
#tmp_rnavi_faq_cnt:after,
.plugin:after,
.pnavi:after,
#tmp_inquiry_cnt:after,
#tmp_publicity_cnt:after,
#tmp_wrap_footer:after,
#tmp_footer_cnt:after,
#tmp_wrap_fnavi:after,
#tmp_fnavi3:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_wrapper,
*:first-child+html #tmp_contents,
*:first-child+html #tmp_contents #tmp_wrap_ut,
*:first-child+html #tmp_contents #tmp_wrap_ut2,
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_hg,
*:first-child+html #tmp_header,
*:first-child+html #tmp_means,
*:first-child+html #tmp_search,
*:first-child+html #tmp_hnavi,
*:first-child+html #tmp_gnavi,
*:first-child+html #tmp_main,
*:first-child+html #tmp_topics,
*:first-child+html #tmp_topics_cnt,
*:first-child+html #tmp_topics_cnt .topics_box,
*:first-child+html #tmp_wrap_full,
*:first-child+html #tmp_wrap_lm,
*:first-child+html #tmp_wrap_event_cal,
*:first-child+html #tmp_event_cal_ttl,
*:first-child+html #tmp_cal_navi,
*:first-child+html .col_lft_navi .lnavi_top,
*:first-child+html #rnavi_banner,
*:first-child+html #tmp_rnavi_faq_cnt,
*:first-child+html .plugin,
*:first-child+html .pnavi,
*:first-child+html #tmp_inquiry_cnt,
*:first-child+html #tmp_publicity_cnt,
*:first-child+html #tmp_wrap_footer,
*:first-child+html #tmp_footer_cnt,
*:first-child+html #tmp_wrap_fnavi,
*:first-child+html #tmp_fnavi3,
*:first-child+html div.col2,
*:first-child+html div.fixed_col2,
*:first-child+html div.col3 {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_wrapper,
* html #tmp_contents,
* html #tmp_contents #tmp_wrap_ut,
* html #tmp_contents #tmp_wrap_ut2,
* html #tmp_maincontents,
* html #tmp_hg,
* html #tmp_header,
* html #tmp_means,
* html #tmp_means_primary,
* html #tmp_search,
* html #tmp_hnavi,
* html #tmp_gnavi,
* html #tmp_main,
* html #tmp_topics,
* html #tmp_topics_cnt,
* html #tmp_topics_cnt .topics_box,
* html #tmp_wrap_full,
* html #tmp_wrap_lm,
* html #tmp_wrap_event_cal,
* html #tmp_event_cal_ttl,
* html #tmp_cal_navi,
* html .col_lft_navi .lnavi_top,
* html #rnavi_banner,
* html #tmp_rnavi_faq_cnt,
* html .plugin,
* html .pnavi,
* html #tmp_inquiry_cnt,
* html #tmp_publicity_cnt,
* html #tmp_wrap_footer,
* html #tmp_footer_cnt,
* html #tmp_wrap_fnavi,
* html #tmp_fnavi3,
* html div.col2,
* html div.fixed_col2,
* html div.col3 {
	display:inline-block; /* 変更しない */
}