/* -------------------------------------------------------------- 
CSS for Low-carbo PLUS ONE
-------------------------------------------------------------- */

/* Include
-------------------------------------------------------------- */
@import "lib/reset.css";
@import "lib/typography.css";

/* Page
-------------------------------------------------------------- */
#wrapper {
	clear: both;
	position: relative;
	z-index: 15;
	margin: 0 auto 28px;
	width: 800px;
	background: #FFFFFF;
}
#header {
	clear: both;
	width: 100%;
}
#primary {
	float: left;
	width: 525px;
}
#secondery {
	float: right;
	width: 260px;
}
#footer {
	clear: both;
}

/* header
-------------------------------------------------------------- */
#header_top {
	clear: both;
	width: 100%;
	height: 90px;
}
#header_logo {
	margin-top: 5px;
	width: 500px;
	height: 70px;
}
#header_text {
	width: 630px;
	color: #84844F;
	font-size: 85%;
}
#header_title {
	float: left;
	width: 530px;
}
#header_menu {
	clear: both;
	padding: 8px 0;
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	text-align: right;
}
#promotion_top {
	float: right;
	margin-right: 10px;
	width: 250px;
	height: 250px;
}
#promotion_top a {
	display: block;
	width: 250px;
	height: 250px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #ffffff;
	text-decoration: none;
}
#promotion_top a p {
	text-align: center;
	padding-top: 110px;
	font-size: 120%;
	line-height: 1.5;
	color: #FFFFFF;
}
#pankuzu a {
	color: #84844F;
	text-decoration: underline;
}
/* content
-------------------------------------------------------------- */

/* primary
-------------------------------------------------------------- */
div.content_block_top {
	margin-bottom: 15px;
	padding: 15px 35px 5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #F6F6F4;
}
div.content_block_top p {
	margin-bottom: 1em;
	font-size: 95%;
	line-height: 1.6;
	line-break: strict;
	color: #84844F;
}
div.content_block_top p.notice a,
div.content_block_top p a {
	text-decoration: none;
	color: #0000FE;
}
div.content_block_top p.notice a:hover,
div.content_block_top p a:hover,
div.content_block_top p.notice a:focus,
div.content_block_top p a:focus {
	text-decoration: underline;
}
div.content_block_top p.notice {
	font-size: 75%;
	line-height: 1.5;
	line-break: strict;
	color: #000000;
}
div.content_block_top ul {
	margin: 5px 0 10px;
}
div.content_block_top ul li {
	font-size: 95%;
	line-height: 1.3;
	list-style-type: none;
}
div.content_block_top ul.li_number {
	margin-left: 40px;
}
div.content_block_top ul.li_number li {
	list-style-type: decimal;
}
div.content_block_top ul.li_number li a {
	text-decoration: none;
	color: #84844F;
}
div.content_block_top ul.li_number li a:hover,
div.content_block_top ul.li_number li a:focus {
	text-decoration: underline;
}
div.content_block_top ul.recipe_menu li {
	float: left;
	font-size: 85%;
	line-height: 1.5;
}
div.content_block_top ul.recipe_menu li a {
	text-decoration: none;
	color: #00CC33;
}
div.content_block_top ul.recipe_menu li a:hover,
div.content_block_top ul.recipe_menu li a:focus {
	text-decoration: underline;
}
div.content_block_top ul.medical_menu li {
	float: left;
	font-size: 85%;
	line-height: 1.5;
	color: #000000;
}
div.content_block_top ul.medical_menu li a {
	text-decoration: none;
	color: #4169E1;
}
div.content_block_top ul.medical_menu li a:hover,
div.content_block_top ul.medical_menu li a:focus {
	text-decoration: underline;
}
div.content_block_top ul.review_menu,
div.content_block_top ul.column_menu {
	margin-left: 1em;
}
div.content_block_top ul.review_menu li,
div.content_block_top ul.column_menu li {
	font-size: 85%;
	line-height: 1.7;
	list-style-type: circle;
}
div.content_block_top ul.review_menu li.author {
	padding-top: 0.5em;
	margin-left: -1em;
	list-style-type: none;
	color: #000000;
}
div.content_block_top ul.review_menu li a,
div.content_block_top ul.column_menu li a {
	text-decoration: none;
	color: #0000FE;
}
div.content_block_top ul.review_menu li a:hover,
div.content_block_top ul.review_menu li a:focus,
div.content_block_top ul.column_menu li a:hover,
div.content_block_top ul.column_menu li a:focus {
	text-decoration: underline;
}
div.content_block_top ul.recipe_list {
	margin-left: 2em;
}
div.content_block_top ul.recipe_list li {
	list-style-type: circle;
}
div.content_block_top div p {
	padding: 5px;
	font-size: 105%;
	color: #000000;
}
.black {
	color: #000000;
}
.red {
	color: #FF0000;
}
.text_green {
	color: #84844F;
}
.bold {
	font-weight: bold;
}
dl.blogs dt {
	color: #000000;
	font-weight: bold;
}
dl.blogs dd a,
dl.blogs dt a {
	color: #0000FE;
	text-decoration: none;
}
dl.about dd a,
dl.about dt a {
	color: #84844F;
}
dl.blogs dd a:hover,
dl.blogs dd a:focus,
dl.blogs dt a:hover,
dl.blogs dt a:focus {
	text-decoration: underline;
}
dl.blogs dd {
	margin-bottom: 1em;
	padding-left: 1em;
	font-size: 85%;
	line-height: 1.3;
	color: #84844F;
}
.catchcopy {
	padding: 0 0 10px;
	font-size: 120%;
	text-align: center;
	color: #0000FE;
	font-weight: bold;
}
dl.review dt {
	color: #0000FE;
	font-weight: bold;
}
dl.recipe dt {
	color: #00CC33;
	font-weight: bold;
}
dl.review dd,
dl.recipe dd {
	margin-bottom: 1em;
	padding-left: 1em;
	font-size: 85%;
	line-height: 1.3;
	color: #666666;
}
dl.review dd p,
dl.recipe dd p {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 95%;
	line-height: 1.6;
	color: #666666;
	text-align: left;
}
dl.review dd p.link_top,
dl.recipe dd p.link_top,
.content_block_top p.link_top {
	text-align: right;
}
dl.review dd p.link_tio a,
dl.recipe dd p.link_top a,
.content_block_top p.link_top a {
	text-decoration: none;
	color: #00CC33;
}
dl.review dd p.link_top a:hover,
dl.recipe dd p.link_top a:hover,
.content_block_top p.link_top a:hover,
dl.review dd p.link_top a:focus,
dl.recipe dd p.link_top a:focus,
.content_block_top p.link_top a:focus {
	text-decoration: underline;
}

dl.column dd p.link_next,
p.link_next {
	text-align: right;
}
p.link_next a {
	text-decoration: none;
	color: #00CC33;
}

p.link_next a:hover,
p.link_next a:focus {
	text-decoration: underline;
}
dl.review dd p span.recipe_sub,
dl.recipe dd p span.recipe_sub {
	font-size: 110%;
	font-weight: bold;
}
dl.review dd p a,
dl.recipe dd p a {
	text-decoration: none;
}
dl.review dd p a:hover,
dl.review dd p a:focus,
dl.recipe dd p a:hover,
dl.recipe dd p a:focus {
	text-decoration: underline;
}
.photo img,
dl.review img,
dl.recipe img {
	margin: 5px 0;
	padding: 5px;
	border: solid 1px #999999;
	background: #FFFFFF;
}

/* secondery
-------------------------------------------------------------- */
div.side_menu {
	position: relative;
	margin-right: 100px;
	width: 250px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #F6F6F4;
	z-index: 1;
}
div.side_menu_top {
	margin-top: 10px;
}
div.side_menu dl dt {
	clear: both;
	padding-top: 20px;
	margin: 0 10px;
	list-style: none;
	background: url("../img/sidemenu_bg.gif") no-repeat;
	background-position: center 8px;
	cursor: n-resize;
}
div.side_menu dl dt div.subject a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #000000;
	margin-bottom: 10px;
	z-index: 10;
}
div.side_menu dl dt div.subject a:hover,
div.side_menu dl dt div.subject a:focus {
	text-decoration: underline;
}
div.side_menu dl dd {
	display: none;
	margin: 0 0 10px 14px;
}
div.side_menu dl dd a {
	display: block;
	text-decoration: none;
	color: #84844F;
	font-size: 75%;
	line-height: 1.5;
}
div.side_menu dl dd a:hover,
div.side_menu dl dd a:focus {
	color: #00CC33;
	text-decoration: underline;
}
div.side_menu_l {
	float: left;
	margin-left: 4px;
}
div.side_menu_r {
	float: left;
	padding-left: 5px;
}
div.side_menu_r div.subject_e {
	font-size: 85%;
	line-height: 1.2;
	color: #84844F;
}
div.side_menu_r div.subject {
	font-size: 75%;
	line-height: 1.2;
	color: #000000;
	font-weight: bold;
}
div.side_menu_r div.date {
	margin-top: 10px;
	font-size: 75%;
	color: #84844F;
}
div.link_block {
	clear: both;
	margin: 0;
	width: 250px;
}
div.link_block dl dt {
	list-style: none;
	margin: 15px;
}
div.link_block dl dt.slide {
	margin-bottom: 0;
	cursor: n-resize;
}
div.link_block dl dt a {
	text-decoration: none;
	color: #0000FE;
}
div.link_block dl dt a:hover,
div.link_block dl dt a:focus {
	text-decoration: underline;
}
div.link_block dl dt div.link_caption {
	margin-top: 5px;
	font-size: 70%;
	line-height: 1.2;
	color: #84844F;
}
div.link_block dl dt div.link_subject_1 {
	padding-left: 10px;
	font-size: 85%;
	font-weight: bold;
	color: #0000FE;
	border-left: 5px solid #0000FE;
}
div.link_block dl dt div.link_subject_2 {
	padding-left: 10px;
	font-size: 85%;
	font-weight: bold;
	color: #0000FE;
	border-left: 5px solid #0000FE;
}
div.link_block dl dt div.link_subject_3 {
	padding-left: 10px;
	font-size: 85%;
	font-weight: bold;
	color: #0000FE;
	border-left: 5px solid #0000FE;
}
div.link_block dl dd {
	display: none;
	margin: 0 0 10px 30px;
}
div.link_block dl dd a {
	display: block;
	text-decoration: none;
	color: #84844F;
	font-size: 75%;
	line-height: 1.5;
}
div.link_block dl dd a:hover,
div.link_block dl dd a:focus {
	color: #00CC33;
	text-decoration: underline;
}
#information {
	width: 528px;
	height: 150px;
	overflow-y: scroll;
	border: solid 1px #CCCCCC;
}
#information dl {
	padding: 10px 3px 10px 15px;
}
#information dl dt {
	clear: both;
	margin-bottom: 3px;
	float: left;
	width: 80px;
	font-size: 75%;
	line-height: 1.4;
	color: #000000;
}
#information dl dd {
	float: left;
	margin-bottom: 3px;
	width: 410px;
	font-size: 75%;
	line-height: 1.4;
	color: #84844F;
}
#information dl dd a {
	color: #84844F;
	text-decoration: none;
}
#information dl dd a:hover,
#information dl dd a:focus {
	text-decoration: underline;
}
.information_header {
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.4em;
	color: #84844F;
}
span.Blink {
	font-weight: bold;
	color: #FF0000;
}

/* footer
-------------------------------------------------------------- */
div.footer_bottom ul li {
	list-style-type: none;
	font-size: 85%;
	text-align: left;
	color: #000000;
}
div.footer_bottom ul li a {
	text-decoration: none;
	color: #0000FE;
}
div.footer_bottom ul li a:hover,
div.footer_bottom ul li a:focus {
	text-decoration: underline;
}
div.footer_bottom ul li.left {
	float: left;
}
div.footer_bottom ul li.right {
	margin-left: 10px;
	float: right;
}
div.banner {
	text-align: center;
}
div.banner ul li {
	margin: 0 10px 5px 0;
	list-style-type: none;
	float: left;
}
div.banner img {
	margin: 0 3px;
}
/* misc
-------------------------------------------------------------- */
.black {
	color: #000000;
}
.clearfix {
	clear: both;
}
.nodisp {
	display: none;
}
.spacer {
	height: 10px;
}
.spacer_2 {
	height: 20px;
}
.img_center {
	text-align: center;
}
.img_left {
	text-align: left;
}

.img_right {
	text-align: right;
}

.img_left_lecture {
	float: left;
}

.img_right_lecture {
	float: right;
	margin-right:-6px;
}

/* float�o�O�΍� */
#wrapper:after,
.side_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}