@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :style.css
 style info :インデックスのコンテンツエリア関係 他(会員インデックスも含)
=================================================================== */


/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

#container{
	margin-top:0px;
	background:none;
}
#wrapper{
	background:url(../image/bg_header.gif) repeat-x;
}

#main_area{
	float:left;
	width:734px;
	margin-top:13px;
	background:none;
}

#sub_area{
	float:right;
	width:210px;
	margin-left:5px;
	margin-top:13px;
}

/*----------------------------------------------------
	メインビジュアル
----------------------------------------------------*/

#main_visual{
	position:relative;
	width:960px;
	height:160px;
}

#main_visual ul{
	position:absolute;
	right:7px;
}

#main_visual ul li img{
	height:66px;
	vertical-align:bottom;
	margin-bottom:7px;
}

#main_visual ul.one{
	top:47px;
}

#main_visual ul.two{
	top:10px;
}

/* --バナー　マウスオーバー ----*/

#main_visual ul{
	width:247px;
	height:132px;
}
#main_visual ul li a{
	display:block;
	width:247px;
	height:64px;
	text-indent:-9999px;
}
/*--off----*/
#main_visual ul li.bn01 a {
	/* 2009-11-20 ひとこと対応 START */
	/*background:url(../image/button_pr_01.gif) no-repeat 0px 0px;*/
	/* 2009-11-20 ひとこと対応 END */
	border:#ffffff solid 1px;
}
#main_visual ul li.bn02 a {
	margin-top:7px;
	background:url(../image/button_pr_02.gif) no-repeat 0px 0px;
	border:#ffffff solid 1px;
}

/*--hover----*/
#main_visual ul li a:hover {
	border:#d9d9d9 solid 1px;
}

/*----------------------------------------------------
	ボックスメニュー
----------------------------------------------------*/
#box_menu_area{
	width:734px;
	background: url(../image/bg_box_menu_area.gif) repeat-y bottom left;
	overflow:hidden;
}

#box_menu_area ul{
	margin:5px 10px 0 10px;
	min-height:82px;
	height:auto !important;
	height:82px;
}

#box_menu_area p{
	text-align:center;
	margin:5px 10px 5px 0;
}

#box_menu_area #box_kokuminundou ul li {
	padding-left:5px;
	padding-bottom:6px;
	margin-bottom:8px;
}

#box_menu_area #box_kokuminundou ul li{
	background: url(../image/line_dot_02.gif) repeat-x left bottom;
}

#box_menu_area #box_kokuminundou ul li a{
	color:#65008b;
	padding-left:15px;
	margin-bottom:3px;
	background: url(/common/image/icon_arrow_05.gif) no-repeat left 0.22em;
}

#box_menu_area #box_tairyokuup ul li {
	padding-left:5px;
	padding-bottom:6px;
	margin-bottom:8px;
}

#box_menu_area #box_tairyokuup ul li{
	background: url(../image/line_dot_02.gif) repeat-x left bottom;
}

#box_menu_area #box_tairyokuup ul li a{
	color:#004c86;
	padding-left:15px;
	margin-bottom:3px;
	background: url(/common/image/icon_arrow_11.gif) no-repeat left 0.22em;
}

#box_tairyokuup,
#box_kokuminundou {
	width:362px;
	float:left;
}

#box_tairyokuup {
	margin-right:10px;
}

/*-------------*/
#box_tairyokuup div a{
	clear:both;
	width:362px;
	height:43px;
	display:block;
	text-indent:-9999px;
}

#box_tairyokuup div a:link,
#box_tairyokuup div a:visited{
	background:url(../image/button_title_tairyokuup.gif) no-repeat left top;
}

#box_tairyokuup div a:hover{
	background:url(../image/button_title_tairyokuup.gif) no-repeat left bottom;
}


/*-------------*/

#box_kokuminundou div a{
	clear:both;
	width:362px;
	height:43px;
	display:block;
	text-indent:-9999px;
}

#box_kokuminundou div a:link,
#box_kokuminundou div a:visited{
	background:url(../image/button_title_shidousya.gif) left top;
}

#box_kokuminundou div a:hover{
	background:url(../image/button_title_shidousya.gif) left bottom;
}

/*-------------*/

/*----------------------------------------------------
	新着情報
----------------------------------------------------*/

#information_area{
	position: relative;
	margin-top:10px;
	background: url(../image/bg_information_area_01.gif) no-repeat left top;
}
#information_area .wrap{
	padding-bottom:15px;
	background: url(../image/bg_information_area_02.gif) no-repeat left bottom;
	float: none;
}

.ff2 #information_area .wrap,
.ff3 #information_area .wrap{
	padding-bottom:8px;
}

.safari #information_area .wrap{
	padding-bottom:1px;
}

#information_area p{
	margin-bottom:5px;
	padding:9px 10px 10px 13px;
}

.ff2 #information_area p,
.ff3 #information_area p,
.safari #information_area p{
	margin-bottom:0;
}

#information_area ul.item{
	position:absolute;
	top:8px;
	right:5px;
}

#information_area ul.item li{
	float:left;
	margin:0 4px 0 0;
}

/*--------------------------------
	新着情報_本文部分
----------------------------------*/
#information_area table{
	width:718px;
	margin:0px 9px 8px 9px;
}

#information_area table tr{
	vertical-align:top;
	background: url(../image/line_dot_02.gif) repeat-x left top;
}

#information_area table td{
	padding-top:6px;
}

#information_area table td.icon{
	padding:3px 8px 2px 2px;
	width:60px;
}

#information_area table td.date{
	padding-right:5px;

}

#information_area table td.text{
	width:580px;
}

#information_area table td{
	padding-top:3px;
}

.ff2 #information_area table td,
.ff3 #information_area table td,
.safari #information_area table td{
	padding-top:4px;
}


#information_area table td img{
	float:left;
}

#information_area table tr.first{
	background: none;
}

/*--------------------------------
	バナー
----------------------------------*/

ul#banner_area01{
	overflow:hidden;
	width:727px;
	margin-top:15px;
	padding:0 0 7px 7px;
	background-color:#f0f0f0;
}

ul#banner_area01 li a{
	width:235px;
	height:56px;
	margin:7px 5px 0 0;
	display:block;
	border:#a8a8a8 solid 1px;
}

ul#banner_area01 li a:hover{
	border:#d98038 solid 1px;
}


ul#banner_area01 li,
#link_area ul li{
	float:left;
}

/*--------------------------------
	リンク
----------------------------------*/

#link_area {
	position: relative;
	width:734px;
	margin-top:15px;
	background: url(../image/bg_link_area_01.gif) no-repeat left top;
	overflow:hidden;
}

#link_area p {
	position:absolute;
	top:12px;
	left:14px;
}

#link_area ul {
	overflow:hidden;
	width:731px;
	padding:5px;
	padding-left:120px;
	background: url(../image/bg_link_area_02.gif) no-repeat left bottom;
}


#link_area ul li{
	padding:5px 10px 5px 0;
	margin-bottom:3px;
	background: url(../image/line_dot_01.gif) no-repeat center right;
}

#link_area ul li a{
	display:block;
	padding-left:17px;
	margin-left:15px;
	margin-bottom:3px;
	background: url(/common/image/icon_blank_01.gif) no-repeat left 0.18em;
	white-space:nowrap
}

.mac.ff2 #link_area ul li a{
padding-top:1px;
padding-bottom:1px;
}

#link_area ul li a.normal {
	background: url(/common/image/icon_arrow_01.gif) no-repeat left 0.18em;
}


#link_area ul li.last{
	background: none;
}


/*----------------------------------------------------
	サブナビ
----------------------------------------------------*/

/*--------------------------------
	バナー
----------------------------------*/

/*アンケート*/
#sub_area p a{
	display:block;
	text-indent:-9999px;
	height:51px;
	margin-bottom:10px;
}

#sub_area p a:link,
#sub_area p a:visited{
	background: url(/image/button_questionnaire.gif) no-repeat left top;
}

#sub_area p a:hover{
	background: url(/image/button_questionnaire.gif) no-repeat left bottom;
}

/*メールマガジン*/
#sub_area p.mailmag a{
	height:42px;
	margin-top:5px;
}

#sub_area p.mailmag a:link,
#sub_area p.mailmag a:visited{
	background: url(/image/button_mailmag.gif) no-repeat left top;
}

#sub_area p.mailmag a:hover{
	background: url(/image/button_mailmag.gif) no-repeat left bottom;
}

/*--------------------------------
	画像リンク
----------------------------------*/

#sub_area ul {
	overflow:hidden;
}

#sub_area ul li img {
	vertical-align:bottom;
}


#sub_area div {
	width:210px;
	margin-top:10px;
	background: url(../image/bg_subnavi_link_01.gif) no-repeat left top;
}


#sub_area div#normal {
	width: 160px;
	text-align: right;
	margin-top: 10px;
	background: transparent;
}

/*-----------*/
ul#sub_navi{
	width:210px;
	height:167px;
}
ul#sub_navi li a{
	display:block;
	width:210px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

/*--off----*/
ul#sub_navi li.navi01 a {
	background:url(../image/button_subnavi.gif) no-repeat 0px 0px;
	height:34px;
}
ul#sub_navi li.navi02 a {
	background:url(../image/button_subnavi.gif) no-repeat 0px -35px;
	height:33px;
}

ul#sub_navi li.navi05 a {
	background:url(../image/button_subnavi.gif) no-repeat 0px -68px;
	height:33px;
}
ul#sub_navi li.navi03 a {
	background:url(../image/button_subnavi.gif) no-repeat 0px -101px;
	height:33px;
}
ul#sub_navi li.navi04 a {
	background:url(../image/button_subnavi.gif) no-repeat 0px -134px;
	height:34px;
}


/*--hover----*/
ul#sub_navi li.navi01 a:hover {
	background:url(../image/button_subnavi.gif) no-repeat -210px 0px;
}
ul#sub_navi li.navi02 a:hover {
	background:url(../image/button_subnavi.gif) no-repeat -210px -35px;
}
ul#sub_navi li.navi05 a:hover {
	background:url(../image/button_subnavi.gif) no-repeat -210px -68px;
}
ul#sub_navi li.navi03 a:hover {
	background:url(../image/button_subnavi.gif) no-repeat -210px -101px;
}
ul#sub_navi li.navi04 a:hover {
	background:url(../image/button_subnavi.gif) no-repeat -210px -134px;
}

/*--------------------------------
	テキストリンク
----------------------------------*/

/*--枠付き----------------------*/

#sub_area div ul.link {
	padding:9px 7px 7px 7px;
}
.ie6 #sub_area div ul.link li{
	width:196px;
}

#sub_area div ul.link li.ehealth {
	padding:5px 7px 5px 20px;
	margin-bottom:3px;
	background: url(/common/image/icon_list_02.gif) no-repeat 6px 8px;
	border:#ffa22a solid 1px;
	font-weight:bold;
}
.ie6 #sub_area div ul.link li.ehealth {
	width:167px;
}
.ie6 #sub_area div ul.link li.ehealth li {
	width:167px;
}

#sub_area div ul.link li a{
	display:block;
	padding:5px 7px 5px 20px;
	margin-bottom:3px;
	background: url(/common/image/icon_arrow_02.gif) no-repeat 6px 8px;
	border:#ffa22a solid 1px;
	font-weight:bold;
}

#sub_area div ul.link li.ehealth a {
	display:block;
	padding:0px 7px 0px 20px;
	background: url(/common/image/icon_blank_04.gif) no-repeat 8px 0.3em;
	border:none;
	font-weight:normal;
}

#sub_area div ul.link li a:hover{
	background-color:#feffde;
	text-decoration:none;
}
#sub_area div ul.link li.ehealth a:hover{
	background-color:transparent;
	text-decoration:underline;
}


/*--通常----------------------*/
#sub_area div ul.link_nb {
	padding:0 1px 10px 1px;
	background: url(../image/bg_subnavi_link_02.gif) no-repeat left bottom;
}

#sub_area div ul.link_nb li {
	padding:7px 9px 5px 22px;
	background: url(/common/image/icon_arrow_03.gif) no-repeat 11px 0.8em;
	border-top:#d9e4cd solid 1px;
}

#sub_area div ul.link_nb li span{
	padding-top:5px;
	display:block;
	font-size:85%;
	color:#666666;
}
/*--blank----------------------*/

#sub_area div ul.link_nb li.blank {
	background: url(/common/image/icon_blank_04.gif) no-repeat 8px 0.8em;
}

/*--------------------------------
	フッタ
----------------------------------*/

#footer_area {
	margin-top:15px;
	border-top:#70B631 solid 2px;
}

#footer_area #tab{
	margin-left:7px;
	width:405px;
	height:31px;
	background:url(/image/bg_footer_02.gif) no-repeat;
}

#footer_area #tab ul{
	padding:7px 0 0 7px ;
}

#footer_area #tab ul li{
	float: left;
	margin-right:15px;
}

#footer_area #tab ul li img{
margin:0;
padding:0;
float:left;/*メモ　safariのために必要*/
}

/*----------------*/


#footer_area {
	background: url(/image/bg_footer.gif) repeat-x top;
}

#footer_area #wrap {
	background: url(/image/bg_footer_03.gif) no-repeat top right;
}

/*--------------------------------
	フッタ 20120810追加　※画像リンクからテキストリンクへ
----------------------------------*/

#footer_area #guide{
	height:31px;
	margin-left:20px;
}

#guide ul{
	padding:7px 0 0 7px ;
}
#guide li{
	display:block;
	font-size:12px;
	padding-left:15px;
	margin-left:15px;
	margin-bottom:3px;
	background: url(/common/image/icon_arrow_01.gif) no-repeat left 0.18em;
	white-space:nowrap;
	float:left;
}
.clear{
	clear:both;
	}
	
#footer_area .adobe{
	clear:both;
	padding:12px 0 8px 5px;
}

/*----------------------------------------------------
	印刷設定
----------------------------------------------------*/

@media print {

#box_menu_area{
	width:744px;
}

}


/*----------------------------------------------------
	当財団の最近の出来事
----------------------------------------------------*/


#action_area {
	position: relative;
	width:734px;
	margin-top:15px;
	background: url(../image/bg_action_area_01.gif) no-repeat left top;
	overflow:hidden;
}


#action_area ul li a{
	display:block;
	padding-left:17px;
	margin-left:15px;
	margin-bottom:3px;
	background: url(/common/image/icon_arrow_01.gif) no-repeat left 0.18em;
	white-space:nowrap
}

#action_area p {
	margin:10px 0px 10px 15px;
	font-weight:bold;
}

#action_area ul {
	overflow:hidden;
	width:731px;
	padding:5px;
	background: url(../image/bg_action_area_02.gif) no-repeat left bottom;
}


/*----------------------------------------------------
	健康・体力づくりニュース
----------------------------------------------------*/



#kenkonews_area {
	position: relative;
	width:734px;
	margin-top:15px;
	background: url(../image/bg_action_area_01.gif) no-repeat left top;
	overflow:hidden;
}


#kenkonews_area li.list {
	width:680px;
	padding-left:17px;
	padding-bottom:5px;
	margin-left:15px;
	margin-bottom:5px;
	text-align: right;
}


#kenkonews_area li.blank {
	width:680px;
	padding-left:17px;
	padding-bottom:5px;
	margin-left:15px;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
	background: url(/common/image/icon_blank_04.gif) no-repeat left 0.18em;
}


#kenkonews_area li.normal {
	width:680px;
	padding-left:17px;
	padding-bottom:5px;
	margin-left:15px;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
	background: url(/common/image/icon_arrow_01.gif) no-repeat left 0.18em;
}




#kenkonews_area p {
	margin:10px 0px 10px 15px;
	font-weight:bold;
}

#kenkonews_area ul {
	overflow:hidden;
	width:731px;
	padding:5px;
	background: url(../image/bg_action_area_02.gif) no-repeat left bottom;
}