@charset "utf-8"; 






/*
.ng {
	background-color:#f00 !important;
	color:#fff !important;
}
.go {
	background-color:#00FF00 !important;
	color:#006600!important;
}
.err {
	background-color:#FFFF00 !important;
	color:#000 !important;
}
.question {
	background-color:#FF00FF !important;
	color:#6600FF!important;
}
*/





/*base.css
サイト全体共通 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
 2-5 中央(メイン)		.main 
 2-6 サイド				.side
  2-7 サイド1			#side1
  2-8 サイド2			#side2
  2-9 サイド3			#side3
2-10 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 アンカーナビ		.jump
3-5 バナー枠			.bnr

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 タグライン			#tagline
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー		#fmenu
8-2 コピーライト		#copy

*/




/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
}
body {
	margin:0;
	padding:0;
	text-align: center;
	word-break: break-all;
}
p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color: #0066CC;
	text-decoration: underline;
}
a:hover , a:active {
	color: #0066CC;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

/*1-1 汎用セレクタ*/
.clear { clear:both;}

/*カラー*/
.black {color:#000;}
.blue {color:#3333ff;}
.orange	{color:#ff9900;}
.red {color	:#f00;}
.sblue {color:#0099CC;}

/*フォントウェイト*/
.bold {font-weight:bold;}

/*フォントサイズ*/
.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font12	{font-size: 12px;}
.font14	{font-size: 14px;}
.font16	{font-size: 16px;}
.font18	{font-size: 18px;}
.font24	{font-size: 24px;}
.font36	{font-size: 36px;}
.xsmall { font-size: 75%;}
.small { font-size: 86%;}
.large { font-size: 116.7%;}
.xlarge { font-size: 133.4%;}

/*文字揃え*/
.textright { text-align:right;}
.textleft { text-align:center;}
.textcenter { text-align:left;}

/*スペース
使用方法：
	<div class="space10"><hr></div>
*/
.space1 { height:1px;}
.space2 { height:2px;}
.space3 { height:3px;}
.space4 { height:4px;}
.space5 { height:5px;}
.space6 { height:6px;}
.space7 { height:7px;}
.space8 { height:8px;}
.space9 { height:9px;}
.space10 { height:10px;}
.space12 { height:12px;}
.space14 { height:14px;}
.space15 { height:15px;}
.space16 { height:16px;}
.space18 { height:18px;}
.space20 { height:20px;}
.space22 { height:22px;}
.space24 { height:24px;}
.space25 { height:25px;}
.space26 { height:26px;}
.space30 { height:30px;}

/*余白*/
#container .bottom0 { margin-bottom:0px;}
#container .bottom1 { margin-bottom:1px;}
#container .bottom2 { margin-bottom:2px;}
#container .bottom3 { margin-bottom:3px;}
#container .bottom4 { margin-bottom:4px;}
#container .bottom5 { margin-bottom:5px;}
#container .bottom6 { margin-bottom:6px;}
#container .bottom7 { margin-bottom:7px;}
#container .bottom8 { margin-bottom:8px;}
#container .bottom10 { margin-bottom:10px;}
#container .bottom20 { margin-bottom:20px;}
#container .bottom30 { margin-bottom:30px;}

#container .top0 { margin-top:0px;}
#container .top5 { margin-top:5px;}
#container .top10 { margin-top:10px;}
#container .top20 { margin-top:20px;}
#container .top30 { margin-top:30px;}

#container .left0 { margin-left:0px;}
#container .left5 { margin-left:5px;}
#container .left10 { margin-left:10px;}

#container .right0 { margin-right:0px;}
#container .right5 { margin-right:5px;}
#container .right10 { margin-right:10px;}




/*ユーザーID*/
.userid {
	color: #960;
	font-weight: bold;
}
.userid a:link,
.userid a:visited {
	color: #960;
	text-decoration: none;
}
.userid a:hover,
.userid a:active {
	color: #960;
	text-decoration: underline;
}

/*商品価格*/
.price {
	font-size: 125%;
	font-weight: bold;
	color: #FF0000;
}

/*評価*/
.rating {
	float: left;
	margin: 0 5px 0 0;
}

/*汎用ボックス*/
.wrapping {
	background: #e8e8e8;
	margin: 30px 0 20px;
	padding: 15px;
	text-align: center;
	font-size: 116.7%;
}
.wrapping a:link,
.wrapping a:visited,
.wrapping a:hover,
.wrapping a:active {
	color: #09f;
	font-weight: bold;
}

/*1-2 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}

/*1-2　フォーム関連*/
form {
	margin:0;
}
.button {
	border-right:3px double #666;
	border-bottom:3px double #666;
	border-left:3px double #ccc;
	border-top:3px double #ccc;
	background-color:#efefef;
	padding:2px;
}



/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	width: 860px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: left;
	font-size: 62.5%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*2-2 ヘッダ*/
#top {
	padding: 21px 0 0;
	margin: 0 0 15px;
	position: relative;
}

/*2-3 本文*/
#contents {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #contents {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #contents {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #contents {display: inline-table;}
    /**/
  #contents:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }

/*2-4 補助枠(3カラム)*/
.wrap {
	width:690px;
	float:left;
}

/*2-5 中央(メイン)*/
.main {
}
/*トップ*/
.layout1 .main {
	width:640px;
	float:left;
	overflow: hidden;
}
/*2カラム*/
.layout2 .main {
	width:690px;
	float:left;
}
/*3カラム（検索結果）*/
.layout3 .main ,
.wrap .main {
	float:right;
	width:520px;
}
/*1カラム*/
.layout4 .main {
	float:none;
	width:auto;
}
.welcomemsg {
	font-size:9px;
	margin: 0 0 8px 10px;
}
.welcomemsg2 {
	font-size:8px;
	margin: 0 0 5px 10px;
	font-weight:bold;
	color:#550000;
}
.justpoint {
	font-size:14px;
	padding: 3px 10px;
	margin: 0 15px 20px 5px;

}
.justpoint strong {
	font-weight:bold;
}

/*2-6 サイド*/
.side {}

/*2-7 サイド1*/
#side1 {
	width:220px;
	float: right;
	overflow:hidden;
	padding: 0;
}

/*2-8 サイド2*/
#side2 {
	width:170px;
	float: left;
}

/*2-9 サイド3*/
#side3 {
	width:170px;
	float: right;
}

/*2-10 フッタ*/
#foot {
	text-align: center;
	font-size: 1.2em;
	margin: 0 0 30px;
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 メインビジュアル*/
#screen {}

/*3-2 パン屑*/
#pan {
	font-size: 1.2em;
	margin:0 0 15px;
}
#pan ul { display: inline; }
#pan li {
	display:inline;
	padding:0 0 0 5px;
	white-space:normal;
}
#pan li li {
	margin:0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(../img/bg_panlist.jpg) no-repeat top left;
}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-4 アンカーナビ*/
.jump {
	text-align: right;
	margin: 0 20px 0 0;
}

/*3-5 バナー枠*/
.bnr {	text-align:center; margin:0;}
.bnr p {	text-align:center; margin:0;}
.bnr a {}
.bnr a img { margin:0 auto; border:none;}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
	width: 481px;
	height: 46px;
	overflow: hidden;
	position: relative;
	margin: 0 0 4px;
}
#siteid img {
	position:absolute;
	top:0;
	left:0;
	width: 481px;
	height: 46px;	
}
/*4-2 タグライン*/
#tagline {}

/*4-3 トップメニュー*/
#tmenu {
	text-align: right;
	font-size: 1.2em;
	width: 725px;
	position: absolute;
	top: 21px;
	left: 135px;
}
#tmenu li {
	display:inline;
	background:url(../img/bg_tmenu_li.gif) no-repeat 0 0.2em;
	padding:0 12px 0 12px;
}
#tmenu li a {
	font-weight:bold;
}
#tmenu li a:link ,
#tmenu li a:visited {
	text-decoration:none;
}
#tmenu li a:hover ,
#tmenu li a:active {
	text-decoration:underline;
}

/*4-4 グローバルナビ*/
#gnavi {
	text-align: left;
	background-color: #0066FF;
	font-size: 1.2em;
	border-top: solid 1px #0066FF;
	border-bottom: solid 1px #0066FF;
}
#gnavi li {
	display:inline;
	background:url(../img/bg_tmenu_li.gif) no-repeat 0 0.2em;
	padding:0 12px 0 12px;
}
#gnavi li a {
	font-weight:bold;
}
#gnavi li a:link ,
#gnavi li a:visited {
	color:#fff;
	text-decoration:none;
}
#gnavi li a:hover ,
#gnavi li a:active {
	color:#fff;
	text-decoration:underline;
}


/*4-5 サブナビ*/
#snavi {}

/*4-6 検索*/
#search {
	text-align:center;
	background-color: #EDEEC4;
	font-size:1.4em;
	width:100%;
	padding:10px 0;
}
#search form {
	margin:0;
}
#search dl {
	display:inline;
	margin:0;
}
#search dl.li1 {
}
#search dl.li2 {
}
#search dl.li3 {
}
#search dt {
	color:#666;
	font-weight:bold;
	padding:0;
	display:inline;
}
#search dd {
	padding: 0 10px 0 0;
	font-size:0.7143em;
	font-weight: bold;
	color:#666;
	display: inline;
}
#search #pricemin {
	width:86px;
}
#search #pricemax {
	width:86px;
}
#search #searcharea1 {
	width:126px;
}
#search #searcharea2 {
	width:69px;
}
#search #searcharea3 {
	width:69px;
}
#search #searcharea4 {
	width:69px;
}

#search #searchtext {
	width:125px;
	height: 15px;
	margin: 0 0px 0 0;
	vertical-align: top;
}
#search button {
	vertical-align: top;
	height: 1.8em
}

/*【5】本文内*/
/*5-0 共通*/

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}

/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}

/*7-9 サイドメニュー*/
.side .smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	border-bottom: 4px solid #0099FF;
	color:#666;
	margin: 0;
	padding: 30px 0 10px;
	width:860px;
}
#fmenu a:link ,
#fmenu a:visited {
	text-decoration:none;
	color:#666;
}
#fmenu a:hover ,
#fmenu a:active {
	text-decoration:underline;
	color:#666;
}

/*8-2 コピーライト*/
	#copy {
	font-style: normal;
	color: #0099FF;
}