@charset "utf-8";
/* 
	CanCam Infomation Web 「４大ＯＬ」買い足しアイテムCSS
	2010.02.09:初版 Y.Enomoto
*/

/* --------------「４大ＯＬ」買い足しアイテム　コンテンツメニュー -------------*/
#ol_conmenu {
	width:615px;
	margin:0px 15px 30px 30px;
	float:left;
	display:inline;  /* IE6対策 */
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　両側ボーダー*/
/* 角丸部分はcommon.css内に定義 */
#ol_conmenu_detail {
	border-left: 1px solid #ff99ae;
	border-right: 1px solid #ff99ae;
	width:613px;
	height:469px;
	position:relative;
	display:block;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　タイトル１ */
#ol_conmenu_detail p#ol_condt_title1 {
	color:#f32e76;
	font-size:12pt;
	padding: 10px 0px 5px 30px;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー タイトル２ */
#ol_conmenu_detail h2#ol_condt_title2 {
	color:#f32e76;
	font-size:20pt;
	padding: 0px 0px 15px 30px;
}
#ol_conmenu_detail h2#ol_condt_title2 span{
	color:#ffffff;
	padding:5px;
	background-color:#f32e76;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　テキスト部分 */
#ol_conmenu_detail p#ol_condt_txt1 {
	padding: 0px 0px 45px 30px;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　タイトル */
#ol_conmenu_detail h1 {
	padding:0px 0px 15px 110px;
}
/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　コンテンツ部分（モデル画像） */
#ol_conmenu_detail img#ol_condt_coat {
	position:absolute;
	left:143px;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　コンテンツ部分（ハートマーク画像） */
#ol_conmenu_detail img#ol_condt_coat_doki {
	position:absolute;
	left:360px;
	padding-top:20px;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツメニュー　コンテンツ部分（テキスト） */
#ol_conmenu_detail p#ol_condt_coat_doki_txt {
	color:#F32E76;
	font-size:12pt;
	position:absolute;
	left:311px;
	padding-top:104px;
}

/* --------「４大ＯＬ」買い足しアイテム  コンテンツメニュー　ここまで ---------*/
/* --------「４大ＯＬ」買い足しアイテム  コンテンツ ---------*/
/* 「４大ＯＬ」買い足しアイテム　コンテンツ　着回してメンズモテ　全体 */
#ol_contents {
	width:615px;
	margin:0px 15px 30px 30px;
	float:left;
	display:inline;  /* IE6対策 */
}

/* 「４大ＯＬ」買い足しアイテム コンテンツ　着回してメンズモテ　両側ボーダー*/
/* 角丸部分はcommon.css内に定義 */
#ol_contents_mens {
	border-left: 1px solid #ff99ae;
	border-right: 1px solid #ff99ae;
	width:613px;
	height:468px;
	position:relative;
	display:block;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツ　着回してメンズモテ タイトル */
#ol_contents_mens img#ol_conmens_title {
	position:absolute;
	left:50px;
	top:30px;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツ　着回してメンズモテ モデル画像 */
#ol_contents_mens img#ol_conmens_img {
	position:absolute;
	left:123px;
	top:136px;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツ　着回してメンズモテ テキスト */
#ol_contents_mens p#ol_conmens_txt {
	padding:144px 0px 15px 283px;
}
/* 「４大ＯＬ」買い足しアイテム コンテンツ　着回してメンズモテ リスト部分 */
#ol_contents_mens ul#ol_conmens_li {
	padding:0px 0px 0px 300px; /* FireFoxとIEでulの余白の解釈が異なるため、上下右を0pxで調整 */
}
#ol_contents_mens ul#ol_conmens_li li {
	font-size:8.5pt;
	list-style:disc;
}
/* --------- ４大ＯＬ　コンテンツメニュー、コンテンツ関係　ここまで ------------- */
/* ---------「４大ＯＬ」買い足しアイテム コンテンツ　リンク共通部分 ----------- */
/* 「４大ＯＬ」買い足しアイテム コンテンツ共通　右リンク */
span.ol_link_icon_sqright {
	position:absolute;
	right:10px;
	bottom:0px;
}

/* ４大ＯＬ」買い足しアイテム コンテンツ共通　右リンク部分 アイコン*/
span.ol_link_icon_sqright img{
	margin-right:5px;
}

/* ４大ＯＬ」買い足しアイテム コンテンツ共通　右リンク部分 アイコン文字部分 
　　アイコンと文字のピッチをあわせる */
span.ol_link_icon_sqright a{
	color:#dc1558;
	line-height:1.0;
}
/* ４大ＯＬ」買い足しアイテム コンテンツ共通　右リンク部分　リンク設定  */
span.ol_link_icon_sqright a:link ,span.ol_link_icon_sqright a:visited{
	text-decoration:none;
}
span.ol_link_icon_sqright a:hover{
	text-decoration:underline;
}

/* 「４大ＯＬ」買い足しアイテム コンテンツ共通　左リンク */
span.ol_link_icon_sqleft {
	position:absolute;
	left:10px;
	bottom:0px;
}

/* ４大ＯＬ」買い足しアイテム コンテンツ共通　左リンク部分 アイコン*/
span.ol_link_icon_sqleft img{
	margin-right:5px;
}

/* ４大ＯＬ」買い足しアイテム コンテンツ共通　右リンク部分 アイコン文字部分 
　　アイコンと文字のピッチをあわせる */
span.ol_link_icon_sqleft a{
	color:#dc1558;
	line-height:1.0;
}

/* ４大ＯＬ」買い足しアイテム　コンテンツ共通　右リンク部分 リンク設定 */
span.ol_link_icon_sqleft a:link ,span.ol_link_icon_sqleft a:visited{
	text-decoration:none;
}
span.ol_link_icon_sqleft a:hover{
	text-decoration:underline;
}
/* ---------「４大ＯＬ」買い足しアイテム コンテンツ　リンク共通部分 ここまで----------- */
/* ---------「４大ＯＬ」買い足しアイテム　サブメニュー関係 ---------------------------- */
#ol_submenu{
	width:210px;
	height:200px;
	float:left;
	display:inline;      /*IE6対策 */
}

/* サブメニュー個別指定部分 */
#ol_submenu ul li{
	margin-bottom:10px; 
	clear:both; 
}

#ol_submenu ul li a{
	width:210px;
	height:60px; 
	background-image:url(../images/gra_subm_kadomaru.png) ;
	background-position:left top;
	background-repeat:no-repeat;
	position:relative; 
	display:block;
}

/* サブメニュー画像部分 */
#ol_submenu ul li a img.ol_subm_img{
	margin:10px 15px;
}

/* サブメニュー文字部分 */
#ol_submenu ul li a span{
	position:absolute;
}

/* サブメニュー文字部分　タイトル */
#ol_submenu ul li a span.ol_subm_title{
	font-size:8.5pt;
	padding-top:8px;
	line-height:0.9;
}

/* サブメニュー文字部分　テキスト */
#ol_submenu ul li a span.ol_subm_text{
	font-size:7.5pt;
	padding-top:8px;
	line-height:0.9;
	top:27px;
}

/* サブメニュー リンク設定 */
#ol_submenu ul li a:link, #ol_submenu ul li a:visited {
	text-decoration:none;
}
#ol_submenu ul li a:hover {
	color:#dc1558;
	text-decoration:underline;
}