@charset "UTF-8";
/* CSS Document */

/* ■↓ブラウザ依存の表示崩れ防止、フォントリセットCSS */
/* IE7のZOOM機能による崩れ対策 */
*:first-child+html * {letter-spacing: 0;}
/* WINDOWS版IE5のポジショニングバグ \*/
*html #basic { height:1%;}
/* ポジショニングバグ対策終わり */
/* ブラウザ依存でついてしまうmarginとpadding部分のリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
/* テーブルの枠（ボーダー）の表示モデルを結合ボーダーモデル、隣接するセルのボーダーとボーダーの間隔を0 */
table {border-collapse:collapse;border-spacing:0;}
/* フィールドセット(フォームのグループ化<legend>でタイトルが付けられる)と画像のボーダーを0 */
fieldset,img {border:0;}
/* 斜体や太字等の処理をリセット */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
/* リスト部分のマーカーを削除*/
ol,ul {list-style:none;}
/* センタリングを解除 */
caption,th {text-align:left;}
/* 見出し要素のフォントサイズリセット */
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
/* インラインの引用部分の「」をはずす */
q:before,q:after {content:'';}
/* 省略語と頭文字（音声ブラウザに必要）の下線を消す */
abbr,acronym {border:0;}
/* ここからフォントの定義 
body {font:13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}*/
/* フロート後の表示崩れ防止 */
.clear {clear:both;}
/* ■↑ブラウザ依存の表示崩れ防止、フォントリセットCSS 終わり*/


/* ■↓基本設定 */
body {
	background:#ffffff;
	text-align:center;
	margin: 0;
	padding: 0;
}

#wrapper {
	width:800px;/*初期値設定*/
	margin:0 auto;
	text-align:left;
}
/*レイアウトで制御用*/
.w800 #wrapper {
	width:800px;
}
.w1000 #wrapper {
	width:1000px;
}
.w1200 #wrapper {
	width:1200px;
}
.w1400 #wrapper {
	width:1400px;
}
.w1600 #wrapper {
	width:1600px;
}
.w1800 #wrapper {
	width:1800px;
}

/* ■↓ヘッダーの設定 */
#header-wrapper, #footer-wrapper {
	padding:10px 10px 0;
	background-color:#002a64;
}
#header-wrapper h1 a {
	float:right;
	display:block;
	text-indent:-9999px;
	width:130px;
	height:33px;
	background: url(../img/common/x-online-header_03.gif) left top no-repeat;
}
#header-wrapper h2 a {
	float:left;
	display:block;
	text-indent:-9999px;
	width:164px;
	height:70px;
	background: url(../img/common/x-online-header_01.gif) left top no-repeat;
}
#header-wrapper ul {
	clear:right;
	float:right;
}
#header-menu01 a, #header-menu02 a, #header-menu03 a, #header-menu04 a, #header-menu05 a, #header-menu06 a, #footer-menu01 a, #footer-menu02 a {
	float:left;
	display:block;
	text-indent:-9999px;
	height:37px;
}
#header-menu01 a {
	width:89px;
	background: url(../img/common/x-online-header_05.gif) left top no-repeat;
}
#header-menu02 a {
	width:81px;
	background: url(../img/common/x-online-header_06.gif) left top no-repeat;
}
#header-menu03 a {
	width:95px;
	background: url(../img/common/x-online-header_07.gif) left top no-repeat;
}
#header-menu04 a {
	width:90px;
	background: url(../img/common/x-online-header_08.gif) left top no-repeat;
}
#header-menu05 a {
	width:130px;
	background: url(../img/common/x-online-header_09.gif) left top no-repeat;
}
#header-menu06 a {
	width:93px;
	background: url(../img/common/x-online-header_10.gif) left top no-repeat;
}

#footer-menu01 a {
	width:91px;
	height:60px;
	background: url(../img/common/x-online-footer_01.gif) left top no-repeat;
}
#footer-menu02 a {
	width:134px;
	height:60px;
	background: url(../img/common/x-online-footer_02.gif) left top no-repeat;
}

#header-wrapper li, #footer-wrapper li {
	display:inline;
}
#footer-wrapper {
	padding:10px;
}
#footer-wrapper ul {
	float:left;
}

#address address {
	text-align:left;
	font-size:xx-small;
	display:block;
	width:300px;
	height:60px;
	background:url(../img/common/x-online-footer_03.gif) top right no-repeat;
	text-indent:-99999px;
	float:right;
}


/* ■↓コンテンツの設定 */
#contents a {
	color:#444444;
	text-decoration:none;
}
#contents a:hover, #contents a:hover {
	color:#0000ff;
	text-decoration:underline;
}

/* ■↓ページタイトルの設定 */
.page-title {
	margin:10px auto;
	padding:5px;
	border:1px solid #999999;
}
.page-title h2 {
	background: url(../images/gearmax-h2-title-back.jpg) repeat-x top left;
}
.page-title h2 img {
	float:left;
}
.page-title h2 span img {
	float:right;
}

/* ■↓パンくずリストの設定 */
.pankuzu {
	font-size:10px;
	margin:10px auto;
}

/* ■↓ページメニューの設定 */
.page-menu {
	font-size:12px;
	margin:10px auto;
	padding:5px;
	border:1px solid #999999;
	display:block;
}
.page-menu li {
	display:inline;
	padding:5px;
}
.page-menu li a {
	display:inline-block;
	padding:5px 10px 5px 15px;
	border-right:#999999 solid 1px;
	background:url(../img/common/text-hotspot.gif) left no-repeat;
	margin:1px;
}

/* ■↓アドレスの設定 */
address {
	text-align:right;
	font-size:small;
}

/* ■↓オンラインショッピングアイテム一覧設定 */
#items {
	width:800px;/*初期値設定*/
	display:block;
	margin:10px auto;
	text-align:left;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
/*レイアウトで制御用*/
.w800 #items {
	width:800px;
}
.w1000 #items {
	width:1000px;
}
.w1200 #items {
	width:1200px;
}
.w1400 #items {
	width:1400px;
}
.w1600 #items {
	width:1600px;
}
.w1800 #items {
	width:1800px;
}


/* ■↓ページ内商品ユニット設定 */
.top-img, .top-menu, .page-imgw2h2, .page-imgw2h1, .item-unit {/*ユニットのボーダーとフロート設定*/
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	float:left;
}
.top-img {
	width:499px;
	height:399px;
}
.top-menu {
	width:299px;
	height:99px;
}

.page-imgw2h2 {/*ページイメージのユニットサイズ設定*/
	width:399px;
	height:599px;
}
.page-imgw2h1 {/*ページイメージのユニットサイズ設定*/
	width:399px;
	height:299px;
}
.item-unit {/*商品ユニットサイズ設定*/
	width:199px;
	height:299px;
}
#pdf {
	width:798px;/*初期値設定*/
	display:block;
	margin:10px auto;
	text-align:left;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.pdf-unit {/*商品ユニットサイズ設定*/
	width:398px;
	height:220px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	float:left;
}
.pdf-unit span{/*商品ユニットの大枠サイズ設定*/
	position:relative;
	width:398px;
	height:220px;
	margin:0;
	padding:0;
}
.pdf-unit span.pdf-image a {/*ユニット内オブジェクト初期の設定*/
	position:absolute;
	font-size:77%;
	right: 20px;
	top: 9px;
	height: 79px;
	left: 9px;
}
/*■↓商品ユニットの設定*/
.item-unit dl {/*商品ユニットの大枠サイズ設定*/
	position:relative;
	width:199px;
	height:299px;
	margin:0;
	padding:0;
}
.item-unit dt.item-title, .item-brand, .item-price, .item-price-off, .item-image, .item-tag, .item-comment {/*ユニット内オブジェクト初期の設定*/
	position:absolute;
	font-size:77%;
}
.item-unit dt.item-title {/*商品名の設定*/
	width:180px;
	bottom:82px;
	left:10px;
	line-height:1.1em;
}
.item-price {/*プライスの設定*/
	width:90px;
	bottom:65px;
	left:auto;
	right:10px;
	text-align:right;
	font-weight:bold;
}
.item-price-off {/*プライスOFFの設定*/
	width:50px;
	bottom:85px;
	left:auto;
	right:10px;
	text-align:center;
	background-color:#FF0000;
	color:#FFFFFF;
}
.item-price span {/*プライスの設定*/
	color:#FF0000;
}
.item-image {/*商品イメージの設定*/
	width:196px;
	top: 45px;
	left: 2px;
	text-align:center;
	margin:0;
	padding:0;
}
.item-brand {/*商品ブランドの設定*/
	width:105px;
	top:10px;
	left: 10px;
	margin:0;
	padding:0;
}
.item-tag {/*商品アイコン設定*/
	width:65px;
	top:10px;
	left: 125px;
	right:10px;
	text-align:right;
	margin:0;
	padding:0;
}
.item-tag img {/*商品アイコンの間隔設定*/
	margin-bottom:3px;
	margin-left:5px;
	vertical-align:top;
}
.item-comment {/*商品のコメント設定*/
	width:180px;
	top:238px;
	left:5px;
	margin:0;
	padding:5px 5px 0;
	border-top:1px solid #999999;
	font-size:65%;
	line-height:1.4em;
	color:#666666;
}