/* CSS Document */
img {
	vertical-align: text-bottom;	
}
#contents_area_birth {
	max-width:980px;
	margin:auto auto 0px auto;
	padding:10px 0 0px 0 ;
	border-radius: 6px;        /* CSS3 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
}
#contents_area_birth img {
}
#birth_head {
	max-width:771px;
	margin:auto;
	display:block;
}

#birth_head p {
	font-size:12px;
	text-align:center;
	line-height:25px;
}

.brith_banner {
	max-width:771px;
	margin:auto;
	padding-bottom: 5px;
}

.brith_banner_left {
	max-width:460px;
	height: auto;
	float: left;
}
.brith_banner_left img{
	box-shadow: 2px 2px 2px #888;
}
.brith_banner_left a:hover{
	opacity: 0.7;
}
.brith_banner_right {
	float: right;
	max-width:170px;
	margin: 0 13px;
}
.brith_banner_right img{
	box-shadow: 2px 2px 2px #888;
}
.brith_banner_right a:hover{
	opacity: 0.7;
}
.brith_banner_right2 {
	float: left;
	max-width:115px;
}
.brith_banner_right2 img{
	box-shadow: 2px 2px 2px #888;
}
.brith_banner_right2 a:hover{
	opacity: 0.7;
}



/*　ロゴマーク使用に関してスタイル　*/

#logo_title {
	font-size:20px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	background-color:#333;
	padding:5px 0 5px 10px;
}

#logo_policy {
	width:100%;
	height:auto;
	padding-top: 20px;
}

#logo_policy.left {
	width:40%;
	float:left;
}

#logo_policy.right {
	width:60%;
	height:auto;
	z-index:3;
	float:right;
	font-size:12px;
	padding-top:10px;
}

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

#logo_policy_low {
	text-align:center;
	padding:30px 0 30px 0;
}

/* 木のたまご */
.novelty {
	max-width: 771px;
	margin: 0 auto 10px auto;	
	font-size: 12px;
	color: #6f6f71;
	border: 2px solid #c79d73;
	padding: 10px;
}
.novelty1 {
	width: 23%;	
	float: left;
}
.novelty2 {
	width: 38%;	
	float: left;
	margin: 0 4%;
}
.novelty2 h2 {
	margin: 0;	
}
div.novelty2 p,div.novelty3 p {
	margin: 0;	
}
.novelty3 p:nth-of-type(1) {
	margin-bottom: 24px;	
}
.novelty3 {
	width: 31%;
	float:left;	
}
/*20140908追加*/

.birth_lead {
	margin: 0 0 60px 0;	
	border-bottom: 1px solid #3e1907;
	padding-bottom: 20px;
}
#birth_head {
	margin: 0 auto 60px auto;	
}
#logo_policy.left {
	max-width: 337px;
	width: 50%;
}
.brith_banner_right {
	max-width: 282px;
	margin:0;
}







@media only screen and (max-width: 780px) and (min-width: 481px) {
.novelty1 {
	display: none;	
}
.novelty2 {
	width: 55%;	
	margin: 0 10% 0 0;
}
.novelty3 {
	width: 35%;	
}
}



/* 木のたまご　ここまで */










@media screen and (min-width: 481px) and (max-width: 1024px) {
	#logo_policy.left {
	width:30%;
	float:left;
}

#logo_policy.right {
	width:50%;
	height:auto;
	z-index:3;
	float:right;
	font-size:12px;
	padding-top:10px;
}
.brith_banner {
	width: 100%;
}
.brith_banner_left {
	width: 58%;
}
.brith_banner_right {
	width: 35.5%;
}


}



@media screen and (max-width: 480px) {
	
.brith_banner_left {
	float:left;
	max-width:70%;
}


#logo_policy.left {
	width:100%;
	float:left;
	padding:0px 0 0 5px;
}

#logo_policy.right {
	width:100%;
	height:auto;
	z-index:3;
	float:right;
	font-size:12px;
	padding:10px 0 0 5px;
}
.brith_banner {
	width: 100%;	
}
.brith_banner_left {
	max-width: 90%;
	float:none;
	margin: 0 auto 10px auto;
}
.brith_banner_right {
	width: 55.5%;
	margin: 0 0 0 5%;
	float: none;
}

.novelty {
	width: 90%;
}
.novelty1 {
	display: none;
}
.novelty2 {
	width: 100%;	
	float: none;
	margin: 0 0 0 0;
}
.novelty2 h2 {
	margin: 0;	
}
div.novelty2 p {
	margin: 0;	
}
.novelty3 {
	width: 100%;
	float:none;	
}

/*20140908追加*/
#logo_policy.left {
	float: none;
	padding: 0;	
}
#logo_policy.right {
	float: none;
	padding: 0;
	width: 95%;
	margin: 0 auto;
}
.birth_lead {
	width: 90%;
	margin: 20px auto 20px auto;	
}
#birth_head {
	margin: 0 auto 60px auto;
}

	
}