@charset "utf-8";
/* ヘッダー */

html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
img { 
vertical-align: bottom;
border:none;
}
a img{
	border:none;
	font-size:0px;
	display:block;
}


a{
	font-style:normal;
	text-decoration:none;
	color: #003;
}


/* 共用設定 */

#kr_container {
	width:780px;
	text-align:left;
}
#kr_container .clear {
	clear:both
}
#kr_container a img {
	border:none;
}
#kr_container img {
	vertical-align: auto;
}
.clear {
	clear:both;
	height:0;
}
/* ie8 */
html>/**/body .clear {   
    line-height /*\**/: 0\9;   
}


/* トップ */

#top_area {
	background:url(../images/top/top_bg.jpg) top repeat-x;
	height: 580px;

}
#top_area #btn_navi {

	float:left;
	margin-top:20px;
	height:32px;
}
#top_area #btn_navi img {
	float:left;
	display:block;
	margin-right:0px;
}
#top_area #side_logo {
	float:right;
	margin-top:15px;
	padding-right: 15px;
}
#top_area #panel01 {
	clear:both;
}
#top_area .panel_float {
	float:left;
	margin:0 1px;
	padding:0;
	width:258px;
	display:inline;
}
#top_area #panel_under {
	margin-top:8px;
}

/* ヘッダー */


#kr_header a img {
	border:none;
}
#kr_header #logo {
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:490px;
	height:25px;
	margin:30px 0 10px 10px;
}
#kr_header #side_logo {
	float:right;
	margin-top:35px;
	padding-right: 10px;
	margin-bottom: 10px;
	width:232px;
}

/* ヘッダー ナビゲーション */

body { /* IE6 対策 */
	behavior: url("./common/csshover3.htc");
		width:807px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	background-image:url(../../images/img/bg.jpg);
	background-repeat:repeat-x;
	color:#000000;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:120%;
}

#kr_header #navi {
	width:768px;
	margin:0 auto;
	clear:both;
}
#kr_header #navi ul {
	list-style:none;
	margin:0;
	padding:0;
}
#kr_header #navi li {
	float:left;
}
#kr_header #navi li a {
	display:block;
	width:190px;
	padding:0;
	margin:0 2px 0 0;
}



#kr_header #navi li:hover {position:relative; z-index:200;}

#kr_header #navi li:hover ul.sub{
	left:0px; top:29px;
	background: #ffffff;
	padding:3px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	white-space:nowrap;
	width:182px;
	height:auto;
	z-index:300;
	text-align:left;
}
* html #kr_header #navi li:hover ul.sub {
	padding:3px 1px 3px 3px;
}

#kr_header #navi li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:182px; font-weight:normal;}
#kr_header #navi li:hover ul.sub li a
{display:block; font-size:11px; width:182px; text-decoration:none;}


#kr_header #navi ul.sub
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}




/* ビーフン×アスリート 体験記 */

#taiken_area #top_left {
	float:left;
	width:390px;
	text-align:center;
}
#taiken_area #top_left img {
	margin:50px 0 27px 0;
}
#taiken_area #top_right {
	float:left;
	width:390px;
}
#taiken_area #top_right img {
	margin:12px 10px;
}
#taiken_area #top_left p {
	margin:0 0 0 20px;
	padding:0;
	font-size:94%;
	line-height:125%;
	text-align:left;
}
#taiken_area #under_inter {
	clear:both;
	padding-top:16px;
}
#taiken_area #under_inter ul {
	list-style:none;
	font-size:94%;
}
#taiken_area #under_inter li.arrow_q {
	background:url(../images/taiken/arrow_Q.gif) no-repeat left;
	color:#9f2800;
	padding:12px 0 8px 40px;
}
#taiken_area #under_inter li.arrow_a {
	background:url(../images/taiken/arrow_A.gif) no-repeat left top;
	padding:4px 30px 8px 67px;
}

/* ビーフンを食べて強くなる！ */

#disc_area #top_left {
	float:left;
	width:390px;
}
#disc_area #top_left img {
	margin:50px 0 30px 20px;
}
#disc_area #top_right {
	float:left;
	width:390px;
}
#disc_area #top_right img {
	margin:110px 0 0 20px;
}
#disc_area #top_left p {
	margin:0 10px 0 20px;
	padding:0;
	font-size:94%;
	line-height:125%;
}
#disc_area #middle {
	clear:both;
	padding-top:30px;
}
#disc_area #sub {
	float:left;
	width:50%;
}
#disc_area #sub p {
	margin:10px 10px 0 30px;
	padding:0;
	font-size:94%;
	line-height:125%;
}
#disc_area #sub .title img {
	margin-left:20px;
	padding:0;
}
#disc_area #sub .link img {
	margin:10px 0 0 90px;
	padding:0;
}
#disc_area #sub .right img {
	margin:20px 0 0 120px;
	padding:0;
}
#disc_area #sub #left {
	width:270px;
	float:left;
}
#disc_area #sub #right {
	width:100px;
	float:left;
	text-align:center;
}

#disc_area #under_inter {
	clear:both;
	text-align:center;
}
#disc_area #under_inter img {
	margin-top:30px;
}
#disc_area #under_inter img.prof {
	margin-bottom:20px;
}

/* アスリートメニュー */

#athlete_area {
	width:100%;
}
#athlete_area #top #title {
	width:224px;
	float:left;
	margin:50px 0 40px 20px;
}
/* ie7 */
*:first-child+html #athlete_area #top #title {
	margin:50px 0 40px 20px;
}
/* ie6 */
* html #athlete_area #top #title {
	margin:50px 0 40px 20px;
	display:inline;
}


#athlete_area #athlete_logo {
	width:400px;
	float:right;
	margin-top:47px;
	margin-right:8px;
	text-align:right;
}
#athlete_area #athlete_logo img {
	width:186px;
	padding:0;
	margin:0 5px 0 0;
}

/* 今日のあなたのメニュー診断 */
#sindan_area {
	width:100%;
	padding-top:13px;
	clear:both;
	z-index:1;
}


#menu_area {
	width:100%;
}
#menu_area img.title {
	margin:50px 0 20px 20px;
}
#menu_area #navi {
	width:764px;
	margin:0 auto;
	clear:both;
}
#menu_area #navi img {
	width:186px;
	padding:0;
	margin:0 5px 5px 0;
	display:inline;
}
#menu_area #navi img.end {
	margin:0 0 5px 0;
}



/* メニュー部 */

#target_area {
	clear:both;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
	text-align:center;
}
#target_area #base {
	width:717px;
	margin:0 auto;
	padding-top:4px;
	background:url(../images/menu/menu_bg_line.gif) repeat-y;
}
#target_area #top_left {
	float:left;
	width:358px;
	text-align:left;
}
#target_area #top_left img.menu_title {
	padding:0;
	border:none;
	margin:5px 0 15px 25px;
}
#target_area #top_left img {
	margin:0 0 0 25px;
	padding:5px;
	border:1px #ccc solid;
}
#target_area #top_right {
	float:left;
	width:358px;
	text-align:left;
}
#target_area #top_right img {
	margin:70px 0 10px 30px;
}
#target_area #top_right img.st_pasta {
	margin:50px 0 10px 30px;
}
#target_area #top_right p {
	margin-right:20px;
	margin-left:5px;
	font-size:100%;
	line-height:125%;
}
#target_area #under {
	width:100%;
	clear:both;
	text-align:center;
	padding-top:15px;
}
#target_area #under_base {
	width:674px;
	margin:0 auto;
	background:url(../images/menu/menu_bg.jpg) repeat-y;
}
#target_area #under_left {
	float:left;
	text-align:left;
}
#target_area #under_left img {
	margin:10px 0 0 30px;
}
#target_area #under_base ul {
	list-style:none;
	padding:0;
	margin:3px 0 15px 20px;
	background:url(../images/menu/menu_line.gif) top repeat-x;
	font-size:100%;
}
#target_area #under_left ul {
	width:230px;
}
#target_area #under_base li {
	background:url(../images/menu/menu_line.gif) bottom repeat-x;
	padding:7px 3px;
}

#target_area #under_right {
	float:left;
	text-align:left;
}
#target_area #under_right ul {
	width:355px;
}
#target_area #under_right img {
	margin:10px 0 0 30px;
}
#target_area #under_base ul {
	margin:3px 0 15px 30px;
}


#target_area .popup a {
	text-decoration:underline;
	color:blue;
}
#target_area .popup img {
	position:absolute;
	top:-9999px;
	left:-9999px;
	display:block;
	z-index:300;
}
#target_area .popup a:hover {
	position:relative;
}
#target_area .popup a:hover img {
	top:-195px;
	left:50px;
}



.wrapper{
	background-image:url(../../images/img/mainbgtop.jpg);
	background-repeat:no-repeat;
	padding-left:13px;
	width:795px;
	margin:0px;
	overflow:auto;
	overflow:hidden;
}
.shadow{
	font-size:0px;
	display:inline-block;
	margin-bottom:0px;
	padding-bottom:0px;
	clear:both;
}


/*************************************************************

					フッターのＣＳＳ

*************************************************************/
.footer{
	width:780px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}


.footer_btn{
	text-align:center;
}

.footer_flash{
	margin-left:2px;
}

.footer_flash h4{
	margin-left:30px;
}


.footer_flash img{
	margin-left:30px;
}
.back{
	background:url(../../images/img/mainbg.jpg);
	background-repeat:y-repeat;	
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}