/*--------------------------------------------------------------------
contents-1st
---------------------------------------------------------------------*/

#bg-img-body {
	background: transparent url(../images/bg_img_body.gif) repeat-y left top;
	width:690px;
	margin-bottom:20px;
}
#bg-img-top {
	background: transparent url(../images/bg_img_top.gif) no-repeat left top;
	width:690px;
}
#bg-img-btm {
	background: transparent url(../images/bg_img_btm.gif) no-repeat left bottom;
	width:690px;
}

#main-img-box {
	width:680px;
	margin:0 auto;
	padding:5px 0;
	margin-bottom:5px;
}

.list-section-img {
	width: 200px;
	padding-right: 15px !important;
}
.list-section-txt {
	width: 435px;
	padding-left: 0 !important;
}
h3.list-section-ttl {
	margin-bottom: 15px;
	background: url(../common/images/list_h_icon.png) no-repeat left 0.1em;
	background-size: 14px;
	padding: 0 0 0 20px !important;
	color: #333;
	line-height: 1.1;
	font-weight: 300;
	font-size: 15px;
}

h1.genki-page-ttl {
	clear: left;
	margin: 0 0 20px 0;
	width: 100%;
	height: auto;
	background: url(../common/images/genki-page-ttlbg.png) repeat-x right center;
	padding: 10px 0;
	color: #555;
	text-indent: 0;
	font-size: 26px;
}
h1.genki-page-ttl > span.genki-page-ttlbc {
	display: inline-block;
	padding-right: 15px;
	background-color: #fff;
}
h1.genki-page-ttl span.genki-page-ttl-sml {
	font-size: 16px;
}
h2.genki-page-sttl {
	margin: 0;
	border-left: 5px solid #ffa600;
	width: 100%;
	height: auto;
	padding: 0 0 0 10px;
	text-indent: 0;
	color: #333;
	font-size: 20px;
	font-weight: 300;
}


/*
main-img-L
----------------------------------------*/

#main-img-L {
	float:left;
	width:450px;
	height:395px;
	background: transparent url(../images/main_img/Mimg_L.jpg) no-repeat left top;
	position:relative;
}
#main-img-title,#main-img-text { text-indent:-9999px;}
#main-img-L-btn a {
	background: transparent url(../images/main_img/btn_feature.jpg) no-repeat left top;
	position:relative;

	position:absolute;
	left:16px;
	
	/* adjust link position
	Edit here when you updated file every month */
	top:362px;
	bottom:5px;
	/**/
	
	width:149px;
	height26px;
	text-indent:-9999px;
}


#main-img-L-btn a:hover {
	background: transparent url(../images/main_img/btn_feature_o.jpg) no-repeat left top;
}


/*
main-img-R
----------------------------------------*/

#main-img-R {
	float:right;
	width:230px;
	height:395px;
	background: transparent url(../images/main_img/Mimg_R.jpg) no-repeat left top;
	position:relative;
}


/* ----- feature -----*/

#feature-table {
	position:absolute;
	top:61px;
	left:9px;
}

#feature-photo-01,
#feature-photo-02,
#feature-photo-03,
#feature-photo-04 {
	width:40px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding-bottom:5px;
}
#feature-photo-01 a,
#feature-photo-02 a,
#feature-photo-03 a,
#feature-photo-04 a {
	display:block;
	width:38px;
	height:38px;
	border:#fff solid 1px;
	text-indent:-9999px;
}
#feature-photo-01 a:hover,
#feature-photo-02 a:hover,
#feature-photo-03 a:hover,
#feature-photo-04 a:hover {
	display:block;
	width:38px;
	height:38px;
	border:#ff9900 solid 1px;
}


#feature-text-01,
#feature-text-02,
#feature-text-03,
#feature-text-04 {
	width:170px;
	height:40px;
	padding-bottom:5px;
	vertical-align:top;
}
#feature-text-01 a,
#feature-text-02 a,
#feature-text-03 a,
#feature-text-04 a {
	width:160px;
	display:block;
	margin-left:10px;
	margin-top:18px;
	color:#fff;
	text-decoration:none;
}
#feature-text-01 a:hover,
#feature-text-02 a:hover,
#feature-text-03 a:hover,
#feature-text-04 a:hover {
	color:#ff9900;
}





#feature-to-backnumber {
	background: transparent url(../images/main_img/to_backnumber.gif) no-repeat right top;
	height:30px;
	text-indent:-9999px;
}
#feature-to-backnumber a {
	display:block;
	width:125px;
	margin-left:85px;
}


/* ----- regist-mag -----*/

#regist-mag-h,regist-mag-txt { text-indent:-9999px;}

#regist-mag-btn a {
	background: transparent url(../images/main_img/btn_regist.jpg) no-repeat left top;
	width:202px;
	height:29px;
	display:block;
	text-indent:-9999px;
	
	position:absolute;
	bottom:12px;
	left:14px;
}
#regist-mag-btn a:hover {
	background: transparent url(../images/main_img/btn_regist_o.jpg) no-repeat left top;
}



/*
main-img-menu-box
----------------------------------------*/

#main-img-menu-recipe {
	width:225px;
	height:188px;
	float:left;
}
#main-img-menu-box a { display:block; text-indent:-9999px;}

#main-img-menu-recipe h2 a      {background: transparent url(../images/main_img/main_img_menu_recipe_h.jpg) no-repeat left top; width:225px; height:80px;}
#main-img-menu-recipe p a       {background: transparent url(../images/main_img/main_img_menu_recipe_txt.jpg) no-repeat left top; width:225px; height:108px;}
#main-img-menu-recipe p a:hover {background: transparent url(../images/main_img/main_img_menu_recipe_txt_o.jpg) no-repeat left top; width:225px; height:108px;}


#main-img-menu-trivia {
	width:230px;
	height:188px;
	float:left;
}
#main-img-menu-trivia h2 a      {background: transparent url(../images/main_img/main_img_menu_trivia_h.jpg) no-repeat left top; width:; height:80px;}
#main-img-menu-trivia p a       {background: transparent url(../images/main_img/main_img_menu_trivia_txt.jpg) no-repeat left top; width:; height:108px;}
#main-img-menu-trivia p a:hover {background: transparent url(../images/main_img/main_img_menu_trivia_txt_o.jpg) no-repeat left top; width:; height:108px;}


#main-img-menu-crude {
	width:225px;
	height:188px;
	float:right;
}
#main-img-menu-crude h2 a      {background: transparent url(../images/main_img/main_img_menu_crude_h.jpg) no-repeat left top; width:225px; height:80px;}
#main-img-menu-crude p a       {background: transparent url(../images/main_img/main_img_menu_crude_txt.jpg) no-repeat left top; width:225px; height:108px;}
#main-img-menu-crude p a:hover {background: transparent url(../images/main_img/main_img_menu_crude_txt_o.jpg) no-repeat left top; width:225px; height:108px;}





/*--------------------------------------------------------------------
contents-2nd-L
---------------------------------------------------------------------*/




#contents-2nd-L {
	float:left;
	width:445px;
}
#h-health-contents {
	background: transparent url(../images/h_health_contents.jpg) no-repeat left top;
	width:420px;
	height:51px;
	text-indent:-9999px;
}
#contents-2nd-L td {
	width:211px;
	height:50px;
}
#contents-2nd-L td a {
	display:block;
	width:211px;
	height:50px;
	text-indent:-9999px;
}
#health-detox a     {background: transparent url(../images/health/health_detox.jpg) no-repeat left top;}
#health-nutrition a {background: transparent url(../images/health/health_nutrition.jpg) no-repeat left top;}
#health-metabolic a {background: transparent url(../images/health/health_metabolic.jpg) no-repeat left top;}
#health-fragile a   {background: transparent url(../images/health/health_fragile.jpg) no-repeat left top;}
#health-cold a      {background: transparent url(../images/health/health_cold.jpg) no-repeat left top;}
#health-pale a      {background: transparent url(../images/health/health_pale.jpg) no-repeat left top;}
#health-fatigue a   {background: transparent url(../images/health/health_fatigue.jpg) no-repeat left top;}
#health-strength a  {background: transparent url(../images/health/health_strength.jpg) no-repeat left top;}
#health-stomach a   {background: transparent url(../images/health/health_stomach.jpg) no-repeat left top;}
#health-appetite a  {background: transparent url(../images/health/health_appetite.jpg) no-repeat left top;}


#health-detox a:hover     {background: transparent url(../images/health/health_detox_o.jpg) no-repeat left top;}
#health-nutrition a:hover {background: transparent url(../images/health/health_nutrition_o.jpg) no-repeat left top;}
#health-metabolic a:hover {background: transparent url(../images/health/health_metabolic_o.jpg) no-repeat left top;}
#health-fragile a:hover   {background: transparent url(../images/health/health_fragile_o.jpg) no-repeat left top;}
#health-cold a:hover      {background: transparent url(../images/health/health_cold_o.jpg) no-repeat left top;}
#health-pale a:hover      {background: transparent url(../images/health/health_pale_o.jpg) no-repeat left top;}
#health-fatigue a:hover   {background: transparent url(../images/health/health_fatigue_o.jpg) no-repeat left top;}
#health-strength a:hover  {background: transparent url(../images/health/health_strength_o.jpg) no-repeat left top;}
#health-stomach a:hover   {background: transparent url(../images/health/health_stomach_o.jpg) no-repeat left top;}
#health-appetite a:hover  {background: transparent url(../images/health/health_appetite_o.jpg) no-repeat left top;}




/*--------------------------------------------------------------------
contents-2nd-R
---------------------------------------------------------------------*/

#contents-2nd-R {
	background: transparent url(../images/line_con_r_btm.jpg) repeat-y left top;
	float:right;
	
	width:245px;
}
#contents-2nd-R-inner {
	background: transparent url(../images/line_con_r_top.jpg) no-repeat left top;
	width:230px;
	
	padding-left:15px;
}
#h-blog {
	background: transparent url(../images/h_blog.jpg) no-repeat left top;
	width:230px;
	height:50px;
	text-indent:-9999px;
}
#h-blog-txt {
	background: transparent url(../common/images/dot_01.gif) repeat-x left bottom;
	width:230px;
	padding-bottom:10px;
}
#h-site {
	background: transparent url(../images/h_website.jpg) no-repeat left top;
	width:230px;
	height:50px;
	margin-top:15px;
	text-indent:-9999px;
}





/*--------------------------------------------------------------------
corporate.html
---------------------------------------------------------------------*/

.table-co-frame {
	border:#d9d9d9 solid 1px;
	width:650px;
	margin:0 auto;
}

.table-co {
	border:#fff solid 1px;
	background-color:#ebe8e6 ;
	width:650px;
}
.h-co {
	vertical-align:top;
	background:#ebe8e6 url(../images/dot_co_03.gif) repeat-x left bottom;
	text-align:left;
	padding: 10px 10px 10px 15px;
	border-right:#d9d9d9 dashed 1px; ;
	
}
.d-co {
	vertical-align:top;
	background:#f5f4f3 url(../images/dot_co_01.gif) repeat-x left bottom;
	padding: 10px 10px 10px 15px;

}


/*--------------------------------------------------------------------
sitemap.html
---------------------------------------------------------------------*/

.dot-btm-sitemap {
	background:transparent url(../common/images/dot_01.gif) repeat-x left bottom ;
	padding-bottom:3px;
}

.dot-btm-sitemap a,
.privacy-txt a {
	color:#4c4c4c;
	text-decoration:none;
}
.dot-btm-sitemap a:hover,
.privacy-txt a:hover {
	color:#ff9900;
}
.privacy-txt {
	padding:5px 0 0 10px;
}
.sitemap-arrow {
	background:transparent url(../common/images/arrow_01.gif) no-repeat left center;
	padding-left:10px;
}


/*
	border:#f00 solid 1px;
*/