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

body {background:#FFFFFF!important;}


h1#product_t{
	background: url(../images/product_t.jpg) no-repeat right #F7F8F9;
	height: 85px;
	border-top: 1px solid #16A99E;
	border-bottom: 1px solid #16A99E;
	color: #16A99E;
	font-size: 26px;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 40px;
}

#i_list{
	padding: 20px;
}
#i_list ul{
	margin-bottom: 1em;
}
#i_list ul li{
	float: left;
	min-width: 80px;
}
#i_list ul:first-child{
	float: left;
}
p.lead{
	clear: both;
	color: #DA594B;
}

.inbox{
	padding-left: 20px;
	padding-right: 20px;
}
.inbox h2{
	color: #16A99E;
	font-size: 26px;
	font-weight: normal;
	border-bottom: 1px solid #16A99E;
	margin-bottom: 0.6em;
}



.product_name{
	background: #16A99E;
	color: #ffffff;
	font-size: 24px;
	padding: 20px 0 20px 20px;
	margin-bottom: 1em;
}
.product_name p{
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0;
}
.product_name p span{
	/*font-size: 80%;*/
	/*padding-left: 10px;*/
}


#spec{}

.spec_txt{
	width: 440px;
	float: left;
}
.spec_txt .gaiyo{}
.spec_txt .gaiyo strong{
	border: 1px solid #666666;
	padding: 6px;
	font-weight: normal;
}

.spec_txt dl{
	padding: 10px 0;
}
.spec_txt dl dt{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 6px;
}
.spec_txt dl dd{
	margin-bottom: 12px;
}

.spec_txt a.pdf{
	display: block;
	background: #DA594B;
	color: #ffffff;
	width: 220px;
	font-size: 20px;
	line-height: 1;
	padding: 8px 0;
	text-align: center;
}


.spec_img{
	width: 440px;
	float: right;
}




/*飼主様向け動画*/
#movie{}
#movie .thumbnail{
	width: 400px;
	float: left;
}
#movie a{
	text-decoration: underline!important;
	color: #008050;
	font-size: 16px;
}




/*飼主様向け情報サイト*/
#site{}
#site .thumbnail{
	width: 400px;
	float: left;
}




/*資料・パンフレット*/
#pamphlet{}
#pamphlet ul{
	display: table;
}
#pamphlet ul li{
	display: table-cell;
	width: 300px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#pamphlet ul li a{
	color: #666666;
}
#pamphlet ul li a span{
	padding: 0 20px;
	color: #ffffff;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
}
#pamphlet ul li a span.dr{background: #4169e1;}
#pamphlet ul li a span.ow{background: #dc143c;}

#pamphlet ul li a strong{
	font-weight: normal;
	font-size: 16px;
	color: #16A99E;
	text-decoration: underline;
}
#pamphlet ul li img{
	float: left;
	padding-right: 10px;
}



/*製剤詳細*/
#details{
}
#details p.cc{
	color: #D90000;
}
#details p a{
	color: #16A99E;
	text-decoration: underline;
}


/*更新情報*/
#whatsnew{}





@media screen and (max-width:745px) {
	
	/*飼主様向け動画*/
	#movie{}
	#movie .thumbnail{
		width: 100%!important;
		float: none!important;
	}





	/*飼主様向け情報サイト*/
	#site{}
	#site .thumbnail{
		width: 100%!important;
		float: none!important;
	}

	
	
	/*資料・パンフレット*/
	#pamphlet ul{
		display: block!important;
	}

	#pamphlet ul li{
		display: block!important;
		width: 30%!important;
		padding-right: 20px!important;
		float: left!important;
	}
	#pamphlet ul li:nth-child(3){
		padding-right: 0px!important;
	}
	#pamphlet ul li:nth-child(4){
		clear: both!important;
	}

	#pamphlet ul li img{
		width: 100%!important;
		float: none!important;
		padding-right: 0!important;
	}







}