@charset "utf-8";

#page-title{
	padding-bottom:40px;
}

#detail-new{
	width:980px;
	margin:0 auto;
}

.detail-line{
	float:left;
	width:470px;
	margin-bottom:60px;
}


.detail-box{
	width:470px;
	margin-bottom:25px;
	padding-bottom:8px;
	background:url(../images/db_bg_t.jpg) no-repeat right top, url(../images/db_bg_b.jpg) no-repeat right bottom, url(../images/db_bg_m.jpg) repeat-y right 30px;
}

.detail-box-inn{
	padding:10px 35px 20px 15px;
}

.db-main{
	margin-bottom:20px;
}

.db-tits{
	height:50px;
	margin-bottom:15px;
}

.db-icon{
	float:left;
	width:50px;
	margin-right:10px;
}

.db-tit{
	float:left;
	padding-top:15px;
	color:#79B4FF;
	font-size:20px;
	font-weight:bold;
	line-height:1.2;
}

.db-lead{
	font-size:19px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:15px;
}

.db-txt{
	font-size:15px;
	line-height:1.7;
}

.db-img{
	margin-top:20px;
}

.link{
	margin-top:20px;
	color:#377FE5;
	text-align:center;
}

.link a{
	color:#377FE5;
}

.link:before{
	content:url(../../../../share/images/arrow_black.png);
	margin-right:5px;
	position:relative;
	bottom:1px;
}

.toread, .close{
	margin-left:auto;
	margin-right:15px;
	width:120px;
	height:27px;
	line-height:27px;
	background-color:#DBF1F4;
}

.close{
	width:80px;
}

.toread p, .close p{
	text-align:center;
	font-size:13px;
}


.attn01{
	background:url(../images/attn-img01.png) no-repeat 370px top;
}

.attn02{
	background:url(../images/attn-img02.png) no-repeat 370px top;
}

.attn03{
	background:url(../images/attn-img03.png) no-repeat 370px top;
}

/*  --テキスト折り畳み用　[続きを見る] 　
clearboth　は、jquery.jtruncsubstr-1.0rc.js　内記述
*/
div .clearboth {
	text-align:right;
	margin-top:10px;

}

div .clearboth a {
	font-size: 13px;
	text-align:center;
	background-color:#E1EFFF;
	padding: 3px 25px;
	margin-right:15px;
}




@media screen and (max-width: 640px) {
	
img{
  max-width: 100%!important;
  height: auto;
  margin:0;
}
	

#detail-new{
	width:92%;
}

.detail-line{
	float:none;
	width:100%;
}

.detail-box{
	width:100%;
	background:url(../images/db_bg_t.jpg) no-repeat right top, url(../images/db_bg_b.jpg) no-repeat right bottom, url(../images/db_bg_m.jpg) repeat-y right 30p;
}

.detail-box-inn{
	padding:10px 20px 20px 5px;
}


.attn01{
	background:url(../images/attn-img01.png) no-repeat right top;
}

.attn02{
	background:url(../images/attn-img02.png) no-repeat right top;
}

.attn03{
	background:url(../images/attn-img03.png) no-repeat right top;
}



}

@media screen and (max-width: 360px) {

.detail-line{
	margin-bottom:15px;
}
.detail-box{
	margin-bottom:15px;
}
.db-tits{
	margin-top:10px;
}
	
.db-icon{
	width:50px;
	margin-right:5px;
}

.db-tit{
	font-size:19px;
}


}