@charset "utf-8";

/* ==============================

joomla 阪通様　Ｅコマースサイト

商品詳細ページ関連のスタイル
（主に中央コンテンツDIVについてのもの）

body#detailPage  で振り分け。

＊ 上部　キャンペーン等訴求要素向け 
＊ 上部　div.section要素 

＊フロートhack

============================== */


/*---------- 上部　キャンペーン等訴求要素向け ----------*/


/* h2 見出し帯 */
#mainContent h2{
	font-size:18px;
}

/*
#mainContent h2, 
#mainContent h3{
	margin-top:1em;
	font-weight:bold;
	color:#0A7AD9;
	border-bottom:1px dotted #CCCCCC !important;

}
*/
#mainContent h2, 
#mainContent h3{
	font-weight:bold;
	color:#0A7AD9;
}

/*---------- 上部　div.section要素 ----------*/

body#detailPage div.section {
	clear:both;
	position:relative;
}


/* section内　写真表示エリア（左フロート） */

body#detailPage div.section div.picArea{
	float:left;
	width:40%;
	min-width:160px;
	text-align:center;
}

/* section内　詳細等テキスト表示エリア（右フロート） */

body#detailPage div.section div.textArea{
	float:right;
	width:50%;
	min-width:280px;
}


/* 価格表示 色指定*/

p.price strong {
	color:#0A7AD9;
}





/*---------- フロートhack  ----------*/

/* 上部section　div */

body#detailPage div.section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body#detailPage div.section { display:inline-block; }
/*\*/
* html body#detailPage div.section { height:1%; }
body#detailPage div.section { display:block; }
/**/