@charset "utf-8";

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td, ol, ul, li, dl, dt, dd {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
}

html {
	text-align:center;
	padding:0;
	margin:0;
	background-image:url(../images/wrapping_back.gif);
	background-repeat:repeat-y;
	background-position:center;
}

body {
	text-align:center;
	font-size:14px;
	color:#333333;
	margin:0;
	padding:0;
	background:#ffffff top center repeat-x;
	background-image: url(../images/page_back.gif);
}
body#home {
	background-image: url(../images/page_back_home.gif);
}

table{
	font-size:100%
}

a {
	color:#0066cc;
	text-decoration:underline;
}

a:hover {
	color:#0066cc;
	text-decoration:none;
}

a.a_type1 {
	padding-left:15px;
	background: url(../images/list02.gif) no-repeat left center;
}

.clearborder{
	clear:both;
	line-height:0;
	width:100%;
	font-size:0px;
}
.ClearBoth{
	float:none;
	clear:both;
	width:100%;
	font-size:0;
	height:0;
	line-height:0;
}
.ClearBorder1{
	float:none;
	clear:both;
	width:100%;
	font-size:0;
	height:0;
	line-height:0;
	border-bottom:1px dotted #000000;
}

.ClearBorder2{
	float:none;
	clear:both;
	width:100%;
	font-size:0;
	height:0;
	line-height:0;
	border-bottom:1px dotted #cccccc;
}
.border_hasen{
	clear:both;
	width:100%;
	font-size:0px;
	height:30px;
	background:url(../images/hasen1.gif) repeat-x center bottom;
}

#wrapping{
	width:960px;
	padding-bottom:60px;
	margin:0 auto;
	text-align:left;
	background-image:url(../images/wrapping_back.gif);
	background-repeat:repeat-y;
	background-position:center;	
}

/*　メインコンテンツ　*/

#MainContents {
	width:720px;
	float:right;
	line-height:1.5;
}

/*　キャッチ画像　*/
#CatchArea img {
	vertical-align:top;
}

/*　グローバルナビ　*/
#GlobalNavi {
	position: relative;
	margin-top:1px;
	list-style:none;
	line-height:1;
	text-align:left;
	width:720px;
	letter-spacing: -.40em;
	z-index:2;
}
#GlobalNavi li {
	display:-moz-inline-box;	/* IE6,7用 */
	display: inline-block;
	letter-spacing: normal;
	*display: inline;	/* IE6,7用 */
	*zoom: 1;	/* IE6,7用 */
	vertical-align:top;
	height:39px;
}
#GlobalNavi li.end {
	margin-right:0;
}

#GlobalNavi li img {
	vertical-align:top;
}

#GlobalNavi a:hover {
	color: #ffffff;
}
#GlobalNavi a:active {
	color: #ffa500;
}
#GlobalNavi li a {
	display: #ffffff;
	/*width:160px;*/
	vertical-align:top;
}
#GlobalNavi li:last-child a {
	border-right: none;
} /* Doesn't work in IE */
#GlobalNavi li.hover, #GlobalNavi li:hover {
	color: #ffffff;
	position: relative;
}
#GlobalNavi li.hover a {
	color: #ffffff;
}

/*	LEVEL TWO*/
#GlobalNavi ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	margin:0;
	padding:0;
}
#GlobalNavi ul li {
	font-weight: normal;
	float: none;
	height:auto;
}
#GlobalNavi ul li.end {
	border-bottom:1px solid #cccccc;
}
#GlobalNavi ul li img {
	vertical-align:top;
}
#GlobalNavi a.cursor_text{
	cursor:text;
}

/* IE 6 & 7 Needs Inline Block */
#GlobalNavi ul li a {
	border-right: none;
	display: inline-block;
	color:#ffffff;
	background-color:#5F9E23;
	background-image:url(../images/list03.gif);
	background-position:10px center;
	background-repeat:no-repeat;

}
#GlobalNavi ul li a:hover {
	background-color:#99CC00;
	color:#ffffff;
	text-decoration:none;
	background-image:url(../images/list03_on.gif);
}

/* 	LEVEL THREE*/
#GlobalNavi ul ul {
	left: 100%;
	top: 0;
}
#GlobalNavi li:hover > ul {
	visibility: visible;
}

/*パンくずリスト*/
#breadcrumb {
	letter-spacing: -.40em;
}
#breadcrumb li {
	padding-right:15px;
	margin-left:8px;
	display:-moz-inline-box;	/* IE6,7用 */
	display: inline-block;
	letter-spacing: normal;
	*display: inline;	/* IE6,7用 */
	*zoom: 1;	/* IE6,7用 */	
	background:url(../images/breadcrumb_list.gif) no-repeat right center;
}
#breadcrumb li.end {
	background:none;
}

/*メインコンテンツ内*/
h2.subtitle{
	border-bottom:2px solid #808080;
	padding:15px 5px 21px 5px;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
	background:url(../images/subtitle_back.gif) repeat-x bottom;
	font-size:18px;
}

/* おすすめ */
#osusume {
	width:680px;
	float:right;
	text-align:left;
	letter-spacing: -.40em;
}
#osusume li{
	display:-moz-inline-box;	/* IE6,7用 */
	display: inline-block;
	letter-spacing: normal;
	margin-right: 25px;
	*display: inline;	/* IE6,7用 */
	*zoom: 1;	/* IE6,7用 */
	vertical-align:top;
}
#osusume li.end{
	margin-right:0px;
}
#osusume img{
	vertical-align:top;
}
#osusume li.LiNoel{
	position:relative;
	width:445px;
	/*height:160px;*/
	z-index:1;
	background:red;
}
	#osusume li.LiNoel a{
		position:absolute;
		top:-10px;
		left:-10px;
	}

/* フェアー情報・新商品情報 */
.contents_area{
	width:680px;
	float:right;
	text-align:center;
	background:url(../images/contents_block_back.gif) no-repeat center top;
}

.contents_area2{
	width:680px;
	float:right;
	text-align:center;
	padding-top: 190px;
	background:url(../images/concept/top2.gif) no-repeat center top;
}
.concept_area{
	width:680px;
	margin-bottom: 0px;
	float:right;
	text-align:left;
	font-size: 13px;
}
.concept_area2{
	width:680px;
	margin-top: 30px;
	float:right;
	text-align:center;
}
.concept_area3{
	width:680px;
	height: 247px;
	margin-bottom: 200px;
	float:right;
	text-align:left;
	background:url(../images/concept/con3-1.jpg) no-repeat left top;
}

.concept_area th.top{
	width:100px;
	padding-top: 10px;
	height: 20px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	border-bottom: dotted 1px #C1C1C1;
}
.concept_area td.top{
	width:580px;
	padding-top: 10px;
	height: 20px;
	vertical-align: top;
	border-bottom: dotted 1px #C1C1C1;
}
.concept_area th{
	width:100px;
	padding-top: 5px;
	height: 20px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	border-bottom: dotted 1px #C1C1C1;
}
.concept_area td{
	width:580px;
	padding-top: 5px;
	height: 20px;
	vertical-align: top;
	border-bottom: dotted 1px #C1C1C1;
}
.concept_area th.end{
	width:100px;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 20px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	border-bottom: dotted 1px #C1C1C1;
}
.concept_area td.end{
	width:580px;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 20px;
	vertical-align: top;
	border-bottom: dotted 1px #C1C1C1;
}

.concept01{
	width: 100%;
	padding-top: 30px;
	line-height: 40px;
	letter-spacing: 4px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.concept02{
	margin-left: 80px;
	padding-top: 10px;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: 2px;
	float:left;
	clear: both;
}

.concept03{
	width:380px;
	height: 188px;
	padding-top: 40px;
	float: left;
	font-size: 13px;
	line-height: 28px;
	letter-spacing: 3px;
	background:url(../images/concept/cote.gif) no-repeat center;
}
.concept04{
	width:680px;
	height: 168px;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
}

.concept05{
	width:460px;
	height: 230px;
	margin-left: 300px;
	padding-top: 30px;
	float: right;
	font-size: 13px;
	line-height: 28px;
	letter-spacing: 3px;
	background:url(../images/concept/cote.gif) no-repeat center;
}
.concept06{
	width:680px;
	height: 168px;
	margin: 220px 0 30px 0;
	padding: 10px 0 30px 0;
}

.dl_type01{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	letter-spacing: -.40em;
	border-bottom:dashed 1px #a0a0a0;
}

.dl_type01 dt{
	width:120px;
	_width:210px;	/* IE6用 */
	display:-moz-inline-box;	/* IE6,7用 */
	display: inline-block;
	letter-spacing: normal;
	*display: inline;	/* IE6,7用 */
	*zoom: 1;	/* IE6,7用 */
	background:url(../images/list01.gif) no-repeat 5px center;
	border-top:dashed 1px #a0a0a0;
	padding-right:15px;
	padding-left:25px;
	vertical-align:top;
}

.dl_type01 dd{
	width:495px;
	_width:450px;
	display:-moz-inline-box;	/* IE6,7用 */
	display: inline-block;
	letter-spacing: normal;
	*display: inline;	/* IE6,7用 */
	*zoom: 1;	/* IE6,7用 */
	border-top:dashed 1px #a0a0a0;
	padding-right:5px;
}
.dl_type01 dt,
.dl_type01 dd{
	padding-top:10px;
	padding-bottom:10px;
}
.dl_type01 dt.top,
.dl_type01 dd.top{
	border-top:none;
}
.dl_type01 p{
	font-size:12px;
	background:#f1f1f1;
	padding:5px;
	margin-top:5px;
}


/*サイド*/
#SideArea{
	width:240px;
	float:left;
	margin:0 0 0 0px;
	padding:0;
	line-height:1.5;
	text-align:center;
}
#SideArea .logo{
	vertical-align:top;
}

#SideArea ul img{
	vertical-align:top;
}

#SideArea ul.banner{
	margin-top:30px;
	width:210px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#SideArea ul.banner li{
	margin-bottom:10px;
}

/*フッター*/
#footer{
	background:url(../images/footer_back.gif) repeat-x top center;
}

#pagetop_inner{
	background:url(../images/pagetop_back.gif) repeat-y top center;
	height:50px;
	width:960px;
	text-align:right;
	margin-right:auto;
	margin-left:auto;
}
#pagetop img{
	margin-right:10px;
}

#footer_inner{
	width:960px;
	text-align:left;	
	margin-right:auto;
	margin-left:auto;
	background:url(../images/footer_inner_back.gif) repeat-y top center;
}
#footer_inner ul{
	margin-top:-5px;
}
#footer_inner li{
	margin-top:10px;
	margin-right:30px;
	margin-left:30px;
}
#footer_inner li a{
	background:url(../images/list01.gif) no-repeat left center;
	padding-left:20px;
}

#footer_inner .ul_2{
	text-align:left;
	letter-spacing: -.40em;
	margin-left:30px;
	width:460px;
	_width:490px;	
}

#footer_inner .ul_2 li{
	width:143px;
	display:-moz-inline-box;	/* IE6,7用 */
	display: inline-block;
	letter-spacing: normal;
	*display: inline;	/* IE6,7用 */
	*zoom: 1;	/* IE6,7用 */
	margin-right:10px;
	margin-left:0px;
}
#footer_inner .ul_2 li.title{
	display:block;
}
#footer_inner .ul_2 li.end{
	width:123px;
	widows:_183px;

}

#footer_inner a {
	color:#000000;
	text-decoration:none;
}

#footer_inner a:hover {
	color:#0066cc;
	text-decoration:underline;
}

#Copyright{
	clear:both;
	text-align:center;
	padding-top:30px;
	padding-bottom:15px;
	background:#ffffff;
	font-size:12px;
}