@charset "shift_jis";

/*

information{
	FILE NAME : ../css/header.css;
	OUTLINE : BORRAGINOL.COM｜カテゴリー別　cm コンテンツ専用css;
	SITE NAME : BORRAGINOL.COM｜Copyright (c) AMATO PHARMACEUTICAL PRODUCTS,LTD.;
	URL : http://www.borraginol.com/cm;
	COPYRIGHT : Copyright (c) AMATO PHARMACEUTICAL PRODUCTS,LTD. All right reserved.;
}

 */



/********************** CM 基本 CSS **********************/

/*角R グレー1px枠 750px margin*/

.cm_kador01 {
	width: 750px;
	margin-bottom: 10px;
	background-image: url(../img/kadomaru_01_center.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.cm_kador01_top {
	width: 750px;
	height:8px;
	margin: 0px;
	background-image: url(../img/kadomaru_01_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	
}

.cm_kador01_bottom {
	width: 750px;
	height:8px;
	margin: 0px;
	background-image: url(../img/kadomaru_01_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	clear: both;
}

.cm_kador01_title {
	width: 480px;
	font-size:12px;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
}

.cm_kador01_title p {
	margin-top: 3px;
	font-size:12px;
	line-height:18px;
}

.cm_kador01_btn {
	float: right;
	padding-top: 7px;
	margin-right: 15px;
}

/* ボタンロールオーバー */
.rollover001 {
	width: 185px;
	height: 34px;
	margin:0;
	background:url(../img/cm_btn_01ov.gif) no-repeat;
	background-position: left top;
}
.rollover001 a {
	display:block;
	width: 185px;
	height: 34px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover001 a:hover {
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#movie {
	float: left;
	width: 230px;
	height:auto;
	padding-left: 20px;
	padding-right: 0px;
}
#conte {
	float: right;
	width: 460px;
	background-color: #eaf5fe;
}
.conte_top01 {
	width: 440px;
	margin:0;
	padding:0;
}

.conte_top02 {
	width: 450px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.conte_middle {
	width: 450px;
	background-image: url(../img/dotline.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.conte_bottom01 {
	width: 450px;
	background-image: url(../img/dotline.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 10px;
	padding-left: 10px;
}
.conte_bottom02 {
	width: 450px;
	margin:0;
	padding:0;
}


div.centering p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

/*for IE6 */
* html .centering p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centering p {
	display: inline;
	zoom: 1;
}


/********************** CM index**********************/


.cm_kador02_title {
width:425px;
float:left;
display:inline;
	font-size:12px;
	padding-top: 5px;
	padding-left: 15px;
}

.cm_kador02_title p {
	margin-top: 3px;
	font-size:12px;
	line-height:18px;
}

.cm_kador02_btn {
width:303px;
float:right;
display:inline;
	padding-top: 7px;
	margin-right:5px;
}


/* ボタンロールオーバー */
.rollover002 {
	width: 303px;
	height: 40px;
	margin:0;
	background:url(../img/cm_sound_btnov.gif) no-repeat;
	background-position: left top;
}
.rollover002 a {
	display:block;
	width: 303px;
	height: 40px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover002 a:hover {
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
.rollover003 {
	width: 132px;
	height: 33px;
	margin:0;
	background:url(../img/cmtop_btn_01ov.gif) no-repeat;
	background-position: left top;

}
.rollover003 a {
	display:block;
	width: 132px;
	height: 33px;
	font-size:1px;
	line-height:1px;
	outline:none;
	
}
.rollover003 a:hover {
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* box */

.year_box{
	width:750px;
	background-image: url(../img/year_tit_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.year_tit{
width:80px;
float:left;
}
.cm_box01{
text-align:center;
width:160px;
float:left;
display:inline;
margin-right:10px;
}
.cm_box02{
text-align:center;
width:160px;
float:left;
display:inline;
}

.cm_img01{
margin-bottom:10px;
}
.cm_top_btn{
width:146px;
padding-left:14px;
}



/* clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* flashprayer バー部分 */
.temp {
	background-image: url(../../products/img/temp_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	height: 40px;
	width: 750px;
	margin-bottom: 30px;
}


.temp_txt {
	width: 640px;
	font-size:11px;
	padding: 3px;
	padding-top:10px;
	text-align:right;
	float:left;
	display:inline;
}
.temp_acrobat {
	padding:4px;
	width:88px;
	text-align:right;
	float:right;
	display:inline;
}