@charset "utf-8";





/* ====================================================
	
	
	
	レイアウト枠
	
	
	
====================================================*/

body {
	background-color:#FFF;
}

	.canvas {
		width:100%;
		text-align:center;
	}
	
		.wrapper {
			width:980px;
			margin:0 auto;
			background:url(../images/wrapperBg.png) 50% 0 repeat-y;
		}
			
			.innerWrapper {
				width:970px;
				text-align: left;
				margin-left:10px;
				background:url(../images/wrapperHead.png) 50% 0 no-repeat;
			}
				
				.leftColumn {
					width:630px;
					_width:633px;
					float:left;
				}
					
					.headerRight {
						float:right;
					}
					
					.contentArea {
						width:600px;
						margin:0 15px 20px 15px;
						_margin:0 15px;
					}
						
						.content {
							margin:20px 0 0;
						}
				
				.rightColumn {
					width:290px;
					float:right;
				}
	
	.footer {
		padding:100px 0 50px;
		background:#FFF url(../images/wrapperEnd.png) 50% 0 no-repeat;
	}
		
		.footerInner {
			height:70px;
			padding-top:20px;
			background:url(../images/footerInnerBg.png) 50% 0 no-repeat;
		}

/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.canvas,
.wrapper,
.innerWrapper,
.content,
.itemContainer,
.footer,
.footerInner {
	zoom:1;
}

.canvas:after,
.wrapper:after,
.innerWrapper:after,
.content:after,
.itemContainer:after,
.footer:after,
.footerInner:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}




/* ====================================================
	
	
	
	テキスト設定
	
	
	
====================================================*/

body {
	color:#777;
}

.content {
	line-height:160%;
}

.footerInner {
	color:#999;
	font-size:93%;
}

/* ----------------------------------------------------
	単独カラー
---------------------------------------------------- */

.pink {
	color:#FA3D7E;
}

.purple {
	color:#996699;
}

.teal {
	color:#99CCCC;
}

.black {
	color:#221F1F;
}

.gray {
	color:#959494;
}

/* ----------------------------------------------------
	商品名デフォルト
---------------------------------------------------- */

.itemName {
	font-size:220%;
	font-weight:bold;
	letter-spacing:-1px;
	color:#FA3D7E;
}

/* ----------------------------------------------------
	商品カテゴリー文字
---------------------------------------------------- */

.categoryName .oilanFontB {
	font-size:240%;
	color:#414A9B;
}

.categoryName .oilanFontL {
	font-size:180%;
	color:#CCC;
}

/* ----------------------------------------------------
	商品一覧
---------------------------------------------------- */

.listItem .detailContainer {
	line-height:120%;
}

.listItem .itemName {
	font-size:160%;
}

/* ----------------------------------------------------
	コンテンツキャプション
---------------------------------------------------- */

.contentCaption {
	font-size:300%;
	color:#666;
	letter-spacing:-3px;
}
	
	.contentCaption_sub {
		font-size:130%;
		color:#999;
		letter-spacing:-1px;
		line-height:1em;
		margin-bottom:5px;
	}
	
	.contentCaption_txt {
		font-size:160%;
		font-weight:bold;
		color:#FA3D7E;
	}

.columnTitle .oilanFontB {
	font-size:240%;
}

/* ----------------------------------------------------
	ハイパーテキスト
---------------------------------------------------- */

a:link,
a:visited {
	color:#FA3D7E;
	text-decoration:none;
}

a:hover {
	background-color:#FA3D7E;
	color:#FFF;
	text-decoration:none;
}

p {
	margin-bottom:1em;
}

/* ----------------------------------------------------
	商品購入設定テーブル
---------------------------------------------------- */

.shoppingTable th {
	color:#FA3D7E;
}




/* ====================================================
	
	
	
	共通アイテム
	
	
	
====================================================*/

/* ----------------------------------------------------
	ロゴ
---------------------------------------------------- */

.logo {
	float:left;
}

/* ----------------------------------------------------
	メインナビゲーション
---------------------------------------------------- */

.navigation {
	margin:10px 0 0 5px;
	height:500px;
}
	
	.navigation ul li {
		font-size:0;
		line-height:0;
	}

/* ----------------------------------------------------
	コンテンツキャプション
---------------------------------------------------- */

h1 {
	clear:both;
}

h2.contentCaption {
	margin:0 0 20px;
}

/* ----------------------------------------------------
	カラム型キャプション
---------------------------------------------------- */

.columnTitle {
	width:100%;
	margin-bottom:10px;
}
	
	.columnTitle th {
		padding:0 10px 0 0;
		line-height:0em;
	}
	
	.columnTitle td {
		vertical-align:middle;
	}

/* ----------------------------------------------------
	サイドバナー
---------------------------------------------------- */

.sideBanner {
	margin-top:30px;
}

.sideBanner li {
	margin-bottom:10px;
}

/* ----------------------------------------------------
	商品画像
---------------------------------------------------- */

.photo_s img {
	width:80px;
}

.photo_m img {
	width:180px;
  height:170px;
}

.photo_l {
	width:266px;
}

	.photo_l img {
		width:260px;
	}

.photo img,
.photo_s img,
.photo_m img,
.photo_l img {
	padding:2px;
	border:1px solid #DDD;
	background-color:#EEE;
	display:block;
}

.photo_s,
.photo_m,
.photo_l {
	position:relative;
}
	
	.photo_s a:hover img,
	.photo_m a:hover img,
	.photo_l a:hover img {
		padding:2px;
		border:1px solid #FA3D7E;
		background-color:#EEE;
	}
	
	span.overlayZoom {
		width:33px;
		height:33px;
		display:block;
		position:absolute;
		bottom:0px;
		right:0px;
		background:url(../images/overlay_zoom.gif) no-repeat;
	}

/* ----------------------------------------------------
	ボーダー
---------------------------------------------------- */

.borderBottom_d {
	padding-bottom:5px;
	background:url(../images/borderDotted_horiz.png) 0 bottom repeat-x;
}

/* ----------------------------------------------------
	テーブル表組み
---------------------------------------------------- */

.listTable_01 {
	width:100%;
}
	
	.listTable_01 th,
	.listTable_01 td {
		padding:10px;
		border:1px solid #FFF;
	}
	
	.listTable_01 th {
		font-weight:normal;
		vertical-align:middle;
		white-space:nowrap;
		background-color:#DDD;
	}
	
	.listTable_01 td {
		background-color:#EEE;
	}

/* ----------------------------------------------------
	商品一覧　リスト
---------------------------------------------------- */

.listItem {
	width:180px;
	margin:0 15px 20px 0;
	_margin:0 10px 20px 0;
	float:left;
}
	
	.listItem .detailContainer {
		width:174px;
		padding:5px;
		margin-top:5px;
		border:1px solid #EEE;
	}
		
		.listItem .detailContainer .itemName {
			height:5em;
		}
		
		.listItem .detailContainer .price {
			padding:5px 0;
			background:url(/images/borderDotted_horiz.gif) top left repeat-x;
		}

/* ----------------------------------------------------
	商品詳細レイアウト
---------------------------------------------------- */

.itemContainer {
}
	
	.itemContainerLeft {
		width:270px;
		float:left;
	}
	
	.itemContainerRight {
		width:314px;
		float:right;
	}
		
		.itemDetail {
			margin-top:10px;
		}

.shoppingTable {
	width:100%;
}
	
	.shoppingTable th,
	.shoppingTable td {
		padding:2px 4px;
		vertical-align:middle;
		border:1px solid #FFF;
	}
	
	.shoppingTable th {
		height:1em;
		background-color:#DDD;
		white-space:nowrap;
	}
	
	.shoppingTable td {
		text-align:right;
		background-color:#EEE;
	}
		
		.shoppingTable .buyForm {
			width:100%;
		}
		
		.shoppingTable .buyForm td {
			border:none;
			text-align:right;
		}
		
		.product_num td {
			border:none;
		}

.sizeList {
	margin-top:10px;
}

/* ----------------------------------------------------
	カラーミー　ステータスアイコン位置調整
---------------------------------------------------- */

.itemName img {
	display:block ! important;
}

/* ----------------------------------------------------
	リスト表示
---------------------------------------------------- */

.listStyle {
	list-style-type:disc;
	list-style-position:inside;
}




/* ====================================================
	
	
	
	各種要素
	
	
	
====================================================*/

/* ----------------------------------------------------
	お知らせ
---------------------------------------------------- */

.informationList dt {
	padding-bottom:3px;
	font-weight:bold;
	color:#99CCCC;
}

.informationList dd {
	padding:0 0 5px 0;
	margin-bottom:5px;
	background:url(../images/borderDotted_horiz.gif) left bottom repeat-x;
}

/* ----------------------------------------------------
	カート
---------------------------------------------------- */

html>body .cart {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 500;
}

.cart {
	_position: absolute;
	_right: 0;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) - 0
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight) - 0);
	_z-index: 500;
	margin: 0;
	padding:5px 0;
	width:100%;
	background:#EEE url(/images/borderDotted_horiz.gif) 0 0 repeat-x;
}
	
	.cart table td {
		vertical-align:middle;
	}
		
		.cart table td ul li {
			margin-right:10px;
			padding:2px 4px;
			border:1px solid #CCC;
			float:left;
		}

/* ----------------------------------------------------
	イベント詳細
---------------------------------------------------- */

.eventsDetail {
	width:310px;
}
	
	.eventsDetail th,
	.eventsDetail td {
		padding:4px;
		border:1px solid #FFF;
	}
		
		.eventsDetail th {
			background-color:#DDD;
		}
		
		.eventsDetail td {
			background-color:#EEE;
		}

/* ----------------------------------------------------
	サイトマップ
---------------------------------------------------- */

.sitemapTable {
	width:100%;
}

.sitemapTable ul li {
	display:list-item;
	list-style:inside;
}

.sitemapTable th,
.sitemapTable td {
	padding:5px;
	border:1px solid #FFF;
}

.sitemapTable th {
	width:120px;
	vertical-align:top;
	background-color:#DDD;
}

.sitemapTable td {
	background-color:#EEE;
}

/* ----------------------------------------------------
	B-CODE
---------------------------------------------------- */
.sFrame {
	width:603px;
	background:url(/images/bcode/frame_middle.png) 0 0 repeat-y;
}
	
	.sFrame_inner {
		padding:10px 30px;
	}
		
		.sFrame .headTable {
			width:540px;
		}
			
			.sFrame .headTable tr td {
				padding:10px;
				border:1px solid #333333;
			}
			
			.sFrame .groupTable {
				width:540px;
				margin-top:10px;
			}
				
				.sFrame .groupTable th {
					font-weight:normal;
					line-height:130%;
					padding:5px;
					vertical-align:top;
					background-color:#585352;
				}
				
				.sFrame .groupTable td {
					width:207px;
				}
			
			.grayContainer {
				width:530px;
				_width:540px;
				margin:10px 0;
				padding:5px;
				background-color:#585352;
			}





/* ====================================================
	
	
	
	Highslide
	
	
	
====================================================*/

.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/images/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

.highslide-active-anchor img {
	visibility: visible;
}

.highslide-dimming {
	position: absolute;
	background: black;
}

.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}

.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/images/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

.highslide-caption {
	display: none;
	border-top: none;
	font-size: 85%;
	padding: 5px;
	background: white;
}

.highslide-image {
}

.highslide-wrapper, .highslide-outline {
	background: white;
}

.highslide-container table {
	background: none;
}

.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-overlay {
	display: none;
}

.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/images/highslide/close.png);
}

* html .closebutton {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oilan.jp/images/highslide/close.png', sizingMethod='scale');
	background: none;
}