@charset "UTF-8";
/* CSS Document */



#page_titel h2{ padding-bottom:20px; font-size:26px;}

#page_titel p{ width:100%; margin:0 auto; text-align:center; }

.bg{ padding:40px 0 50px 0; }
.bg_01{ color:#FFF; padding:14% 0 12% 0; background:url(../images/top_1000.jpg)  no-repeat; }
.bg_02{ color:#FFF; padding:12% 0 8% 0; background:url(../images/top/ph_bg_03.jpg)  no-repeat top; }

.contents p img{ width:48px; }


#news{ margin:0px 20px; }
#news p{ font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:2em; text-align:center; border-bottom:1px dashed #666; padding-bottom:5px; margin-bottom:5px; }
#news p span{ color:#CC8089; }



/**feed**/

.feed{ clear:both; padding-bottom:40px; overflow:hidden; }
.feed_box{ overflow:hidden;  display:inline-block; font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom:4px; }
.feed div:last-child{  }
.feed div .date{ clear:both;  }
.feed div p.text{ font-size:11px;  }
.blog_data h3{ font-size:15px; line-height:1em; padding:5px 0 2px 0; }
.blog_img{ overflow:hidden; height:100px; position:relative; overflow:hidden; width:30%; float:left; }
.blog_img img{ max-width:150%; height: auto; width /***/:auto; position:relative; left:-25px;  }
.blog_data{ width:70%; float:left; font-size:12px; line-height:2em; padding-left:10px; padding-top:2px; }
.feed div span{ font-size:10px;  }
.blog_click{ position:relative; width:100%;  }
.blog_click_click{ position:absolute; right:20px; font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "MS PGothic", sans-serif; font-size:10px; text-decoration:underline; bottom:5px; }



@media screen and (max-width:899px) {
	
	.ti_copy{ border-bottom:1px solid #dccec5; border-top:1px solid #dccec5; margin:0 auto; margin-bottom:20px; width:90%; padding-bottom:10px;  text-align:center; padding-top:14px; font-size:12px;  }
	
.fix{ -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover; }
	
	#page_titel h2{ text-align:center; }
	.bg_01{ background-position:center; }
	
.bg_page_base{ clear:both; padding-top:30px; padding-bottom:10px; overflow:hidden; }
	
.tab{ overflow:hidden; display:block;  }
.tab li{ float:left; width:50%; border-top:1px solid #e1d8c8; border-right:1px solid #e8e0da; border-left:1px solid #e8e0da; padding:20px 0; font-family:'メイリオ',alte,sans-serif; letter-spacing:0.1em; text-align:center; font-size:14px; background-color:#fffdfc; }
.tab li span{ font-size:10px; font-family:'メイリオ',sans-serif; }

.area { display: none;   }
.tab li.active {  background: #F4EEEA; }
.bg_gray{ background-color:#F4EEEA; }
.bg_gray02{ }

.bg_page_base #page_titel{ display:none;}
#contents{ padding:0px 15px 25px 15px; overflow:hidden; text-align:center; }
#contents p{ text-align:center; padding-bottom:10px; }

.area h3{ display:none; }

	
	}


@media screen and (min-width: 900px) {
	
	.ti_copy{ border-bottom:1px solid #dccec5; border-top:1px solid #dccec5; margin:0 auto; margin-bottom:20px; padding-bottom:10px; width:90%; text-align:center; padding-top:14px; font-size:14px;  }
	
	.fix{
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}
	
	#page_titel h2{ text-align:center; }
	.bg_01{ background-position:top; }
	
	.bg_page_base{ clear:both; overflow:hidden; }
	
	.tab{ display:none; }
	.tab li{ }
	.area {}
	.tab li.active { }
	.bg_gray{ }
	.bg_gray02{ background-color:#F4EEEA; padding:0 60px; }

#contents{ padding:0px 10px 2px 10px; overflow:hidden;  text-align:center; }
#contents p{ text-align:center; padding-bottom:10px;  }

.area h3{}

	
}

@media screen and (min-width: 1200px) {
	

}
	

.topbox01    {
	border-right-style: solid;
	border-right-color: #ccc;
	border-right-width: 1px;
}
.topbox02 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}