@charset "utf-8";
/*
Theme Name: BabyOasis Theme
Theme URI: http://www.babyoasis.co.jp/
Description: <a href="http://www.babyoasis.co.jp/">ベイビーオアシス</a>用のテンプレートです。
Author: Mashvox
*/

/*======== タイプセレクタ ========*/
body{padding:0;margin:0 auto;font:12px/20px "Meiryo", Arial, Helvetica, sans-serif;text-align:center;}
div, p, ul, h1, h2, h3, form, label{margin:0;padding:0;}
ul{list-style-type:none;}
img{border:none;}

/*======== リンク ========*/
A:hover{color:#f00000; text-decoration: none; }

/*======== ヘッダー＆ナビ部分背景 ========*/
#headernavi_bg{height:167px;background:url(images/header_bg.jpg) 0 0 repeat-x;}

/*======== ヘッダー ========*/
#header{width:840px;height:107px;margin:0 auto;}
#header_l{float:left;width:210px;height:107px;}
#header_r{float:right;width:594px;height:107px;}
#header_text{width:594px;height:50px;}
#header_text h1{font-size:11px;font-weight:normal;color:#666;text-align:right;padding-top:26px;}
#hnavi{position:relative;width:594px;height:36px;background:url(images/hnavi_bg.jpg) 0 0 no-repeat;margin-bottom:21px;text-align:left;}
#searcharea{position:absolute;top:0;left:360px;width:234px;height:36px;}
#searcharea .textarea{
    width:140px;
	position:absolute;top:9px;left:0;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	margin:0;
	padding:0;
	height:16px;
	border:1px solid #a28c67;
}

#searcharea .textarea:hover{
	width:140px;
	position:absolute;top:9px;left:0;
	font-size:12px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
	margin:0;
	padding:0;
	height:16px;
	border:1px solid #444;
}

#searcharea #searchbt{
    border:0;
	position:absolute;top:9px;left:150px;
    width:60px;
	height:18px;
	margin:0;
	padding:0;
	background:url(images/search_bt.jpg) 0 0 no-repeat;display:block;
}

#searcharea #searchbt:hover{
    border:0;
	position:absolute;top:9px;left:150px;
    width:60px;
	height:18px;
	margin:0;
	padding:0;
	background:url(images/search_bt_o.jpg) 0 0 no-repeat;
}

#header:after {
    display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#hnavi img{float:left;}

/*======== グローバルナビ ========*/
#gnavi{width:840px;height:46px;margin:0 auto;padding:0;}

.dropdown {float:left;margin:0;padding:0;}
.dropdown dt{width:140px;cursor:pointer;margin:0;padding:0;}
.dropdown dd{position:absolute;overflow:hidden;width:140px;margin-left:0;display:none;background:#fff;z-index:200;filter: alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;}
.dropdown ul{width:140px;border-top:1px solid #9ac1c9;border-bottom:1px solid #9ac1c9;list-style:none;}
.dropdown li{display:inline;}
.dropdown li a, .dropdown li a:active{display:block;font-size:10px;line-height:32px;padding:0;color:#666;background:#fff;width:140px;text-decoration:none;background:url(images/dropdown_bg.jpg) 0 0 no-repeat;font-family:Geneva, Arial, Helvetica, sans-serif;}
.dropdown a:hover{background:#ECF7F9;color:#000;background:url(images/dropdown_bg_o.jpg) 0 0 no-repeat;}
.dropdown .underline{border-bottom:1px dotted #b9d6dc;}

/*======== メイン背景 ========*/
#main_bg{background:url(images/main_bg.jpg) top center no-repeat;text-align:center;}

/*======== キービジュアル ========*/
#key{position:relative;width:840px;height:270px;background:url(images/key_bg.jpg) 0 0 no-repeat;margin:0 auto;}
#movie{position:absolute;top:5px;left:5px;z-index:1;}

#catch{width:840px;height:230px;margin:0 auto;}
#catch_s{width:840px;height:165px;margin:0 auto;}

/*======== パンくずリスト ========*/
#topicpath{width:840px;height:40px;background:url(images/topicpath_bg.jpg) 0 0 no-repeat;margin:0 auto;}
#topicpath p{text-align:left;line-height:40px;text-indent:40px;}

/*======== メイン全体 ========*/
#wrapper{width:840px;margin:20px auto 20px;}

/*======== サイドメニュー ========*/
#side{float:left;width:250px;background:url(images/side_bg.jpg) 0 0 repeat-y;text-align:left;}
#side ul{margin:0;padding:0;}
#side ul li{margin-bottom:10px;padding:0;}
#side ul.sub{margin:0;padding:0;}
#side ul.sub img{vertical-align:bottom;}
#side ul.sub li.sub1{margin:0;padding:0;}
#side ul.sub li.sub2{margin:0 0 10px 0;padding:0;}

/*======== メインメニュー ========*/
#main{float:right;width:560px;}
.index_box{width:558px;border:1px solid #E6E6E6;text-align:left;margin-bottom:20px;}
h2{margin:0;padding:0;}
.index_box h3{margin:15px 0 0 34px;padding:0;}

.text_box{margin:20px 0 20px 0;}
.text_box p{padding:0 34px 1.5em 34px;line-height:20px;color:#333;}
.text_box ul{margin:5px 34px 30px 58px;line-height:22px;color:#333;}
.text_box ul li{list-style-type:disc;}

.form_box{margin:20px 0 20px 0;padding:0 34px 0 34px;line-height:20px;color:#333;}
.form_box ul{padding:24px 0 24px 0;}
.form_box ul li{color:#f00;}

.pagelink{margin:0 34px 60px 34px;padding:0;}
span.pageleft{float:left;}
span.pageright{float:right;}

p.day{color:#555;margin:0;padding:0 34px 0 34px;}
h2.topictitle, h3.topictitle{color:#13356D;margin:3px 34px 0 34px;font-size:12px;line-height:14px;padding-bottom:10px;}
h2.freetitle01{color:#58360D;margin:0 34px 0 34px;font-size:14px;line-height:20px;padding:0 0 10px 22px;background:url(images/concept_icon01.jpg) top left no-repeat;}
h2.freetitle02{color:#5D4700;margin:0 34px 0 34px;font-size:14px;line-height:20px;padding:0 0 10px 22px;background:url(images/news_icon01.jpg) top left no-repeat;}
h2.freetitle03{color:#571800;margin:0 34px 0 34px;font-size:14px;line-height:20px;padding:0 0 10px 22px;background:url(images/store_icon01.jpg) top left no-repeat;}
h2.freetitle04{color:#403B1B;margin:0 34px 0 34px;font-size:14px;line-height:20px;padding:0 0 10px 22px;background:url(images/class_icon01.jpg) top left no-repeat;}
h2.freetitle05{color:#1B1B3D;margin:0 34px 0 34px;font-size:14px;line-height:20px;padding:0 0 10px 22px;background:url(images/corporate_icon01.jpg) top left no-repeat;}
h2.freetitle06{color:#752413;margin:0 34px 0 34px;font-size:14px;line-height:20px;padding:0 0 10px 22px;background:url(images/press_icon01.jpg) top left no-repeat;}

h3.sp_m{color:#006B86;font-weight:normal;font-size:14px;margin:0 34px 0 34px;padding:0 0 10px 0;}

h4{font-size:16px;margin:0 34px 0 34px;}
h5{font-size:14px;margin:0 34px 0 34px;font-weight:normal;}
h6{font-size:12px;margin:0 34px 0 34px;font-weight:bold;}

/*======== ページのトップへ戻る ========*/
.pagetop{text-align:right;margin:0;padding:0;}

/*======== メイン全体解除 ========*/
#wrapper:after {
    display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

/*======== フッター ========*/
#footer_bg{background:url(images/footer_bg.jpg) 0 0 repeat-x;}
#footer{width:840px;height:130px;margin:0 auto;}

#footerlink{margin:0 auto;text-align:center;padding-top:40px;}
#footerlink ul{margin:0 0 1.5em;}
#footerlink ul li{display:inline;padding:0 0.5em 0 0.5em;} 
address{text-align:center;font-style:normal;font-size:12px;line-height:18px;}

/*======== お問い合わせ ========*/
table.contact_table{
  width:510px;
  border-collapse:collapse;
  border:#BE8E94 solid 1px;
  font-size:12px;
  color:#222222;
  font-weight:normal;
  margin:15px auto;
}
table.contact_table .f01{
  width:180px;
  padding:10px;
  background-color:#FFF6FC;
  border:#BE8E94 solid 1px;
  text-align:right;
  color:#222;
  font-weight:normal;
}

table.contact_table .f02{
  border:#BE8E94 solid 1px;
  text-align:left;
  padding:10px 0 10px 20px;
}

table.contact_table .f03{
  border:#BE8E94 solid 1px;
  text-align:left;
  padding:0 0 0 10px;
}

table.contact_table  .formborder{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:20px;
	border: 1px solid #BE8E94;
}

table.contact_table  .formborder:hover{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:20px;
	border: 1px solid #5D1F28;
}

table.contact_table  .formborderarea{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:200px;
	border: 1px solid #BE8E94;
}

table.contact_table  .formborderarea:hover{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:200px;
	border: 1px solid #5D1F28;
}

.formbt{text-align:center;margin:5px 0 40px 0;}

table.contact_table span.red{font-size:10px;color:#f00;}
table.contact_table p.example{font-size:10px;}

/*======== よくある質問 ========*/
.tabContainer dl dt{margin:0 0 0 20px;padding:0;text-indent:30px;background:url(images/faq_icon01.jpg) left center no-repeat;line-height:32px;font-weight:bold;}

.tabContainer dl dt:link {color:#5B3E1E;text-decoration:none;}
.tabContainer dl dt:visited {color:#5B3E1E;text-decoration:none;}
.tabContainer dl dt:active {color:#5B3E1E;text-decoration:underline;}
.tabContainer dl dt:hover {color:#5B3E1E;text-decoration:underline;}

.tabContainer dl dd{margin:0 0 0 24px;padding:0;background:url(images/faq_icon02.jpg) 20px top no-repeat;}
.tabContainer dl dd p{margin:0 0 0 14px;}

/*======== クラス ========*/
table.classlist_table{
  width:510px;
  border-collapse:collapse;
  border:#6F6F52 solid 1px;
  font-size:12px;
  color:#222222;
  font-weight:normal;
  margin:5px auto 30px;
}
table.classlist_table td{padding:5px;border:#6F6F52 solid 1px;text-align:center;color:#222;}
table.classlist_table .t01{width:210px;background-color:#F8FEE7;}
table.classlist_table .t02{width:100px;background-color:#F8FEE7;}
table.classlist_table .t03{width:100px;background-color:#F8FEE7;}
table.classlist_table .t04{width:100px;background-color:#F8FEE7;}
table.classlist_table .t05{width:210px;background-color:#F8FEE7;}
table.classlist_table .t06{width:150px;background-color:#F8FEE7;}
table.classlist_table .t07{width:150px;background-color:#F8FEE7;}

table.reserve_table{
  width:510px;
  border-collapse:collapse;
  border:#6F6F52 solid 1px;
  font-size:12px;
  color:#222222;
  font-weight:normal;
  margin:15px auto;
}
table.reserve_table .f01{
  width:220px;
  padding:10px;
  background-color:#F8FEE7;
  border:#6F6F52 solid 1px;
  text-align:left;
  color:#222;
  font-weight:normal;
}

table.reserve_table .f02{
  border:#6F6F52 solid 1px;
  text-align:left;
  padding:10px 0 10px 20px;
}

table.reserve_table .f03{
  border:#6F6F52 solid 1px;
  text-align:left;
  padding:0 0 0 10px;
}

table.reserve_table  .formborder{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:20px;
	border: 1px solid #6F6F52;
}

table.reserve_table  .formborder:hover{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:20px;
	border: 1px solid #2F2F10;
}

table.reserve_table span.red{font-size:10px;color:#f00;}
table.reserve_table p.example{font-size:10px;}

/*======== メールマガジン ========*/
#sp {
   text-align:center;
   border: solid 1px #448973;
   margin:0 34px 30px 34px;
   padding-bottom:26px;
}
#sp p {
   font-size: 11px;
   color: #666666;
   line-height: 130%;
   border: 0px;
   margin: 0px;
   padding:10px 20px 18px 20px;
   text-align: left; 
}
#sp th {
   color: #FFFFFF;
   background-color: #448973;
   text-align: left;
   font-size: 12px;
}
#sp td {
   background-color: #fff;
}

/*======== 左メニューサポーター ========*/
#sp_box{width:220px;margin:0;padding:0;}
#sp_box h2, #sp_box h3, #sp_box .sp_link{margin:0;padding:0;}
#sp_box #cf_wrapper{width:220px;height:160px;margin:0;padding:0;position: relative;}
#sp_box .sp_co{margin:0;padding:0;width:220px;height:160px;background:url(spimages/sp_bg.jpg) repeat-y 0 0;}
#sp_box .sp_co img{margin:0 0 0 10px;}
#sp_box .sp_co p{padding:0 10px 1.5em 10px;font-size:12px;line-height:20px;}

/*======== サポーター ========*/
#catch_sp{width:840px;height:168px;margin:0 auto;background:url(subimages/key_sp.jpg) no-repeat 0 0;position:relative;}
#catch_sp .sp_co{position:absolute;top:20px;left:500px;width:400px;height:130px;}

#wrapper_sp{width:838px;margin:20px auto;border:#e6e6e6 solid 1px;padding:10px 0 10px 0;}
.pagetop_sp{width:838px;margin:0 auto 20px;padding:0;text-align:right;}

#wrapper_sp h2{color:#0C364E;margin:0 39px 6px 39px;padding-left:14px;font-size:14px;line-height:36px;background:url(subimages/sp_h2.jpg) no-repeat 0 0;text-align:left;}
#wrapper_sp h3{color:#444;margin:0 39px 6px 39px;padding-left:14px;font-size:14px;line-height:25px;background:url(subimages/sp_h3.jpg) no-repeat 0 0;text-align:left;}
#wrapper_sp h4{color:#444;margin:0 39px 6px 39px;padding-left:14px;font-size:14px;line-height:24px;background:url(subimages/sp_h4.jpg) no-repeat 0 0;text-align:left;font-weight:normal;}
#wrapper_sp p{margin:0;padding:0 40px 1.5em 40px;text-align:left;}
#wrapper_sp p.last{margin:0;padding:0 40px 3em 40px;text-align:left;}

#wrapper_sp table.sp_name{width:762px;border:none;margin:0 auto;padding:0;text-align:left;}
#wrapper_sp table.sp_name p{text-align:left;padding:0 30px 1.5em 0;margin:0;}

#wrapper_sp table.sp_company{width:762px;border:#ccc 1px solid;margin:0 auto 30px;padding:0;text-align:left;}
#wrapper_sp table.sp_company th{width:25%;border:#ccc 1px solid;padding:12px;text-align:right;background:url(subimages/sp_company_bg.jpg) repeat-y 0 0;}
#wrapper_sp table.sp_company td{border:#ccc 1px solid;padding:12px;text-align:left;}

table.sp_table{width:486px;margin:0 auto 30px;border:#ccc 1px solid;padding:0;text-align:center;}
table.sp_table td{border:#ccc 1px solid;padding:12px;}
table.sp_table td.t01{width:30%;border:#ccc 1px solid;padding:12px;background:url(subimages/sp_company_bg.jpg) repeat-y 0 0;}

span.red{font-size:10px;color:#f00;}

table.sp_form{
  width:510px;
  border-collapse:collapse;
  border:#ccc solid 1px;
  font-size:12px;
  color:#222222;
  font-weight:normal;
  margin:0 auto 15px;
}
table.sp_form .f01{
  width:180px;
  padding:10px;
  background:url(subimages/sp_company_bg.jpg) repeat-y 0 0;
  border:#ccc solid 1px;
  text-align:right;
  color:#222;
  font-weight:normal;
}

table.sp_form .f02{
  border:#ccc solid 1px;
  text-align:left;
  padding:10px 0 10px 20px;
}

table.sp_form .f03{
  border:#ccc solid 1px;
  text-align:left;
  padding:0 0 0 10px;
}

table.sp_form  .formborder{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:20px;
	border: 1px solid #ccc;
}

table.sp_form  .formborder:hover{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:20px;
	border: 1px solid #313171;
}

table.sp_form  .formborderarea{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:200px;
	border: 1px solid #ccc;
}

table.sp_form  .formborderarea:hover{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin:10px 5px 5px 0;
	padding:0;
	height:200px;
	border: 1px solid #313171;
}

.formbt{text-align:center;margin:5px 0 40px 0;}
table.sp_form p.example{font-size:10px;}