﻿@charset "utf-8";

/*****local_css*****/
/*==================
	パンクズ	

#global_navi #pan {
	font-size:12px;
	color:#666666;
	float:left;
	font-weight:normal;
	width:644px;
	margin:6px 0 0 2px;
	text-align:left;
	}
==================*/	
/*==================
	フッター	
==================*/	
#footer_sub {
	clear:both;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	}	
#footer_sub h1 {
	font-size:9px;
	color:#FF9933;
	font-weight:normal;
	margin:0 0 5px 2px;
	text-align:left;
	padding:0;
	clear:both;
	}
/*==================
	本体	
==================*/	
#con_wrap {
	width:760px;
	
/*Mac IEΤߤŬ\*//*/
	height:1px;
/**/

/* Ȥ*/	
	clear:both;
	padding:0;
	margin:10px 0 10px 0;
	}
/*==================
	左ナビ
==================*/			
#col_l #sidemenu2{
	padding: 0;
	margin:0;
	width:230px;
	background:#FAFAFA;
	}
#col_l #sidemenu2 h2{
	font-size:14px;
	color:#3366CC;
	margin:0 0 0 0;
	padding:6px 0 0 10px;
	}
	#col_l #sidemenu2 h2.navi_onpage {
		font-size:12px;
		color:#FF9900;
		line-height: 1.5em;
		font-weight: bold;
	}
#col_l #sidemenu2 .title {
	padding:8px 0 3px 10px;
	margin:0 0 3px 0;
	background:#ECECEC;
	}
	
	
#col_l #sidemenu2 h2.title a{
	font-size:14px;
	color:#3366CC;
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 0 0;
	line-height:100%;
	}
	
#col_l #sidemenu2 .title_link {
	padding:8px 0 2px 10px;
	margin:0;
	}
	
	
	#col_l #sidemenu2 h2.title_link a{
		font-size:14px;
		color:#3366CC;
		font-weight:bold;
		padding:0 0 0 0;
		margin:0 0 0 0;
		line-height:100%;
	}
	
	
		
#col_l #sidemenu2 .sub_menu {
	padding:0 0 0 14px;
	margin:0 0 0 0;
	}	
#col_l #sidemenu2 h2 a{
	font-size:12px;
	color:#3366CC;
	line-height: 1.5em;
	font-weight: normal;
	}
#col_l #sidemenu2 h2 a:hover{
	color:#FF9900;
	}

/*==================
	右メニュー
==================*/		
#col_r {
	float:right;
	width:510px;
	margin-top:4px;
	}
#col_r h3{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:22px;
	color:#333333;
	}
#col_r h4{
	margin:0 0 20px 0;
	padding:0 0 0 0;
	font-size:16px;
	color:#DD911E;
	line-height:130%;
	clear:both;
	}
#col_r p.exp {
	width: 470px;
	padding: 3px;
	line-height: 1.5em;
	margin: -20px 0 10px 0;
}
#col_r .menu_all h5{
	margin:0 0 5px 0;
	padding:0 0 0 24px;
	font-size:16px;
	color:#3366CC;
	line-height:130%;
	background:url(../../service/local_img/yaji1.jpg) no-repeat;
	line-height:18px;
	}
#col_r .menu_all h5 a{
	color:#3366CC;
	}
#col_r .menu_all h5 a:hover {
	color:#FF9900;
	}			
#col_r .menu_all {
	clear:both;
/*Mac IEΤߤŬ\*//*/
	height:1px;
/**/

/* Ȥ */		
	width:500px;

	}
#col_r .menu_all p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#666666;
	height:28px;
	}														
#col_r .menu_l {
	width:245px;
	float:left;
	}		
#col_r .menu_r {
	width:245px;
	float:right;
	}
.small_box {
	width:auto;
	padding:6px;
	margin:0 0 20px 0;	
	height:140px;
	border:#999999 solid 1px;	
	}
.small_box ul{
	width: auto;
	margin:0px 0 0 0;
	padding:5px 0 0 0;
	font-weight:bold;
	list-style: none;
	list-style-position: outside;	
	}
.small_box li{
	margin:5px 0 0 0;
	padding:0px;
	font-weight:bold;
	}	
.small_box img {
	float:right;
	margin-right:5px;
	margin-left:5px;
	}

#col_r .main_box {
	padding:0 0 30px 0;
	margin:0;
	width: 100%;
	}
#col_r .main_box img {
	padding-left:20px;
	} 	
#col_r .main_text{
	float:left;
	width:300px;
	line-height:150%;
	}
#col_r .main_text strong{
	font-size:14px;
	color:#3366CC;
	}		
#col_r .main_box_l {
	padding:0 0 10px 0;
	margin:0;
	}
#col_r .main_text{
	float:left;
	width:300px;
	line-height:150%;
	}
#col_r .main_text strong{
	font-size:14px;
	color:#3366CC;
	}		
#col_r .sub_box {
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	}
#col_r .sub_box strong{
	padding:0 0 0 6px;
	font-size:12px;
	border-left:#666666 6px solid;
	}
	
/*==================
	
==================*/
.title_line {
	height:24px;
	padding:0 0 0 0;
	border-bottom:#F8C567 solid 1px;
	margin-bottom:15px;
	}
#col_r .title_line h3 {
	margin:0 0 0 0;
	float:left;
	}
.title_line .sub_title {
	float:right;
	font-style:italic;
	color:#F8C567;
	font-size:14px;
	padding-top:6px;
	}
	
	

/*==================
	ヘルスサポートシステム
==================*/
.health_subbox {
	margin:20px 0 20px 0;
	padding:0 0 0 10px;
	}
.health_subbox_r {
	width:350px;
	float:right;
	}
.health_subbox_l {
	width:260px;
	float:left;
	}
.health_subbox_m {
	width:480px;
	}	
.sengen1 {
	font-size:16px;
	font-weight:bold;
	}

.sengen2 {
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	color:#3366CC;
	}
	
/*==================
	メニュー提案＆特性
==================*/		
#col_r .health_subbox ul.menu_list {
	margin: 0 0 20px 5px;
	padding: 0 0 0 0;
	}
#col_r .health_subbox ul.menu_list li {
	margin: 0 0 10px 5px;
	padding: 0 0 0 0;
	font-weight: bold;
	color: #DD911E;
	font-size: 14px;
	list-style-image: url(../local_img/list_arrow_orange.gif);
	}
#col_r .health_subbox_m ul.menu_list {
	margin: 10px 0 20px 20px;
	padding: 0 0 0 0;
	}
#col_r .health_subbox_m ul.menu_list li {
	margin: 0 0 20px 10px;
	padding: 0 0 0 0;
	font-weight: bold;
	color:#996633;
	font-size: 14px;
	}
#col_r .health_subbox_m ul.menu_list li.hel1 {
	list-style-image: url(../local_img/hel_01.jpg);
	}
#col_r .health_subbox_m ul.menu_list li.hel2 {
	list-style-image: url(../local_img/hel_02.jpg);
	}
#col_r .health_subbox_m ul.menu_list li.hel3 {
	list-style-image: url(../local_img/hel_03.jpg);
	}
#col_r .health_subbox_m ul.menu_list li.hel4 {
	list-style-image: url(../local_img/hel_04.jpg);
	}
#col_r .health_subbox_m ul.menu_list li.hel5 {
	list-style-image: url(../local_img/hel_05.jpg);
	}
#col_r .health_subbox_m ul.menu_list li.hel6 {
	list-style-image: url(../local_img/hel_06.jpg);
	}	
	
/*==================	
ヘルシーメニューの種類	
==================*/	
.hel_menu {
	margin:30px 0 30px 0;
	padding:0 0 0 0;
	border:1px solid #999999;
	border-bottom:none;	
	border-right:none;	
	line-height:130%;
	}
.hel_menu td{
	font-size:12px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}	
.hel_menu ul{
	margin:5px 0 0 20px;
	padding:0 0 0 0;
	}
.hel_menu li{
	margin:0 0 4px 0;
	padding:0 0 0 0;
	}		
.title_l {
	background-color:#E0E0E0;
	text-align:center;
	color:#666666;
	font-weight:bold;
	}
.title_top {
	background-color:#FFCCCC;
	text-align:center;
	color:#333333;
	}
/*==================	
ヘルシーメニューブック	
==================*/
.menu_book {
	margin:30px 0 30px 0;
	border:1px solid #FF6666;
	font-size:12px;
	border-bottom:none;	
	border-right:none;	
	}
.menu_book td{
	border-right:1px solid #FF6666;
	border-bottom:1px solid #FF6666;
	}
.total {
	background:#FFCCCC;
	}
.book_title {
	background:#FF9999;
	color:#FFFFFF;
	font-size:10px;
	}
/*==================	
ヘルシーメニュー[レシピ]	
==================*/	
.recipe_box {
	width:162px;
	float:left;
	margin:10px 6px 30px 0;
	height:120px;
	text-align:left;

	}
.recipe_t {
	background-color:#FF6666;
	color:#FFFFFF;
	line-height:20px;
	padding:0 0 0 4px;
	margin:0 0 5px 0;
	font-size:11px;
	}
/*==================	
栄養メモ・ポスター	
==================*/
.pos1_l{
	width:115px;
	float:left;
	margin:10px 2px 20px 8px;
	padding:0 0 0 0;
	height:auto;
	text-align:center;
	color:#663300;
	}
.pos1_l img{
	margin:0 0 5px 0;
	}	
.pos11_l{
	width:150px;
	float:left;
	margin:10px 40px 20px 8px;
	padding:0 0 0 0;
	height:auto;
	text-align:center;
	color:#663300;
	}
.pos11_l img{
	margin:0 0 5px 0;
	}
#col_r .pos_btn {
	margin:4px 0 0 0;
	text-align:center;
	}	
.pos12_l{
	background-color:#ffffff;
	width:450px;
	height:1px;
	}
.pos12_l img{
	margin:0 0 0 0;
	}
#col_r .pos_btn {
	margin:4px 0 0 0;
	text-align:center;
	}
.pos2_l{
	width:200px;
	float:left;
	margin:10px 5px 20px 0px;
	padding:0 0 0 0;
	height:auto;
	text-align:center;
	color:#663300;
	}
.pos2_l img{
	margin:0 0 5px 0;
	}
.right {
	text-align: right;
}	
#col_r dl {
	line-height: 180%;
}
#col_r dl a {
color:#FF6666
}
#col_r dl a:hover{
color:#996600
}
#col_r .bk-poster {
	height: 500px;
	width: 510px;
}
#col_r .pos1_center{
	width:150px;
	padding:0;
	height:auto;
	text-align:center;
	color:#666666;
	margin: 10px 180px 20px;
	}
#col_r .pos1_center2{
	width:150px;
	padding:0;
	height:auto;
	text-align:center;
	color:#666666;
	margin: 10px 115px 20px;
	}
#col_r .l-255 {
	float: left;
	height: 160px;
	width: 255px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#col_r .l-255 table {
	margin-right: auto;
	margin-left: auto;
}
#col_r .r-255 {
	float: right;
	height: 160px;
	width: 255px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#col_r .r-255 table {
	margin-right: auto;
	margin-left: auto;
}
#col_r .date {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
/*.space_h {
	height:32px;
	}*/
	
/*==================	
ヘルスケアキャンペーン	
==================*/
#col_r .main_box {
	padding:0 0 0 0;
	margin:20px 0 0 0;
	width: 100%;
	height:190px;
	}	
#col_r .main_text {
	width:220px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:150%;
	float:left;
	}
#col_r .main_text ul.cam_list {
	margin:0 30px 0 20px;
	padding:0 0 0 0;
	}
#col_r .main_text ul.cam_list li {
	margin:4px 0 4px 20px;
	padding:0 0 0 0;
	font-weight: bold;
	color:#996633;
	font-size: 14px;			
	list-style:outside;
	list-style-image: url(../local_img/cam_02.jpg);	
	}			
#col_r .main_box img {
	padding-left:20px;
	} 
.cam_ad1 {
	float:left;
	margin:0 10px 0 0;
	}
.advice1 {
	margin:20px 0 0 10px;
	clear:both;
	line-height:150%;
	height:120px;
	}	
/*==================	
ヘルスガイドシール	
==================*/
.guide_box {
	margin:30px 0 20px 0;
	padding:0 0 0 0;
	}
#col_r .main_text2 {
	padding:0;
	line-height:150%;
	float:left;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	width: 510px;
	}
#col_r ul.guide_list {
	margin:10px 30px 0 20px;
	padding:0 0 0 0;
	line-height:150%;	
	}
#col_r ul.guide_list li {
	margin:6px 0 6px 20px;
	padding:0 0 0 0;
	font-weight: bold;
	color:#996633;
	font-size: 14px;			
	list-style:outside;
	list-style-image: url(../local_img/cam_02.jpg);	
	}	
#col_r .main_text2 ul.guide2_list {
	margin: 0 0 20px 20px;
	padding: 0 0 0 0;
	}
#col_r .main_text2 ul.guide2_list li {
	margin: 0 0 6px 20px;
	padding: 0 0 0 0;
	font-weight: bold;
	color:#996633;
	font-size: 14px;
	}
#col_r .main_text2 ul.guide2_list li.hel1 {
	list-style-image: url(../local_img/hel_01.jpg);
	}
#col_r .main_text2 ul.guide2_list li.hel2 {
	list-style-image: url(../local_img/hel_02.jpg);
	}
#col_r .main_text2 ul.guide2_list li.hel3 {
	list-style-image: url(../local_img/hel_03.jpg);
	}
#col_r .main_text2 ul.guide2_list li.hel4 {
	list-style-image: url(../local_img/hel_04.jpg);
	}
#col_r .main_text2 ul.guide2_list li.hel5 {
	list-style-image: url(../local_img/hel_05.jpg);
	}
#col_r .main_text2 ul.guide2_list li.hel6 {
	list-style-image: url(../local_img/hel_06.jpg);
	}	

.guide_box_m {
	margin:10px 0 0 0;
	}
#col_r .sub_box {
	margin:0 0 32px 0;
	padding:5px 0 5px 0;
	clear:both;
	line-height:150%;
	}
#col_r .sub_box strong {
	margin:0 0 0 0;
	padding:0 0 0 6px;
	font-size:12px;
	border-left:#666666 6px solid;
	}
#col_r .sub_box p {
	margin:4px 0 4px 0;
	padding:0 0 0 0;
	}

/*==================
	フロート画像
==================*/
.flo_img {
float:right;
margin:0 10px 0 10px;
}


/*++ サブメニュ ++*/
#col_l #sidemenu2 h2.submenu {
	text-indent: 1em;	
}		



#col_r .hel_menu img {
	margin:0 0 0 0;
	padding:0;
	}
