@charset "utf-8";

/* お知らせ　トップページ -----------------------------------------------------------------*/
#newstopics{
width:669px;
}
#newstopics .newstopics_text dd img{
margin-left: 10px;
vertical-align: -5px;
}
#newstopics .bg_top img{
z-index:1;
}
#newstopics .bg_top{
background:url(../img/newstopics_bg.jpg) no-repeat left top;
}
#newstopics .bg_text{
background-image:url(../img/newstopics_bg_2.jpg);
background-repeat:inherino-repeat;
width: 669px;
min-height: 190px;
}
/* IE7 */
*+html #newstopics .bg_text{
min-height:10px;
}

#newstopics .bg_bottom{
background:url(../img/newstopics_bg_bottom.jpg) no-repeat left bottom;
padding:0 0 21px;
min-height: 252px;
}
#newstopics h3{
display:block;
padding: 25px 15px 0 30px;
}
h3 .list{
float: right;
margin: 10px 20px 0 0;
position: relative;
vertical-align: 7px;
}
/* IE7 */
*+html h3 .list{
display: inline-block;
float:right;
font-weight: normal;
margin-top:-15px;
}
h3 .list a{
text-decoration:none !important;
background-image:url(../img/newstopics_all.gif);
background-repeat:no-repeat;
height: 20px;
width:29px;
display: inline-block;
padding: 1px 0 0 17px;
font-size:0.7em;
}
/* IE7 */
*+html h3 .list a{
font-size:0.6em;
margin:-2.2em 1em 0 0;
}
#newstopics .newstopics_text a{
color:#009245;
text-decoration:underline;
}
/*
#newstopics .newstopics_text{
padding:0 30px;
margin-top: -180px;
clear: both;
}
*/
#newstopics .newstopics_text{
padding:0 30px;
clear: both;
}


#newstopics .newstopics_text a:hover{
text-decoration:none;
}
#newstopics dt,
#newstopics dd{
padding: 4px 0;
}
#newstopics dt{
float: left;
color:#009245;
position: absolute;
}
#newstopics dd{
border-bottom: 1px solid #808080;
padding-left: 180px;
position: relative;
}
/* IE7 */
*+html #newstopics dd{
position:static;
}

#newstopics .bottom{
border-bottom:none;
}

/* お知らせ　一覧 -----------------------------------------------------------------*/
#news_details dd img{
vertical-align: -5px;
margin: 0 0 0 10px;
}
#news_details h3 .title{
width:530px;
line-height: 27px;
}
#news_details h3 img{
vertical-align: top;
}

#news_details dt,
#news_details dd{
padding:8px 0;
}
/* IE7 8 */
#news_details dt, #news_details dd{ font-size/*\**/:1.1em\9; }

#news_details dt{
color: #009245;
float: left;
}
#news_details dd{
border-bottom: 1px solid #808080;
padding-left: 180px;
}

#news_details p.date {
color:#808080;
margin-bottom: 20px;
padding: 0;
text-align: right !important;
clear: both;
}
.link_block{
margin-top: 40px;
}
.link_block p{
margin: 10px 0 5px;
}
.link_block img{
vertical-align: -7px;
margin: 0 5px 0 0;
}
#news_details .link_block .link02 a {
color: #fbb03b;
text-decoration: underline;
}
#news_details .link_block .link02 a:hover {
text-decoration:none;
}

/* お知らせ詳細　カテゴリー */
.info{
background-color:#FF6E38;
font-size: 0.8em;
margin: 0 10px 0 0;
padding:0 6px;
color:#fff;
width: 65px;
text-align: center;
display: inline-block;
}
.infant{
background-color:#69C2DB;
font-size: 0.8em;
margin: 0 10px 0 0;
padding:0 6px;
color:#fff;
width: 65px;
text-align: center;
display: inline-block;
}
.baby{
background-color:#FF8CC2;
font-size: 0.8em;
margin: 0 10px 0 0;
padding:0 6px;
color:#fff;
width: 65px;
text-align: center;
display: inline-block;
}
.support{
background-color:#50D187;
font-size: 0.8em;
margin: 0 10px 0 0;
padding:0 6px;
color:#fff;
width: 65px;
text-align: center;
display: inline-block;
}
.event{
background-color:#FFAB21;
font-size: 0.8em;
margin: 0 10px 0 0;
padding:0 6px;
color:#fff;
width: 65px;
text-align: center;
display: inline-block;
}

/* お知らせ詳細　カテゴリー */
#news_details .info,
#news_details .infant,
#news_details .baby,
#news_details .support,
#news_details .event{
margin: -4px 0 0;
float: right;
font-size: 1em;
width: 80px;
display: inline-block;
}
/* IE7 */
*+html #news_details .info,
*+html #news_details .infant,
*+html #news_details .baby,
*+html #news_details .support,
*+html #news_details .event{
font-size:0.7em;
margin-top:-30px;
}

/* お知らせ　詳細　画像右 -----------------------------------------------------------------*/

/* 画像　上 */
#news_details .style02 .detail_img{
}
#news_details .style02 .detail_img{
margin-bottom:20px;
}
/* 画像　左 */
#news_details .style03 .detail_img{
float:left;
}
#news_details .style03 .detail_img{
margin: 0 20px 10px 0;
}
/* 画像　右 */
#news_details .style04 .detail_img{
float:right;
}
#news_details .style04 .detail_img{
margin: 0 0 10px 20px;
}
/* 画像　下 */
#news_details .style05 .detail_img{
}
#news_details .style05 .detail_img{
margin-top:20px;
}

#news_details .detail_img p{
font-size:0.9em;
color:#999;
}


@media screen and (max-width: 767px)  {
	#news #news_details .detail_img{
	float:none;
	margin: 30px 0;
	}

}