/* //////////////////////////////////////////

  “Aio Nursery School” 

 -----------------------------------------
  aio.css
 -----------------------------------------
  
  0.Format
  
  1.Reset

  2.Shared Item

  3.Overall Structure
  
  4.Contents

////////////////////////////////////////// */

/* 0.Format
////////////////////////////////////////// */

/* 1.Reset
//////////////////////////////////////////  */
html{
	font-size: 62.5%;
	}
	
body{
	font-size: 1.2rem;
	}

ul,dl{
	list-style-type: none;
	}

.ui-content{
	background-color:#fff !important;
	color:#666;
}

.ui-content .ui-listview-inset {
	margin: 5px 0 0 0;
}

.ui-listview{
	max-width:none !important;
	margin-bottom:6px !important;

}

.ui-listview > li h2{
	margin:0;
	line-height:0;
}

.ui-listview li{
	border-bottom:0;
}

.ui-listview li a{
	font-size:1.5em;
}

.ui-collapsible-set .ui-btn{
	padding:10px 0 0 20px;
}

.ui-btn-inner{
	font-size:11px;
}

.ui-icon-back{
	line-height:0;
}

.bt_home{
	border-radius:100px;
}

.ui-footer .ui-btn-up-a,
.ui-footer .ui-btn-hover-a{
	border: none /*{a-bup-border}*/;
	background: none /*{a-bup-background-color}*/;
	background-image: none; /* Saf4 , Chrome */
	background-image: none; /* Chrome 10 , Saf5.1  */
	background-image: none; /* FF3.6 */
	background-image: none; /* IE10 */
	background-image: none; /* Opera 11.10  */
	background-image: none;
}

.ui-footer .ui-btn-inner{
	border: none;
	padding:0;
}
	
.ui-bar-a .ui-shadow {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

table{
	border-spacing: 1px 0;
}

table th{
	border-top:solid 1px #ffffff;
	background-color:#dcecf9;
}

table td{
	border-top:solid 1px #ffffff;
	background-color:#f2f7fb;
}


/* 2.Shared Item
////////////////////////////////////////// */
h3{
	height:25px;
	margin:8px 0 10px 0;
	padding:8px 0 0 35px;
	background-image:url(../img/common_img/bg_tt.png);
	background-repeat:no-repeat;
	border-bottom:solid 1px #4297cf;
	font-size:16px;
	font-weight:bold;

}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  h3{
    background-image:url(../img/common_img/bg_tt2x.png);
	background-size:115px 33px;
  }
}

h4{
	padding:2px 0 0 4px;
	border-left:double 4px #4297cf;
	font-size:14px;
	line-height:1em;
	margin:0 0 4px 0;
	clear:both;
}

h4.line{
	width:100%;
	padding:2px 0;
	border-top:solid 1px #4297cf;
	border-bottom:solid 1px #4297cf;
	border-left:none;
	font-size:12px;
	line-height:1em;
	margin:0 0 4px 0;
}

h5{
	margin:3px 0 0 0;
	padding:0;
	font-size:10px;
	line-height:1em;
}

p{
	margin:0 0 16px 0;
}

p.ss{
	margin:0 0 8px 0;
}

.r{
	float:right;
}


dl.ll{
	margin:6px 0 16px 0;
}

dl.ll dt{
	font-weight:bold;
	line-height:1em;
	margin:0 0 1px 0;
	padding:0 0 1px 15px;
	border-bottom:solid 1px #d7d7d7;
	background-image:url(../img/common_img/ic_box.png);
	background-repeat:no-repeat;
	background-size:12px 12px;
}

dl.ll dd{
	margin:0;
}

ul.ic,
ul.ic_ll{
	margin: 0 0 16px 0;
	padding: 0;
}

ul.ic li{
	margin:0 0 1px 0;
	padding:0 0 1px 9px;
	background-image:url(../img/common_img/ic_box.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	background-size:6px 6px;
}

ul.ic_ll li{
	margin:0 0 16px 0;
	padding:0 0 1px 9px;
	background-image:url(../img/common_img/ic_box.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	background-size:6px 6px;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
 

/* 3.Overall Structure
////////////////////////////////////////// */
/*///Header///*/
html .ui-header{
	width:100%;
	height:130px;
	background-image:url(../img/common_img/ph_common.jpg) !important;
	background-position:center top !important;
	background-repeat:no-repeat !important;
	padding:0;
	margin:0;
	border-bottom:0;
}

html .ui-title{
	padding:0 !important;
	margin:40px 0 0 0 !important;
	text-align:left !important;
}

html .ui-header h1{
	margin:47px 0 0 14px !important;
}


html .ui-btn-icon-notext.ui-btn-left {
	top: 6px;
	left: auto;
	right: 10px;
}

html .ui-header .bt_pc{
	background:none;
	border:0;
	top:102px !important;
	right:2px !important;
}

html #index .ui-header .bt_pc{
	top:219px !important;
	right:2px !important;
	left:auto;
}

html .ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all {
	border:none;
}


/*////Footer////*/
.ui-footer{
	height:31px;
	padding:9px 0 9px 14px;
	background-color:#a3d6f5;
	background-image:none;
}

/* 4.Contents
////////////////////////////////////////// */
/*Index*/
#index .ui-header{
	width:100%;
	height:264px;
	background-image:url(../img/index_img/ph_main.jpg) !important;
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
	padding:0;
	margin:0;
}

#index h1{
	width:240px;
	height:220px;
	margin:72px auto 0 !important;
}


#index .ui-li-thumb{
	max-width:none;
	margin:5px 0 0 0;
}

#index .ui-link-inherit{
	padding:0 0 7px 0 !important;
	min-height:35px !important;
}

#index .ui-content {
    padding: 7px 15px 15px 15px;
}
/*
#index .ui-listview  li a{
	height:28px;
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size: 160px 35px;
	text-indent:-9999px;
	display:block;
	font-size:12px;
}

#index .ui-listview  li:nth-of-type(1) a{
	background-image:url(../img/index_img/bt_entering.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  #index .ui-listview  li:nth-of-type(1) a{
    background-image: url(../img/index_img/bt_entering2x.png);
  }
}

#index .ui-listview  li:nth-of-type(2) a{
	background-image:url(../img/index_img/bt_childcare.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  #index .ui-listview  li:nth-of-type(2) a{
    background-image: url(../img/index_img/bt_childcare2x.png);
  }
}

#index .ui-listview  li:nth-of-type(3) a{
	background-image:url(../img/index_img/bt_annual.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  #index .ui-listview  li:nth-of-type(3) a{
    background-image: url(../img/index_img/bt_annual2x.png);
  }
}

#index .ui-listview  li:nth-of-type(4) a{
	background-image:url(../img/index_img/bt_event.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  #index .ui-listview  li:nth-of-type(4) a{
    background-image: url(../img/index_img/bt_event2x.png);
  }
}

#index .ui-listview  li:nth-of-type(5) a{
	background-image:url(../img/index_img/bt_support.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  #index .ui-listview  li:nth-of-type(5) a{
    background-image: url(../img/index_img/bt_support2x.png);
  }
}

#index .ui-listview  li:nth-of-type(6) a{
	background-image:url(../img/index_img/bt_access.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  #index .ui-listview  li:nth-of-type(6) a{
    background-image: url(../img/index_img/bt_access2x.png);
  }
}*/

/*Guide*/
table.guide{
	width:100%;
	margin:0 0 16px 0;
}

table.guide th.tt{
	background-color:#cbe5f7;
}

table.guide td{
	text-align:center;
}

#guide3 ul.ic li{
	margin:0 0 16px 0;
}

/*Childcare*/
table.childcare{
	width:100%;
	margin:0 0 16px 0;
}

table.childcare th,
table.childcare td{
	padding:4px 3px 2px;
	font-size:1rem;
}

table.childcare th.history{
	white-space:nowrap;
}

/*Annual Events*/
/*#annual .ui-collapsible ul{
	margin:0 0 0 33px;
	padding:0;
}

#annual .ui-collapsible ul li{
	margin:0 0 1px 0;
	padding:0 0 1px 9px;
	background-image:url(../img/common_img/ic_box.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	background-size:6px 6px;
}

#annual .ui-collapsible ul li.ph{
	margin:0 0 1px 0;
	padding:0;
	background-image:none;
}*/
#annual .ui-collapsible-set .ui-btn{
	padding:0;
}

#annual .ui-collapsible-set .ui-btn img{
	padding:5px 0 0 0;
}

#annual .ui-collapsible-heading .ui-btn{
	text-align:right;
}

#annual .ui-collapsible-content{
	background-color:#ededed;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

/*Event*/
#event1 p,
#event2 p,
#event3 p,
#event4 p,
#event5 p,
#event6 p{
	margin:0 0 6px 0;
}

/*Support*/
table.support{
	width:100%;
	margin:0 0 16px 0;
}

table.support th,
table.support td{
	padding:3px 3px 2px;
	font-size:1rem;
}

#support1 ul.photo{
	margin:0 0 16px 0;
	padding:0;
	overflow:auto;
}

#support1 ul.photo li{
	width: 143px;
	margin: 0 2px 6px 0;
	padding: 0;
	font-size: 0.8rem;
	text-align: center;
	line-height: 1.1em;
	float: left;
}

#support1 p span{
	color:#f15b09;
	font-size:1.6rem;
}

#support1 p span a{
	color:#f15b09;
}

/*Access*/
#access #map{
  width:100%;
  height:300px;
  border:4px solid white;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}

#access dl{
	margin:0 0 4px 0;
	padding:0;
	line-height:1.4rem;
}

#access dd{
	margin:0;
	padding:0;
}