@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: top;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

html{    overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea,{margin: 0;padding: 0;}
ol, ul{    list-style:none;}
table{    border-collapse: collapse;     border-spacing:0;}
caption, th{    text-align: left;}
a:focus {outline:none;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;/*¥*//*/height: auto;overflow: hidden;/**/}
.both{clear:both;}
.inline_block {  display: inline-block;  *display: inline;  *zoom: 1;  }





/* よく使うCSS 


startimg {max-width:100%;}
table {width:100%;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
a img:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}


時々使うCSS end
テキストシャドウ {text-shadow: 1px 1px 3px #000;}
テキストシャドウ {text-shadow: 1px 1px 3px #000;}
ボックスシャドウ {-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}
ボックスシャドウ内側 {-moz-box-shadow: inset 1px 1px 3px #000;-webkit-box-shadow: inset 1px 1px 3px #000;box-shadow: inset 1px 1px 3px #000;}
角丸 {border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px; }
トランジション {-webkit-transition: 1.5s;-moz-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}
透明 {filter: alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;}
背景のみ透明 {background-color:rgba(255,255,255,0.2);}
グラデーション {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";background-image: -moz-linear-gradient(top, #ffffff, #000000);background-image: -ms-linear-gradient(top, #ffffff, #000000);background-image: -o-linear-gradient(top, #ffffff, #000000);background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));background-image: -webkit-linear-gradient(top, #ffffff, #000000);background-image: linear-gradient(top, #ffffff, #000000);}



スマホ対応
@media screen and (max-width: 320px){

}

時々使うCSS3 end */
.horizon{background: url(/img/horizon.png) repeat-x; height:162px; position:relative; z-index:9999;}
h1.title{position:absolute;}
h2.subtitle{margin:5px 0;}
.tel {text-align:right;}
.tel img{margin-top:30px;}


h2.content_title{padding-top:20px;}
.container{width:800px; margin:0 auto;}
.container_s{width:700px; margin:0 auto;}
.island{background:url(/img/island.png) no-repeat right; height:72px;}
.wrap{background:url(/img/colorful_back.gif);}
footer{background:url(/img/footer_back.jpg);}

.copyright{text-align:center; font-size:11px; color:#fff; padding-bottom:1em;}
hr.link_hr{height: 16px; margin: 1em 0 1em; padding: 0; background: url(/img/link_hr.png) repeat-x; border: 0px none;}
hr.content_hr{height: 35px; margin: 1em 0 1em; padding: 0; background: url(/img/content_hr.png) repeat-x; border: 0px none;}

.sakurasakura{position:relative;}
.sakura_bubble{position:absolute; left:-20px; top:-10px;}
.right{text-align:right;}

.hallo_left{width:200px; position:relative; float:left;}
.hallo_cont{width:400px; float:left;}
.hallo_cont h2{margin-bottom:20px;}
.hallo_cont p{font-size:16px; margin-bottom:20px;}
.hallo_right{width:200px; position:relative; float:left;}
.clear{clear:left; clear:right; clear:both;}

span.hp1{position:relative; left:-10px; top:30px;}
span.hp2{position:relative; left:-30px; top:10px;}
span.hp3{margin-top:20px; display:block;}
span.hp4{position:relative; right:-10px;}

.slide_mask_t{position:absolute; top:-20px; right:-40px; z-index:9999;}
.slide_mask_b{position:absolute; bottom:-20px; left:-30px; z-index:9999;}
.wide_wrap{position:relative; width:800px; margin:0 auto;}

.color_head{}
.colorful_title_l{float:left;}
.colorful_title_l img{margin-top:20px;}
.colorful_title_r{float:right;}

.colorful_content{position:relative; top:-25px;}
.colorful_cont_l{float:left; width:300px;}
.colorful_cont_l h3{display:inline; margin-bottom:5px;}
.colorful_cont_l p{margin-bottom:20px;}
.colorful_cont_r{float:right; width:500px;}
.colorful_cont_r iframe{width:100%; height:300px; box-shadow:0 0 5px #aaa;}


.syuku_back{position:relative; top:-30px;}
table.syuku_wrap{position:relative; top:-30px;}
.syuku5{position:relative; left:-3px;}
.syuku6{position:relative; left:-7px;}

.attention_wrap{background:#fff; border-radius:10px; box-shadow:0 0 5px #aaa;}
.attention_left{float:left; width:300px;}
.attention_right{background:url(/img/attention_back.jpg); float:left; width:500px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; }
.attention_right p{font-size:12px;}
.attention_inner{padding:10px;}
.attention_wrap h3{font-size:24px;}
.attention_wrap p{margin-bottom:20px;}
.red{color:#fc331d; font-weight:bold;}
.green{color:#319e35; font-weight:bold;}

.attention_wrap,.news_content{margin-bottom:40px;}
.news_left{float:left; width:50%;}
.news_right{float:left; width:50%;}
.news_content iframe{width:380px!important; margin-left:10px!important;}

.sakurasakura{width:250px; float:left;}
.link_s{width:450px; float:left;}


.news_content iframe{width:90%!important; margin:0 5%!important;}

/*slider*/

.wideslider { margin:0 auto; margin:15px auto 0 auto;text-align: left;position: relative;overflow: hidden;border:5px solid #000;}
.wideslider ul,.wideslider ul li {float: left;display: inline;overflow: hidden;}
.wideslider ul li img {width: 100%;display: none;}
.wideslider_base {top: 0;position: absolute;}
.wideslider_wrap {top: 0;position: absolute;overflow: hidden;}
.slider_prev,.slider_next {top: 0;overflow: hidden;position: absolute;z-index: 100;cursor: pointer;}
.slider_prev {background: #fff url(http://www-stg.babycome.ne.jp//img/top/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(http://www-stg.babycome.ne.jp//img/top/next.jpg) no-repeat left center;}
.pagination {bottom: 10px;left: 0;width: 100%;height: 15px;text-align: center;position: absolute;z-index: 200;}
.pagination a {margin: 0 5px;width: 15px;height: 15px;display: inline-block;overflow: hidden;background: #333;}
.pagination a.active {filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}

@media screen and (max-width: 800px){
.slide_mask_t,.slide_mask_b{display:none;}
h1.title img{width:80%;}
.tel img{width:50%;}
.container,.container_s{width:90%; margin:0 5%;}
.hallo_left{display:none;}
.colorful_cont_r{width:100%;}
.colorful_title_l{float:none;}
.colorful_title_r{float:none; float:right;}
.colorful_title_r img{ width:70%;}
.syuku_wrap img{width:100%;}
.attention_right{width:100%;
-webkit-border-top-left-radius: 0px;  
    -webkit-border-top-right-radius: 0px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 0px;  
    -moz-border-radius-topright: 0px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px; 
    }
.wide_wrap{width:100%;}
.container_s td{display:block;}
.sakurasakura{width:100%; float:none;}
.link_s{width:100%; float:none;}
.news_content iframe{width:100%!important; margin:0!important;}
}
@media screen and (max-width: 640px){
.news_left{width:100%; margin-bottom:20px;}
.news_right{width:100%;}

.hallo_right{width:100%;}
span.hp3{display:inline;}
h1.title img{width:50%;}
.horizon{height:auto; background:#fff; border-bottom:5px solid #000; padding-bototm:10px;}
.hallo_right img{width:45%;}
}