@charset "utf-8";

@import url("sorai.css");

html {
	margin: 0;
	padding: 0;
}
body {
	line-height: 1.6;
	text-align: center;
	color: #655038;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: #f8e6e6 url(../img/c/contents_background.png);
}

#wrapper {
}

a {
	color: #655038;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* ---------------------------------- */
/* header
/* ---------------------------------- */

header {
	font-size: 14px;
	background: #f8e6e6;
}
header div.inner {
	width: 950px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
}
header h1.logo {
	float: left;
	margin: 0 40px 0 0;
}
header .title {
	float: left;
	padding: 0;
	margin: 25px 0 0 -30px;
}

/* Search */

header div.search {
	float: left;
	width: 435px;
	margin: 0;
}
header div.search form {
	margin: 3px 0;
	padding: 0;
}
header div.search .keyword {
	float: left;
	width: 340px;
	height: 20px;
	line-height: 20px;
	text-indent: 25px;
	margin: 0 10px 0 0;
	border: 1px #beb3a5 solid;
	background: #fff url(../img/c/search_icon.png) 5px 4px no-repeat;
}	
header div.search .submit {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 0;
}
header div.search ul.trends {
	margin: 0;
	padding: 0;
	height: 25px;
}
header div.search ul.trends li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
header div.related {
	width: 440px;
	padding: 10px 0 0 0;
}
header div.related .keyword {
	width: 345px;
}
header ul.tool {
	float: right;
	padding: 0;
}
header ul.tool li {
	float: right;
	margin: 0 0 0 0;
}
header ul.tool li a {
	display: block;
	padding: 5px 5px 10px;
}
header ul.tool li a:hover {
	/* border-bottom: 3px #655038 solid; */
	/* padding: 5px; */
}

/* ---------------------------------- */
/* nav
/* ---------------------------------- */
	
nav {
	color: #fff;
	background: url(../img/c/menu_background.png) repeat-x;
	height: 50px;
}
nav ul {
	width: 950px;
	margin: 0 auto;
}
nav ul li {
	float: left;
}
nav ul li.about {
	float: right;
}

/* ---------------------------------- */
/* contents
/* ---------------------------------- */

#contents {
	width: 950px;
	padding: 19px 0;
	margin: 0 auto;
	text-align: left;
}

/* ---------------------------------- */
/* main
/* ---------------------------------- */

#main {
	float: left;
	width: 630px;
	background: #fff;
	color: #825624;
	border: 1px #e6d9d9 solid;
}
#main a {
	color: #825624;
}
#main article {
	padding: 19px;
}
#main section.pickup {
	padding: 20px;
	background: #f9f7ee;
}
#main section.pickup h2 {
	margin: 0;
	padding: 0;
}
#main section.pickup .content {
	float: left;
	width: 405px;
}
#main section.pickup .content h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0;
}
#main section.pickup .content .image {
	float: left;
	margin: 20px 15px 20px 0;
}
#main section.pickup .content p {
	margin: 10px 0;
}
#main section.pickup .content h4 {
	clear: both;
	font-size: 14px;
	padding: 15px 0;
	font-weight: bold;
}
#main section.pickup .content ul {
	clear: both;
}
#main section.pickup .content ul li {
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	background: url(../img/c/list_icon_pickup.png) left center no-repeat;
}
#main section.pickup .content ul li a {
	display: block;
	width: 182px;
}
#main section.pickup .subcontent .inner {
	float: right;
	width: 130px;
	margin: 20px 0 0;
	padding: 0;
	background: #f8e6e6;
	text-align: center;
}
#main section.pickup .subcontent .inner h3 {
	margin: 0 0 15px;
	/*
	font-size: 12px;
	margin: 10px 0;
	font-weight: bold;
	*/
}
#main section.pickup .subcontent .inner ul {
	padding: 0 10px;
}
#main section.pickup .subcontent .inner ul li {
	margin: 0 0 15px;
}
#main section.pickup .subcontent .inner .image {
	margin: 0;
}
#main section.tagBanner {
	margin: 23px 0 0;
}
#main section.tagBanner ul li {
	float: left;
	width: 186px;
	margin: 0 0 17px 17px;
}
#main section.tagBanner ul li.first {
	clear: both;
	margin: 0 0 17px 0;
}
#main section.tagBanner ul li p.image {
	margin: 0 0 3px;
}
#main section.tagBanner ul li p.text {
	text-align: center;
}
#main section.keyword h2 {
	margin: 0 0 20px;
}
#main section.keyword h3 {
	font-weight: bold;
	padding: 5px 0;
	border-bottom: 1px #7d6953 dotted;
}
#main section.keyword .today {
	float: left;
	width: 285px;
}
#main section.keyword .thisMonth {
	float: right;
	width: 285px;
}
#main section.keyword ul li {
	padding: 5px 0 5px 45px;
	border-bottom: 1px #7d6953 dotted;
}
#main section.keyword ul li.rank0 {
	padding: 10px 20px;
}
#main section.keyword ul li.rank1 {
	background: url(../img/top/ranking_icon_01.png) 5px center no-repeat;
}
#main section.keyword ul li.rank2 {
	background: url(../img/top/ranking_icon_02.png) 5px center no-repeat;
}
#main section.keyword ul li.rank3 {
	background: url(../img/top/ranking_icon_03.png) 5px center no-repeat;
}
#main section.keyword ul li.rank4 {
	background: url(../img/top/ranking_icon_04.png) 5px center no-repeat;
}
#main section.keyword ul li.rank5 {
	background: url(../img/top/ranking_icon_05.png) 5px center no-repeat;
}
#main section.keyword ul li.rank6 {
	background: url(../img/top/ranking_icon_06.png) 5px center no-repeat;
}
#main section.keyword ul li.rank7 {
	background: url(../img/top/ranking_icon_07.png) 5px center no-repeat;
}
#main section.keyword ul li.rank8 {
	background: url(../img/top/ranking_icon_08.png) 5px center no-repeat;
}
#main section.keyword ul li.rank9 {
	background: url(../img/top/ranking_icon_09.png) 5px center no-repeat;
}
#main section.keyword ul li.rank10 {
	background: url(../img/top/ranking_icon_10.png) 5px center no-repeat;
}
#main section.plugin h2 {
	margin: 20px 0;
}
#main section.plugin a img {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 15px 0 0;
}
#main .adsense {
	clear: both;
	padding: 20px;
}

/**
 * commmon
 */

#main #movement {
	margin: 10px 0 0;
}
#main #movement a {
	margin: 0 2px;
	font-weight: bold;
}
#main #movement .consumption {
	margin: 15px 0 0;
}
#main #movement .consumption div {
   background: url(../img/calorie/movement.png) no-repeat top left;
}
#main #movement .consumption .icon_f066076cc7428dcd6e00997b330cf1fad985bd188828ba83dc5b3aa32f508817 div { background-position: 0 0; width: 50px; height: 50px; } 
#main #movement .consumption .icon_5959fc3fd4c24d0a1aad5290b8d427b461709e562c4146df4a1e6a38cf33f6b7 div { background-position: 0 -100px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_551cd42daaebc8f0b4fb1b942a12ea886e17f5560b85cdf135f601511c2f1834 div { background-position: 0 -200px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_7d3dd14f9e32c7031668658f0797b776178e50287d843d375bb6f219166c7a1f div,
#main #movement .consumption .icon_cc25fc3574c64a94ec35fde09f46fee80587f0888c64f359a32ee257808dfda2 div { background-position: 0 -300px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_73f7e389fea98e357a8937acdf409572421fb2be1c544b57aaf9f26093bd33de div { background-position: 0 -400px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_f45582e95f58df03e8f3f94378aed77d2ca7c04f1f9503f26c9f89f7634312a8 div { background-position: 0 -500px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_b18f9cceb1c30291f0a9cc951f649ba886dbb30a88f4d6f8f7aa9d39fd67aa1d div { background-position: 0 -600px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_8230d95f479fc8e704d597b2698c5373cec12187c97a6480b7f528cb441300aa div { background-position: 0 -700px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_0c156b00fadd7ef5c07f2a7462c5888cda61cda2c9033dd68e378eff333a3954 div,
#main #movement .consumption .icon_da1de762ec165ebad613b4c94e4a201ae14718400a2bcc10132e12c8c7e6494b div { background-position: 0 -800px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_54f69427fec58c8bf92f241a58933072189c34e14f7d966c1290f49b11b7b5ad div { background-position: 0 -900px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_6af0ddf8b2f5453a84c02d294f14687c2b4d723c8048a995c47406dbe062d23c div { background-position: 0 -1000px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_642fbb5fa929d3664390ef7ee734133374c0b3a2f2d417e9fb8d77f9a04f9131 div { background-position: 0 -1100px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_606e99ff171290a448b88b1fa1d541e7f4446f2c560a6e956de5da8afe8c8514 div { background-position: 0 -1200px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_37263bcd4f3168e5836ef72bfa857ab9b55116b919f87899282e54c0249a335b div { background-position: 0 -1300px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_1d0c7e303d2eee3ec3fe55850fe2f3ec5f10fe95089a54933c161d794d7fe02f div { background-position: 0 -1400px; width: 50px; height: 50px; } 
#main #movement .consumption .icon_01324e540d059cfc7acd971b6e2def26391371114fae2ab5a4b3c52c85684725 div { background-position: 0 -1500px; width: 50px; height: 50px; } 

#main #movement .consumption li {
	width: 50%;
	padding: 0 0 10px;
	float: left;
	line-height: 50px;
	font-size: 16px;
}
#main #movement .consumption li div {
	float: left;
	margin: 0 10px 0 0;
}

/*
 * common
 */

.fullAds {
    width: 600px;
    margin: 20px 0;
}
.fullAds .ads {
    float: left;
}
.fullAds .rakuten {
    float: right;
}

/*
 * single
 */

#main article.single {
	position: relative;
}
#main article.single .controller {
	display: block;
	width: 595px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 50;
}
#main article.single .controller .calculate {
	float: right;
}
#main article.single .controller .calculate .submit input {
	display: block;
	width: 71px;
	height: 61px;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	border: none;
	background: url(../img/calorie/calculate.png) no-repeat;
}
#main article.single header {
	background: none;
	position: relative;
}
#main article.single header h2 {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 25px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px #baa183 dotted;
	background: url(../img/c/single_h2.png) 0 8px no-repeat;
}
#main article.single header .hname {
	font-size: 32px;
	font-weight: bold;
}
#main article.single header .hname a {
	color: #ac8e5c;
	text-decoration: none;
}
#main article.single header .hname a:hover {
	text-decoration: underline;
}
#main article.single header .tagsList {
	margin: 7px 0;
	float: left;
}
#main article.single header .tagsList ul {
	float: left;
}
#main article.single header .tagsList ul li {
	float: left;
	background: none;
}
#main article.single header .tagsList ul li a {
	font-size: 12px;
	text-decoration: none;
	margin: 0 4px 0 0;
	padding: 2px 5px;
	color: #825624;
	background: #f9e5e5;
}
#main article.single header .tagsList ul li a:hover {
	color: #6F6253;
	background: #DFD7B5;

}
#main article.single header ul.button {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 595px;
	overflow: hidden;
	position: absolute;
}
#main article.single header ul.button li {
	float: right;
	border: none;
	background: none;
	margin: 0;
	padding: 0 0 0 5px;
}
#main article.single header ul.button li.facebook {
	width: 105px;
}
#main article.single header ul.button li.twitter {
	width: 135px;
}
#main article.single header .meta {
	padding: 5px 10px;
	margin: 7px 0 0;
	clear: both;
	background: #f9f7ee;
	font-size: 14px;
}
#main article.single header .meta .tagBox {
	float: left;
}
#main article.single header .meta .tagBox .title {
	margin: 0 5px 0 0;
	font-weight: bold;
	color: #937e65;
	float: left;
}
#main article.single header .meta .tagBox ul {
	float: left;
}
#main article.single header .meta .tagBox ul li {
	float: left;
	margin: 0 7px 0 0;
}
#main article.single header .meta .tagBox ul li a {
	color: #f98b8b;
	font-weight: bold;
}
#main article.single header .meta .categoryList {
	padding: 0 0 0 30px;
}
#main article.single h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 5px 10px;
	background: #f8e6e6;
}
#main article.single .adsense {
	padding: 20px 0 0;
}
#main article.single section {
	margin: 0 0 20px;
}
#main article.single .ads {
	float: left;
	width: 300px;
}
#main article.single div.info {
	padding: 0;
}
#main article.single div.calorie {
	float: right;
	width: 275px;
	padding: 40px 0 0 0;
}
#main article.single div.calorie p.kcal {
	padding: 0 0 30px;
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #c8ac96;
}
#main article.single div.calorie p.kcal strong {
	font-size: 42px;
	font-weight: bold;
	color: #6e573c;
}
#main article.single div.calorie .gauge {
}
#main article.single div.calorie .gauge .bar {
	height: 40px;
	margin: 5px 0 3px;
	background: #eadbce;
	overflow: hidden;
}
#main article.single div.calorie .gauge .bar .in {
	height: 40px;
	background: url(../img/calorie/calorie_gauge.png);
}
#main article.single div.calorie .gauge .startNum {
	float: left;
}
#main article.single div.calorie .gauge .endNum {
	float: right;
}
#main article.single ul.buy {
	float: left;
	width: 295px;
	padding: 5px 0 0;
}
#main article.single ul.buy li {
	margin: 15px 0;
	_margin: 15px 0 -25px;
}
#main article.single ul.buy li a {
	display: block;
	padding: 15px;
	text-indent: -9999px;
	overflow: hidden;
	border: 1px #e6d9d9 solid;
}
#main article.single ul.buy li.yahoo a {
	background: #f8e6e6 url(../img/calorie/yahoo.png) 10px center no-repeat;
}
#main article.single ul.buy li.bidders a {
	background: #f8e6e6 url(../img/calorie/bidders.png) 10px center no-repeat;
}
#main article.single ul.buy li.rakuten a {
	background: #f8e6e6 url(../img/calorie/rakuten.png) 10px center no-repeat;
}
#main article.single ul.buy li a:hover {
	background-color: #6e573c;
	border: 1px #6e573c solid;
}
#main article.single .side {
	float: left;
	width: 300px;
    margin: 10px 0;
	padding: 5px 0 0;
}
#main article.single div.images {
	clear: both;
	padding: 0 0;
}
#main article.single div.images .inner {
	height: 494px;
	margin-right: -15px;
	overflow: hidden;
}
#main article.single div.images div.image {
	float: left;
	width: 134px;
	height: 235px;
	margin: 0 15px 10px 0;
	font-size: 13px;
	border: 1px #e6d9d9 solid;
	overflow: hidden;
}
#main article.single div.images div.image img {
	width: 114px;
}
#main article.single div.images div.num4,
#main article.single div.images div.num8,
#main article.single div.images div.num12,
#main article.single div.images div.num16,
#main article.single div.images div.num20,
#main article.single div.images div.num24,
#main article.single div.images div.num28,
#main article.single div.images div.num32,
#main article.single div.images div.num36,
#main article.single div.images div.num40,
#main article.single div.images div.num44,
#main article.single div.images div.num48 {
	margin-right: 0;
}
#main article.single div.images div.image .img {
	padding: 10px;
	height: 80px;
	overflow: hidden;
}
#main article.single div.images div.image .text {
	padding: 10px;
}
#main article.single div.images div.brand {
	font-size: 12px;
	text-align: right;
}
#main article.single div.images div.brand img {
	margin: 0 0 0 5px;
}
#main article.single div.contentTop {
	text-align: center;
}
#main .rakutenMotion {
    text-align: center;
}
/*
 * breadcrumbs
 */

#main article.single .breadcrumbs {
	border-top: 1px #cdcdcd solid;
	border-bottom: 1px #cdcdcd solid;
}
#main article.single .breadcrumbs div a {
	float: left;
	height: 30px; /* size A */
	line-height: 30px; /* size A */
	padding: 0px 10px 0 15px; /* size D */
    position: relative;
	font-weight: normal;
	text-decoration: none;
	background: #f9f7ee;
	color: #825624;
}
#main article.single .breadcrumbs div a:nth-child(n+2) {
	padding-left: 20px; /* size E */
}
#main article.single .breadcrumbs div a:hover {
	background-color: #f2eede;
}
#main article.single .breadcrumbs div a:after {
    width: 0;
    height: 0;
    content: " ";
    display: block;
    top: 50%;
    left: 100%;
    z-index: 2;
    position: absolute;
    margin-top: -15px; /* size B */
    border-top: 15px solid transparent; /* size B */
    border-bottom: 15px solid transparent; /* size B */
    border-left: 10px #f9f7ee solid; /* size C */
}
#main article.single .breadcrumbs div a:hover:after {
	border-left-color: #f2eede;
}
#main article.single .breadcrumbs div a:before {
    width: 0;
    height: 0;
    content: " ";
    display: block;
    top: 50%;
    left: 100%;
    z-index: 1;
    position: absolute;
    margin-left: 1px;
    margin-top: -15px; /* size B */
    border-top: 15px solid transparent; /* size B */
    border-bottom: 15px solid transparent; /* size B */
    border-left: 10px solid #cdcdcd; /* size C */
}
#main article.single .linkTag input {
	width: 570px;
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px #beb3a5 solid;
	background: #f9f7ee;
	color: #5C472F;
}

/*
 * Search
 */

#main article.search h2  {
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 25px;
	border-bottom: 4px #baa183 dotted;
	background: url(../img/c/single_h2.png) 0 8px no-repeat;
	font-size: 18px;
	font-weight: bold;
}
#main article.search header {
	margin: 0 0 20px;
	background: none;
}
#main article.search footer {
	margin: 20px 0 40px;
}
#main article.search header,
#main article.search footer {
	font-size: 12px;
	border: none;
}
#main article.search header .conter,
#main article.search footer .conter {
	float: left;
}
#main article.search header .numbers,
#main article.search footer .numbers {
	float: right;
}
#main article.search header .numbers .prevPage,
#main article.search footer .numbers .prevPage {
	display: inline;
	margin: 0 7px 0 0;
}
#main article.search header .numbers .nextPage,
#main article.search footer .numbers .nextPage {
	display: inline;
	margin: 0 0 0 7px;
}
#main article.search header .numbers .prevMore,
#main article.search footer .numbers .prevMore {
	margin: 0 7px 0 0;
}
#main article.search header .numbers .nextMore,
#main article.search footer .numbers .nextMore {
	margin: 0 0 0 7px;
}
#main article.search header .sort {
	padding: 10px 0 0;
	font-weight: bold;
	clear: both;
}
#main article.search header .sort a {
	color: #937e65;
}
#main article.search {
	padding: 15px;
}
#main article.search .adsense {
	padding: 15px 0 0;
}
#main article.search div.search {
	margin: 10px 0 0;
	padding: 25px;
	background: #f8e6e6;
}
#main article.search div.search form {
	margin: 0;
	padding: 0;
}
#main article.search div.search .message {
    padding: 0;
    margin: 0;
    background: none;
    color: #59452D;
	font-size: 18px;
	font-weight: bold;
}
#main article.search div.search .keyword {
	float: left;
	width: 470px;
	height: 30px;
	text-indent: 10px;
	line-height: 20px;
	margin: 5px 10px 5px 0;
	border: 1px #beb3a5 solid;
}	
#main article.search div.search .submit {
	float: left;
	margin: 0;
	padding: 5px 0 0;
	line-height: 0;
}
#main article.search div.search ul.trends {
	margin: 0;
	padding: 0;
	height: 25px;
	clear: both;
	overflow: hidden;
}
#main article.search div.search ul.trends li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

/*
 * page
 */

#main article.page h2 {
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 25px;
	border-bottom: 4px #baa183 dotted;
	background: url(../img/c/single_h2.png) 0 8px no-repeat;
	font-size: 18px;
	font-weight: bold;
}
#main article.page p {
	margin: 10px 0;
}
#main article.page ul.list {
}

#main article.page ul.list li {
	padding: 7px 10px 7px 21px;
	border-bottom: 1px #7d6953 dotted;
	background: url(../img/c/list_icon_white.png) left 9px no-repeat;
}
#main article.page ul.meta li {
	float: left;
	margin: 0 16px 0 0;
	width: 147px;
}
#main article.page ul.rule li {
	border: none;
}
#main article.page ul.rule li pre {
	width: 520px;
	padding: 10px;
	margin: 10px 0;
	background: #f9f7ee;
}
#main article.page .adsense {
	padding: 10px 0;
}
#main article.page h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 5px 10px;
	background: #f8e6e6;
}
#main article.page .calorieCreate,
#main article.page .contact {
	background: #f9f7ee;
	margin: 0 0 30px;
	padding: 25px;
}
#main article.page .config {
	margin: 10px 0;
	padding: 15px;
	background: #f9f7ee;
}
#main article.page .config strong {
	font-weight: bold;
}
#main article.page .Error {
	margin: 10px 0 15px;
	padding: 5px 10px;
	border: 1px #eedede solid;
	background: #f8e6e6;
}
#main article.page .Success {
	margin: 10px 0 15px;
	padding: 5px 10px;
	border: 1px #e6eede solid;
	background: #eff8e6;
}
#main article.page .calorieCreate form p {
	margin: 0 0 5px;
}
#main article.page .calorieCreate form p.rule-link {
	text-align: center;
}
#main article.page form input.createKeyword,
#main article.page form input.createCalorie,
#main article.page form input.contactName,
#main article.page form input.contactMail,
#main article.page form textarea.contactTextarea,
#main article.page form input.configWeight,
#main article.page form input.contactBasalMetabolism {
	width: 525px;
	margin: 0 0 10px;
	padding: 6px 8px;
	font-size: 16px;
	font-weight: bold;
	color: #54391d;
	border: 1px #cdcdcd solid;
}
#main article.page form input.contactName {
    width: 200px;
}
#main article.page form input.contactMail {
    width: 350px;
}
#main article.page .contact form textarea.contactTextarea {
	height: 120px;
}
#main article.page .calorieCreate form .submit,
#main article.page .contact form .submit,
#main article.page .config .submit {
	text-align: center;
	padding: 5px 0 0;
}
#main article.page a img {
	width: 565px;
	border: 5px #f8e6e6 solid;
	padding: 10px;
}
#main article.page a:hover img {
	border: 5px #f79d9d solid;
}
#main article.page textarea {
	display: block;
	width: 570px;
	height: 130px;
	padding: 10px;
	font-size: 12px;
	border: 1px #cdcdcd solid;
	/* background: #f9f7ee; */
    background: #fff;
}
#main article.page table.trends {
	width: 100%;
	margin: 0;
}
#main article.page table.trends td {
}
#main article.page table.trends td.name {
	padding: 15px 0 15px 45px;
	border-bottom: 1px #7d6953 dotted;
	line-height: 2;
}
#main article.page table.trends td.calorie {
	width: 100px;
	font-weight: bold;
	text-align: right;
}
#main article.page table.trends td.name a.tag {
	font-size: 13px;
	text-decoration: none;
	margin: 0 0 0 8px;
	padding: 3px 6px;
	color: #825624;
	background: #F8E6E6;
}
#main article.page table.trends td.name a.tag:hover {
	background: #f8e0e0;
}
#main article.page table.trends td.name .image {
	width: 100px;
	height: 100px;
	border: 1px #f8e6e6 solid;
	overflow: hidden;
}
#main article.page table.trends td.name .image a {
	width: 100px;
	height: 100px;
}
#main article.page table.trends td.name .image a img {
	width: 100px;
	padding: 0;
	margin: 0;
	border: none;
}
#main article.page table.trends td.rank0 {
	padding: 10px 20px;
}
#main article.page table.trends td.rank1 {
	background: url(../img/top/ranking_icon_01.png) 5px center no-repeat;
}
#main article.page table.trends td.rank2 {
	background: url(../img/top/ranking_icon_02.png) 5px center no-repeat;
}
#main article.page table.trends td.rank3 {
	background: url(../img/top/ranking_icon_03.png) 5px center no-repeat;
}
#main article.page table.trends td.rank4 {
	background: url(../img/top/ranking_icon_04.png) 5px center no-repeat;
}
#main article.page table.trends td.rank5 {
	background: url(../img/top/ranking_icon_05.png) 5px center no-repeat;
}
#main article.page table.trends td.rank6 {
	background: url(../img/top/ranking_icon_06.png) 5px center no-repeat;
}
#main article.page table.trends td.rank7 {
	background: url(../img/top/ranking_icon_07.png) 5px center no-repeat;
}
#main article.page table.trends td.rank8 {
	background: url(../img/top/ranking_icon_08.png) 5px center no-repeat;
}
#main article.page table.trends td.rank9 {
	background: url(../img/top/ranking_icon_09.png) 5px center no-repeat;
}
#main article.page table.trends td.rank10 {
	background: url(../img/top/ranking_icon_10.png) 5px center no-repeat;
}
#main article.page .more {
	margin: 10px 0 20px;
	text-align: right;
}

/*
 * parts
 */

/* comment --------------------------- */

div.comments {
	width: 66%;
	float: left;
}
div.comments table {
	width: 98%;
	margin: 0 0 20px;
}
div.comments .inner {
	padding: 0 0 0 25px;
}
.comments .description {
	margin: -10px 0 40px 0;
	padding: 10px 20px;
	background: #f7f7f7;
	border: 1px #555 solid;
}
.comments .commentlist h4 {
	margin: 10px 0;
	line-height: 48px;
	clear: both;
}
.comments .commentlist h4 img {
	margin: 0 10px 0 0;
	float: left;
}
.comments ol {
	padding: 0;
}
.comments ol li {
	clear: both;
	padding: 0;
	margin: 0 0 20px;
	border-bottom: 1px #e6d9d9 solid;
	list-style-type: none;
}
/* children -> */
.comments ol ul.children {
	margin: 0;
	padding: 0;
}
.comments .children h4 {
	text-align: right;
}
.comments .children h4 img {
	margin: 0 0 0 10px;
	float: right;
}
/* children <- */
.comments .content {
	margin: 0 0 10px;
	width: 100%;
}

.comments ol li .name {

}
.comments ol li .content {
	float: right;
	padding: 0;
}
.comments ol li .meta {
	clear: both;
	text-align: right;
}
.comments ol li .meta ul {
	margin: 0 0 10px;
	border-right: 1px #e6d9d9 solid;
}
.comments ol li .meta ul li {
	float: right;
	width: auto;
	border: none;
	clear: none;
	margin: 0;
	height: 24px;
	padding: 0 5px;
	border-left: 1px #e6d9d9 solid;
}
.comments .meta ul li span,
.comments .meta ul li a {
	float: left;
	line-height: 24px;
}
.comments .meta ul li img {
	margin: 0 0 0 5px;
}
.comments h3 {
}
.comments h4 {
	clear: both;
	line-height: 48px;
	/*
	padding: 0!important;
	background: none!important;
	*/
}
.comments textarea {
}
.comments .tb_url {
	width: 97%;
}
.comments .submit {
	text-align: center;
}
.comments form {
	margin: 0 0 20px;
}

/* list ------------------------------ */

#main article ul.list {
	margin: 10px 5px;
}
#main article ul.list li {
	padding: 7px 10px 7px 21px;
	border-bottom: 1px #7d6953 dotted;
	background: url(../img/c/list_icon_white.png) left 9px no-repeat;
}
#main article ul.meta {
	margin: 10px 13px;
}
#main article ul.meta li {
	float: left;
	width: 147px;
	margin: 0 16px 0 0;
}
#main article ul.meta li.last {
	margin: 0;
}

/* table ----------------------------- */

#main table {
	margin: 0;
	padding: 0;
}
#main table tr th {
	font-weight: bold;
}
#main table tr th,
#main table tr td {
	padding: 3px 10px;
	border-bottom: 1px #7d6953 dotted;
}

/*
 * Normal Calorie Table
 */

#main article.single table,
#main article.search table {
	width: 600px;
	margin: 0 0 20px;
}
#main article.single table tr td,
#main article.single table tr th,
#main article.search table tr td,
#main article.search table tr th {
	border-bottom: 1px #7d6953 dotted;
}
#main article.single table tr td.calorie,
#main article.search table tr td.calorie {
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	/* font-family: Georgia, serif; */
	color: #5C472F;
}
#main article.single table tr td.calorie .unit,
#main article.search table tr td.calorie .unit {
	font-size: 12px;
	color: #937e65;
}
#main article.single table tr td.name,
#main article.search table tr td.name {
	padding: 5px 10px 5px 26px;
	background: url(../img/c/list_icon_white.png) 5px 9px no-repeat;
}
#main article.single table tr td.name a.tag,
#main article.search table tr td.name a.tag {
	font-size: 12px;
	text-decoration: none;
	margin: 0 0 0 8px;
	padding: 2px 5px;
	color: #825624;
	background: #F8E6E6;
}
#main article.single table tr td.name a.tag:hover,
#main article.search table tr td.name a.tag:hover {
	background: #f8e6e6;
}
#main article.single table tr td.buy,
#main article.search table tr td.buy {
    width: 75px;
}

/* ---------------------------------- */
/* calculate
/* ---------------------------------- */

#main article.calculate section {
	margin: 0 0 30px!important;
}
#main article.calculate table {
	width: 592px;
	margin: 0;
	border-top: 1px #7d6953 dotted;
	clear: both;
}
#main article.calculate table tr td,
#main article.calculate table tr th {
	border-bottom: 1px #7d6953 dotted;
	background: #f9f7ee;
}
#main article.calculate table tr td.delete {
	margin: 0;
	padding: 6px 0 0 10px;
	width: 18px;
}
#main article.calculate table tr td.name {
	padding: 5px 10px 5px 30px;
	background: #f9f7ee url(../img/c/list_icon_white.png) 10px 11px no-repeat;
}
#main article.calculate table tr td.name a.tag {
	font-size: 12px;
	text-decoration: none;
	margin: 0 0 0 8px;
	padding: 2px 5px;
	color: #825624;
	background: #F8E6E6;
}
#main article.calculate table tr td.name a.tag:hover {
	background: #f2c9c9;
}
#main article.calculate table tr td.num {
	width: 120px;
	text-align: right;
}
#main article.calculate table tr td.num input.number {
	width: 40px;
	padding: 3px 5px;
	margin: 7px 5px 7px 0;
	border: 1px #beb3a5 solid;
	text-align: right;
}
#main article.calculate table tr td.calorie {
	width: 80px;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	/* font-family: Georgia, serif; */
	color: #5C472F;
}
#main article.calculate .total_calorie {
	float: right;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	/*
	background: #f9f7ee;
	border-bottom: 1px #7d6953 dotted;
	*/
	color: #5C472F;
}
#main article.calculate .h {
	float: left;
	width: 280px;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 20px 50px;
	background: url(../img/calculate/icon.png) 0 0 no-repeat;
	color: #5C472F;
}
#main article.calculate .date {
	float: right;
	padding: 5px 10px 15px;
	font-weight: bold;
	color: #5C472F;
}
#main article.calculate .date input {
	margin: 0 5px;
	padding: 3px 5px;
	border: 1px #beb3a5 solid;
	text-align: center;
}
#main article.calculate .date .year {
	width: 55px;
}
#main article.calculate .date .month {
	width: 35px;
}
#main article.calculate .date .day {
	width: 35px;
}
#main article.calculate .controller table tr td.name {
	padding: 5px 10px;
	background-image: none;
}
#main article.calculate .controller ul {
	float: left;
	padding: 13px 0;
}
#main article.calculate .controller ul li {
	float: left;
	margin: 0 10px 0 0;
}
#main article.calculate .controller input.reset {
	display: block;
	width: 73px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(../img/calculate/reset.png) no-repeat;
}
#main article.calculate .controller input.update {
	display: block;
	width: 54px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(../img/calculate/update.png) no-repeat;
}
#main article.calculate .controller input.save {
	display: block;
	width: 54px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(../img/calculate/save.png) no-repeat;
}
#main article.calculate .copyright {
	float: left;
	width: 360px;
	padding: 13px 0 0 25px;
	background: url(../img/plugin/icon.png) 0 15px no-repeat;
}
#main article.calculate strong {
	font-size: 16px;
	font-weight: bold;
}
#main article.calculate strong.necessary {
	color: #0000ff;
}
#main article.calculate strong.over {
	color: #ff0000;
}
#main article.calculate .link_url {
	width: 570px;
	padding: 5px 10px;
	border: 1px #beb3a5 solid;
	background: #f9f7ee;
	color: #5C472F;
}
#main article.calculate textarea {
	font-size: 16px;
	padding: 5px 10px;
	border: 1px #beb3a5 solid;
	background: #f9f7ee;
	color: #5C472F;
}

/* ---------------------------------- */
/* post
/* ---------------------------------- */

#main article.post h2 {
	clear: both;
	margin: 0 0 5px;
	padding: 5px 5px 5px 25px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px #baa183 dotted;
	background: url(../img/c/single_h2.png) 0 8px no-repeat;
}
#main article.post h2 .date {
    color: #b7926a;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 0 10px;
}
#main article.post h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 30px 0;
	padding: 5px 10px;
	background: #f8e6e6;
}
#main article.post p {
	margin: 10px 0;
}
#main article.post p.image {
    float: left;
    margin: 10px 15px 20px 0;
}
#main article.post p.more {
	text-align: right;
}
#main .message {
    font-weight: bold;
    margin: 20px 20px 0;
    padding: 5px 10px;
	color: #fff;
	background: #baa183;
}
#main article.post .breadcrumbs div {
	float: left;
}
#main article.post a img {
	padding: 5px;
	border: 1px #baa183 solid;
}
#main article.post a:hover img {
	border: 1px #624c33 solid;
}
#main article.post .content {
	margin: 0 0 20px;
}
#main article.post .content .image {
	margin: 0 0 10px;
}
#main article.post .content blockquote {
	padding: 10px;
	margin: 20px 0;
	background: #f9f7ee;
	border: 1px #cec6a1 solid;
}
#main article.post .content ul {
	margin: 10px 0;
}
#main article.post .content ul li {
	padding: 0 0 0 21px;
	background: url(../img/c/list_icon_white.png) left 9px no-repeat;
}
#main article.post section.meta {
	border-top: 1px #333333 dotted;
	font-weight: normal;
	color: #999;
	margin-bottom: 15px;
}
#main article.post section.meta a {
	color: #f2b403;
	text-decoration: none;
}
#main article.post section.meta a:hover {
	text-decoration: underline;
}
#main article.post section.meta ul {
	padding: 0;
	margin: 10px 0 0;
	font-size: 11px;
}
#main article.post section.meta ul li {
	list-style-type: none;
	float: left;
	padding-right: 10px;
}

/* ---------------------------------- */
/* sidebar
/* ---------------------------------- */

#sidebar {
	width: 300px;
	font-size: 14px;
	margin: 0 0 30px;
	float: right;
}
#sidebar .box {
	margin: 0 0 15px;
}
#sidebar .rakuten {
    margin: 0px 0 15px;
    background: #fff;
}
#sidebar .rakuten .banner {
    float: left;
}
#sidebar .caloreenAds ul li {
    float: left;
    width: 140px;
    height: 140px;
    margin: 0 15px 15px 0;
    text-align: center;
    border: 1px #ddd solid;
    background: #fff;
}
#sidebar .caloreenAds ul li.last {
    margin-right: 0;
}
#sidebar .caloreenAds ul li.text {
    line-height: 140px;
}
#sidebar .adsense {
    margin: 0 0 8px;
}
#sidebar .ads {
    margin: 0px 0 5px;
    padding: 0;
    font-size: 12px;
    text-align: right;
}
#sidebar .ads img {
    padding: 0 0 2px;
}
#sidebar .whitebox {
	padding: 15px;
	border: 1px #e6d9d9 solid;
	background: #fff;
}
#sidebar .boxTable {
	padding: 15px;
	border: 1px #e6d9d9 solid;
	background: #fff;
}
#sidebar .boxTable ul li {
	padding: 5px 10px 5px 21px;
	border-bottom: 1px #7d6953 dotted;
	background: url(../img/c/list_icon_white.png) left 9px no-repeat;
}
#sidebar .boxTable ul.category li {
	border: none;
}
#sidebar .boxTable table {
	width: 270px;
}
#sidebar .boxTable table tr td,
#sidebar .boxTable table tr th {
	border-bottom: 1px #7d6953 dotted;
}
#sidebar .boxTable table tr td.calorie {
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	/* font-family: Georgia, serif; */
	color: #937e65;
}
#sidebar .boxTable table tr td.name {
	padding: 5px 10px 5px 21px;
	background: url(../img/c/list_icon_white.png) left 9px no-repeat;
}
#sidebar .boxTable table tr td.name a.tag {
	font-size: 12px;
	text-decoration: none;
	margin: 0 0 0 4px;
	padding: 2px 3px;
	color: #825624;
	background: #F8E6E6;
}
#sidebar .boxTable table tr td.name a.tag:hover {
	color: #6F6253;
	background: #f2c9c9;
}
#sidebar .boxQuick {
	padding: 15px;
	border: 1px #cec6a1 solid;
	background: #f9f7ee;
}
#sidebar .boxQuick form p {
	margin: 0 0 5px;
}
#sidebar .boxQuick form input.keyword,
#sidebar .boxQuick form input.calorie {
	width: 256px;
	margin: 0 0 10px;
	padding: 4px 5px;
	border: 1px #cdcdcd solid;
}
#sidebar .boxQuick form .submit {
	text-align: center;
	padding: 5px 0 0;
}
#sidebar .boxContact {
	padding: 15px;
	border: 1px #e6d9d9 solid;
	background: #fff;
}
#sidebar .boxContact form p {
	margin: 0 0 5px;
}
#sidebar .boxContact form textarea {
	width: 256px;
	height: 112px;
	margin: 0 0 10px;
	padding: 4px 5px;
	border: 1px #cdcdcd solid;
}
#sidebar .boxContact form .submit {
	text-align: center;
}
#sidebar .boxButton {
	padding-top: 18px;
	padding-right: 0;
}
#sidebar .boxButton ul li {
	float: left;
	margin: 0 14px 0 0;
}
#sidebar .boxButton ul li.gree {
	width: 72px;
	margin: 10px 0 0 0;
}
#sidebar .calculateTable {
	padding: 15px;
	border: 1px #cec6a1 solid;
	background: #f9f7ee;
}
#sidebar .calculateTable table {
	margin: 0;
}
#sidebar .calculateTable table tr td,
#sidebar .calculateTable table tr th {
	border-bottom: 1px #7d6953 dotted;
	background: #f9f7ee;
}
#sidebar .calculateTable table tr td.name {
	padding: 5px 0 5px 20px;
	background: #f9f7ee url(../img/c/list_icon_white.png) 0px 11px no-repeat;
}
#sidebar .calculateTable table tr td.name a.tag {
	font-size: 12px;
	text-decoration: none;
	margin: 0 0 0 8px;
	padding: 2px 5px;
	color: #825624;
	background: #F8E6E6;
}
#sidebar .calculateTable table tr td.name a.tag:hover {
	background: #f2c9c9;
}
#sidebar .calculateTable table tr td.num {
	width: 45px;
	text-align: right;
}
#sidebar .calculateTable table tr td.calorie {
	width: 80px;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	/* font-family: Georgia, serif; */
	color: #5C472F;
}
#sidebar .calculateTable .edit_link {
	float: left;
	padding: 13px 0 0;
}
#sidebar .calculateTable .edit_link a {
	font-size: 12px;
}
#sidebar .calculateTable .total_calorie {
	float: right;
	padding: 10px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #5C472F;
}

/* ---------------------------------- */
/* CSS3
/* ---------------------------------- */

div#main,
div#main section,
#main article.single h3,
#main article.page h3,
#main article.single header .tagBox ul li a,
.search input,
#main article.search table tr td.name a.tag,
#twitterTrackback ul,
#sidebar .boxRecent table tr td.name a.tag,
#sidebar .whitebox {
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div#sidebar .box {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.sampleNone {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 40px;
}

/* ---------------------------------- */
/* footer
/* ---------------------------------- */

footer {
	margin: 20px 0 0;
	text-align: left;
	border-top: 1px #665036 solid;
	background: #665036;
}
footer .inner {
	border-top: 1px #8b7a68 solid;
	border-bottom: 1px #513f2c solid;
}
footer .inner .contents {
	width: 950px;
	margin: 0 auto;
	padding: 23px 0;
	color: #d7c4ac;
	position: relative;
}
footer .inner .contents .pagetop {
	right: 0;
	top: -27px;
	position: absolute;
}
footer .inner .contents a {
	color: #d7c4ac;
}
footer .inner .contents .about {
	float: left;
	width: 343px;
	border-right: 1px #5f4b37 solid;
}
footer .inner .contents .about p {
	margin: 10px 10px 0 0;
}
footer .inner .contents .about h2.logo {
	margin: 0 0 10px;
}
footer .inner .contents .about h3.find {
	margin: 0 0 5px;
}
footer .inner .contents .about .search form {
	margin: 0;
	padding: 0;
}
footer .inner .contents .about .search .keyword {
	float: left;
	width: 245px;
	height: 20px;
	line-height: 20px;
	text-indent: 25px;
	margin: 5px 10px 3px 0;
	border: 1px #beb3a5 solid;
	background: #fff url(../img/c/search_icon.png) 5px 4px no-repeat;
}	
footer .inner .contents .about .search .submit {
	float: left;
	margin: 5px 0 3px 0;
	padding: 0;
	line-height: 0;
}
footer .inner .contents .about .search ul.trends {
	margin: 0;
	padding: 0;
	height: 25px;
}
footer .inner .contents .about .search ul.trends li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
footer .inner .contents .box1 {
	float: left;
	width: 300px;
	border-left: 1px #785f44 solid;
	border-right: 1px #5f4b37 solid;
}
footer .inner .contents .box2 {
	float: left;
	width: 300px;
	border-left: 1px #785f44 solid;
}
footer .inner .contents .about,
footer .inner .contents .box1,
footer .inner .contents .box2 {
	height: 200px;
}
footer .inner .contents .box1 ul,
footer .inner .contents .box2 ul {
	margin: 0 28px;
}
footer .inner .contents .box1 ul li,
footer .inner .contents .box2 ul li {
	padding: 2px 0 2px 10px;
	background: url(../img/c/footer_list_icon.png) 0 10px no-repeat;
}
footer .inner .contents .box1 h3,
footer .inner .contents .box2 h3 {
	margin: 0 28px 15px;
}
footer .copyright {
	padding: 10px 0;
	text-align: center;
	color: #937859;
	border-top: 1px #75604a solid;
	background: #513f2c;
}
footer .copyright a {
	color: #937859;
}

/* ---------------------------------- */
/* clearfix
/* ---------------------------------- */

header:before,
ul.tags:before,
.inner:before,
nav:before,
form:before,
#contents:before,
#main article.single aside:before,
#main article.single .tagBox:before,
footer .inner .contents:before,
#main article ul.list:before,
#main .clear:before,
section:before,
header:after,
ul.tags:after,
.inner:after,
nav:after,
form:after,
#contents:after,
#main article.single aside:after,
#main article.single .tagBox:after,
footer .inner .contents:after,
#main article ul.list:after,
#main .clear:after,
section:after {
    content:"";
    display:block;
    overflow:hidden;
}
header:after,
ul.tags:after,
.inner:after,
nav:after,
form:after,
#contents:after,
#main article.single aside:after,
#main article.single .tagBox:after,
footer .inner .contents:after,
#main article ul.list:after,
#main .clear:after,
section:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
header,
ul.tags,
.inner,
nav,
form,
#contents,
#main article.single aside,
#main article.single .tagBox,
footer .inner .contents,
#main article ul.list,
#main .clear,
section {
    zoom:1;
}

/* ---------------------------------- */
/* HTML5
/* ---------------------------------- */

header,
article,
hgroup,
nav,
section,
aside,
footer {
	margin: 0;
	padding: 0;
	display: block;
}

/* ---------------------------------- */
/* CakePHP
/* ---------------------------------- */

#main table.cake-sql-log {
	margin: 20px;
}

pre {
	width: 910px;
	margin: 20px auto;
	padding: 20px;
	text-align: left;
	white-space: pre-wrap;
	border: 1px #e6d9d9 solid;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background: #fff;
	clear: both;
}