@charset "utf-8";

/*
Theme Name: Kids-Room Sukoyaka
Theme URI: http://www.kids-room.co.jp/
Author: Rising Sun Corporation Co.,Ltd.
Author URI: http://www.rscsoft.co.jp/
Description: 相模原市認定保育室　キッズルームすこやかのオリジナルテーマです。
Version: 1.0
*/

body{ background-color: #60c71b;}
img { border:0; }

a:link    {color:#336699;}/*未訪問リンク*/
a:visited {color:#336699;}/*訪問済みリンク*/
a:active  {color:#cc6666;}/*選択したリンク*/
a:hover   {color:#cc6666;text-decoration:none;}/* マウスオーバ*/

/* ページ全体BOX */
#main_box {
	margin:0 auto;
	text-align:center;
	width:100%;
}

/* 背景BOX */
#bg_box {
	margin:0 auto;
	background:url(images/bg_background.gif);
	width:1000px;
}

/* トップすこやか概要BOX */
#description_box {
	font-weight:bold;
	font-size:20px;
	margin:0 auto;
	background:url(images/description_background.gif);
	width:940px;
	line-height:30px;
}

/* すこやかニュース全体 */
#news_box {
	margin:0 auto;
	background:url(images/news_background.gif);
	width:940px;
}

/* すこやかニュース記事 */
.post_box {
	font-size:20px;
	margin:0 auto;
	width:850px;
	line-height:30px;
}

.news_line {
	width: 820px;
	height: 25px;
	background:url(images/news_line.gif);
	margin-left:auto;
	margin-right:auto;
}

.post_box li {
	text-align:left;
	font-size:20px;
	list-style-type:square;
}

/*** Bottom Navigation, Comment Navigation ***/
.nav-below{margin: 40px 0 0;overflow:auto;}
	
	.nav-prev a, div.navigation .alignleft a{
		float:left;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		padding:0px 10px 0px 20px;
		background:url("images/arrow_prev.png") no-repeat left top;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		text-align:right;
		padding:0px 20px 0px 10px;
		background:url("images/arrow_next.png") no-repeat right top;
		}

/* 左寄りBOX */
.side_left{
	float:left;
}

/* 右寄りBOX */
.side_right{
	float:right;
}

/* 左右各100px空きBOX */
.side_center{
	margin-left: 100px;
	margin-right: 100px;
}

/* BOX940 */
.box_940 {
	margin:0 auto;
	width:940px;
	text-align:center;
}

/* BOX820 */
.box_820 {
	text-align:left;
	margin:0 auto;
	width:820px;
}

/* BOX260LEFT */
.box_260_left{
	text-align:center;
 	margin:0 auto;
	width:260px;
	height:500px;
	position:relative;
	float:left;
}

.box_260_left img{
	width: 240px; /* 画像の幅 */
	height: 360px; /* 画像の高さ */
	position: absolute; /* 親要素（.box）からの絶対配置 */
	top:50%;
	left:50%;
	margin-top:-180px;
	margin-left:-120px;
}

/* BOX260RIGHT */
.box_260_right{
	text-align:center;
 	margin:0 auto;
	width:260px;
	height:500px;
	position:relative;
	float:right;
}

.box_260_right img{
	width: 240px; /* 画像の幅 */
	height: 360px; /* 画像の高さ */
	position: absolute; /* 親要素（.box）からの絶対配置 */
	top:50%;
	right:50%;
	margin-top:-180px;
	margin-right:-120px;
}

/* BOX640 */
.box_640 {
	text-align:center;
	margin:0 auto;
	width:640px;
	height:380px;
}

/* BOX640 */
.box_530 {
	text-align:center;
	margin:0 auto;
	width:530px;
	height:400px;
}

.board_title {
	width:530px;
	height:80px;
	font-size:28px;
	text-decoration:underline;
}

.board_txt {
	width:530px;
	height:300px;
	font-size:18px;
        font-weight:bold;
	text-align:left;
}	

.board_list {
	list-style-type: square;
        margin-bottom: 20px;
}

.box_picture{
	text-align:center;
	margin:0 auto;
}

/* すこやかについて各ボード大枠 */
.sukoyaka_board_box{
	margin:0 auto;
	width:900px;
	height:500px;
}

/* Floatクリアー */
.clear {
	clear:both;
}

/* タckground-repeat: no-repeat;
イトル */
.title_txt {
	font-weight:bold;
	font-size:25px;
}

/* タイトル */
.page_title {
	width:860px;
	height:130px;
}

.item_title_baner{
        margin:0 auto;
	width:860px;
	height:50px;
	background-color:#ffcc33;
	font-size:30px;
	text-align:left;
	padding-top:20px;
	padding-left:30px;
	color:#4c4c4c;
}

.item_title_cat{
        margin:0 auto;
	width:860px;
	height:50px;
        background-image:url("images/icon_cat.gif");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
	font-size:30px;
	text-align:left;
	padding-top:10px;
	padding-left:60px;
	color:#4c4c4c;
}

.item_title_dog{
        margin:0 auto;
	width:860px;
	height:50px;
        background-image:url("images/icon_dog.gif");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
	font-size:30px;
	text-align:left;
	padding-top:10px;
	padding-left:60px;
	color:#4c4c4c;
}

.item_title_bear1{
        margin:0 auto;
	width:860px;
	height:50px;
        background-image:url("images/icon_bear1.gif");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
	font-size:30px;
	text-align:left;
	padding-top:10px;
	padding-left:60px;
	color:#4c4c4c;
}

.item_title_bear2{
        margin:0 auto;
	width:860px;
	height:50px;
        background-image:url("images/icon_bear2.gif");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
	font-size:30px;
	text-align:left;
	padding-top:10px;
	padding-left:60px;
	color:#gc4c4c;
}

.item_title_bird{
        margin:0 auto;
	width:860px;
	height:50px;
        background-image:url("images/icon_bird.gif");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
	font-size:30px;
	text-align:left;
	padding-top:10px;
	padding-left:60px;
	color:#4c4c4c;
}

.item_txt{
	margin-top:20px;
	margin-right:50px;
	margin-bottom:20px;
	margin-left:50px;
	font-size:15px;
	text-align:left;
}

.item_txt_div{
	margin:0 auto;
	width:860px;
	text-align:left;
}


.item_txt_div ol {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left;35px;
}

#ad_910_box {
	margin:0 auto;
	width:910px;
	height:525px;
}


#ad_time_info_box{
	margin:0 auto;
	font-size:28px;
	width:430px;
	height:435px;
	background-image:url("images/admission_time.gif");
	background-repeat: no-repeat;
	float:left;
	padding-top:90px;
	padding-left:100px;
	text-align:left;
}

#ad_info_box{
	margin:0 auto;
	width:930px;
	background-image:url("images/admission_infomation_background.gif");
}

.ad_info_txt {
	margin:0 auto;
	width:800px;
	font-size:20px;
}

.ad_info_txt table{
	width:100%;
	border-collapse: collapse;
	border:1px solid #000000;
}

.ad_info_txt H1{
        text-align:left;
}

.ad_info_txt p{
	font-size:25px;
	text-align:left;
	margin:10px auto;
}

.ad_info_txt td {
	text-align:right;
	border:1px solid #000000;
	background-color:#ffffff;
}


.ad_info_txt th {
        text-align:center;
        border:1px solid #000000;
	background-color:#00aaff;
}

.ad_info_txt ol {
        padding-top:0px;
        padding-right:0px;
        padding-bottom:0px;
        padding-left;35px;
}

.ad_info_txt li{
	text-align:left;
	position:relative;
}

#ad_picture_tate_box {
	width:350px;
	height:525px;
	float:right;
}

#ad_picture_box {
	margin:0 auto;
	width:900px;
	height:320px;
}

.ad_picture_yoko_box_right {
	margin:0 auto;
	width:440px;
	height:320px;
	float:right;
}

.ad_picture_yoko_box_left {
	margin:0 auto;
	width:440px;
	height:320px;
	float:left;

}

/* 赤BOX */
#box_red {
	margin:0 auto;
	background:url(images/box_red_background.gif);
	width:640px;
	height:500px;
	float:right;
}

/* 黄BOX */
#box_yellow {
	margin:0 auto;
	background:url(images/box_yellow_background.gif);
	width:640px;
	height:500px;
	float:left;
}

/* 青BOX */
#box_blue {
	margin:0 auto;
	background:url(images/box_blue_background.gif);
	width:640px;
	height:500px;
	float:right;
}

/* オレンジBOX */
#box_orange {
	margin:0 auto;
	background:url(images/box_orange_background.gif);
	width:640px;
	height:500px;
	float:left;
}

/* 緑BOX */
#box_green {
	margin:0 auto;
	background:url(images/box_green_background.gif);
	width:640px;
	height:500px;
	float:right;
}

/**********************************
ヘッダー
**********************************/

/* ヘッダー全体BOX */
#hedder_box {
	margin:0 auto;
	width:1000px;
	height:230px;
}

/* ヘッダー左側BOX */
#hedder_left_box {
	width:300px;
	float:left;
}

/* ヘッダー右側BOX */
#hedder_right_box {
	width:300px;
	float:right;
}

/* ヘッダー中央BOX */
#hedder_center_box {
	width:400px;
	margin-left:300px;
	margin-right:300px;
	float: none;
}

/* ヘッダー左右BOXに入るBOX */
.hedder_side_box {
	width:300px;
	height:100px;
}

/**********************************
フッター
**********************************/

/* フッター全体BOX */
#footer_box {
	margin:0 auto;
	width:1000px;
}

/* フッターメニュー */
#foot_menu {
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

/* フッター会社情報 */
#foot_company {
	font-size:20px;
	text-align:center;
	width: 1000px;
}

/* フッターCopyright */
#foot_copyright {
	font-size:18px;
	position:absolute;
	top:10px; 
	text-align:center;
	width: 1000px;
}

/* フッターの一番下 */
#foot_bottom {
	position: relative;
	width:100%;
}

/**********************************
ボタン
**********************************/

/* そのたのおしらせボタン */
.button_news a { 
	display:block;
	float:right;
	width:200px;
	height:60px;
	background:url(images/button_news.gif) no-repeat;
}
.button_news a:hover { 
	background-position: -200px 0;
} 

/* すこやかについてボタン */
#button_sukoyaka a { 
	display:block;
	margin-left: 100px;
	margin-right: 100px;
	float: none;
	width:100px;
	height:100px;
	background:url(images/button_sukoyaka.gif) no-repeat;
}
#button_sukoyaka a:hover { 
	background-position: 0 -100px;
} 

/* 入園についてボタン */
#button_admission a { 
	display:block;
	float:right;
	width:100px;
	height:100px;
	background:url(images/button_admission.gif) no-repeat;
}

#button_admission a:hover { 
	background-position: 0 -100px;
} 

/* アクセスボタン */
#button_access a { 
	display:block;
	float:left;
	width:100px;
	height:100px;
	background:url(images/button_access.gif) no-repeat;
}

#button_access a:hover { 
	background-position: 0 -100px;
} 

/* お問い合せボタン */
#button_contact a { 
	display:block;
	margin-left: 100px;
	margin-right: 100px;
	float: none;
	width:100px;
	height:100px;
	background:url(images/button_contact.gif) no-repeat;
}
#button_contact a:hover { 
	background-position: 0 -100px;
} 

/*左上相互リンク*/
#button_sougo a {
	display:block;
	float:right;
	width: 130px;
	height: 65px;
	background:url(images/sougo_btn.gif) no-repeat;
}
#button_sougo a:hover {
	background-position: 0 -65px;
}
.a{	width: 130px;}