@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------------------

	清光学園 第一早蕨幼稚園 [印刷用CSS]
	/common/css/print.css

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

/* ==================================================
	出力に必要ないものを消す
================================================== */

.hidepc,
#fixed_header,
#pagetop_pc {
	display: none !important;
}


/* ==================================================
	PCと同じレイアウトで出力する
================================================== */

body {
	min-width: 1000px;
}


/* global_nav
------------------------------------------ */
#global_nav {
	float: right;
	padding-top: 20px;
}
#global_nav > li {
	float: left;
	position: relative;
}
#global_nav > li > a {
	display: block;
	height: 21px;
	text-indent: -9999px;
	background-image: url(../images/global_nav.png);
}
#global_nav li.nav01 a { width: 157px; background-position: 0px 0px; }
#global_nav li.nav01 a:hover, #global_nav li.nav01 a.current, #global_nav li.nav01 a.parentsLink { background-position: 0px -21px; }
#global_nav li.nav02 a { width: 143px; background-position: -157px 0px; }
#global_nav li.nav02 a:hover, #global_nav li.nav02 a.current, #global_nav li.nav02 a.parentsLink { background-position: -157px -21px; }
#global_nav li.nav03 a { width: 160px; background-position: -300px 0px; }
#global_nav li.nav03 a:hover, #global_nav li.nav03 a.current, #global_nav li.nav03 a.parentsLink { background-position: -300px -21px; }
#global_nav li.nav04 a { width: 195px; background-position: -460px 0px; }
#global_nav li.nav04 a:hover, #global_nav li.nav04 a.current, #global_nav li.nav04 a.parentsLink { background-position: -460px -21px; }
#global_nav li.nav05,
#global_nav li.nav06,
#global_nav li.nav07 { display: none; }
#global_nav > li .submenu { display: none; }
#global_nav > li.nav01:hover .submenu,
#global_nav > li.nav02:hover .submenu {
	display: block;
	position: absolute;
	height: 64px;
	left: 9px;
	z-index: 6000;
	padding-top: 27px;
	padding-bottom: 8px;
}
#global_nav > li.nav03:hover .submenu {
	display: block;
	position: absolute;
	height: 106px;
	left: 9px;
	z-index: 6000;
	padding-top: 27px;
	padding-bottom: 8px;
}
#global_nav > li .submenu li a,
#global_nav > li .submenu li span {
	display: block;
	height: 32px;
	text-indent: -9999px;
}
#global_nav > li.nav01 .submenu {
	background: url(../images/global_nav01_sub_bg.png) center bottom no-repeat;
	width: 153px;
}
#global_nav > li.nav02 .submenu {
	background: url(../images/global_nav02_sub_bg.png) center bottom no-repeat;
	width: 137px;
}
#global_nav > li.nav03 .submenu {
	background: url(../images/global_nav03_sub_bg.png) center bottom no-repeat;
	width: 154px;
}
#global_nav > li.nav01 .submenu li a,
#global_nav > li.nav01 .submenu li span {
	background-image: url(../images/global_nav01_sub.png);
	width: 153px;
	height: 32px;
}
#global_nav > li.nav02 .submenu li a,
#global_nav > li.nav02 .submenu li span {
	background-image: url(../images/global_nav02_sub.png);
	width: 137px;
	height: 32px;
}
#global_nav > li.nav03 .submenu li a,
#global_nav > li.nav03 .submenu li span {
	background-image: url(../images/global_nav03_sub.png);
	width: 154px;
	height: 32px;
}
#global_nav li .submenu li.sub01 a,
#global_nav li .submenu li.sub01 span { background-position: left 0px; }
#global_nav li .submenu li.sub01 a:hover,
#global_nav li .submenu li.sub01 span:hover { background-position: right 0px; }
#global_nav li .submenu li.sub02 a,
#global_nav li .submenu li.sub02 span { background-position: left -34px; }
#global_nav li .submenu li.sub02 a:hover,
#global_nav li .submenu li.sub02 span:hover { background-position: right -34px; }
#global_nav li .submenu li.sub03 a,
#global_nav li .submenu li.sub03 span { background-position: left -68px; }
#global_nav li .submenu li.sub03 a:hover,
#global_nav li .submenu li.sub03 span:hover { background-position: right -68px; }

/* header_nav
------------------------------------------ */
#header_nav {
	float: right;
	margin-top: 15px;
}
#header_nav li {
	float: left;
	margin-left: 25px;
}
#header_nav li  a{
	display: block;
	height: 12px;
	text-indent: -9999px;
	background-image: url(../images/header_nav.png);
}
#header_nav li.nav01 a {
	width: 80px;
	background-position: 0px 0px;
}
#header_nav li.nav01 a:hover {
	background-position: 0px -12px;
}
#header_nav li.nav02 a {
	width: 74px;
	background-position: -80px 0px;
}
#header_nav li.nav02 a:hover {
	background-position: -80px -12px;
}

/* side_nav
------------------------------------------ */
.side_nav {
	background-color: #fff;
	border: solid 1px #d5d5d5;
	border-top: none;
	margin-top: -1px;
}
.side_nav li {
	border-top: dotted 1px #9f9f9f;
	line-height: 1.4;
}
.side_nav li a {
	display: block;
	background-image: url(../images/side_nav_arw.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
}
.side_nav li a.arw {
	display: block;
	background-image: url(../images/side_nav_arw.png);
	background-position: 10px 13px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
}
.side_nav li a:hover,
.side_nav li a.current {
	background-color: #eff6fe;
	text-decoration: none;
}
.side_nav li a.parentsLink {
	background-color: #eff6fe;
	text-decoration: none;
}
.side_nav li ul li {
}
.side_nav li ul li a {
	background-position: 30px center;
	padding: 10px 10px 10px 50px;
}
.side_nav li ul li a.arw {
	background-position: 30px 13px;
	padding: 10px 10px 10px 50px;
}


/* ==================================================
	トップページ
================================================== */

#top #content_wrapper {
	width: 100%;
	z-index: 2000;
}
#top #content_wrap {
	position: relative;
	background: none;
}
#top #content_wrap #content {
	width: 960px;
	margin: -180px auto 0;
}
#top #content_wrap #content h1 {
	height: auto;
	text-indent: -9999px;
}
#top #content_wrap #content h1 img {
	display: none;
}
#top #content_wrap #content #activity_btn {
	text-align: right;
	margin-top: -85px;
	margin-bottom: 15px;
}
#top #content_wrap #content #activity_btn span {
	float: right;
	position: relative;
	z-index: 6001;
}
#slideshow li {
	display: block;
	width: 100%;
	height: 576px;
	text-indent: -9999px;
	background-position: center top;
	background-repeat: no-repeat;
}
#slideshow li img {
	display: none;
}
#slideshow li#slide01 { background-image: url(../../images/top_slide1.png); }
#slideshow li#slide02 { background-image: url(../../images/top_slide2.png); }
#slideshow li#slide03 { background-image: url(../../images/top_slide3.png); }
#category_nav li {
	float: left;
	margin: 0 10px 10px 0;
}
#category_nav li a {
	display: block;
	width: 106px;
	height: 27px;
	text-indent: -9999px;
	background: url(../../news/images/cat_nav.png);
}
#category_nav li.cat00 a { background-position: 0px 0px; }
#category_nav li.cat01 a { background-position: -106px 0px; }
#category_nav li.cat02 a { background-position: -212px 0px; }
#category_nav li.cat00 a:hover, #category_nav li.cat00.select a { background-position: 0px -27px; }
#category_nav li.cat01 a:hover, #category_nav li.cat01.select a { background-position: -106px -27px; }
#category_nav li.cat02 a:hover, #category_nav li.cat02.select a { background-position: -212px -27px; }
.news_list {
	margin-right: -16px;
}
.news_list li {
	float: left;
	display: block;
	width: 208px;
	height: 260px;
	background: url(../../images/news_cassette_bg.png) left top no-repeat;
	margin: 0 16px 10px 0;
	padding: 10px 10px 0;
}
.news_list li .thumb {
	width: 208px !important;
	text-align: center;
}
.news_list li .thumb:nth-child(2) {
	height: 156px;
	margin-bottom: 14px;
}
.news_list li .thumb img {
	max-width: 100%;
	max-height: 100%;
}
#news_r {
	float: right;
	width: 228px;
}
#now_list {
	background: url(../../images/now_bg.png) center top repeat-y;
	padding: 5px 17px 17px;
}
#now_list_btn {
	background: url(../../images/now_bg.png) center top repeat-y;
	text-align: center;
}


/* ==================================================
	ごあいさつ
================================================== */

body#greeting #content_wrap {
	background: url(../../greeting/images/title_bg.png) center top no-repeat;
	padding-bottom: 2em;
}
body#greeting .box01 {
	padding: 80px 70px 0;
}
body#greeting .box01 h2 {
	margin-bottom: 50px;
}
body#greeting .box02 {
	background: url(../../greeting/images/content_body_bg.png) center bottom no-repeat;
	margin-top: 0;
	padding: 80px 40px 370px;
}
body#greeting .box02 h2 {
	margin-bottom: 20px;
}
body#greeting .box02 table {
	width: 587px;
	margin-right: 50px;
}
body#greeting .box02 p img {
	margin-bottom: 25px;
}


/* ==================================================
	教育目標
================================================== */

body#idea .box02 {
	margin-top: -30px;
	padding-top: 80px;
}
body#idea .box02 ul {
	margin-right: -15px;
}
body#idea .box02 ul li {
	width: 290px;
	float: left;
	margin-right: 15px;
}
body#idea .box03 ul {
	margin-left: 300px;
}
body#idea .box03 {
	margin-top: -30px;
	padding-top: 80px;
}
body#idea .box03 .fl {
	width: 281px;
}
body#idea .box03 .fr {
	width: 577px;
}
body#idea .slideshow {
	margin: 20px 30px;
}
body#idea .slideshow .bx-wrapper {
	width: 585px;
	margin: 0 auto;
}
body#idea .box04 {
	margin-right: -60px;
	background: url(../../idea/images/box_border.png) left 50px repeat-y;
}
body#idea .box04 .cassette {
	float: left;
	width: 260px;
	margin-right: 60px;
}
body#idea .box04 .cassette h4 {
	margin-bottom: 20px;
}


/* ==================================================
	幼稚園案内
================================================== */

body#outline #content_wrap {
	background: url(../../outline/images/title_bg.png) center top no-repeat;
	padding-bottom: 2em;
}
body#outline #content_body .inbox {
	margin: 50px 50px 0;
}
body#outline .box01 #time {
	float: right;
	width: 460px;
}
body#outline #content_body .inbox.box02 {
	margin-top: 0;
	padding-top: 80px;
}
body#outline .box02>.fl {
	width: 446px;
}
body#outline .box02>.fr {
	width: 363px;
	height: 360px;
	background: url(../../outline/images/image03.png) no-repeat;
}
body#outline .box02>.fr h5,
body#outline .box02>.fr p {
	width: 284px;
	margin: 0 auto;
}
body#outline .box02>.fr h5 {
	padding-top: 35px;
	border-bottom: solid 1px #b3b3b3;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
body#outline .box02>.fr p {
	margin-bottom: 10px;
}
body#outline .box02>.fr p strong {
	font-weight: bold;
	font-size: 131%;
	line-height: 1.6;
}
body#outline #content_body .inbox.box03 {
	margin-top: -30px;
	padding-top: 80px;
}


/* ==================================================
	今月の行事予定
================================================== */

body#schedule #content_wrap {
	background: url(../../schedule/images/title_bg.png) center top no-repeat;
	padding-bottom: 2em;
}


/* ==================================================
	アクセスマップ・お問い合わせ
================================================== */

body#access #content_wrap {
	background: url(../../access/images/title_bg.png) center top repeat-x;
}
#content_wrap #content h1 {
	height: 94px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
body#access #content_wrap #content #content_body {
	padding: 6px 6px 0;
}
body#access .box01 #googlemap {
	margin-bottom: 30px;
}
body#access .box01 #map {
	float: left;
	margin-right: 20px;
}
body#access .box01 #googlemap_sp {
	display: none;
}
body#access .box02 {
	padding-top: 90px;
	margin-top: -40px;
}


/* ==================================================
	最新情報　一覧
================================================== */

#category_nav li {
	float: left;
	margin: 0 10px 10px 0;
}
#category_nav li a {
	display: block;
	width: 106px;
	height: 27px;
	text-indent: -9999px;
	background: url(../../news/images/cat_nav.png);
}
#category_nav li.cat00 a { background-position: 0px 0px; }
#category_nav li.cat01 a { background-position: -106px 0px; }
#category_nav li.cat02 a { background-position: -212px 0px; }
#category_nav li.cat03 a { background-position: -318px 0px; }
#category_nav li.cat00 a:hover, #category_nav li.cat00.select a { background-position: 0px -27px; }
#category_nav li.cat01 a:hover, #category_nav li.cat01.select a { background-position: -106px -27px; }
#category_nav li.cat02 a:hover, #category_nav li.cat02.select a { background-position: -212px -27px; }
#category_nav li.cat03 a:hover, #category_nav li.cat03.select a { background-position: -318px -27px; }
.sns_btn>div.twitter,
.sns_btn>div.line {
	margin-right: 0;
}