/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/


/********** HTML タグのオーバーライド *********/
*{
	margin:		0;
	padding:	0;
	
}

strong{
	font-weight:	normal;
}

hr{
/*	margin:			10px -50px 10px -50px;*/
	margin:			10px 0px 10px 0px;
}

/* ブラウザに表示される全体 */
body{
	background:		WhiteSmoke;	/* 背景画 */
	color:			#666666;
	padding			0px;
	background-attachment:fixed;
	font-family: "Lucida Grande", "Geneva", "Arial", "Verdana", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	color: #333333;
	color: Maroon;
}
.FontClassNotArial{
	font-family: Osaka, ヒラギノ角ゴ Pro W3, ＭＳ Ｐゴシック;
}


/*
h1{
	font-size:			10px;
	color:				#cccccccc;
	padding-bottom:		10px;
	padding-left:		20px;
}
h1,h2{
  	margin:			5px 5px 10px 20px;
}

h1 {
  margin-top:		0;
  padding-top:		25px;
  font-size: 		24px;
}
*/

h2 {
	text-align:			center;
}
p{
	font-size: 		13px;
  	margin:			3px 5px 2px 2px;

}
h6{
	text-align:			center;
	color:				Maroon;
	font-size:			18px;
	margin:				0px;
	padding:			0px;
	background:			none;
}

h3{/* 各コーナーの表題に使用中 */
	font-style:		bold;
	text-align:		left;
	color:			Red;
	font-size:		18px;
/*	margin-top:		5px;
	margin-left:	10px;
	margin-right:	10px;
	margin-bottom:	5px;
	padding-top:	5px;
	padding-left:	5px;
	padding-bottom:	5px;
*/
	padding-left:	10px;
	margin:			0px;
/*	border-left: 	5px solid Red;*/
/*	border-top: 	2px solid gray ;
	border-right: 	2px solid black;
	border-bottom: 	2px solid black;
*/


/*	line-height:	25px;*/
	/*height:		30px;*/

}

h4{
	font-size:		14px;
	margin-top:		20px;
	margin-bottom:	20px;
	padding-left:	40px;
	background:		url(../images/h4.gif) no-repeat;
	line-height:	30px;
	height:			30px;
}

h5{/* 各コーナーの表題に使用中 */
	font-size: 		25px;
	text-align: 	center;
	border:			none;
	color:			black;
	margin:			0px 5% 7px 5%;
	padding:		0px;
/*	line-height:	25px;*/
}
a:link, a:active, a:visited {
  color: 			Blue;
  text-decoration: 	none;
}
a:hover {
/*  color: 			#CC0000;*/
  text-decoration: 	underline;
}



li{
	font-size:			12px;
	padding-left:		0px;
}


img {
	border:			none;
}

/***** クラス *****/
.KibouKakaku1{
	font-size: 		24px;
	color:			OrangeRed;
}
.HanbaiKakaku1{
	font-size: 		28px;
	color:			Red;
}
.KibouKakaku2{
	font-size: 		34px;
	color:			OrangeRed;
}
.HanbaiKakaku2{
	font-size: 		36px;
	color:			Red;
}
.ChuudanShouhinnmei{
	font-size: 		42px;
	color:			Saddlebrown;
}

.ListCatchFrase{
	font-size: 		34px!important;
	color:			Red!important;
}
.DetailCatchFrase{
	font-size: 		28px!important;
	color:			DarkSlateGray!important;
}
.ListTokusen{
	font-size: 		30px!important;
	color:			Black!important;
}

/********** 最上部赤ライン *************/
#head_line{
	background:			white;	/* 画像が透過でないため */
	height:				33px;
	_height:			36px;
	border-bottom:		3px solid #009FE8;
	width:				100%;
}
#head_left{
	float:			left;
}
#head_right{
	float:			right;
	margin:			4px 3px 0px 0px;
}
#head_right a{
	margin:			0px 5px 0px 5px;
}
#head_line p{
/*	display:		inline;	/*  */
	color:			#009FE8;
	font-weight:	bold;
	font-size: 		15px;
	margin:			8px 0px 0px 10px;
}
#head_line_Only{
	margin:				0px;
	padding:			0;
	border-top:			3px solid #009FE8;
}

.SarchButtonMargin{
	margin-left:	15px;
}
.MoshimoSmallFreeBannerMargin{
	margin:			9px 22px 0px 0px;
}
.MoshimoBigFreeBannerMargin{
	margin:			0px 0px 10px 0px
}

/********** ページ全体の囲み **********/
#content_all{
	/*background-color:	blue; /* debug */
/*	background:			url(./images/HaikeiYellowFEF5BC.gif) repeat;*/
	background:			White;
	width:				976px; /* 468×268 の画像を横に２枚並べるため 10+936+10 20余り */
	/*border-right:		solid 1px #999999;*/
}
/********** 記事に囲み色をつけるため　記事の表題の margin padding = 0 であることが必要 **********/
#column-line{
	border: 			1px solid lightgray;
	background:			lightgoldenrodyellow;
	padding-bottom:		20px;

}
#condition{
	text-align: 		left;
	margin:				3px 0px 3px 100px;
}
#condition p{
	font-size:			12px;
}

/********** 表題 *************/
#bannar{
	background:			White;
	width:				976px;
	width:				100%;
/*	height:				150px;
	_height:			170px;
	padding:			10px 0px 10px 0px;*/
}


#bannar p{
	text-align:			left;
	font-size:			14px;
	color:				#999;
	padding-left:		120px;
	padding-top:		20px;
}
#bannar.h1paddingbottom{
	padding-bottom:		20px!important;
}


#bannar h1{
	text-align:			center;
	font-size:			36px;
	color:				Black;
	padding:			0px;
	margin:				0px;
}

#bannar h2{
	text-align:			center;
	font-size:			56px;
	color:				#FF0000;
	padding-left:		20px;
	padding-top:		20px;
}

#title{
	width:				800px;
	background:			#ffff00;
	padding-left:		0px;
	height:				10px;
	line-height:		10px;
}
#banner_left{
	float:				left;
	width:				150px;
/*	height:				150px;
	_height:			150px;*/
	background:			White;
	padding:			0px 0px 0px 0px;
	padding-left:		0px;
}
#banner_left h1{
	text-align:			left;
	font-size:			14px;
	color:				cornflowerblue;
	color:				black;
	padding:			0px;
	margin:				0px;
/*	height:				0px;*/
	line-height:		14px;

}
#banner_left h2{
	text-align:			left;
	font-size:			12px;
	color:				magenta;
	padding:			3px;
	margin:				0px;
/*	height:				0px;*/
	line-height:		0px;
}
#banner_left a{
	font-size:			10px;
}
#banner_left a:hover{
	text-decoration: underline;

}

#banner_center{
	float:				right;
	background:			White;	/* メニュータイトルの上部と同じ色 */
	width:				826px;
}
#banner_center h1{
	text-align:			center;
	font-size:			36px;
	color:				Black;
	margin:				0px;
	padding:			0px;
}

#banner_center h2{
	text-align:			center;
	font-size:			32px;
	color:				lightgrey;
	padding-left:		0px;
	padding-top:		10px;
}

#banner_right{
	float:				right;
	width:				200px;
	height:				200px;
	_height:			100px;
	margin-right:		0px;
	background:			White;
	border-right: 		1px solid lightgray;
}
#banner_right table{
	border:				none;
	border-collapse: collapse;	/* 隣接するセルをくっつける */
	border-spacing: 0px;		/* border-collapse:separate; の時に有効 */
}
#banner_right p{
	color:				black;
	font-size:			12px;
	_font-size:			11px;
	margin:				0px;
	padding:			2px 0px 0px 5px;
	_padding:			0px 0px 0px 5px;
}

#bannar.BackImage{
	background-image:			url(__BGIHead__) no-repeat;
}


/********** 背景画像 *************/
/********** ４箇所分 *************/
.BackImage_img1{
	position:			relative;
	top: 				0;
	left:				0;
	float:				none;
/*	margin-bottom:		-10px;	###009-001*/
	margin-bottom:		-250px;
	width:				100%;
	width:				976px;
	height:				250px;
}
.BackImage_h11{
	position:			relative;
	top:				0;
	left:				0;
	width:				800px;
	_width:				800px;
	float:				none;
	text-align:			center!important;
	padding-top:		10px!important;/*	###009-001*/
	padding-left:		0px!important;
	padding-right:		0px!important;
/*	border:				1px solid red;*/
}
.Padding1{
	padding-bottom:		3px!important;
	_padding-bottom:	5px!important;/* 4.17 ここを別に定義する*/
}
.BackImage_img2{
	position:			relative;
	top: 				0;
	left:				0;
	float:				none;
/*	margin-bottom:		-30px;	###009-001*/
	margin-bottom:		-150px;
	width:				100%;
	height:				150px;
	width:				826px;
	height:				150px;

}
.Padding2{
	padding-bottom:		0px!important;
	_padding-bottom:	2px!important;/* 4.17 ここを別に定義する*/
}
.BackImage_h12{
	position:			relative;
	top:				0;
	left:				0;
	width:				700px;
	_width:				700px;
	float:				none;
	text-align:			center!important;
	padding-top:		30px!important;/*	###009-001*/
	padding-left:		0px!important;
	padding-right:		0px!important;
/*	border:				1px solid red;*/
}
.BackImage_img3{
	position:			relative;
	top: 				0;
	left:				0;
	float:				none;
/*	margin-bottom:		-30px;	###009-001*/
	margin-bottom:		-115px;
	width:				100%;
	width:				730px;
	height:				115px;
}
.BackImage_h13{
	position:			relative;
	top:				0;
	left:				0;
	width:				500px;
	_width:				500px;
	float:				none;
	text-align:			center!important;
	padding-top:		30px!important;/*	###009-001*/
	padding-left:		0px!important;
	padding-right:		0px!important;
/*	border:				1px solid red;*/
}
.Padding3{
	padding-bottom:		50px!important;
	_padding-bottom:	52px!important;/* 4.17 ここを別に定義する*/
}
.BackImage_img4{
	position:			relative;
	top: 				0;
	left:				0;
	float:				none;
/*	margin-bottom:		-40px;	###009-001*/
	margin-bottom:		-200px;
	width:				100%;
	width:				900px;
	height:				200px;
}
.BackImage_h14{
	position:			relative;
	top:				0;
	left:				0;
	width:				800px;
	_width:				800px;
	float:				none;
	text-align:			center!important;
	padding-top:		40px!important;/*	###009-001*/
	padding-left:		0px!important;
	padding-right:		0px!important;
/*	border:				1px solid red;*/
}
.Padding4{
	padding-bottom:		30px!important;
	_padding-bottom:	32px!important;/* 4.17 ここを別に定義する*/
}


/************* #globalNav styles **************/

#globalNav{
    clear:			both;
	margin: 		0px;
	padding: 		10px 0px 10px 0px;
	color: 			Blue;
/*	background-color: #FF9966;*/
/*	background-color: #FF0000;*/
	background-color: White;
	font-size:		12px;
}
.globalNavBackColor{
	background-color: White;
}
#globalNav.Pad{
	padding: 		5px 0px 5px 0px;
}
#globalNav img{
	display:		block;
}


#minitab{
	margin:			0px;
	padding: 		0px;
	height:			28px;
	text-align:		center;
/*	border-top: 	1px solid #fff;
	border-bottom: 	1px solid #fff;*/
	}
#minitab li{
	margin:			0;
	padding: 		0;
	display: 		inline;
	list-style-type:	none;
}

#minitab a {
	float:			right;
	line-height:	28px;
	vertical-align:	middle;
	color:			Blue;
	margin: 		0px 0px 0px 10px;
	text-decoration: none;
}
#minitab a:active, #minitab a:hover{
/*	border-bottom: 	3px solid #fc0;*/
/*	border-bottom: 	1px solid #ff;*/
	color:			Blue;
}
#minitab a:hover {
/*	color:			#ffc;*/
	color:			Blue;
	text-decoration: underline;
}

/*?????C?? */

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size:		10px;
	margin:			0px 0px 0px 0px;
	padding:		4px 0px 2px 30px;
	border-bottom: 	1px solid gray;

}

#breadCrumb a{
	color:			salmon;
    text-decoration: none;
}
#breadCrumb a:hover {
	color:			red;
	text-decoration: underline;
}


/************* headana styles ページトップのサイト説明	*************/
#headana{
/*    whidth:     300px;*/
	text-align:			left;
	font-size:			14px;

	margin:				15px 10px 30px 10px;
	padding:			0px;
	/*
	padding-top:		10px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		10px;
	*/
	background : 		white;
}

/*****  カートに入れるボタンのクラス  *****/
.InCartSmall{
/* font-sizeによって伸縮 */
/*	width:			270px;*/
/*	height:			40px;*/
	font-size:		24px;
	background:		Red;
	color:			Silver;
	font-weight:	bold;
	cursor:			pointer;
}
.InCartLarge{
/*	width:			350px;*/
/*	height:			60px;*/
	font-size:		36px;
	background:		Red;
	color:			Silver;
	font-weight:	bold;
	cursor:			pointer;
}
/************* #main styles *************/

/* サイドメニューある場合に使う */
#content_side{
	float:				right;
	width:				730px;
	margin:				10px 0px 20px 0x;
	padding:			10px 0px 30px 10px;
/*
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		10px;
	padding-bottom:		30px;
*/

	text-align:			left;
	/*background:		url(./images/hLineDebug.gif) repeat-y;*/
/*	background-color: 	blanchedalmond; /* debug */
/*	background : 		url(./images/HaikeiYellowFEF5BC.gif) repeat;*/
	background : 		White;/* debug */

	font-size:			12px;
}


/* サイドメニューない場合に使う */
#content_main{
	float:				left;
	width:				976px;
	margin:				10px 0px 20px 0px;
	padding:			0px;
/*
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		10px;
	padding-bottom:		30px;
*/

	text-align:			left;
	/*background:		url(./images/hLineDebug.gif) repeat-y;*/
/*	background-color: 	blanchedalmond; /* debug */
/*	background : 		url(./images/HaikeiYellowFEF5BC.gif) repeat;*/
	background:			White;

	font-size:			12px;
}

#content_main dt{
	/*background:		url(../images/point.gif) no-repeat;*/
	font-size:			12px;
	margin-top:			20px;
	margin-bottom:		10px;
	padding-left:		30px;
	padding-bottom:		2px;
	line-height:		20px;
}

#content_main dd{
	font-size:			12px;
	color:				#FF6633;
	/*background:		url(../images/dots01.gif) no-repeat;*/
	height:				16px;
	line-height:		16px;
	margin-left:		10px;
	margin-bottom:		4px;
	padding-left:		14px;
	padding-bottom:		4px;
}

#content_main p{
	font-size:			12px;
	padding-left:		14px;
	padding-right:		14px;
	line-height:		1.6em;
	margin-top:			10px;
}

#content_main a:hover {
/*  color: 			#CC0000;*/
  text-decoration: 	underline;
}
#content_main.Peraro{
	background:			url(./Image/birdseye.jpg) repeat;
	margin:				30px 0px 30px 0x!important;
	padding:			30px 0px 30px 0x!important;
	border:				10px solid saddlebrown;
	width:				956px;
	_width:				976px;

}

/******************** メニュー **************************/

/* サイドに縦に展開 */
#sidecomment{/*  */
	font-size:		13px;
/*	background:		url(./images/SidemenuLineF9EF71.gif) repeat-y;	/* */
	background: 	White;
	color: 			Maroon;
	float:			left;
	width:			200px;
	font-weight:	nomal;
	margin:			0px 0px 0px 0px;
/*	padding:		10px 0px 10px 0px;		*/
/*	border-top:		1px solid blue;
	border-bottom:	1px solid blue;

	border:		1px solid gold;
*/

}
#sidecomment dl{
/*	border:				1px solid gold;			*/
}
#sidecomment dt{
	background:			Orange;
	font-size:			18px;
	font-weight:		bold;
	padding-left:		14px;
	border:				1px solid Orange;
	color:				DarkGreen;
}

#sidecomment dd{
/*	background:			orange;	/* display:	block;	 下に１行分の隙間ができる <- 隠せる */
/*	background:			url(./images/SidemenuLineF9EF71.gif) repeat-y;	/* */
	text-align:			left;
	font-size:			13px;
	border-bottom:		1px solid Orange;
	border-left:		1px solid Orange;
	border-right:		1px solid Orange;
	padding:			0px;
	color:				white;
}


#sidecomment dd a{
	display:			block;	/* 下に１行分の隙間ができる */
	padding:			3px 3px 3px 5px;
	margin:				0px;
	border-left:		5px solid White;
	background:			White;
	color:				Blue;
}
#sidecomment dd.nolink{	/* 自分自身の項目　dd a と同じにすること */
	display:			block;	/* 下に１行分の隙間ができる */
	padding:			3px 3px 3px 5px;
	margin:				0px;
	border-left:		6px solid Red;
	background:			Lightgrey;
	color:				Red;
}
#sidecomment dd a:visited{
	color:				Darkgray;
	border-left:		5px solid Whitesmoke;
	background:			Whitesmoke;
}
#sidecomment dd a:hover{
	color:				Red;
	border-left:		5px solid Red;
	background:			White;
	text-decoration: 	underline;
}
#sidecomment dd a:active{
	color:				Red;
	border-left:		5px solid Red;
	background:			Lightgrey;
}
/*  firefox NG
#sidecomment dd a:link{
	color:				yellow;
	border-left:		5px solid yellow;
	background:			white;
}
*/
/*#sidecomment dd:hover{
	border-left:		5px solid red;
	border-top:		1px solid red;
	border-right:		1px solid red;
	border-bottom:		1px solid red;
	background:			black;
}*/
#sidecomment p{
/*	display:			block;	/* 下に１行分の隙間ができる */
}
#sidecomment a:hover{
/*	text-decoration: underline;*/
}



#sidemenu{
	float:			left;
	background:		dimgray;	/* */
	width:			200px;
	font-weight:	nomal;
	text-align:		left;
	margin-top:		0px;
	margin-left:	0px;
}
#sidemenu dt{
	background:		black;
	color:			lightgrey;
	font-size:		13px;
	padding-left:	16px;
	border-bottom:	1px solid #fff;
	height:			30px;
	line-height:	30px;
}
#sidemenu dd{
	font-size:		13px;
	border-bottom:	1px solid #fff;
	padding-left:	2px;

}
#sidemenu dd p{	/* 無効な項目を表示するため */
	display:		block;
	height:			20px;
	line-height:	20px;
	color:			lightgrey;
	padding-left:	16px;
}

#sidemenu dd a{
	display:		block;
/*	background:		url(./Image/arrow012_05.gif) no-repeat;	/* */
/*	background-position:	3px center;*/
	height:			20px;
	line-height:	20px;
	color:			white;
	padding-left:	16px;
	text-decoration:	none;
}
/* マウスオーバー時の仕様 */
#sidemenu dd a:link, a:active, a:visited {
  color: 			#0033cc;
	color:			white;

  text-decoration: 	none;
}
#sidemenu dd a:hover{
	color:				black;
	background:			gainsboro;
	text-decoration: underline;

}
#sidemenu dd:hover{
/*	background:		url(./Image/arrow012_01.gif) no-repeat;	/* */
/*	background-position:	3px center;*/
	color:				black;
	background:			gainsboro;
}
/*
#sidemenu dd a:link, a:active{
	color:			yellow;
    text-decoration: 	none;
}
#sidemenu dd a:visited {
	color:			red;
    text-decoration: 	none;
}
*/



/****** 途中の案内 ******/
/* 横に展開したいのでtableを適用 */
#tochuumenu{
	float:			right;
	background: 	whitesmoke;
/*	_text-align: 	center;*/
	margin-left:	auto;
	margin-right:	70;
	margin-top:		10px;
	margin-bottom:	00px;
	padding-top:	0px;
	padding-right:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
}
#tochuumenu table{
/*	border-collapse: collapse;	/* 隣接するセルをくっつける */
	border-spacing: 0px;		/* border-collapse:separate; の時に有効 */
}
#tochuumenu tbody{
}
#tochuumenu tr{
}
#tochuumenu td{
/*	padding:	0px;
	margin:		0px;*/
	empty-cells:	hide;

}
/** マウスを当てたとき枠全体表示を変えるため a で全体を作成する **/
#tochuumenu td a{
	font-size:		12px;
	padding-top:	2px;
	padding-bottom:	1px;
	padding-left:	5px;
	padding-right:	5px;
	text-decoration: none;
}


#tochuumenu td a:link, a:active, a:visited {
  color: 			#0033cc;
  text-decoration: 	none;
}
#tochuumenu td a:hover{
	text-decoration: underline;
}

/************************************************/
/************* 商品陳列テーブル *****************/
/************************************************/

/* トップサイトで使用 */
#showwindow{
	margin:		0px;
}
#showwindow table{
	padding:	0px;
	margin:		0px;
	border-collapse: collapse;	/* 隣接するセルをくっつける */
	border-spacing: 0px;		/* border-collapse:separate; の時に有効 */
}
#showwindow tbody{
	padding:	0px;
	margin:		0px;
}
#showwindow tr{
	padding:	0px;
	margin:		0px;
}
#showwindow td{
	padding:	0px;
	margin:		0px;
	empty-cells:	hide;

}
/** マウスを当てたとき枠全体表示を変えるため a で全体を作成する **/
#showwindow td a{
	float:			left;	/* なくすと IE：380×60で表示  他：文字の大きさで表示 */
/*	vertical-align:	middle;*/

	font-size:		16px;
	margin-left:	00px;
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;
	text-decoration: none;
	border:			2px solid lightyellow;
	background:		none;


	text-align:		left;
	color:			#666666;
}
/* テキスト表示の枠と画像表示の枠の大きさを変えるため class で分割し枠の大きさだけを定義 */
/* HTML では <a class="text" href…. のように記述 */
#showwindow td a.text{
	padding-top:	22px;
	padding-bottom:	0px;
	padding-left:	20px;
	padding-right:	0px;
	height:			38px;	/* padding-top+height=60 */
	_height:		64px;	/* IE 画像の高さ60+何か4で高さが一致する */
	width:			380px;
}
#showwindow td a.imagebig{
	height:			60px;
	width:			468px;
}
#showwindow td a.imagemid{
	height:			60px;
	width:			438px;
}
#showwindow td a.imagesmall{
	height:			60px;
	width:			234px;
}
#showwindow td a:link, a:active, a:visited {
  color: 			#0033cc;
  text-decoration: 	none;
}

#showwindow td a:hover{
/*	color: 			yellow;
	text-decoration: 	underline;
	border-color:	red;*/
	color:			white;
	font-weight:	bold;
	background:		tomato  ;	/* メニュータイトルの上部と同じ色 */
	border-color:	red;
	text-decoration: underline;
}

#samary a:hover{
	text-decoration: underline;
}

#price{
	margin-top:		10px;
	margin-bottom:	5px;
	margin-left:	auto;
	margin-right:	auto;
	font-size: 		15px;
}
#price p{
	padding-left:	180px;
}
#samary ul{
	margin-left:	20px;
}
#sw_left{
	width:			40%;
	float:			left;

}
#sw_right{
	float:			right;
	width:			55%;
	margin-right:	10px;

}
#samary{
	margin-bottom:	20px;
	margin-left:	10px;
	width:			90%;
}
#samary p{
	text-align: 	left;
/*	line-height:	(14+10)px;    本当はこうしたい*/
	line-height:	28px;	/* SetStyleSheet.cs の XcssSTR_FSSSammarylineHeight の項目を参照 */
	line-height:	1.6em;	/* SetStyleSheet.cs の XcssSTR_FSSSammarylineHeight の項目を参照 */
	font-size:		14px;
	color: 			Maroon;
	font-size:		14px;
}


#chokusou{
	margin:		15px 10px 5px 300px;
	font-size: 		12px;
	color: 			Maroon;
}
#chokusou.nallow{
	margin-left:	10px;
}
#chokusou.wide{
	margin-left:	10%;
	margin-right:	10%;
}
#chokusou p{
	font-size: 		14px;
	text-align: 	left;
	line-height:	15px;
	padding:		1px;
	margin:			1px;
}
#chokusou.nallow p{
	font-size: 		12px;
	line-height:	12px;
	padding:		1px;
	margin:			0px;
}




#osusume{
	margin:			40px 40px 30px 50px;
	padding:		5px 20px 30px 5px;
	text-align: 	left;
	font-size: 		18px;
}
#osusume p{
	margin:			4px 0px 0px 30px;
	padding:		0px;
	font-size: 		18px;

}

#sw1{
	margin-left:	auto;
	margin-right:	auto;
	text-align: 	center;
	font-size: 		12px;

}
#sw1 ul{
	margin-left:	20px;
}
#sw1 table{
	margin-left:	auto;
	margin-right:	auto;
/*	border:			2px solid dimgray;/* ここでつけないと下にはつかない */
	border-collapse: collapse;	/* 隣接するセルをくっつける */
}
#sw1 tbody{
	padding:	0px;
	margin:		0px;
}
#sw1 th{
	padding:	2px;
	margin:		0px;
	text-align:	center;
	font-size: 		12px;

}
#sw1 tr{
	padding:	0px;
	margin:		0px;

}
#sw1 td{
	padding:	0px;
	margin:		0px;
	empty-cells:	hide;
}

#sw1 h6{
	font-size:			12px;
	background: 		whitesmoke  ;
	margin:				30px 150px 5px 150px;
	text-align:			center;
	line-height:		30px;
	height:				30px;
	border-left: 		10px solid lightgrey  ;
	border-top: 		3px solid lightgrey   ;
	border-right: 		3px solid black ;
	border-bottom: 		3px solid black ;
}

/* 商品一覧リスト */
#sw_list{
	margin-left:	auto;
	margin-right:	auto;
	text-align: 	center;
}
#sw_list table{
	margin-left:	8px;
	margin-right:	8px;
/*	border-left:	1px solid Maroon;/* ここでつけないと下にはつかない */
	border-bottom:	3px solid Maroon;/* ここでつけないと下にはつかない */
	border-collapse: collapse;	/* 隣接するセルをくっつける */
}
#sw_list tbody{
	padding:	0px;
	margin:		0px;
}
#sw_list th{
	padding:	2px;
	margin:		0px;
	text-align:	center;
	font-size: 		12px;

}
#sw_list tr{
	padding:	0px;
	margin:		0px;

}
#sw_list td{
	text-align:		center;
	padding-top:	5px;
	margin:			0px;
	empty-cells:	hide;
	font-size:		13px;
	color:			Maroon;
}
#sw_list a{
	display:			block;	/* 下に１行分の隙間ができる */
	padding:			2px;	/* 1px以上にすると商品一覧リストの画像の周りに背景色が出る */
	margin:				0px;
	background:			White;
	color:				Blue;

}
#sw_list dd.nolink{	/* 自分自身の項目　dd a と同じにすること */
	display:			block;	/* 下に１行分の隙間ができる */
	padding:			3px 3px 3px 5px;
	margin:				0px;
	border-left:		6px solid Red;
	background:			Lightgrey;
	color:				Red;
}
#sw_list a:visited{
	color:				Darkgray;
	background:			Whitesmoke;
}
#sw_list a:hover{
	color:				Red;
	background:			White;
	text-decoration: 	underline;
}
#sw_list a:active{
	color:				Red;
	background:			Lightgrey;
}
#sw_list p{
	padding:		1px;
	margin:			0px;
	font-size:		15px;
	line-height:	18px;
	color:			Red;
}
#sw_list img.p1{
	border:			1px solid Maroon;
	width:			150px;
	height:			150px;
}
/* 商品文字列リンクリストのため */
#sw2-over{
	width:			976;	/* max = 976px */
/*	border:			1px solid dimgray;/* ここでつけないと下にはつかない */
}
#sw2{
/*	width:			330;*/
	float:			left;
	margin-top:		10px;
	margin-left:	10px;
	font-size: 		12px;
/*	border:			1px solid dimgray;/* ここでつけないと下にはつかない */

}
#sw2 ul{
	margin-left:	20px;
}
#sw2 table{
	margin-left:	auto;
	margin-right:	auto;
/*	border:			2px solid dimgray;/* ここでつけないと下にはつかない */
	border-collapse: collapse;	/* 隣接するセルをくっつける */
}
#sw2 tbody{
	padding:	0px;
	margin:		0px;
}
#sw2 th{
	padding:	0px;
	margin:		0px;
	border-bottom:			1px solid dimgray;/* ここでつけないと下にはつかない */
	text-align: 	left;

}
#sw2 tr{
	padding:	0px;
	margin:		0px;

}
#sw2 td{
	padding-left:	5px;
	margin:		0px;
	empty-cells:	hide;
}
#sw2 td:hover{
/*	background:		darkgray  ;	/* メニュータイトルの上部と同じ色 */
}
#sw2 td a{
	font-size:		13px;

}
#sw2 td p{
	font-size:		13px;
	color:			gray  ;
}
#sw2 td a:hover{
	text-decoration: underline;
	color:			saddlebrown  ;

}

/* 商品一覧表 */
#sw-table{
	text-align:		center;
	_text-align:	center;
	margin:			8px;

}
#sw-table table{
	margin-left:	auto;
	margin-right:	auto;
	font-size:		13px;
	border:			1px solid Maroon;/* ここでつけないと下にはつかない */
	border-collapse: collapse;	/* 隣接するセルをくっつける */
}
#sw-table tbody{
	padding:	0px;
	margin:		0px;
}
#sw-table th{
	padding:	0px;
	margin:		0px;
/*	border-bottom:			1px solid dimgray;/* ここでつけないと下にはつかない */
	text-align: 	left;

}
#sw-table tr{
	padding:	0px;
	margin:		0px;

}
#sw-table tr.header{	/* ヘッダー行 */
	text-align:		center;
	background:		dimgray;
/*	border-bottom-style:	 double;
	border-bottom-color:	lightgray;*/
	color:				DarkGreen;
	background:			Orange;
}
#sw-table tr.even{	/* 偶数行 */
	background:		gainsboro     ;	/* 表に色づけ */
}
#sw-table tr.odd{	/* 奇数行 */
}

#sw-table td{
	padding:	 2px 5px 2px 5px ;
	margin:			0px;
	empty-cells:	hide;
	border:			1px solid Maroon;/* ここでつけないと下にはつかない */
}
#sw-table td.price{
	text-align:		right;
}
#sw-table td.center{
	text-align:		center;
}
#sw-table td.color{
	color:				Darkgray;
	background:			Whitesmoke;
}
#sw-table td.vaMid{
	vertical-align:		middle ;
	background:			white;
	color:				Maroon;
}

#sw-table td:hover{
/*	background:		darkgray  ;	/* メニュータイトルの上部と同じ色 */
}
#sw-table td p{
	font-size:		12px;
}
#sw-table td a{
	font-size:		13px;
  	color: 			blue;

}
#sw-table td a:link, a:active, a:visited {
/*  color: 			gray;*/
  text-decoration: 	none;
}
#sw-table td a:hover{
	text-decoration: underline;
}
#sw-table h6{
	font-size:			12px;
	background: 		whitesmoke  ;
	margin:				30px 150px 5px 150px;
	text-align:			center;
	line-height:		30px;
	height:				30px;
	border-left: 		10px solid lightgrey  ;
	border-top: 		3px solid lightgrey   ;
	border-right: 		3px solid black ;
	border-bottom: 		3px solid black ;
}

/****** 注意喚起 ******/
#cautionarea{
	margin:			10px 10px 5px 100px;
	text-align:		left;
}
#cautionarea p{
	color:			red;
	font-size:		12px;
	margin:			5px 0px 2px 10px;
	padding:		0px;

}


#spec{
	margin:			5px 0px 5px 30px;
	padding:		0px 0px 0px 0px;
	text-align:		left;

}
#spec p{
	margin:			2px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
}
/************************************************/
/***************** 割引％表示 *******************/
/************************************************/
#offAndArrow{
	margin:		20px 0px 20px 0px;
	color:			blue;
	font-size:		28px;
	height:			30px;
	background-position:center
}
#offAndArrow.one{
	width:			240px;
	background:		url(./Image/arrow057_02.png) no-repeat;
}
#offAndArrow.two{
	width:			240px;
	background:		url(./Image/arrow057_02.png) repeat-x;
}
#offAndArrow.three{
	width:			360px;
	background:		url(./Image/arrow057_02.png) repeat-x;
}

/*******  *********/

#ads{
	background : 	url(./images/hLine.gif) no-repeat;
	margin-top:		30px;
	margin-left:	10px;
	margin-right:	10px;
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	10px;
	height:			240px;
}

#ads p{
	font-size:		13px;
	margin-top:		10px;
	color:			#0000FF;
}

#ads a{
	line-height:	10px;
	font-size:		10px;
	color:			#666666;
	text-decoration: none;
}

/*???t?b?^?[ */

#foot{
	clear:			both;
	text-align:		center;
	font-size:		10px;
	background:		url(../images/footer_bg.gif) repeat-x;
	width:			750px;
	height:			20px;
}

#foot a{
	color:			#666666;
	text-decoration: none;
}

#foot p{
	font-size:		9px;
	color:			#cccccc;
}



.img {
	background:		url(../images/xhtml.gif) no-repeat;
	text-align:		left;
	line-height:	1.6em;
	padding-left:	120px;
} 
/*????????F???? */



 /* ↓本体のスタイル↓ */

#body-box {
  width: 			980px;
  border: 			1px solid #CCCCCC;
  margin-top:		8px;
}

 /* ↓ヘッダーのスタイル↓ */

#catch1 {
  font-size: 		16px;
}
#footer-menu {
  background-color: gainsboro;
	border-top: 	1px solid dimgray   ;
	border-bottom: 	1px solid dimgray ;
	font-size:		12px;
    
}
#footer-menu a:link, a:active, a:visited {
  color: 			#0033cc;
  text-decoration: 	none;
}
          
#footer-menu a:hover {
/*  color: 			#CC0000;*/
  text-decoration: 	underline;
}

/*  << 1 2 3 4 >> のようなリンク */
#NextPrevMenu {
/*
  	background-color: gainsboro;
	border-top: 	1px solid dimgray;*/
	border-bottom: 	1px solid Maroon;
	font-size:		14px;
	margin:			20px 0px 10px 0px;
	padding:		0px 0px 5px 0px;
}
/*
#NextPrevMenu a:link, a:active, a:visited {
  color: 			#0033cc;
  text-decoration: 	none;
}
          
#NextPrevMenu a:hover {
  color: 			#CC0000;
  text-decoration: 	underline;
}
#NextPrevMenu nolink{	/* 自分自身の項目　dd a と同じにすること */
/*
	color:				Red;
	background:			Lightgrey;
	color:				green;
	background:			gray;
}
*/
#NextPrevMenu a{
	border:				1px solid Orange;
	margin-left:		6px;
	padding:			0px 4px 0px 4px;
}
#NextPrevMenu a:visited{
	color:				Darkgray;
	background:			Whitesmoke;
}
#NextPrevMenu a:hover{
	color:				Red;
	background:			White;
	text-decoration: 	underline;
}
#NextPrevMenu a:active{
	color:				Red;
	background:			Lightgrey;
}

.OwnLink{
	color:				Red;
	background:			Lightgrey;
	border:				1px solid Orange;
	margin-left:		6px;
	padding:			0px 4px 0px 4px;
}
.OnlyDisp{	/* 文字列の表示だけ */
	margin-left:		6px;
	padding:			0px 4px 0px 4px;
}







#tochuu-menu {
  background-color: #FEF5BC;
  padding: 			2px;
  font-size:		12px;
}

#delivery-text {
  margin-right:		10px;
}


 /* ↓商品紹介部分のスタイル↓ */
      
#contents-box {
  border-bottom: 	1px dotted #FFCC33;
  padding-top:		5px;
  margin-bottom: 	20px;
}

#catch3 {
  font-size: 		15px;
  line-height:		1.5em;
  margin-top: 		20px;
}

.price-box {
  width:			100%;
  line-height:		1.5em;
  margin:			10px 0;
}

#catch7 {
  font-size: 		20px;
  line-height:		1.5em;
  margin: 			40px 50px;
}

#bottom-name {
  margin:			0;
  line-height:		1.5em;
}

.line-title {
  background-color: #FEFF74;
  padding: 			5px;
  margin: 			50px 50px 0;
}

.item-explain {
  margin: 			20px 50px;
}
        
#item-cart {
  width: 			520px;
  padding: 			5px 20px 0;
  margin: 			30px auto;
  background-color: #FCFAAE;
}

#item-cart img {
  margin:			5px;
}

 /* ↓商品スペックのスタイル↓ */

#item-detail {
  border: 			1px solid Maroon;
  width: 			90%;
  margin: 			20px auto;
	color:			Maroon;
	font-size:		12px;
}

#item-detail-in {
  padding: 			5px 10px;
}
#item-detail p{
	font-size:		12px;
}

.spec {
  padding:			0 10px;
}

 /* ↓フッターのスタイル↓ */
#to-top {
  margin-left: 	15px;
  margin-top: 	7px;
  margin-bottom: 7px;
  font-size: 		12px;
}
#to-top	a:hover{
	text-decoration: underline;
}
        
#footer {
  font-size: 		10px;
  background-color: #FFFF7E;
  padding: 			1px;
}


#footer-link {
  text-align: 		center;
  color: 			#cccccc;
  font-size: 		10px;
}
.text-color-3 {
  color:#333333;
}



/******** 共通クラス ********/
.clear-margin {
	margin:			0;
}
.clear-padding {
	padding:		0;
}


.block-center {
  margin-right: 	auto;
  margin-left: 		auto;
}

.float-left {
  float:			left;
}

.float-right {
  float:			right;
}

.clear-both {
  clear:			both;
  float:			none;
  width:			0px;
  height:			0px;
  visibility:		hidden;
  display:			block;
  margin:			0;
  padding:			0;
}

* html .clear-both {
  clear:			both;
  width:			0px;
  height:			0px;
  display:			none;
  margin:			0;
  padding:			0;
}

.Margin30 {
  margin-top: 		30px;
  margin-bottom: 	30px;
	text-align:		center;
}
 /* ↓フォントのスタイル↓ */

.bold {
  font-weight: 		bold;
}
        
.white {
  color:			#FFFFFF;
}

.dilute-gray {
  color:			#444444;
}

.font-14 {
  font-size: 		14px;
}

.font-20 {
  font-size: 		20px;
}

.inline-center {
  text-align: 		center;
}

.inline-left{
  text-align: 		left;
}

.inline-right{
  text-align: 		right;
}
.vatop{
  vertical-align:	top;
}

.red  {color: red; font-weight: normal;}
.redb {color: red; font-weight: bold;}
.redl {color: red; font-weight: bold; font-size:20px;}
.bold {font-weight: bold;}
.blue  {color: blue; font-weight: normal;}
.blueb {color: blue; font-weight: bold;}
.bluel {color: blue; font-weight: bold; font-size: 16px;}

.orange  {color: orange; font-weight: normal;}
.orangeb {color: orange; font-weight: bold;}
.orangel {color: orange; font-weight: bold; font-size: 16px;}

.xx-small  {font-size: xx-small;}
.x-small  {font-size: x-small;}
.small  {font-size: small;}
.medium  {font-size: medium;}
.large {font-size: large;}
.x-large {font-size: x-large;}

.a {font-family: serif;}
.a1{font-family: sans-serif;}
.a2{font-family: cursive;}
.a3{font-family:fantasy;}
.a4{font-family:monospace;}