@charset "shift_jis";


/* ----------------------------------------
 :: index ::

 1. Base
 2. Layout
 3. HeaderArea
 4. FooterArea
 5. NavigationArea
 6. ContentsArea

 7. Other

----------------------------------------
・印刷の縮小率
 645px / 776px :: 83.11%;
 645px / 676px :: 95.41%;
---------------------------------------- */





/* 1. Base
---------------------------------------- */
body {
	background: none;
}




/* 2. Layout
---------------------------------------- */
div#Container {
	width: 645px;
	margin: 0 2px;
}
/* ie(under7) */
* html div#Container { width: 645px; }
/* /ie(under7) */

div#HeaderArea ,
div#NavigationArea ,
div#ContentsArea ,
div#FooterArea {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
}
/* ie(under7) only */
* html div#ContentsArea { width: 100%; }
/* */

/* non display
-------------------- */





/* 3. HeaderArea
---------------------------------------- */
div#HeaderArea div#logo {
	float: none;
	width: auto;
	height: auto;
}
div#HeaderArea div#logo img {
	width: 134px;
	height: auto;
}

/* non display
-------------------- */
div#HeaderArea dl#HeaderLink,
div#HeaderArea dl#GlobalNav {
	display: none;
}





/* 4. FooterArea
---------------------------------------- */
div#FooterArea {
	clear: both;
}
div#FooterArea p#Copyright {
	float: none;
	clear: both;
	width: auto;
}

/* non display
-------------------- */
div#FooterArea ul.Pagetop ,
div#FooterArea dl#FooterLink {
	display: none;
}




/* 5. NavigationArea
---------------------------------------- */
div#NavigationArea div#CategoryTitle {
	height: 48px;
	background: none;
}
div#NavigationArea div#CategoryTitle .Title {
	width: 134px;
	height: 48px;
}
div#NavigationArea div#CategoryTitle .Title img {
	width: 134px;
	height: auto;
}
div#NavigationArea div#CategoryTitle .SubTitle {
	margin: -48px 0 0 134px;
}
div#NavigationArea div#CategoryTitle .SubTitle img {
	width: 511px;
	height: auto;
}

/* non display
-------------------- */
div#NavigationArea dl#LocalNav ,
div#NavigationArea dl#Breadcrumb ,
div#NavigationArea div#CategoryNav {
	display: none;
}





/* 6. ContentsArea
---------------------------------------- */





/* xx. octopus.js Box Shadow Style
-------------------- */
/* Octopus Engine */
div#ContentsArea div.nct ,
div#ContentsArea div.ncr ,
div#ContentsArea div.ncb ,
div#ContentsArea div.ncl ,
div#ContentsArea div.nctr ,
div#ContentsArea div.ncbr ,
div#ContentsArea div.ncbl ,
div#ContentsArea div.nctl { background: none;}
div#ContentsArea div.nctl { padding: 0px; }





/* xx. Heading
-------------------- */
/* Lv1
---------- */
div#ContentsArea div.HeadingLv1 {
	border: none;
	border-left: solid 10px #999;
}
/* ロゴ表示 */
div#ContentsArea div.HeadingLv1 p.Logo {
	padding: 1px 1px 1px 0px;
	background: none;
}


/* Lv2
---------- */
div#ContentsArea div.HeadingLv2 {
	border: none;
	background: none;
}
div#ContentsArea div.HeadingLv2 h2,
div#ContentsArea div.HeadingLv2 h3,
div#ContentsArea div.HeadingLv2 h4 {
	border: none;
	border-left: solid 5px #999;
	color: #333;
	background: #fff none;
}
div#ContentsArea div.HeadingLv2 a:link ,
div#ContentsArea div.HeadingLv2 a:visited ,
div#ContentsArea div.HeadingLv2 a:hover ,
div#ContentsArea div.HeadingLv2 a:focus ,
div#ContentsArea div.HeadingLv2 a:active  {
	color: #333;
}



/* xx. Column （実際に使用するか検討中）
-------------------- */
/* 2分の1
---------- */
div#ContentsArea div.ColumnSet div.Half { width: 316px; }
div#ContentsArea div.FrameSection div.ColumnSet div.Half { width: 304px; }
/* 3分の1
---------- */
div#ContentsArea div.ColumnSet div.OneThird { width: 206px; }
div#ContentsArea div.FrameSection div.ColumnSet div.OneThird { width: 198px; }
/* 3分の2
---------- */
div#ContentsArea div.ColumnSet div.TwoThirds { width: 425px; }
div#ContentsArea div.FrameSection div.ColumnSet div.TwoThirds { width: 409px; }
/* 4分の1
---------- */
div#ContentsArea div.ColumnSet div.Quarter { width: 151px; }
div#ContentsArea div.FrameSection div.ColumnSet div.Quarter { width: 145px; }
/* 4分の3
---------- */
div#ContentsArea div.ColumnSet div.ThreeQuarters { width: 479px; }
div#ContentsArea div.FrameSection div.ColumnSet div.ThreeQuarters { width: 461px; }

div#ContentsArea div.FrameSection div.Inner {
	width: 621px;
}
/* ie (under 7) only */
* html div#ContentsArea div.FrameSection { height: 1px; }
* html div#ContentsArea div.FrameSection div.Inner {
	width: 645px;
}



/* xx. GoodsDetailArea
-------------------- */
div#ContentsArea div#GoodsDetailArea {
	border: none;
	padding: 0;
}
div#ContentsArea div#GoodsDetailArea div.Inner {
	padding: 1px 0;
	background: #fff none;
}



/* xx. Goods Select
-------------------- */
div#ContentsArea div.FrameSection div.ColumnSet.GoodsSelect {
	background: none;
}
div#ContentsArea div.FrameSection div.ColumnSet.GoodsSelect div.Quarter {
	background: none;
	min-height: 0;
}
/* ie (under7) only */
* html div#ContentsArea div.FrameSection div.ColumnSet.GoodsSelect div.Quarter { height: auto; }
/* /ie (under7) only */
div#ContentsArea div.FrameSection div.ColumnSet.GoodsSelect div.Quarter p.Thumbnail {
	padding: 0;
}
div#ContentsArea div.FrameSection div.ColumnSet.GoodsSelect div.Quarter p.Thumbnail img {
	width: 141px;
	height: auto;
}




/* non display
-------------------- */
div#ContentsArea ul.Pagetop ,
div#ContentsArea ul.ButtonList {
	display: none;
}



/* 7. Other
---------------------------------------- */

/* non display
-------------------- */