@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      products.css
 Style Info:     製品紹介ページ専用スタイルシート
----------------------------------------------------------- */

/*----------------------------------------------------
	サブメニュー表示
----------------------------------------------------*/

#sub ul#menu_products {
	display:block !important;
}


/*----------------------------------------------------
	products　共通
----------------------------------------------------*/

strong {
	font-weight:bold;
	color:#ff5a00;
}

.clear {
	clear:both;
}

.margin_b {
    margin-bottom:17px;
 }

.bg_black {
	background:#222222;
}

.italic {
	font-style:italic;
}

.antidoping {
	padding-bottom:30px;
	padding-top:0px;
	width:92%;
	text-align:right;
}

/*　パワーバー エナジーバーの特徴　*/
dl.special {
	padding:25px;
	/*line-height:1.4;*/
}
	dl.special dt {
		margin-bottom:25px;
		font-weight:bold;
		color:#57c3ed;
	}


	dl.special dt.list_bottom {
		margin-bottom:0;
		padding-bottom:0;
		border:0;
		
	}
	dl.special dd {
		margin-bottom:25px;
		margin-top:5px;
	}	
	
	dl.special dd a {
		color:#ff5a00 !important;
		font-weight:bold;
	}
	dl.special dd span {
		margin-left:20px;
		
	}

/*　こんな時に！　*/
.timing {
	float:left;
	_float:none;
}

.timing ul {
	padding-left:20px;
	float:left;
}
	.timing ul li {
		line-height:1.5;
		font-size:105%;
		color:#ffffff;
		list-style-type:disc;
	}

.timing a {
	float:right;
	display:block;
	width:270px;
	height:48px;
	background:url(/CMS/Resources/powerbar.jp/08/products/common_btn_sessyurei.jpg) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.timing a:hover {
	background:url(/CMS/Resources/powerbar.jp/08/products/common_btn_sessyurei.jpg) no-repeat 0 -48px;
}

/*　パワーバー エナジーバー ラインナップ　*/
.align_c {
	_text-align:center;
}

.lineup {
	margin:0 auto;
	_text-align:left;
	padding:30px 0 25px 0;
	width:92%;
}

.lineup img {
	float:left;
}
.lineup dl {
	float:left;
	margin-top:35px;
	margin-left:10px;
	width:275px;
	_width:270px;
}
	.lineup dl dt {
		margin-bottom:8px;
		color:#ffcc00;
		font-size:110%;
		font-weight:bold;
	}
		.lineup dl dt span {
			margin-left:6px;
			color:#ffffff;
			font-size:80%;
		}
	.lineup dl dd {
		color:#ffffff;
		font-size:90%;
	}

.lineup table {
	clear:both;
	margin-top:1px;
}
	.lineup table th {
		padding:5px 10px;
		border:1px solid #666666;
		background:#000000;
		color:#ffffff;
	}
	.lineup table td {
		padding:4px 10px;
		border:1px solid #666666;
		background:#cccccc;
		font-size:90%;
	} 
	.lineup table th.ingredients {
		width:40%;
	}
	.lineup table th.material {
		width:60%;
	} 
	.lineup table td.ingredients {
		background:#000000;
		color:#ffffff;
	} 
	.lineup table td.value {
		text-align:right;
	} 


span.btn_online a{
	background:url(/CMS/Resources/powerbar.jp/08/qa/btn_online.jpg) no-repeat;
	width:449px;
	height:32px;
	display:block;
	margin-left:196px;
	*margin-left:193px;
	margin-bottom:10px;
}

span.btn_online a:hover{
	background:url(/CMS/Resources/powerbar.jp/08/qa/btn_online_ov.jpg) no-repeat;
	width:449px;
	height:32px;
}	


/*ボタン*/

span.btn_pe_faq a{
	background:url(/CMS/Resources/powerbar.jp/08/products/powerbar/btn_pe_faq.jpg) no-repeat;
	width:449px;
	height:32px;
	display:block;
	margin-left:196px;
	*margin-left:193px;
	margin-bottom:10px;
}

span.btn_pe_faq a:hover{
	background:url(/CMS/Resources/powerbar.jp/08/products/powerbar/btn_pe_faq_ov.jpg) no-repeat;
	width:449px;
	height:32px;
}	

span.btn_pg_faq a{
	background:url(/CMS/Resources/powerbar.jp/08/products/powergel/btn_pg_faq.jpg) no-repeat;
	width:449px;
	height:32px;
	display:block;
	margin-left:196px;
	*margin-left:193px;
	margin-bottom:10px;
}

span.btn_pg_faq a:hover{
	background:url(/CMS/Resources/powerbar.jp/08/products/powergel/btn_pg_faq_ov.jpg) no-repeat;
	width:449px;
	height:32px;
}

span.btn_pp_faq a{
	background:url(/CMS/Resources/powerbar.jp/08/products/protein/btn_pp_faq.jpg) no-repeat;
	width:449px;
	height:32px;
	display:block;
	margin-left:196px;
	*margin-left:193px;
	margin-bottom:10px;
}

span.btn_pp_faq a:hover{
	background:url(/CMS/Resources/powerbar.jp/08/products/protein/btn_pp_faq_ov.jpg) no-repeat;
	width:449px;
	height:32px;
}
span.btn_online a{
	background:url(/CMS/Resources/powerbar.jp/08/qa/btn_online.jpg) no-repeat;
	width:449px;
	height:32px;
	display:block;
	margin-left:196px;
	*margin-left:193px;
	margin-bottom:10px;
}

span.btn_online a:hover{
	background:url(/CMS/Resources/powerbar.jp/08/qa/btn_online_ov.jpg) no-repeat;
	width:449px;
	height:32px;
}	

span.btn_c2max_faq a{
	background:url(/CMS/Resources/powerbar.jp/08/products/btn_c2max_faq.jpg) no-repeat;
	width:449px;
	height:32px;
	display:block;
	margin-left:196px;
	*margin-left:193px;
	margin-bottom:10px;
}

span.btn_c2max_faq a:hover{
	background:url(/CMS/Resources/powerbar.jp/08/products/btn_c2max_faq_ov.jpg) no-repeat;
	width:449px;
	height:32px;
}
#products_powerbar span.btn_online a span{
	display:none;
	}
	
#products_powerbar span.btn_pe_faq a span{
	display:none;
	}
#products_powergel span.btn_pg_faq a span{
	display:none;
	}
	
#products_powerbar span.btn_pp_faq a span{
	display:none;
	}			
	
#products_powerbar span.c2max_faq a span{
	display:none;
	}
#products_powergel span.btn_online a span{
	display:none;
	}	

/*----------------------------------------------------
	製品紹介　インデックス（#index ）
----------------------------------------------------*/

.title_sub {
 margin-left:20px;
 font-size:70%;
 font-weight:normal;
}

#products_index div.tbl {
 _width:100%;
 _text-align:center;
}

#products_index div.inner {
 margin-bottom:15px;
}
#products_index div.inner p {
font-weight:bold;
}

#products_index table {
 margin:0 auto;
}
 #products_index table tr.col1 {
  background:url(/CMS/Resources/powerbar.jp/08/products/index_bg1.jpg) repeat-x;
  _text-align:center;
 }
 #products_index table tr.col2 {
  height:80px;
  background:url(/CMS/Resources/powerbar.jp/08/products/index_bg2.jpg) repeat-x;
  text-align:right;
 }
  #products_index table tr.col2 img {
   margin-right:8px;
  }

 #products_index table a {
  display:block;
  margin:0 auto;
  width:211px;
  height:37px;
  background:url(/CMS/Resources/powerbar.jp/08/products/index_btn_kuwashiku.jpg) no-repeat 0 0;
  text-indent:-9999px;
  line-height:0;
  font-size:0;
 }
 #products_index table a:hover {
  background:url(/CMS/Resources/powerbar.jp/08/products/index_btn_kuwashiku.jpg) no-repeat 0 -37px;
 }

#products_index .inner2 {
 margin-top:30px;
 margin-left:51px;
 margin-bottom:20px;
}

#products_index .inner2 span a span {
	display:none;
}


/*----------------------------------------------------
	製品紹介　エナジーバー（#powerbar ）
----------------------------------------------------*/


#main #products_powerbar h2 {
	margin-bottom:0;
}





/*----------------------------------------------------
	製品紹介　パワージェル（#powergel ）
----------------------------------------------------*/
#main #products_powergel h2 {
	margin-bottom:0;
}

#products_powergel div.lineup {
	margin:0 auto;
	_text-align:left;
	padding:20px 0 25px 0;
	width:92%;
	clear:both;
}

#products_powergel div.lineup dl {
	margin-left:10px;
	* margin-left:20px;
	margin-top:10px;
	width:90%
}
#products_powergel div.lineup dl dt {
		color:#ffcc00;
		font-size:110%;
		font-weight:bold;
		display:inline;
	}
#products_powergel div.lineup dl dt span {
			margin-left:6px;
			color:#ffffff;
			font-size:80%;
		}
#products_powergel div.lineup dl dd {
		color:#ffffff;
		font-size:90%;
		margin-top:5px;
	}

#products_powergel div.lineup div.gel {
	float:left;
	width:310px;
	margin-top:25px;
}

#products_powergel div.lineup div.gel img{
	margin-left:65px;
	*margin-left:80px;
}

#products_powergel div.lineup div.spec{
	width:280px;
	float:left;
	margin-top:25px;}
#products_powergel div.lineup table {
	float:left;
}
#products_powergel div.lineup table th {
		padding:5px 10px;
		border:1px solid #666666;
		background:#000000;
		color:#ffffff;
	}
#products_powergel div.lineup table td {
		padding:4px 10px;
		border:1px solid #666666;
		background:#cccccc;
		font-size:90%;
	} 
#products_powergel div.lineup table th.ingredients {
		/*width:40%;*/
	}
#products_powergel div.lineup table th.material {
		/*width:60%;*/
	} 
#products_powergel div.lineup table td.ingredients {
		background:#000000;
		color:#ffffff;
	} 
#products_powergel div.lineup table td.value {
		text-align:right;
	} 

#products_powergel div.lineup table td.nourishment {
	padding-bottom:20px;
	}
	
#products_powergel div.lineup p {
	text-align:right;
	font-size:90%;
}
	
#products_powergel div.antidoping {
	padding-bottom:30px;
	padding-top:30px;
	*padding-top:0px;
	width:95%;
	*width:92%;
	text-align:right;
	clear:both;
}
/*----------------------------------------------------
	製品紹介　プロテインプラス（#proteinplus ）
----------------------------------------------------*/

/*----------------------------------------------------
	製品紹介　C2 MAX（#c2max ）
----------------------------------------------------*/

#products_c2max div.graph {
	text-align:center;
}
#products_c2max div.graph img {
	margin:22px 0;
}