@charset "utf-8";
/*
Theme Name: mamaworklabo2
Theme URI: 
Description: 2015
Version: 2.0
Author: AN-ART
Author URI: http://an-art.jp
Tags: 
*/

*{margin:0;padding:0;}

body{
font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
background: #ffffff url(images/bg.png) repeat-x center 12px;
}


a{color:#248dc8;text-decoration:none;}
a:hover{color:#6bcaf2;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

a:hover *{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
hr{
clear:both;
border:0;
border-bottom:1px dotted #ccc;
padding:10px 0 0 0;
margin-bottom:10px;
}

/*************
Keyビジュアル
*************/
#main_img{
width: 100%;
height: 257px;
padding: 0 0;
background: url(images/bg_main.jpg) repeat-x top;
border-bottom: 1px solid #dfdfdf;
}
#main_img div{
width: 100%;
height: 257px;
padding: 0 0;
background: url(images/main.jpg) no-repeat top center;
}


/*************
全体
*************/
#wrapper{
width: 100%;
}
#content{
margin: 0 auto;
padding-top: 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/header.png) no-repeat 100% 20px;
height: 85px;
_height: 50px;
margin: 0 auto;
padding: 15px 0px 0px 0;
width: 910px;
}

#header h1 {
padding: 0 0;
font-size: 12px;
font-weight: normal;
}

#topcont{
float:right;
position: relative;
top:36px;
*top:-35px;
right:0px;
}

/*************
/* トップナビゲーション
*************/

#navbg{
background:url(images/navbg.png) repeat-x;
}

ul#topnav{
margin: 0 auto;
padding:0;
width: 920px;
height: 45px;
}

ul#topnav li{
list-style:none;
*float:left;
}
ul#topnav li a{
color:#fff;
float:left;
width:20%;
height:auto;
text-align:center;
line-height:40px;
margin-bottom:5px;
background:url(images/nav-ico.png) no-repeat center bottom ;
*width:180px;
*height:auto;
*text-align:center;
}

ul#topnav li a:hover{
color:#eee;
background:url(images/nav-icoh.png) no-repeat center bottom ;
}


/*************
メイン（左側）コンテンツ
*************/
#main {
float: left;
width: 618px;
padding: 0 0 25px;
display: inline;
}

.bannerM{
margin-top:20px;
}
#main .bannerM img{
padding-right: 1px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
clear:both;
display: block;
margin: 20px 0;
padding: 0 15px 0px 35px;
line-height: 36px;
height: 36px;
font-size: 14px;
font-weight: bold;
color: #666666;
background: #ffffff url(images/heading.png) no-repeat bottom;
}
.titlered{
display: block;
margin:20px 0 10px 0;
padding: 0 15px 0px 35px;
line-height: 36px;
height: 36px;
font-size: 14px;
font-weight: bold;
color: #666666;
background: #ffffff url(images/heading_r.png) no-repeat bottom;
}

#main h3 {
display: block;
font-size: 16px;
line-height:26px;
/*background: url(images/h3.png) no-repeat ;*/
margin-top: 30px;
margin-bottom:10px;
color: #709BD1;
border-bottom:2px solid #709BD1;
}

#main p {
margin: 1em 0px 1em 0px;
line-height:150%;
}

/* 画像を右に回りこみ */

.alignright{
float: right;
margin-left: 15px;
}
.alignleft{
float: left;
margin-right: 15px;
}
.aligncenter{
width:100%;
height:auto;
margin:0 auto;
text-align:center;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-size:12px;
}
.list-date{
text-align: right;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-size:12px;
color:#999;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* box共通 */

.last{margin-right:0;}


/* リスト */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}
#mainlist li{
margin: 0 10px 10px 0px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}
#main ul{
margin-top:20px;
}
#main li{
list-style: none;
margin-bottom:20px;
background: url(images/list.png) no-repeat 0 3px;
display: block;
padding-left:15px;
}

#footer li{
margin: 0 10px 10px 0px;
list-style: none;
line-height: 140%;
}
#footer li a{
/*background: url(images/list.png) no-repeat 0 50%;*/
float:left;
display: block;
padding:0 0 0 15px;
margin:0;
}

.mainLbox{
width:auto;
height:270px;
border:1px solid #eee;
padding:3px 10px 0 10px;
margin:0;
overflow: auto;
}
.mainlist1{
float:left;
width:48%;
height:auto;
}
.mainlist2{
float:right;
width:48%;
height:auto;
overflow: auto;
}

#main .mainLbox li{
background: url(images/list.png) no-repeat 0 5px;
display: block;
padding:0 0 0 15px;
margin:0 0 8px -15px;
border-bottom:1px dotted #ccc;
}


#breadcrumb{
font-size:12px;
}

/*************
サイド（→側）コンテンツ
*************/
#sidebar {
float: right;
width: 265px;
padding: 0 0 0 15px;
}

#sidebar p{margin-bottom: 15px;}

#sidebar h3 {
display: block;
height: 36px;
padding: 7px 10px 0 35px;
line-height: 160%;
font-size: 14px;
font-weight: bold;
color: #666666;
background: #ffffff url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin:5px 0 13px 0;
}

#sidebar li{
margin: 0 0px 5px 0px;
padding:6px 3px;
list-style: none;
border: 1px solid #eee;
background:#EAF0F8;
line-height: 140%;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}
.side_blogbox1{
border:1px solid #e9e9e9;
margin:0 0 10px 0;
padding:0 0 0px 0;
}
.side_blogbox1 .sidetitle{
background:#aaa;
color:#fff;
line-height:26px;
margin:2px 2px 10px 2px;
text-indent:5px;
}
.side_blogbox1 div{
margin:0 auto 8px auto;
text-align:center;
}

.side_blogbox{
background:#f6f6f6;
margin:0 0 10px 0;
padding:0 0 1px 0;
}
.side_blogbox .sidetitle{
background:#aaa;
color:#fff;
line-height:26px;
text-indent:5px;
}
#sidebar .side_blogbox p{
margin:5px 5px 5px 7px;
padding:0;
}
.blogbn{
margin:8px 0;
}

/*************
/* フッター
*************/
.ue{
clear:both;
width: 910px;
margin: 0 auto 10px auto;
text-align:right;
}

#footer{
clear:both;
padding: 10px 0 0px;
background: #ffffff url(images/bg_foot.png) repeat-x center top;
}

#footer .inner{
width: 910px;
margin: 0 auto;
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 195px;
}

address{
padding: 0px 0 3px 20px;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
color:#999999;
}

#footer .box{
float: left;
width: 670px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

#footer .box li{
float: left;
font-size:12px;
width:145px;
height:1.3em;
margin-left:-15px;
}

#footer .box_img{
padding: 0px 0px 10px 0px;
}


/*************
/*検索窓
*************/
#searchform div {
padding: 20px 0 20px 10px;
}


/*************
/*TOP PAGE
*************/
#topbox1{
background:url(images/top_enq_bg.gif) no-repeat;
width:619px;
height:155px;
margin:20px 0 25px 0;
padding:0;
font-size:10pt;
}
#topbox1 p{
width:296px;
height:105px;
margin:0;
padding:25px 0 0 25px;
}

.mamaface{
margin-right:10px;
}
.ptitle{ /*mama voice title*/
font-size:16px;
font-weight:bold;
margin-bottom:10px;
color:#666;
}
.mamaface img{ /*mama voice ohoto */
float:left;
margin-right:30px;
width:120px;
height:auto;
border:1px solid #f0f0f0;
padding:5px;
}
.border{
clear:both;
border-bottom:1px dotted #ccc;
padding:5px 0;
margin:0;
}

/*************
/*活動紹介
*************/

.graybox{
background:#f5f5f5;
margin:10px 0;
padding:20px;
font-size:13px;
}
.graybox h4{
background:url(images/ico1.gif) no-repeat;
vertical-align: baseline;
text-indent:22px;
font-weight:normal;
font-size:18px;
}

/*************
/*文字スタイル（tinymce styleプルダウン）
*************/
.style1{/*青文字大見出し*/
clear:both;
display:block;
padding-left: 13px;
margin:30px 0 ;
font-size:26px;
color:#709BD1;
border-left:8px solid #709BD1;
}
.style2{/*名前（黒・大文字）*/
font-size:28px;
color:#555;
}
.style3 img{/*写真に枠を付ける*/
border:1px solid #f0f0f0;
padding:5px;
}
.style4{/*質問（Q）*/
color:#F16174;
font-size:18px;
margin:2em 0 1em 0;
padding-top:10px;
}


.mt1{margin-top:30px;}

.wp-pagenavi{
margin:40px auto;
text-align:center;
}

/*************
/*table
*************/
table,td,th{
border:1px solid #ccc;
border-collapse:collapse;
}

th{
color:#fff;
padding:8px;
background:#709BD1;
text-align:left;
}
td{
padding:8px;
}


/*************
/*form
*************/
table .form{
border:1px solid #ccc;
border-collapse:collapse;
}
th{
width:130px;
height:auto;
color:#333;
padding:8px;
background:#f6f6f6;
text-align:left;
border-bottom:1px solid #ccc;
}
td{
width:440px;
height:auto;
padding:12px;
margin:0;
border-bottom:1px solid #ccc;
}
.reds {
	color: #FF0000;
	font-size: 10px;
}
.form textarea{
width:420px;
padding:3px;
border:1px solid #ccc;
}
span.wpcf7-list-item { display: block; }



/*------------------------------
inquiry form 
------------------------------*/

input{
line-height: 20px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
height: 30x;
}


/*------------------------------
other
------------------------------*/
.table0 table{
border:none;
}
.table0 td,
.table0 th{
width:auto;
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
border-right:0;
border-left:0;
vertical-align:top;
padding:13px 8px;
}

.btn1 a{
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	padding:3px 10px;
}
.btn2 a{
	background: -moz-linear-gradient(top,#FFF 0%,#F2C6CE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2C6CE));
	border: 1px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	padding:2px 15px;
	margin-top:5px;
}

.box1{
	border:2px solid pink;
	padding:10px 20px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mr30{
	margin-right:30px;
}
.ml20{
	margin-left:20px;
}
.outline-t{
	font-size:18px;
	font-weight:bold;
}
img.photo{
	border:1px solid #ccc;
	padding:3px;
	margin-right:20px;
}
.wp-caption-text{
	font-size:90%;
	text-align:center;
	margin:0;
}

/*２分割BOX*/
.f-boxL{ 
	float:left;
	width:48%;
	height:auto;
}
.f-boxR{
	float:right;
	width:48%;
	height:auto;
}
ul.pagebtn{
	margin:30px 0;
}
ul.pagebtn li{
	margin-left:-30px;
}
.pagebtn li a{
	display:block;
	float:left;
	width:44%;
	height:auto;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	margin:0 1% 8px 0px;
	padding:10px;
}
div.pagebtn{
	margin:30px 0;
}
div.pagebtn a{
	display:block;
	float:left;
	width:44%;
	height:1.5em;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	margin:0 1% 8px 0px;
	padding:10px;
}
blockquote{
	padding:10px 30px;
	background:#eee;
}