@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;
}

/* 2010.11.10追加 */
.cm_txt{
	margin:5px 0 20px 10px;
}
.cm_area_L{
	width:302px;
	float:left;
	text-align:center;
	margin:0 0 20px 50px;
	display:inline;
}
.cm_area_R{
	width:302px;
	float:right;
	text-align:center;
	margin:0 50px 20px 0;
	display:inline;
}
.cm_tit{
	background-color:#eaf5fe;
	width:302px;
	padding:3px auto;
	margin:0 0 5px 0;
	font-weight:bold;
}
.cm_btn{
	background-color:#e4e4e4;
	width:302px;
	padding:4px 0;
	margin:5px 0 0 0;
	text-align:left!important;

}
.btn_sound_area{
	width:748px;
	text-align:center;
	margin:20px 0 15px 0;
}

/* ボタンロールオーバー */

.rollover004 {
	width: 132px;
	height: 33px;
	margin:0 0 0 90px;
	background:url(../img/cmtop_btn_01ov.gif) no-repeat;
	background-position: left top;

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



.cm_maiking{
	background:url(../img/cmmaking_bg.jpg) no-repeat;
	width:750px;
	height:172px;
}
.cmmaking_txt{
	margin:20px 0 0 10px;
}
.cmmaking_btn{
	margin:10px 0 0 10px;
}


/* サト・ノリユキ */
.ph_maintit{margin:0 0 30px 0;}
.ph_box{
	margin:0 0 20px 0;
}
.ph_box_L{
	margin:0 0 5px 0;
}

.h3tit{
	margin:0 0 10px 10px;}
.ph_box_l h3{
	margin:0 0 10px 0;}

.ph_L_1{
	width:450px;
	float:left;
	margin-left:10px;
	display:inline;
}
.ph_R_1{
	width:277px;
	float:right;
	margin-right:10px;
	display:inline;
}
.ph_L_2{
	width:222px;
	float:left;
	margin-left:10px;
	display:inline;
}
.ph_R_2{
	width:500px;
	float:right;
	margin-right:10px;
	display:inline;
}
.ph_L_3{
	width:500px;
	float:left;
	margin-left:10px;
	display:inline;
}
.ph_R_3{
	width:222px;
	float:right;
	margin-right:10px;
	display:inline;
}

.mb5{
	margin-bottom:5px;}
.profile_box{
	background-color:#f0f0ef;
}
.profile_box h4{
	margin:0 0 10px 10px;
	padding-top:10px;
}

.profile_box div{
	width:131px;
	float:left;
	margin:0 10px 15px 10px;
	display:inline;
}

.profile_box table{
	font-size:12px;
	width:565px;
	float:left;
}
/*角R グレー1px枠 750px margin*/

.cm_kador01_1 {
	margin-bottom: 30px;
	background-image: url(../img/kadomaru_01_center.gif);
	background-position: top;
	background-repeat: repeat-y;
}
.line_728{
	padding:10px 0 10px 10px;
}

/* ボタンロールオーバー */
.rollover005 {
	width: 124px;
	height: 33px;
	margin:0;
	background:url(../img/full_btn_ov.gif) no-repeat;
	background-position: left top;

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


#fullScreen{
 margin-top:10px;
}