@charset "UTF-8";

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.main-text:after,
.main-text01:after,
.main-text02:after,
.main-text03:after,
.main-text04:after,
.main-text05:after,
.main-text06:after,
.main-text07:after,
.main-text08:after,
.main-text09:after,
.main-text10-box:after,
.main-text11:after,
.main-text11-noline:after,
.main-text12:after,
.main-text13:after,
.main-text14:after,
.main-text15:after,
.main-text16:after,
.main-text17:after,
.main-text18:after,
.main-text20:after,
.main-text21:after,
.main-text21-bottom20:after,
.main-text22:after,
.main-lifestage01:after,
.main-lifestage02:after,
.lifestage-photo:after,
.lifestage-5-box:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.main-text,
.main-text01,
.main-text02,
.main-text03,
.main-text04,
.main-text05,
.main-text06,
.main-text07,
.main-text08,
.main-text09,
.main-text10-box,
.main-text11,
.main-text11-noline,
.main-text12,
.main-text13,
.main-text14,
.main-text15,
.main-text16,
.main-text17,
.main-text18,
.main-text20,
.main-text21,
.main-text21-bottom20,
.main-text22,
.main-lifestage01,
.main-lifestage02,
.lifestage-photo,
.lifestage-5-box
 {display: inline-block;}

/* Hides from IE-mac \*/
* html .main-text,
* html .main-text01,
* html .main-text02,
* html .main-text03,
* html .main-text04,
* html .main-text05,
* html .main-text06,
* html .main-text07,
* html .main-text08,
* html .main-text09,
* html .main-text10-box,
* html .main-text11,
* html .main-text11-noline,
* html .main-text12,
* html .main-text13,
* html .main-text14,
* html .main-text15,
* html .main-text16,
* html .main-text17,
* html .main-text18,
* html .main-text20,
* html .main-text21,
* html .main-text21-bottom20,
* html .main-text22,
* html .main-lifestage01,
* html .main-lifestage02,
* html .lifestage-photo,
* html .lifestage-5-box {height: 1%;}

.main-text,.main-text01,.main-text02,.main-text03,.main-text04,.main-text05,.main-text06,* html .main-text07,* html .main-text08,* html .main-text09,* html .main-text10-box,* html .main-text11,* html .main-text11-noline,* html .main-text12,* html .main-text13,* html .main-text14,* html .main-text15,* html .main-text16,* html .main-text15,* html .main-text17,* html .main-text18,* html .main-text20,* html .main-text21,* html .main-text21-bottom20,* html .main-text22,* html .main-lifestage01,* html .main-lifestage02,* html .lifestage-photo,* html .lifestage-5-box{display: block;}
/* End hide from IE-mac */


#index-menu{
margin: 0px;
padding: 0px;
float: left;
height: 40px;
width: 230px;
overflow: visible;
position: relative;
list-style: none;
z-index: 50;
}

#index-menu li{float: left;text-indent: -9999px;position: relative;}
#index-menu li a{display: block;overflow: hidden;width: 230px;background: url(../img/menu_index.gif) 0px 0px;}
#index-menu li.about a{height:38px;background-position: 0px -116px;}
#index-menu li.about a:hover{background-position: 0px -429px;}
#index-menu li.price a{height:36px;background-position: 0px -154px;}
#index-menu li.price a:hover{background-position: 0px -467px;}
#index-menu li.info a{height:35px;background-position: 0px -190px;}
#index-menu li.info a:hover{background-position: 0px -503px;}
#index-menu li.book a{height:30px;background-position: 0px -225px;}
#index-menu li.book a:hover{background-position: 0px -538px;}
#index-menu li.school a{height:29px;background-position: 0px -255px;}
#index-menu li.school a:hover{background-position: 0px -568px;}
#index-menu li.lecture a{height:29px;background-position: 0px -284px;}
#index-menu li.lecture a:hover{background-position: 0px -597px;}

#index-menu #choice-menu{
margin: 0px;
padding: 0px;
float: left;
height: 44px;
width: 230px;
overflow: visible;
position: relative;
list-style: none;
z-index: 50;
}

#index-menu #choice-menu li{float: left;text-indent: -9999px;position: relative;}
#index-menu #choice-menu li a{display: block;overflow: hidden;height: 44px;background: url(../img/menu_index.gif) 0px 0px;}
#index-menu #choice-menu li.choice-ippan a{width:106px;background-position: 0px -72px;}
#index-menu #choice-menu li.choice-ippan a:hover{background-position: 0px -385px;}
#index-menu #choice-menu li.choice-iryou a{width:119px;background-position: -106px -72px;}
#index-menu #choice-menu li.choice-iryou a:hover{background-position: -106px -385px;}

/*インデックスメニュー：該当ページのメニューオン*/
.body-index #index-menu #choice-menu li.choice-ippan a{background-position: 0px -385px;}



/*その他ページの共通メニュー*/
#common-menu{
margin: 0px;
padding: 0px;
height: 410px;
width: 205px;
overflow: visible;
position: relative;
list-style: none;
z-index: 50;
}

/*共通メニュー：トップ＠左フロート、テキスト飛ばし、位置自動修正*/
#common-menu li{float: left;text-indent: -9999px;position: relative;}
/*共通メニュー：トップ＠ブロック要素、オーバーフロー入り、横サイズ指定、背景画像指定*/
#common-menu li a{display: block;overflow: hidden;width: 205px;background: url(../img/menu_common.gif) 0px 0px;}
/*共通メニュー：トップ：各メニュー＠縦サイズ指定、背景指定、背景位置指定マウスオーバー時、選択時の背景指示*/
#common-menu li.top a{height:47px;background-position: 0px 0px;}
#common-menu li.top a:hover{background-position: 0px 0px;}

#common-menu li.about a{height:32px;background-position: 0px -87px;}
#common-menu li.about a:hover{background-position: 0px -687px;}
#common-menu li.about001 a{height:24px;background-position: 0px -119px;}
#common-menu li.about001 a:hover{background-position: 0px -719px;}
#common-menu li.about002 a{height:26px;background-position: 0px -143px;}
#common-menu li.about002 a:hover{background-position: 0px -743px;}
#common-menu li.about003 a{height:26px;background-position: 0px -169px;}
#common-menu li.about003 a:hover{background-position: 0px -769px;}
#common-menu li.about004 {display: block;overflow: hidden;width: 205px;background: url(../img/menu_common.gif) 0px 0px;height:26px;background-position: 0px -195px;}
#common-menu li.about {display: block;overflow: hidden;width: 205px;background: url(../img/menu_common.gif) 0px 0px;height:32px;background-position: 0px -87px;}

#common-menu li.price a{height:30px;background-position: 0px -216px;}
#common-menu li.price a:hover{background-position: 0px -816px;}
#common-menu li.price001 a{height:24px;background-position: 0px -246px;}
#common-menu li.price001 a:hover{background-position: 0px -846px;}
#common-menu li.price002 a{height:26px;background-position: 0px -270px;}
#common-menu li.price002 a:hover{background-position: 0px -870px;}
#common-menu li.price003 a{height:26px;background-position: 0px -296px;}
#common-menu li.price003 a:hover{background-position: 0px -896px;}
#common-menu li.price004 {display: block;overflow: hidden;width: 205px;background: url(../img/menu_common.gif) 0px 0px;height:18px;background-position: 0px -322px;}
#common-menu li.price {display: block;overflow: hidden;width: 205px;background: url(../img/menu_common.gif) 0px 0px;height:30px;background-position: 0px -216px;}

#common-menu li.info a{height:30px;background-position: 0px -340px;}
#common-menu li.info a:hover{background-position: 0px -940px;}
#common-menu li.book a{height:27px;background-position: 0px -370px;}
#common-menu li.book a:hover{background-position: 0px -970px;}
#common-menu li.school a{height:27px;background-position: 0px -397px;}
#common-menu li.school a:hover{background-position: 0px -997px;}
#common-menu li.lecture a{height:27px;background-position: 0px -424px;}
#common-menu li.lecture a:hover{background-position: 0px -1024px;}
#common-menu li.women a{height:105px;background-position: 0px -451px;}
#common-menu li.women a:hover{background-position: 0px -1051px;}
#common-menu li.home a{height:45px;background-position: 0px -556px;}
#common-menu li.home a:hover{background-position: 0px -1156px;}

/*共通メニュー：該当ページのメニューオン*/
.body-about001 #common-menu li.about001 a{height:24px;background-position: 0px -719px;}
.body-about002 #common-menu li.about002 a{height:26px;background-position: 0px -743px;}
.body-about003 #common-menu li.about003 a{height:26px;background-position: 0px -769px;}
.body-price001 #common-menu li.price001 a{height:24px;background-position: 0px -846px;}
.body-price002 #common-menu li.price002 a{height:26px;background-position: 0px -870px;}
.body-price003 #common-menu li.price003 a{height:26px;background-position: 0px -896px;}
.body-info #common-menu li.info a{height:30px;background-position: 0px -940px;}
.body-book #common-menu li.book a{height:27px;background-position: 0px -970px;}
.body-school #common-menu li.school a{height:27px;background-position: 0px -997px;}
.body-lecture #common-menu li.lecture a{height:27px;background-position: 0px -1024px;}
.body-women #common-menu li.woomen a{height:105px;background-position: 0px -1051px;}
.body-home #common-menu li.home a{height:105px;background-position: 0px -1156px;}

/*共通メニュー：一般向け／医療者向けのメニュー*/
#common-menu #choice-menu{
margin: 0px;
padding: 0px;
height: 40px;
width: 205px;
overflow: visible;
position: relative;
list-style: none;
z-index: 50;
clear: both;
}

#common-menu #choice-menu li{float: left;text-indent: -9999px;position: relative;}
#common-menu #choice-menu li a{display: block;overflow: hidden;height: 40px;background: url(../img/menu_common.gif) 0px 0px;}
#common-menu #choice-menu li.choice-ippan a{width:86px;background-position: 0px -47px;}
#common-menu #choice-menu li.choice-ippan a:hover{background-position: 0px -647px;}
#common-menu #choice-menu li.choice-iryou a{width:119px;background-position: -86px -47px;}
#common-menu #choice-menu li.choice-iryou a:hover{background-position: -86px -647px;}

/*共通メニュー：一般向け／医療者向けのメニュー：該当ページのメニューオン*/
.body-about001 #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-about002 #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-about003 #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-price001 #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-price002 #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-price003 #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-info #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-book #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-school #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-lecture #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-women #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}
.body-home #common-menu #choice-menu li.choice-ippan a{background-position: 0px -647px;}


/*ライフステージメニュー*/

#lifestage-menu{
margin: 0px 0px 75px 30px;
padding: 0px;
height: 37px;
width: 435px;
overflow: visible;
position: relative;
list-style: none;
z-index: 50;
}

#lifestage-menu li{float: left;text-indent: -9999px;position: relative;}
#lifestage-menu li a{display: block;overflow: hidden;height: 37px;background: url(../img/menu_lifestage.gif) 0px 0px;}
#lifestage-menu li.stage-0 {display: block;overflow: hidden;width: 435px;background: url(../img/menu_lifestage.gif) 0px 0px;height:37px;background-position: 0px 0px;}
#lifestage-menu li.stage-1 a{width:61px;background-position: 0px -37px;}
#lifestage-menu li.stage-1 a:hover{background-position: 0px -111px;}
#lifestage-menu li.stage-2 a{width:87px;background-position: -61px -37px;}
#lifestage-menu li.stage-2 a:hover{background-position: -61px -111px;}
#lifestage-menu li.stage-3 a{width:57px;background-position: -148px -37px;}
#lifestage-menu li.stage-3 a:hover{background-position: -148px -111px;}
#lifestage-menu li.stage-4 a{width:58px;background-position: -205px -37px;}
#lifestage-menu li.stage-4 a:hover{background-position: -205px -111px;}
#lifestage-menu li.stage-5 a{width:58px;background-position: -263px -37px;}
#lifestage-menu li.stage-5 a:hover{background-position: -263px -111px;}
#lifestage-menu li.stage-6 a{width:57px;background-position: -321px -37px;}
#lifestage-menu li.stage-6 a:hover{background-position: -321px -111px;}
#lifestage-menu li.stage-modoru a{width:57px;background-position: -378px -37px;}
#lifestage-menu li.stage-modoru a:hover{background-position: -378px -111px;}


/*医療者向けのメニュー：該当ページのメニューオン*/
.body-ls-1 #lifestage-menu li.stage-1 a{width:61px;background-position: 0px -111px;}
.body-ls-2 #lifestage-menu li.stage-2 a{width:87px;background-position: -61px -111px;}
.body-ls-3 #lifestage-menu li.stage-3 a{width:57px;background-position: -148px -111px;}
.body-ls-4 #lifestage-menu li.stage-4 a{width:58px;background-position: -205px -111px;}
.body-ls-5 #lifestage-menu li.stage-5 a{width:58px;background-position: -263px -111px;}
.body-ls-6 #lifestage-menu li.stage-6 a{width:57px;background-position: -321px -111px;}


/*医療者向けのメニュー*/
#iryou-menu{
margin: 0px;
padding: 0px;
height: 87px;
width: 235px;
overflow: visible;
position: relative;
list-style: none;
z-index: 50;
float:left;
}

#iryou-menu li{float: left;text-indent: -9999px;position: relative;}
#iryou-menu li a{display: block;overflow: hidden;height: 40px;background: url(../img/menu_iryou.gif) 0px 0px;}

#iryou-menu li.choice-title {display: block;overflow: hidden;width: 235px;background: url(../img/menu_iryou.gif) 0px 0px;height:47px;background-position: 0px 0px;}

#iryou-menu li.choice-ippan a{width:86px;background-position: 0px -47px;}
#iryou-menu li.choice-ippan a:hover{background-position: 0px -134px;}
#iryou-menu li.choice-iryou a{width:149px;background-position: -86px -47px;}
#iryou-menu li.choice-iryou a:hover{background-position: -86px -134px;}

/*医療者向けのメニュー：該当ページのメニューオン*/
.body-iryou #iryou-menu li.choice-iryou a{width:149px;background-position: -86px -134px;}