*{
margin:0;
padding:0;
}

/*======================================
	共通_style
=======================================*/
body{
background-image: url("../img/bg.jpg");
background-color:#FFF;
font-family:"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",IPAPGothic,sans-serif; 
font-size:12px;
line-height:2;
}

img{border:0;}

h1{
margin:17px 0 0 40px;
}

h2{
clear:both;
font-size:16px;
font-weight:bold;
text-align:right;
margin:0 1em 0 0;}

h3{
clear:both;
font-size:16px;
color:#FFFF00;
font-weight:bold;
text-align:left;
margin:0 0 0.5em 0;
}

h4{
clear:both;
}

p{
margin:0 0 1em 0;
line-height:2.5em;
}

p a,
p a:link,
p a:visited {
	color:#FFFF00;
	padding-bottom: 2px;
	border-bottom: 1px dotted #DEEC0D;
	text-decoration: none;
	outline: none;
}

p a:active,
p a:hover {
	color:#FFFF00;
	border-bottom: 1px dotted #DEEC0D;
	text-decoration: none;
}

.gotop a,
.gotop a:link,
.gotop a:visited {
	color:#ffffff;
	border-bottom: 1px dotted #ffffff;
	padding-bottom: 2px;
	text-decoration: none;
	outline: none;
}

.gotop a:active,
.gotop a:hover {
	color:#ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}


/*======================================
	共通_layout
=======================================*/
body{
text-align:center;
background-position: 50% 50%;
}

#container{
margin:auto;
width:960px;
text-align:left;
background-color:#7CB236;
}

#header_top{
clear:both;
float:left;
height:408px;
}

#header{
clear:both;
float:left;
width:100%;
height:210px;
background-image: url("../img/header_bg.jpg");}


#menu{
clear:both;
float:left;
width:305px;
padding:1em 15px 0 70px;
}

#main{
float:left;
width:520px;
color:#fff;
margin:15px 0 0 0;
}

#contents{
clear:both;
float:left;
width:660px;
margin:35px 0 0 60px;
}

.gotop{
clear:both;
height:50px;
text-align:right;
}

#footer{
clear:both;
height:212px;
background-image: url("../img/footer_bg.jpg");}



/*======================================
	よくあるご質問
=======================================*/
table #faq{
width:100%;
border-collapse: collapse;
border-top:1px dotted #C0DDC0;
margin:0 0 1em 0;}

#faq th{
font-weight:bold;
color:#FFFF00;
padding:1em 0 0 0em;
border-bottom:0px dotted #C0DDC0; }

#faq td{
padding:0em 0 1em 0em;
font-weight:normal;
border-bottom:1px dotted #C0DDC0;}


/*======================================
	父母の声
=======================================*/
#voice{
border-top:1px dotted #C0DDC0;
margin:1em 0;}

.voice{
padding:1em 0 1em 0;
border-bottom:1px dotted #C0DDC0;
list-style-type:none;
}

/*======================================
	募集要項
=======================================*/
#tjoin{
width:100%;
border-collapse: collapse;
border-top:1px dotted #C0DDC0;
margin:0 0 1em 0;}

#tjoin th,
#tjoin td{
border-bottom:1px dotted #C0DDC0;
padding:1em !important;}

#tjoin th{
vertical-align:top;
background-color:#608729;
width:12em;
padding:0 1em;}

#tjoin td a,
#tjoin td a:link,
#tjoin td a:visited {
	color:#FFFF00;
	padding-bottom: 2px;
	border-bottom: 1px dotted #DEEC0D;
	text-decoration: none;
	outline: none;
}

#tjoin td a:active,
#tjoin td a:hover {
	color:#FFFF00;
	border-bottom: 1px dotted #DEEC0D;
	text-decoration: none;
}

.tdate{
width:100%;
border-collapse: collapse;
margin:0 0 1em 0;
}

.tdate th.main{
width:10em;
}

.tdate th.event{
width:4em;
}


.tdate th,
.tdate td{
border:1px dashed #578a3d;
padding:0 1em;
background-color:#a7d28d;
color:#417038;
}

p.join{
line-height:1.8em;}
/*======================================
	すなやま園の１年
=======================================*/
#event{
clear:both;
width:520px;
}

#event_left{
clear:both;
float:left;
width:220px;
}

#event_left img{
margin:0 0 1em 0;}

#event_right{
float:left;
width:300px;
}
#event_right th{
width:4em;
vertical-align:top;
}

/*======================================
	すなやま園とは
=======================================*/
#concept{
font-size:14px;
font-weight:bold;
padding:20px;
background-color:#fff;
margin:0 0 1em 0;
color:#7CB334;
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
}

.img_left{
width:250px;
float:left;
padding:0 1em 0 0;
}

/*======================================
	すなやま園について
=======================================*/
#access{
border:1px dotted #fff;
width:200px;
margin:15px 0 15px 10px;
padding:20px;
color:#fff;}

.name{
font-size:14px;
font-weight:bold;
}

/*======================================
	こんな保育をしています
=======================================*/
#message{
font-size:14px;
margin:0 1em 0 1em;}

/*======================================
	トップページ
=======================================*/
#feed{
margin:0 0 0 20px;}

#feed li{
width:500px;
clear:both;
float:left;
list-style-type:disc;
padding:5px ;
}

#feed a,
#feed a:link,
#feed a:visited {
	color:#fff;
	padding-bottom: 1px;
	border-bottom: 1px dotted #DEEC0D;
	text-decoration: none;
	outline: none;
}
#feed a:active,
#feed a:hover {
	color:#fff;
	text-decoration: none;
	border-bottom: 1px solid #DEEC0D;
}

#feed2{
margin:0 0 0 20px;}

#feed2 li{
width:500px;
clear:both;
float:left;
list-style-type:disc;
padding:5px ;
}

#feed2 a,
#feed2 a:link,
#feed2 a:visited {
	color:#fff;
	padding-bottom: 1px;
	border-bottom: 1px dotted #DEEC0D;
	text-decoration: none;
	outline: none;
}
#feed2 a:active,
#feed2 a:hover {
	color:#fff;
	text-decoration: none;
	border-bottom: 1px solid #DEEC0D;
}

.tw_box{
    overflow:auto;
    width:500px;
    height:220px;
    padding:5px;
    border:1px solid #b7e58d;
    background-color:#F9F9F9;
    color:#000;
    font-size:12px;
}
.blog_box{
    overflow:auto;
    width:500px;
    height:180px;
    padding:5px;
    border:1px solid #b7e58d;
    background-color:#F9F9F9;
    color:#000;
    font-size:12px;
}
.tw_title{
    border:1px solid #b7e58d;
    padding:5px;
    width:500px;
    font-weight:bold;
    font-size:14px;
    background-color:#9fd25d;
    color:#fff;
}