/* CSS Document */

.f10n  { font-size: 10px; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.f10m  { font-size: 10px; line-height:1.3; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.f10h  { font-size: 10px; line-height:1.6; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.f10 { font-size: 10px; line-height: 1.5; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.f12n  { font-size: 12px; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.f12 { font-size: 12px; line-height: 1.5; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.f12m { font-size: 12px; line-height: 1.4; letter-spacing: -1px; /* \*/ letter-spacing: 0; /* */}
.clear { clear: both; }

.pink01 {
	color:#ED48C1;
}

#contentsArea {
	text-align: left;
}

#contentsArea a:link    {color: #666666 ; text-decoration: underline ; }
#contentsArea a:visited {color: #666666 ; text-decoration: underline ; }
#contentsArea a:hover   {color: #666666 ; text-decoration: none ; }
#contentsArea a:active  {color: #666666 ; text-decoration: none ; }

/* layout */
#container {
	width: 950px;
	background-image:url(../kotsuban_index_images/bk_upper.gif); background-repeat:no-repeat;
	background-color: #DE443D;
}

#container-inner {
	width:930px;
	margin: 0 20px 0 0;
}

#navi {
	float: left;
	width: 286px;
	padding-bottom: 30px;
	background-image:url(../kotsuban_index_images/bk_navi.gif); background-repeat:no-repeat;
	background-position: bottom;
	overflow: hidden;
}

#navi-inner {
	width: 256px;
	background-color: #FFFFFF;
	margin: 0 10px 0 20px;
}

#main {
	float: right;
	width: 638px;
	overflow: hidden;

}

/* main */
#pickup {
	background-image:url(../kotsuban_index_images/bk_pickup.gif); background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#pickupSub {
	background-image:url(../kotsuban_index_images/bk_pickup_sub.gif); background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#newitem {
	background-image:url(../kotsuban_index_images/bk_newitem.jpg); background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#newitem .ol {
	color: #EA5120;
	font-weight: bold;
}

#newitem .syufu {
	color: #F53352;
	font-weight: bold;
}

#report {
	background-image:url(../kotsuban_index_images/bk_report.gif); background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#report div {
	color: #731A1C;
}

#column {
	background-image:url(../kotsuban_index_images/bk_column.jpg); background-repeat:no-repeat;
	background-position:  0 20px;
	background-color: #FFFFFF;
	height: 773px;
	margin: 0 0 20px 0;
}

/* naavi */
#new {
	height: 130px;
	margin: 5px 5px 0 5px;
	border: 1px solid #E8E8E8;
	overflow: auto;
	padding: 5px;
}

#new dl {
	margin: 0;
}
#new dt {
	float: left;
	margin: 0;
	padding: 0;
	color:#D90D03;
}
#new dd {
	margin: 0 0 0 35px;
	padding: 0;
}

#category {
	background-image:url(../kotsuban_index_images/bk_category.gif);
}

#category  ul {
	margin: 0 0 0 7px;
}
#category  ul li {
	padding: 3px 0 3px 15px;
	line-height: 18px;
	background-repeat: no-repeat;
	list-style-type: none;
}
#category .item li {
	background-image: url(../kotsuban_index_images/category_icon01.gif);
}
#category .bui li {
	background-image: url(../kotsuban_index_images/category_icon02.gif);
}
#category .scene li {
	background-image: url(../kotsuban_index_images/category_icon03.gif);
}

#ranking {
	width: 246px;
}
#ranking .rank01 {
	margin:0;
	background-image: url(../kotsuban_index_images/bk_ranking_top.gif);background-repeat:no-repeat;
}
#ranking .rank {
	margin:0;
	background-image: url(../kotsuban_index_images/bk_ranking.gif);background-repeat:no-repeat;
}

/* common */
.icon {
	vertical-align:middle;
}



/* price */

.price {
	color: #0017AB;
}
.priceW {
	color: #ffffff;
	line-height: 1.4;
}

#contentsArea .price a:link    {color: #0017AB ; text-decoration: underline ; }
#contentsArea .price a:visited {color: #0017AB ; text-decoration: underline ; }
#contentsArea .price a:hover   {color: #0017AB ; text-decoration: none ; }
#contentsArea .price a:active  {color: #0017AB ; text-decoration: none ; }

#contentsArea .priceW a:link    {color: #ffffff ; text-decoration: underline ; }
#contentsArea .priceW a:visited {color: #ffffff ; text-decoration: underline ; }
#contentsArea .priceW a:hover   {color: #ffffff ; text-decoration: none ; }
#contentsArea .priceW a:active  {color: #ffffff ; text-decoration: none ; }

.price a img{ vertical-align:middle;}
.priceW a img{ vertical-align:middle;}


/* footer */
#footer{
	width: 950px;
	padding-top: 20px;
}
#footer .line{
	margin:0 0 7px 0;
}
#footer p{
	margin:0 0 5px 0;
}
#footer .pagetop{
	width: 350px;
	float: right;
	text-align:right;
}
#footer .exit{
	width: 350px;
	float: left;
	text-align:left;
}

#footer a img{
	vertical-align:middle;
}

/*------ diet-shop-area------------- */
#contentsArea #diet-shop-area {
	width: 950px;
	height: 40px;
	background-color: #EAE9E6;
	overflow: hidden;
	margin: 10px 0;
}
#contentsArea #diet-shop-area ul {
	list-style: none;
	width: 930px;
	margin: 0 10px 0 10px;
	padding: 0;
}
#contentsArea #diet-shop-area li {
	width: 91px;
	float: left;
	margin: 0 2px 0 0;
}
#contentsArea #diet-shop-area li.rightend {
	width: 91px;
	float: left;
	margin: 0;
}