@charset "UTF-8";

/*
----------
style.css
2014-1-14
----------
*/

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }


body {
	width: 100%;
	margin:0;
	padding: 0;
	color:#222;
	font-family: sans-serif;/**/
	background-color: #f4f4f4;
}

a:link,
a:visited{
	text-decoration:none;
	color: #690;
}
a:hover,
a:active{
	color: #9C0;
	
}
a.here{
		background-color: #9C0;
		color:#FFF;
	}
	
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.6em;
  line-height: 1.2;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:0;
}
p {
  margin:0.4em 0 1em;
  color: #333;
  line-height: 1.4;
}
ul {
  margin: 0 0 2em 1em;
  padding: 0;
  list-style-position:outside;
}
li{
	margin-bottom:0.4em;
	line-height: 1.2;
}


table{
	border-top:1px dotted #999;
	border-left:1px dotted #999;
	}
table th,
table td{
	border-bottom:1px dotted #999;
	border-right:1px dotted #999;
	padding:8px 6px 4px;
	line-height:140%;
}
table th{background-color:#eee;}
table td{background-color:#fff;}

small {
  text-transform: uppercase;
	font-size:100%;/**/
}

img{
max-width: 100%;
height: auto;
width:auto;}
/*画像がちょどよく表示される*/

ruby rt{ font-weight:normal}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
ruby{ margin:0em 0 0em 0; padding-top:0.2em;
vertical-align:text-bottom
}
}*/

ruby {
  display:inline-table;
  text-align:center;
  white-space:nowrap;
  text-indent:0;
  margin:0;
  vertical-align: text-bottom;/*vertical-align:-18%;*/
/*//  vertical-align:0%;
//  vertical-align:-0.30em;*/
padding:0 auto;/**/
}


ruby>rb,ruby>rbc {
  display:table-row-group;
  line-height:130%;/*ルビと文字の間*/
	margin:0;/**/
}


ruby>rt,ruby>rbc+rtc {
  display:table-header-group;
  font-size:70%;
  line-height:100%;/*line-height:80%;*/
  letter-spacing:0;
}


rp {
  display:none
}

/*
==========
layout
==========
*/


#wrapper {
  margin: 0;
	height:100%;/**/
	padding:0;/**/
	
}



/*
-----
header
-----
*/

header {
	margin:0 0 1%;/**/
	/*background:url(../images/header_bg.png) no-repeat center bottom;*/
	overflow:hidden;
	min-height:90px;
	background-color:#FFF
}

header h1 {
  font-size:1.68em;
  margin: 2% 0 1% 4%;
}

p.tagline {
  font-size: 0.75em;
  text-transform: uppercase;
  color:#555;
	padding:0 0 6% 4%;/**/
	letter-spacing:-0.8px;
}

/*
-----
nav
-----
*/

nav {
  margin:0;
	padding:0px;
	background-color:#eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff
}

nav a{text-decoration:none;}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
	display: block;
	width: 100%;
	margin:1px;
	text-align: center;
	line-height:1.2em;
	color:#222;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	font-size:1.2em;
	font-weight:bold;
	background-color: #eee;/**/
}

nav ul li a{
	display: inline-table;
	padding: 18px 0 0;
	vertical-align:middle;
	height:32px;/*Safariのためにピクセル指定で*/
	
	
	
	}
	nav ul li a ruby{ margin-top:-10px;}
	
	nav ul li a:hover{
	background-color:#D7EBAF;
	}/**/

#common-contents {
  width: 92%;
  margin: 1.6em auto 0.6em;
	background-color: #fff;/**/

}

/*
-----
article
-----
*/

article.main {
  width: 100%;
}

.main h1 {
  font-size: 1.2em;
	color:#777;
	background-color:#DCF04F;
	padding:0.2em 0.36em;
	
	
}



article.main h2 {
	font-size: 1.6em;
	/*margin-top: 1.3em;*/
	padding:0.6em 0 1em 2.8em;/*padding:0.88em 0 1em 2.8em;*/
	background: url(../images/297_k.png)  no-repeat left top;
}
article.main h3 { border-bottom:4px solid #D7EBAF; padding-bottom:0.2em;color:#9C0}

article.main h4 {
	background-color:#D7EBAF;
	padding:0.2em;
	display:inline-block;
	margin-bottom:0.2em;
	color:#690;
}




section {
  margin: 1em;
}

section a:link,
section a:visited{
	border-bottom:2px dotted #9C0;
	padding-bottom:0.1em
}
section a:hover{
	border-bottom:none;
	padding-bottom:0.1em
}

section p{
	text-align:left;
}


section ul li{
	clear:both;
	list-style-position: outside;
	list-style-image: url(../images/icon_maru.png);
	list-style-type: none;
	margin-left:0.6em;
	
}

section ol li{
	clear:both;
	list-style-position: outside;
	margin-left:0.6em;
	
}
	
section li img{ padding-right:0.6em}

dl{ overflow:hidden}
dt{ float:left;}
dd{ margin-left:2em; margin-bottom:0.6em}


 

/*汎用CSS*/
.floatL{ float:left}
.floatR{ float:right}
.verticalMiddle{ vertical-align: middle}
.txtRight{ text-align:right}
.txtCenter{ text-align:center}
.attentionTxt  {
	margin-left: 1em;
	text-indent: -1em;
}
.note{ font-size:0.90em; color:#555}

.styleNone li{ list-style-image:none}

.lineTop{ border-top: 1px dotted #9C0; padding-top:0.6em;
clear:both}
.redMarker{ color:#C00; border-bottom:2px dotted #C00}

.borderNone { border:none}
.borderNone td{ border:none}


/*
-----
footer
-----
*/

footer {
  width:100%;
	margin:1% auto 0;
  text-align: center;
	background-color:#fff;
	font-size: 0.78em;
	padding:2% 0;/**/
	}




/*
-----
ページ固有のスタイル
-----
*/



#topCenter{padding:2% 2% 1%; background-color:#fff}

#path{ font-size:0.8em; padding:6px 6px 6px 0;margin-top:10px}

.langLink{ float:right; padding:0.6em; background-color:#FFF; margin:10px}

/*.hedding{background:url(../images/headding_bg.png) no-repeat 0 top; padding:50px 0 30px 60px;}*/

#syusai{ font-size:140%; font-weight:bold}/*使ってないかも*/

.meyasu { border:1px solid #C33; padding:2% 2% 0; background-color:#fff; margin-bottom:1em}
.meyasu h4{ color:#C33; padding-bottom:0.6em}

.meyasuList{  padding:0 0 0 1.6em;}
.meyasuList li{ list-style-image:url(../images/icon.png);
list-style-type:none;
list-style-position:outside;
margin-bottom:0.2em
}





.onePoint
{
	padding:0.2em;
	border:2px solid #DCF04F;
	}
section .onePoint h4{ background-color:#DCF04F; color:#555}
	section .onePoint ul{
margin:0.2em 1em 0.4em 2.4em;}
section .onePoint p{margin:1em;}

 ul.ex{ overflow:hidden;
width:100%
}
ul.ex li{
list-style-image:none;

display: inline-block;
padding:0.2em 1em 0.2em 0;
text-align:center}

.contactBox{
	padding:0.6em;
	/*border:2px solid #6CC;*/
	background-color:#FF6;
	text-align:center
}
.contactBox a{ font-weight:bold}


/* トップページ */

#mokuji h3{ margin-top:1.6em} 

#mokuji ul{
	width:100%;
	margin:10px auto ;
   background-color:transparent;
	 padding:0px;/**/
 }/**/
 
#mokuji ul li {
  float:left;
	width:100%;
	height:40px;
	margin:0.1em 0  ;
	
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #ddd;
	
	letter-spacing:0px;
	font-size:0.9em;
	list-style:none;
	
	background-color:#eee;
	
	 


 }
 
#mokuji ul li a{
	width:100%;
	height:40px;
	padding: 0 0.6em;

	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
	line-height: 1em;
	vertical-align:middle;
	display:table-cell;
	border-bottom:none;
}

#mokuji ul li a:hover{padding-top:1px}

#topMain{ text-align:center;}
#topMain img{margin:15px auto 0}
#topMain li{ font-size:1.2em}
/*#topMain li{
	margin-left:36px;
	list-style-position: outside;
	list-style-image: url(../images/icon_list.png);
	font-weight:bold;
}*/

#index .linkBox{
	border:2px solid #9C0;
	padding:2% 2% 1%;
	background-color:#fff;
	margin:10% 2% 2%;
	
}
#index .linkBox p a{word-wrap: break-word;}/*英語を改行されるようにする*/


/* 5歳 */
.age5-3{
	background:url(../images/age5-3_image152.gif) no-repeat right 0}
	
.age5-3 ul{ margin-bottom:0}


/* 子育て中のみなさんへ */
#minasan dl{ overflow:hidden}
#minasan dt{ float:left; display:block}
#minasan dd{ margin-left:0; margin-bottom:0.6em}
#minasan th{ width:2.6em; text-align:center}
#minasan td{ padding-left:1em}
#minasan td ul{ margin-bottom:0}













/*
------------------------------------------------------------
Media Queries による切り替え
481px以上のとき
------------------------------------------------------------
*/

@media only screen and (min-width: 481px) {
	
	header h1 {
  font-size:1.6em;
  margin: 1% 0 1% 4%;
}

p.tagline {
	padding:0 0 3% 4%;/**/
}

nav {
   margin: 0;
   padding: 0;
	 
 }
 nav ul {
   padding: 1px 0;
	 width:100%
 }
 nav ul li {
  float:left;
  width: 19.6%;
	/*padding:2% 0;*/
  margin: 0 0 0;
  text-align: center;
  line-height:1.1em;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
	font-size:0.9em;
	letter-spacing:-1px; }
	
section {
  margin: 1em 2em;	
}

}

/*
------------------------------------------------------------
Media Queries による切り替え
769px以上のとき
------------------------------------------------------------
*/

@media only screen and (min-width: 769px) {

header {
	padding-left: 0%;
	overflow:hidden
}

#common-header{ width:768px; margin:0 auto}


header h1 {
  font-size:2em;
  margin: 2% 0 1% 4%;
 float:left;
	width:50%;
	/*height:80px;*/}
	
	p.tagline {
	padding:1% 0 1% 0;/**/
	float:right;
	width:46%;
	}


	nav{
	padding:0;
}/**/

nav ul{
	width:770px;
	margin:10px auto ;
   background-color:transparent;
	 padding:0px;/**/
 }/**/
 
nav ul li {
  float:left;
  width: 152px;
	line-height: 1em;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #ddd;
	letter-spacing:-1px;
	font-size:0.88em;
	padding:0 0;
 }
 
nav ul li a{
	width:100%;
	
	
	}
	



#common-contents{width:768px; margin:0 auto;}/**/

 article.main {
   float: left;	
 }

#langLink{ display:none}
 



#mokuji h3{
	margin-top:1.6em
} 

#mokuji ul{
	width:100%;
	margin:10px auto ;
	background-color:transparent;
	padding:0px;/**/
}/**/
#mokuji ul li {
	width:31.0%;
	height:40px;
	
	margin:0 1em 0.6em 0 ;
	
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #ddd;
	border-top: 2px solid #f4f4f4;
	border-bottom:2px solid #ddd;
	
	letter-spacing:0px;
	font-size:0.9em;
	/*line-height: 1em;*/
	float:left;
	list-style:none;
	clear:none;
	background-color:#eee;
	text-align:center;/*文字が少ないと効いてない感じになってる*/
	
}

#mokuji ul li a{
width:200px;/*ピクセルで指定するとテキスト中央でうまくいく。*/
height:40px;
/*display: table-cell;*/
vertical-align: middle;
font-weight:bold;
text-shadow:1px 1px 1px #fff;

text-align:center;
}
 
}