/*ナビゲーション*/
div #title {
	width: 635px;
	height: 83px;
	position: relative;
}
div #title #navi_totop {
	top: 59px;
	left: 521px;
	position: absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
div #title #navi_totop {
	top: 60px;
	left: 518px;
	position: absolute;
}
}

div #navi_date {
	width: 635px;
	height: 25px;
	position: relative;
	background-image: url("../img/all/navi_date_bg.jpg");
}
div #navi_date img.navi_date01 {
	top: 0;
	left: 216px;
	position: absolute;
}
div #navi_date img.navi_date02 {
	top: 0;
	left: 365px;
	position: absolute;
}
div #navi_date img.navi_date03 {
	top: 0;
	left: 522px;
	position: absolute;
}
div #navi_button {
	width: 635px;
	height: 55px;
	position: relative;
	background-image: url("../img/all/navi_button_bg.jpg");
}
div #navi_button img.navi_button01 {
	top: 0;
	left: 28px;
	position: absolute;
}
div #navi_button img.navi_button02 {
	top: 0;
	left: 186px;
	position: absolute;
}
div #navi_button img.navi_button03 {
	top: 0;
	left: 330px;
	position: absolute;
}
div #navi_button img.navi_button04 {
	top: 0;
	left: 476px;
	position: absolute;
}

/*コンテンツ　黒板*/
div #kokuban {
	width: 635px;
	position: relative;
	background-image: url("../img/vol1/kokuban_bg01.jpg");
}
div #kokuban #honbun {
	left: 38px;
	width: 447px;
	min-height: 368px;
	height: auto !important;
	height: 368px;
	position: relative;
}
div #kokuban #side {
	bottom: 0;
	left: 494px;
	width: 141px;
	height: 368px;
	position: absolute;
}
div #kokuban_bottom01 {
	width: 635px;
	height: 73px;
	position: relative;
}

/*コンテンツ　黒板　タイトル*/
div #kokuban h2 {
	width: 635px;
	height: 59px;
	position: relative;
}
div #kokuban h3 {
	width: 457px;
	height: 40px;
	position: relative;
}


/*コンテンツ　黒板-商品*/
div #kokuban_syohin {
	width: 635px;
	position: relative;
	background-image: url("../img/vol1/kokuban_bg02.jpg");
}
div #kokuban_syohin #syohin {
	top: 70px;
	left: 25px;
	width: 190px;
	position: absolute;
}
div #kokuban_syohin #honbun {
	left: 240px;
	width: 350px;
	position: relative;
	color: #FFFFFF;
}
div #kokuban_syohin #ichioshi {
	width: 635px;
	position: relative;
	color: #FFFFFF;
}
div #kokuban_syohin #ichioshi p {
	left: 35px;
	width: 485px;
	padding-bottom: 15px;
	position: relative;
	color: #FFFFFF;
}
div #kokuban_syohin #ichioshi img.ichioshi_face {
	top: 0px;
	left: 525px;
	position: absolute;
}
div #kokuban_bottom02 {
	width: 635px;
	height: 79px;
	position: relative;
}

/*コンテンツ　おすすめ*/
div #osusume {
	width: 635px;
	height: 256px;
	position: relative;
	background-image: url("../img/vol1/osusume_bg.jpg");
}
div #osusume img.photo01 {
	top: 71px;
	left: 38px;
	position: absolute;
}
div #osusume img.photo02 {
	top: 71px;
	left: 236px;
	position: absolute;
}
div #osusume img.photo03 {
	top: 71px;
	left: 435px;
	position: absolute;
}

/*コンテンツ　おすすめ中ページ*/
div #osusume02 {
	width: 635px;
	height: 227px;
	position: relative;
	background-image: url("../img/vol1/osusume02_bg.jpg");
}
div #osusume02 img.photo01 {
	top: 50px;
	left: 38px;
	position: absolute;
}
div #osusume02 img.photo02 {
	top: 50px;
	left: 236px;
	position: absolute;
}
div #osusume02 img.photo03 {
	top: 50px;
	left: 435px;
	position: absolute;
}

/*コンテンツ　おすすめ　タイトル*/
div #osusume h2 {
	width: 635px;
	height: 40px;
	position: relative;
}
div #osusume h3 {
	top: 35px;
	left: 30px;
	width: 375px;
	height: 25px;
	position: absolute;
}

/*コレ使ってます！*/
div #koretsuka {
	width: 635px;
	margin-bottom: 10px;
	padding: 14px 0;
	position: relative;
	background-color: #88B043;
}
div #koretsuka h2 {
	left: 15px;
	width: 603px;
	height: 50px;
	position: relative;
}
div #koretsuka #waku {
	left: 15px;
	width: 601px;
	position: relative;
	border: solid #FFCC00;
	border-width: 0 1px;
	background-color: #FFFFCC;
}
div #koretsuka #waku h3 {
	top: 5px;
	left: 22px;
	position: relative;
}
div #koretsuka #waku #model {
	width: 90px;
	margin: 5px 0 10px 22px;
	float: left;
}
*html div #koretsuka #waku #model { /*IE6用*/
	width: 90px;
	margin: 5px 0 10px 11px; /*通常指定の1／2*/
	float: left;
}
div #koretsuka #waku #fuki_left {
	width: 20px;
	float: left;
}
div #koretsuka #waku #fuki_main {
	width: 453px;
	margin: 5px 16px 10px 0;
	float: left;
	background-color: #FFEB7A;
}
*html div #koretsuka #waku #fuki_main { /*IE6用*/
	width: 453px;
	margin: 5px 8px 10px 0; /*通常指定の1／2*/
	float: left;
	background-color: #FFEB7A;
}
div #koretsuka #waku #fuki_main span {
	width: 350px;
	margin: 7px 0 7px 19px;
	background-color: #FFEB7A;
	float: left;
}
*html div #koretsuka #waku #fuki_main p { /*IE6用*/
	width: 350px;
	margin: 7px 0 7px 9px; /*通常指定の1／2*/
	background-color: #FFEB7A;
	float: left;
}


div #koretsuka #waku #fuki_main img.shohin {
	margin: 15px 0 0 10px;
	float: left;
	
}
*html div #koretsuka #waku #fuki_main img.shohin { /*IE6用*/
	margin: 15px 0 0 5px; /*通常指定の1／2*/
	float: left;
	
}
div #koretsuka img.bottom {
	left: 15px;
	width: 603px;
	height: 6px;
	position: relative;
}


/*vol2*/
div #koretsuka #waku #fuki_main02 {
	width: 453px;
	margin: 5px 16px 10px 0;
	float: left;
	background-color: #FFEB7A;
}
*html div #koretsuka #waku #fuki_main02 { /*IE6用*/
	width: 453px;
	margin: 5px 8px 10px 0; /*通常指定の1／2*/
	float: left;
	background-color: #FFEB7A;
}
div #koretsuka #waku #fuki_main02 span {
	width: 330px;
	margin: 7px 0 7px 19px;
	background-color: #FFEB7A;
	float: left;
}
*html div #koretsuka #waku #fuki_main02 p { /*IE6用*/
	width: 330px;
	margin: 7px 0 7px 9px; /*通常指定の1／2*/
	background-color: #FFEB7A;
	float: left;
}

div #koretsuka #waku #fuki_main02 img.shohin {
	margin: 15px 0 0 10px;
	float: left;
	
}
*html div #koretsuka #waku #fuki_main02 img.shohin { /*IE6用*/
	margin: 15px 0 0 5px; /*通常指定の1／2*/
	float: left;
	
}
/*vol2*/


/*前後リンク*/
div #footer_baf {
	width: 635px;
	padding: 5px 0;
	position: relative;
	background-color: #0D6325;
}
div #footer_baf .back {
	width: 70px;
	padding-left: 10px;
	text-align: left;
	float: left;
}
div #footer_baf .top {
	width: 475px;
	text-align: center;
	float: left;
}
div #footer_baf .forward {
	width: 70px;
	padding-right: 10px;
	text-align: right;
	float: left;
}
div #footer_baf a {
	color: #FFFFFF;
	text-decoration: underline;
}
div #footer_baf a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*フッター関連リンク*/
div .footer_relation {
	width: 635px;
	padding: 0;
	margin-bottom: 3px;
	background-color: #83C651;
}
div .footer_relation .left {
	width: 124px;
	padding: 0;
	margin: 0;
	background-color: #83C651;
	float: left;
}
div .footer_relation .left p {
	padding: 10px;
	color: #ffffff;
}
div .footer_relation .right {
	width: 511px;
	padding: 0;
	background-color: #ffffff;
	float: left;
	position: relative;
}

div .footer_relation .right .ranking {
	margin-bottom: 15px;
	position: relative;
}
div .footer_relation .right .qa {
	margin-bottom: 0;
	position: relative;
}

div .footer_relation .right p {
	padding: 6px 0 6px 15px;
}
div .footer_relation .right ul {
	padding-left: 60px;
	/*list-style-image: url('../img/all/li_orange.png') ;*/
	
}
div .footer_relation .right li {
	padding: 2px 15px;
	margin:0;
	background-image : url('../img/all/li_orange.png') ;
  background-position : left center ; /* 位置は左端の真ん中 */
  background-repeat : no-repeat ; /* 背景だけど繰り返し表示しない */
  }
div .footer_relation .right .ranking img.ranking {
	top: 0;
	left: 8px;
	position: absolute;
}
div .footer_relation .right .qa img.qa {
	top: 0px;
	left: 8px;
	position: absolute;
}